[{"data":1,"prerenderedAt":142},["ShallowReactive",2],{"text-diagram-doc:\u002Fguide\u002Fdialog":3},{"id":4,"title":5,"body":6,"description":130,"extension":131,"keywords":132,"locale":133,"meta":134,"navigation":135,"order":136,"path":137,"section":138,"seo":139,"stem":140,"__hash__":141},"docs\u002Fguide\u002Fdialog.zh-CN.md","独立弹窗",{"type":7,"value":8,"toc":124},"minimark",[9,24,28,31,35,57,72,91,94,107],[10,11,12,13,17,18,23],"p",{},"需要“点击按钮 → 编辑图形 → 回到原页面”的流程时，使用 ",[14,15,16],"code",{},"openTextDiagramDialog","。它创建独立 Vue 根并按需加载工作台，包含自己的 Provider；宿主仍需安装",[19,20,22],"a",{"href":21},"\u002Fguide\u002Fvue","工作台样式","。",[25,26],"docs-demo",{"name":27},"dialog\u002Flauncher",[10,29,30],{},"示例初始为 PlantUML 时序图，保存后显示 PNG，再次打开会读取已接受的新版本。取消不改变原对象；离开页面后这个演示内存会话结束。",[32,33,34],"h2",{"id":34},"主题与生命周期",[10,36,37,38,41,42,45,46,49,50,53,54,23],{},"传入实际的 ",[14,39,40],{},"ownerDocument","、",[14,43,44],{},"locale"," 和宿主 ",[14,47,48],{},"theme","；主题不写入文档，预览保留引擎或源码定义的样式。示例根据页面的 CSS ",[14,51,52],{},"color-scheme"," 生成主题，真实应用可以直接传入自己的 ",[14,55,56],{},"QuireKitTheme",[10,58,59,60,63,64,67,68,71],{},"返回值是立即可用的 ",[14,61,62],{},"TextDiagramDialogHandle","。即使懒加载还没完成，也可以调用 ",[14,65,66],{},"close()","；重复关闭是安全的。提供 ",[14,69,70],{},"signal"," 可以在宿主卸载时统一关闭。",[10,73,74,75,78,79,82,83,86,87,90],{},"弹窗在保存成功、取消、外部关闭或加载失败时调用 ",[14,76,77],{},"request.release()","。不要把 ",[14,80,81],{},"release"," 当成保存通知：它也会在取消时执行。保存结果以 ",[14,84,85],{},"commit"," 返回 ",[14,88,89],{},"saved"," 为准。",[32,92,93],{"id":93},"焦点和提交",[10,95,96,97,41,100,41,103,106],{},"源码区的 Esc 先处理查找或退出编辑焦点；需要移出源码区时先按 Esc 再按 Tab。弹窗关闭后焦点回到触发位置。提交返回 ",[14,98,99],{},"conflict",[14,101,102],{},"readonly",[14,104,105],{},"missing"," 时，工作台显示原因并保留当前草稿。",[10,108,109,111,112,114,115,119,120,23],{},[14,110,85],{}," 是同步的本地接受合同，不能返回 Promise。需要服务器持久化的应用，应先定义本地事务与同步策略；不要提前返回 ",[14,113,89],{}," 却没有接受对象。详见",[19,116,118],{"href":117},"\u002Fguide\u002Fpersistence","持久化合同","和",[19,121,123],{"href":122},"\u002Fapi\u002Feditor","弹窗 API",{"title":125,"searchDepth":126,"depth":126,"links":127},"",2,[128,129],{"id":34,"depth":126,"text":34},{"id":93,"depth":126,"text":93},"从任意浏览器宿主打开工作台，传递主题并在关闭时释放请求。","md",null,"zh-CN",{},true,3,"\u002Fguide\u002Fdialog","接入指南",{"title":5,"description":130},"guide\u002Fdialog.zh-CN","iFvf8FNMPlTt3VLnKO79OuFFi0t21bSb5qtLicjOk6k",1793045389730]