[{"data":1,"prerenderedAt":332},["ShallowReactive",2],{"quirekit-doc:\u002Fplugins\u002Freference\u002Fflowchart":3},{"id":4,"title":5,"body":6,"description":12,"extension":319,"keywords":320,"locale":323,"meta":324,"navigation":325,"order":326,"path":327,"section":328,"seo":329,"stem":330,"__hash__":331},"docs\u002Fplugins\u002Freference\u002Fflowchart.zh-CN.md","Flowchart · 流程图",{"type":7,"value":8,"toc":306},"minimark",[9,13,24,28,34,88,96,99,115,127,151,158,161,172,176,179,186,190,193,199,205,208,211,216,220,223,230,268,276,279,290,302],[10,11,12],"p",{},"保存流程图源码与匹配的静态预览。编辑入口和离屏渲染由宿主注入，Core 扩展不自行加载绘图界面。",[10,14,15,19,20],{},[16,17,18],"code",{},"@quirekit\u002Fextension-flowchart"," · ",[21,22,23],"strong",{},"AGPL-3.0-only",[25,26,27],"h2",{"id":27},"编辑器适用范围",[10,29,30,31],{},"层次：",[21,32,33],{},"共享文档能力",[35,36,37,53],"table",{},[38,39,40],"thead",{},[41,42,43,47,50],"tr",{},[44,45,46],"th",{},"编辑器",[44,48,49],{},"状态",[44,51,52],{},"所需装配与边界",[54,55,56,73],"tbody",{},[41,57,58,62,65],{},[59,60,61],"td",{},"Classic",[59,63,64],{},"需适配",[59,66,67,72],{},[68,69,71],"a",{"href":70},"\u002Fplugins\u002Freference\u002Fclassic-flowchart","ClassicFlowchart"," — 共享扩展只定义内容与宿主端口。使用下列 Classic 适配入口接入工作区和产品交互，不要同时安装共享扩展与其同名适配实现。",[41,74,75,78,81],{},[59,76,77],{},"Block",[59,79,80],{},"直接支持",[59,82,83,87],{},[68,84,86],{"href":85},"\u002Fplugins\u002Freference\u002Fcreate-block-editor-preset","createBlockEditorPreset"," — createBlockEditor 默认预设已装配此能力。通过 preset 中对应子项配置；图形编辑使用预设注入的工作区，宿主仍负责保存和资源。不要重复安装同名扩展。",[10,89,90,91,95],{},"“直接支持”指已有上述产品装配；具体交互、宿主服务和格式支持仍有各自条件。",[68,92,94],{"href":93},"\u002Fplugins\u002Fcompatibility","状态与接入规则","。许可独立显示。",[25,97,98],{"id":98},"接入",[100,101,106],"pre",{"className":102,"code":103,"language":104,"meta":105,"style":105},"language-sh shiki shiki-themes github-light github-light github-dark","pnpm add @quirekit\u002Fextension-flowchart@alpha\n","sh","",[16,107,108],{"__ignoreMap":105},[109,110,113],"span",{"class":111,"line":112},"line",1,[109,114,103],{},[10,116,117,118,121,122,126],{},"在创建 Editor 时放入 ",[16,119,120],{},"extensions","。挂载容器、视图和保存由宿主提供，见",[68,123,125],{"href":124},"\u002Fguide\u002Fquick-start","快速开始","。",[100,128,132],{"className":129,"code":130,"language":131,"meta":105,"style":105},"language-ts shiki shiki-themes github-light github-light github-dark","import { Flowchart } from '@quirekit\u002Fextension-flowchart'\n","ts",[16,133,134],{"__ignoreMap":105},[109,135,136,140,144,147],{"class":111,"line":112},[109,137,139],{"class":138},"sDD9d","import",[109,141,143],{"class":142},"sVPnS"," { Flowchart } ",[109,145,146],{"class":138},"from",[109,148,150],{"class":149},"s-HEn"," '@quirekit\u002Fextension-flowchart'\n",[10,152,153,154,126],{},"安装时按包声明选择兼容版本，外部可用版本以分发源为准。本站使用工作区 Alpha；许可标签来自入口所属包，使用条件见",[68,155,157],{"href":156},"\u002Fsupport","支持与许可",[25,159,160],{"id":160},"按编辑器接入",[10,162,163,164,167,168,171],{},"以下片段沿用已挂载的宿主元素 ",[16,165,166],{},"element","，宿主负责容器尺寸与保存；退出页面时调用 ",[16,169,170],{},"instance.destroy()","。已有预设装配的能力不要再重复追加；需要宿主端口的入口应先完成下方配置。",[173,174],"plugin-integration",{"name":175},"Flowchart",[25,177,178],{"id":178},"配置",[10,180,181,182,126],{},"下面是扩展自身的默认选项。预设可以覆盖这些值；它们不等于当前文档属性。配置方法见",[68,183,185],{"href":184},"\u002Fplugins\u002Fconfiguration","配置插件",[187,188,189],"h3",{"id":189},"open",[10,191,192],{},"打开捕获目标的编辑工作区，返回可释放的界面任务。异步提交时仍需校验原目标。",[10,194,195,196],{},"类型：",[16,197,198],{},"((request: FlowchartEditRequest, editor: QuireEditor) => { close(): void; }) | null",[10,200,201,202],{},"默认：",[16,203,204],{},"null",[187,206,207],{"id":207},"render",[10,209,210],{},"宿主渲染接口。图形扩展生成与源码匹配的静态预览；DataView 使用节点视图渲染接口。",[10,212,195,213],{},[16,214,215],{},"FlowchartRenderer | null | undefined",[10,217,201,218],{},[16,219,204],{},[25,221,222],{"id":222},"命令与运行方式",[10,224,225,226,229],{},"以下命令由此扩展直接提供，均在当前 Editor 上调用。命令是否可用由已安装 schema、当前选区与保护策略决定；可以先用 ",[16,227,228],{},"editor.can()"," 查询。",[35,231,232,242],{},[38,233,234],{},[41,235,236,239],{},[44,237,238],{},"命令",[44,240,241],{},"参数签名",[54,243,244,256],{},[41,245,246,251],{},[59,247,248],{},[16,249,250],{},"insertFlowchart",[59,252,253],{},[16,254,255],{},"insertFlowchart(request: FlowchartInsertion)",[41,257,258,263],{},[59,259,260],{},[16,261,262],{},"updateFlowchart",[59,264,265],{},[16,266,267],{},"updateFlowchart(request: FlowchartUpdate)",[10,269,270,271,275],{},"这里只展示参数签名。接界面时见",[68,272,274],{"href":273},"\u002Fbuild\u002Fcommands","命令与控件","，正文变更继续经过同一事务与历史。",[25,277,278],{"id":278},"下一步",[10,280,281,282,286,287,289],{},"返回",[68,283,285],{"href":284},"\u002Fplugins","全部插件","，或阅读",[68,288,185],{"href":184},"区分配置、文档属性与命令。",[10,291,292,293,297,298,126],{},"自己定义能力时见",[68,294,296],{"href":295},"\u002Fbuild\u002Fextension","扩展开发","；搭建完整宿主时见",[68,299,301],{"href":300},"\u002Fbuild","构建产品",[303,304,305],"style",{},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sDD9d, html code.shiki .sDD9d{--shiki-default:#D73A49;--shiki-light:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sVPnS, html code.shiki .sVPnS{--shiki-default:#24292E;--shiki-light:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s-HEn, html code.shiki .s-HEn{--shiki-default:#032F62;--shiki-light:#032F62;--shiki-dark:#9ECBFF}",{"title":105,"searchDepth":307,"depth":307,"links":308},2,[309,310,311,312,317,318],{"id":27,"depth":307,"text":27},{"id":98,"depth":307,"text":98},{"id":160,"depth":307,"text":160},{"id":178,"depth":307,"text":178,"children":313},[314,316],{"id":189,"depth":315,"text":189},3,{"id":207,"depth":315,"text":207},{"id":222,"depth":307,"text":222},{"id":278,"depth":307,"text":278},"md",[175,18,321,322,189,207,250,262,175],"流程图","objects","zh-CN",{"navigationTitle":175,"license":23},true,97,"\u002Fplugins\u002Freference\u002Fflowchart","图形与数据",{"title":5,"description":12},"plugins\u002Freference\u002Fflowchart.zh-CN","_GwPFR1UyOmTjTMq2bKxWPQ4jCAv0EJjTFlwTYMqD0w",1793045213654]