@flowgram-vue/editor 0.2.0

package/LICENSE

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+Copyright (c) 2026 Crayon
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/preset/editor-props.ts","../src/clients/node-client/highlight/highlight-style.ts","../src/clients/node-client/highlight/constants.ts","../src/clients/node-client/highlight/highlight-form-item.ts","../src/clients/node-client/highlight/use-highlight.ts","../src/clients/node-client/node-focus-service.ts","../src/clients/node-client/node-client.ts","../src/clients/node-client/highlight/create-node-highlight-plugin.ts","../src/clients/node-client/create-node-client-plugins.ts","../src/clients/flow-editor-client.ts","../src/clients/flow-editor-client-plugins.ts","../src/preset/editor-default-preset.ts","../src/components/editor-provider.vue","../src/components/editor.vue","../src/hooks/use-flow-editor.ts"],"names":["EditorProps","FlowNodeRenderData","ref","NodeFocusService","inject","Playground","injectable","NodeClient","definePluginCreator","FlowEditorClient","createI18nPlugin","createReduxDevToolPlugin","FlowDocumentContainerModule","FlowRendererContainerModule","createMaterialsPlugin","createNodeCorePlugin","createNodeVariablePlugin","createHistoryNodePlugin","createPlaygroundPlugin","ctx","node","getNodeForm","getNodeScope","getNodePrivateScope","FlowRendererRegistry","createPluginContextDefault","FlowDocument","SelectionService","_createBlock","_renderSlot","_mergeProps","_withCtx","_createVNode","useService"],"mappings":"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","file":"index.cjs","sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { FlowNodeScope, VariablePluginOptions } from '@flowgram-vue/variable-plugin';\nimport { ReduxDevToolPluginOptions } from '@flowgram-vue/redux-devtool-plugin';\nimport { type PlaygroundVueProps } from '@flowgram-vue/playground-vue';\nimport { NodeCorePluginOptions } from '@flowgram-vue/node-core-plugin';\nimport { type NodeFormProps } from '@flowgram-vue/node';\nimport { MaterialsPluginOptions } from '@flowgram-vue/materials-plugin';\nimport { I18nPluginOptions } from '@flowgram-vue/i18n-plugin';\nimport { HistoryPluginOptions } from '@flowgram-vue/history';\nimport { FormMetaOrFormMetaGenerator } from '@flowgram-vue/form-core';\nimport {\n  FlowDocument,\n  FlowDocumentJSON,\n  FlowNodeEntity,\n  type FlowNodeJSON,\n  FlowNodeRegistry,\n  FlowNodeType,\n} from '@flowgram-vue/document';\nimport { PluginContext, SelectionService } from '@flowgram-vue/core';\n\ndeclare module '@flowgram-vue/document' {\n  interface FlowNodeEntity {\n    form: NodeFormProps<any> | undefined;\n    scope: FlowNodeScope | undefined;\n    privateScope: FlowNodeScope | undefined;\n  }\n}\n\nexport interface EditorPluginContext extends PluginContext {\n  document: FlowDocument;\n  selection: SelectionService;\n}\n\nexport interface EditorProps<\n  CTX extends EditorPluginContext = EditorPluginContext,\n  JSON = FlowDocumentJSON\n> extends PlaygroundVueProps<CTX> {\n  /**\n   * Initialize data\n   * 初始化数据\n   */\n  initialData?: JSON;\n  /**\n   * whether it is readonly\n   * 是否为 readonly\n   */\n  readonly?: boolean;\n  /**\n   * node registries\n   * 节点定义\n   */\n  nodeRegistries?: FlowNodeRegistry[];\n  /**\n   * Get the default node registry, which will be merged with the 'nodeRegistries'\n   * 提供默认的节点注册，这个会和 nodeRegistries 做合并\n   */\n  getNodeDefaultRegistry?: (type: FlowNodeType) => FlowNodeRegistry;\n  /**\n   * Node engine configuration\n   */\n  nodeEngine?: NodeCorePluginOptions & {\n    /**\n     * Default formMeta\n     */\n    createDefaultFormMeta?: (node: FlowNodeEntity) => FormMetaOrFormMetaGenerator;\n    /**\n     * Enable node engine\n     */\n    enable?: boolean;\n  };\n  /**\n   * By default, all nodes are expanded\n   * 默认是否展开所有节点\n   */\n  allNodesDefaultExpanded?: boolean;\n  /**\n   * Canvas material, Used to customize Vue components\n   * 画布物料, 用于自定义 Vue 组件\n   */\n  materials?: MaterialsPluginOptions;\n  /**\n   * 画布数据加载完成, 请使用 onAllLayersRendered 替代\n   * @deprecated\n   * */\n  onLoad?: (ctx: CTX) => void;\n  /**\n   * 是否开启变量引擎\n   * Variable engine enable\n   */\n  variableEngine?: VariablePluginOptions;\n  /**\n   * Redo/Undo enable\n   */\n  history?: HistoryPluginOptions<CTX> & { disableShortcuts?: boolean };\n\n  /**\n   * redux devtool configuration\n   */\n  reduxDevTool?: ReduxDevToolPluginOptions;\n\n  /**\n   * Scroll configuration\n   * 滚动配置\n   */\n  scroll?: {\n    enableScrollLimit?: boolean; // 开启滚动限制\n    disableScrollBar?: boolean; //  关闭滚动条\n    disableScroll?: boolean; // 禁止滚动\n  };\n\n  /**\n   * Node data transformation, called by ctx.document.fromJSON\n   * 节点数据转换, 由 ctx.document.fromJSON 调用\n   * @param node - current node\n   * @param json - Current node json data\n   */\n  toNodeJSON?(node: FlowNodeEntity, json: FlowNodeJSON): FlowNodeJSON;\n  /**\n   * Node data transformation, called by ctx.document.toJSON\n   * 节点数据转换, 由 ctx.document.toJSON 调用\n   * @param node - current node\n   * @param json - Current node json data\n   * @param isFirstCreate - Whether it is created for the first time, If document.fromJSON is recalled, but the node already exists, isFirstCreate is false\n   */\n  fromNodeJSON?(node: FlowNodeEntity, json: FlowNodeJSON, isFirstCreate: boolean): FlowNodeJSON;\n  /**\n   * Canvas internal constant customization\n   * 画布内部常量自定义\n   */\n  constants?: Record<string, any>;\n  /**\n   * i18n\n   * 国际化\n   */\n  i18n?: I18nPluginOptions;\n}\n\nexport namespace EditorProps {\n  /**\n   * 默认配置\n   */\n  export const DEFAULT: EditorProps = {\n    background: {},\n  };\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nexport const HIGHLIGHT_CLASSNAME = 'flowide-highlight';\n\nconst styleText = `\n@keyframes flowide-fade {\n  from {\n   opacity: 1.0;\n  }\n  to {\n    opacity: 0;\n  }\n}\n@-webkit-keyframes flowide-fade {\n  from {\n   opacity: 1.0;\n  }\n  to {\n    opacity: 0;\n  }\n}\n.${HIGHLIGHT_CLASSNAME} {\n  background-color: rgba(238, 245, 40, 0.5);\n  animation: flowide-fade 2s 1 forwards;\n  -webkit-animation: flowide-fade 2s 1 forwards;\n}\n`;\n\nlet styleDom: HTMLStyleElement | undefined;\n\nexport function createHighlightStyle(): void {\n  if (styleDom) return;\n  styleDom = document.createElement('style');\n  styleDom.innerHTML = styleText;\n  document.head.appendChild(styleDom);\n}\n\nexport function removeHighlightStyle(): void {\n  styleDom?.remove();\n  styleDom = undefined;\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nexport const DEFAULT_HIGHLIGHT_COLOR = 'rgba(238, 245, 40, 0.5)';\nexport const DEFAULT_HIGHLIGHT_PADDING = 0;\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { FormItem } from '@flowgram-vue/form-core';\nimport { FlowNodeRenderData } from '@flowgram-vue/document';\n\nimport { HIGHLIGHT_CLASSNAME } from './highlight-style';\nimport { DEFAULT_HIGHLIGHT_PADDING } from './constants';\n\nexport interface HighLightOptions {\n  padding?: number;\n  overlayClassName?: string;\n}\n\nexport function highlightFormItem(\n  formItem: FormItem,\n  options?: HighLightOptions,\n): HTMLDivElement | undefined {\n  const parent =\n    formItem.formModel.flowNodeEntity.getData<FlowNodeRenderData>(FlowNodeRenderData).node;\n  const target = formItem.domRef.current;\n\n  if (!target) {\n    return undefined;\n  }\n\n  const overlay = document.createElement('div');\n\n  const { padding = DEFAULT_HIGHLIGHT_PADDING, overlayClassName } = options || {};\n\n  overlay.style.position = 'absolute';\n  overlay.style.top = '0';\n  overlay.style.left = '0';\n  overlay.style.width = '100%';\n  overlay.style.height = '100%';\n  overlay.style.zIndex = '9999';\n\n  parent.appendChild(overlay);\n\n  const parentRect = parent.getBoundingClientRect();\n  const targetRect = target.getBoundingClientRect();\n\n  overlay.style.top = targetRect.top - parentRect.top - padding + 'px';\n  overlay.style.left = targetRect.left - parentRect.left - padding + 'px';\n  overlay.style.width = targetRect.width + padding * 2 + 'px';\n  overlay.style.height = targetRect.height + padding * 2 + 'px';\n\n  overlay.className = overlayClassName || HIGHLIGHT_CLASSNAME;\n  setTimeout(() => {\n    overlay.remove();\n  }, 2000);\n  return overlay;\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { ref, type Ref } from 'vue';\nimport { FormModel, type FormItemDomRef } from '@flowgram-vue/form-core';\n\ninterface HighlightProps {\n  form: FormModel;\n  path: string;\n}\n\nexport function useHighlight(props: HighlightProps): Ref<HTMLElement | null> | null {\n  const elRef = ref<HTMLElement | null>(null);\n  const { form, path } = props;\n  const formItem = form.getFormItemByPath(path);\n  if (!formItem) {\n    return null;\n  }\n  const domRef: FormItemDomRef = {\n    get current() {\n      return elRef.value;\n    },\n    set current(value) {\n      elRef.value = value;\n    },\n  };\n  formItem.domRef = domRef;\n  return elRef;\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { injectable, inject } from 'inversify';\nimport { type FormItem } from '@flowgram-vue/form-core';\nimport { Playground, PlaygroundConfigRevealOpts } from '@flowgram-vue/core';\n\nimport { highlightFormItem, HighLightOptions } from './highlight';\n\nexport type FocusNodeCanvasOptions = PlaygroundConfigRevealOpts;\n\nexport interface FocusNodeFormItemOptions {\n  canvas?: FocusNodeCanvasOptions;\n  highlight?: boolean | HighLightOptions;\n}\n\n@injectable()\nexport class NodeFocusService {\n  @inject(Playground) readonly playground: Playground;\n\n  protected previousOverlay: HTMLDivElement | undefined;\n\n  protected currentPromise: Promise<void> | undefined;\n\n  highlightNodeFormItem(formItem: FormItem, options?: HighLightOptions) {\n    this.previousOverlay = highlightFormItem(formItem, options);\n  }\n\n  focusNodeFormItem(formItem: FormItem, options?: FocusNodeFormItemOptions): Promise<void> {\n    const node = formItem.formModel.flowNodeEntity;\n    const { canvas = {}, highlight } = options || {};\n    if (this.previousOverlay) {\n      this.previousOverlay.remove();\n      this.previousOverlay = undefined;\n    }\n    const currentPromise = this.playground\n      .scrollToView({ entities: [node], scrollToCenter: true, ...canvas })\n      .then(() => {\n        if (!formItem || !highlight || this.currentPromise !== currentPromise) {\n          return;\n        }\n        this.highlightNodeFormItem(formItem, typeof highlight === 'boolean' ? {} : highlight);\n      });\n    this.currentPromise = currentPromise;\n    return this.currentPromise;\n  }\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { injectable, inject } from 'inversify';\n\nimport { NodeFocusService } from './node-focus-service';\n\n@injectable()\nexport class NodeClient {\n  @inject(NodeFocusService) nodeFocusService: NodeFocusService;\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { definePluginCreator } from '@flowgram-vue/core';\n\nimport { createHighlightStyle, removeHighlightStyle } from './highlight-style';\n\nexport const createNodeHighlightPlugin = definePluginCreator<{}>({\n  onInit() {\n    createHighlightStyle();\n  },\n  onDispose() {\n    removeHighlightStyle();\n  },\n});\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { definePluginCreator } from '@flowgram-vue/core';\n\nimport { NodeFocusService } from './node-focus-service';\nimport { NodeClient } from './node-client';\nimport { createNodeHighlightPlugin } from './highlight/create-node-highlight-plugin';\n\nexport const createNodeClientPlugin = definePluginCreator<{}>({\n  onBind({ bind }) {\n    bind(NodeFocusService).toSelf().inSingletonScope();\n    bind(NodeClient).toSelf().inSingletonScope();\n  },\n});\n\nexport const createNodeClientPlugins = () => [\n  createNodeHighlightPlugin({}),\n  createNodeClientPlugin({}),\n];\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { injectable, inject } from 'inversify';\nimport { type FormItem } from '@flowgram-vue/form-core';\nimport { FlowNodeEntity } from '@flowgram-vue/document';\nimport { Playground, PlaygroundConfigRevealOpts } from '@flowgram-vue/core';\n\nimport { FocusNodeFormItemOptions, NodeClient } from './node-client';\n\ninterface FocusNodeOptions {\n  zoom?: PlaygroundConfigRevealOpts['zoom'];\n  easing?: PlaygroundConfigRevealOpts['easing']; // 是否开启缓动，默认开启\n  easingDuration?: PlaygroundConfigRevealOpts['easingDuration']; // 默认 500 ms\n  scrollToCenter?: PlaygroundConfigRevealOpts['scrollToCenter']; // 是否滚动到中心\n}\n\n@injectable()\nexport class FlowEditorClient {\n  @inject(NodeClient) readonly nodeClient: NodeClient;\n\n  @inject(Playground) readonly playground: Playground;\n\n  focusNodeFormItem(formItem: FormItem, options?: FocusNodeFormItemOptions) {\n    this.nodeClient.nodeFocusService.focusNodeFormItem(formItem, options);\n  }\n\n  focusNode(node: FlowNodeEntity, options?: FocusNodeOptions) {\n    this.playground.scrollToView({ entities: [node], ...options });\n  }\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { definePluginCreator } from '@flowgram-vue/core';\n\nimport { createNodeClientPlugins } from './node-client/create-node-client-plugins';\nimport { FlowEditorClient } from './flow-editor-client';\n\nexport const createFlowEditorClientPlugin = definePluginCreator<{}>({\n  onBind({ bind }) {\n    bind(FlowEditorClient).toSelf().inSingletonScope();\n  },\n});\n\nexport const createFlowEditorClientPlugins = () => [\n  ...createNodeClientPlugins(),\n  createFlowEditorClientPlugin({}),\n];\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { interfaces } from 'inversify';\nimport { FlowNodeScope, getNodePrivateScope, getNodeScope } from '@flowgram-vue/variable-plugin';\nimport { FlowRendererContainerModule, FlowRendererRegistry } from '@flowgram-vue/renderer';\nimport { createReduxDevToolPlugin } from '@flowgram-vue/redux-devtool-plugin';\nimport { createNodeVariablePlugin } from '@flowgram-vue/node-variable-plugin';\nimport { createNodeCorePlugin } from '@flowgram-vue/node-core-plugin';\nimport { getNodeForm, NodeFormProps } from '@flowgram-vue/node';\nimport { createMaterialsPlugin } from '@flowgram-vue/materials-plugin';\nimport { createI18nPlugin } from '@flowgram-vue/i18n-plugin';\nimport { createHistoryNodePlugin } from '@flowgram-vue/history-node-plugin';\nimport { FlowDocumentContainerModule } from '@flowgram-vue/document';\nimport { createPlaygroundPlugin, Plugin, PluginsProvider } from '@flowgram-vue/core';\n\nimport { createFlowEditorClientPlugins } from '../clients/flow-editor-client-plugins';\nimport { EditorPluginContext, EditorProps } from './editor-props';\n\nexport function createDefaultPreset<CTX extends EditorPluginContext = EditorPluginContext>(\n  opts: EditorProps<CTX>,\n  plugins: Plugin[] = []\n): PluginsProvider<CTX> {\n  return (ctx: CTX) => {\n    opts = { ...EditorProps.DEFAULT, ...opts };\n    /**\n     * i18n support\n     */\n    if (opts.i18n) {\n      plugins.push(createI18nPlugin(opts.i18n));\n    }\n    /**\n     * 默认注册顶层 flow editor client plugin\n     */\n    plugins.push(...createFlowEditorClientPlugins());\n\n    /**\n     * 注册 Redux 开发者工具\n     */\n    if (opts.reduxDevTool?.enable) {\n      plugins.push(createReduxDevToolPlugin(opts.reduxDevTool));\n    }\n\n    /**\n     * 注册画布模块\n     */\n    const defaultContainerModules: interfaces.ContainerModule[] = [\n      FlowDocumentContainerModule, // 默认文档\n      FlowRendererContainerModule, // 默认渲染\n    ];\n    /**\n     * 注册物料\n     */\n    plugins.push(createMaterialsPlugin(opts.materials || {}));\n\n    /**\n     * 注册节点引擎\n     */\n    if (opts.nodeEngine && opts.nodeEngine.enable !== false) {\n      plugins.push(createNodeCorePlugin({ materials: opts.nodeEngine.materials }));\n\n      if (opts.variableEngine?.enable) {\n        plugins.push(createNodeVariablePlugin({}));\n      }\n\n      if (opts.history?.enable && opts.history?.enableChangeNode !== false) {\n        plugins.push(createHistoryNodePlugin({}));\n      }\n    }\n    /**\n     * 画布生命周期注册\n     */\n    plugins.push(\n      createPlaygroundPlugin<CTX>({\n        onInit: (ctx) => {\n          if (opts.nodeRegistries) {\n            ctx.document.registerFlowNodes(...opts.nodeRegistries);\n          }\n          // 自定义画布内部常量\n          if (opts.constants) {\n            ctx.document.options.constants = opts.constants;\n          }\n          if (opts.getNodeDefaultRegistry) {\n            ctx.document.options.getNodeDefaultRegistry = opts.getNodeDefaultRegistry;\n          }\n          ctx.document.options.preNodeCreate = (node) => {\n            /**\n             * Define node.form\n             */\n            if (opts.nodeEngine && opts.nodeEngine.enable !== false) {\n              let cache: NodeFormProps<any> | undefined;\n              Object.defineProperty(node, 'form', {\n                get: () => {\n                  if (cache) return cache;\n                  cache = getNodeForm(node);\n                  return cache;\n                },\n              });\n            }\n\n            /**\n             * Define node.scope & node.privateScope\n             */\n            if (opts.variableEngine && opts.variableEngine.enable !== false) {\n              let cache: FlowNodeScope | undefined;\n              let privateCache: FlowNodeScope | undefined;\n\n              Object.defineProperty(node, 'scope', {\n                get: () => {\n                  if (cache) return cache;\n                  cache = getNodeScope(node);\n                  return cache;\n                },\n              });\n              Object.defineProperty(node, 'privateScope', {\n                get: () => {\n                  if (privateCache) return privateCache;\n                  privateCache = getNodePrivateScope(node);\n                  return privateCache;\n                },\n              });\n            }\n          };\n          ctx.get<FlowRendererRegistry>(FlowRendererRegistry).init();\n        },\n        onReady(ctx) {\n          if (opts.initialData) {\n            ctx.document.fromJSON(opts.initialData);\n          }\n          if (opts.readonly) {\n            ctx.playground.config.readonly = opts.readonly;\n          }\n          ctx.document.load().then(() => {\n            if (opts.onLoad) opts.onLoad(ctx);\n          });\n        },\n        onDispose(ctx) {\n          ctx.document.dispose();\n        },\n        containerModules: defaultContainerModules,\n      })\n    );\n\n    return plugins;\n  };\n}\n","<script setup lang=\"ts\">\n/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\nimport { FlowDocument } from '@flowgram-vue/document';\nimport {\n  PlaygroundVueProvider,\n  createPluginContextDefault,\n  SelectionService,\n} from '@flowgram-vue/core';\nimport type { interfaces } from 'inversify';\nimport { ref } from 'vue';\n\nimport { type EditorPluginContext, type EditorProps, createDefaultPreset } from '../preset';\n\ndefineOptions({ name: 'EditorProvider' });\n\nconst props = defineProps<EditorProps>();\nconst providerRef = ref<EditorPluginContext | null>(null);\n\nconst preset = createDefaultPreset(props);\n\nconst customPluginContext = (container: interfaces.Container) =>\n  ({\n    ...createPluginContextDefault(container),\n    get document(): FlowDocument {\n      return container.get<FlowDocument>(FlowDocument);\n    },\n    get selection(): SelectionService {\n      return container.get<SelectionService>(SelectionService);\n    },\n  }) as EditorPluginContext;\n\ndefineExpose({\n  get playground() {\n    return providerRef.value?.playground as EditorPluginContext['playground'];\n  },\n  get container() {\n    return providerRef.value?.container as EditorPluginContext['container'];\n  },\n  get document() {\n    return providerRef.value?.document as EditorPluginContext['document'];\n  },\n  get selection() {\n    return providerRef.value?.selection as EditorPluginContext['selection'];\n  },\n  get: ((identifier) => providerRef.value?.get(identifier)) as EditorPluginContext['get'],\n  getAll: ((identifier) =>\n    providerRef.value?.getAll(identifier) ?? []) as EditorPluginContext['getAll'],\n});\n</script>\n\n<template>\n  <PlaygroundVueProvider\n    ref=\"providerRef\"\n    :plugins=\"preset\"\n    :custom-plugin-context=\"customPluginContext\"\n    :parent-container=\"props.parentContainer\"\n  >\n    <slot />\n  </PlaygroundVueProvider>\n</template>\n","<script setup lang=\"ts\">\n/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\nimport { ref } from 'vue';\n\nimport { type EditorPluginContext, type EditorProps } from '../preset';\nimport { EditorRenderer } from './editor-renderer';\nimport EditorProvider from './editor-provider.vue';\n\ndefineOptions({ name: 'Editor' });\n\nconst props = defineProps<EditorProps>();\nconst providerRef = ref<EditorPluginContext | null>(null);\n\ndefineExpose({\n  get playground() {\n    return providerRef.value?.playground as EditorPluginContext['playground'];\n  },\n  get container() {\n    return providerRef.value?.container as EditorPluginContext['container'];\n  },\n  get document() {\n    return providerRef.value?.document as EditorPluginContext['document'];\n  },\n  get selection() {\n    return providerRef.value?.selection as EditorPluginContext['selection'];\n  },\n  get: ((identifier) => providerRef.value?.get(identifier)) as EditorPluginContext['get'],\n  getAll: ((identifier) =>\n    providerRef.value?.getAll(identifier) ?? []) as EditorPluginContext['getAll'],\n});\n</script>\n\n<template>\n  <EditorProvider ref=\"providerRef\" v-bind=\"props\">\n    <EditorRenderer>\n      <slot />\n    </EditorRenderer>\n  </EditorProvider>\n</template>\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { useService } from '@flowgram-vue/core';\n\nimport { FlowEditorClient } from '../clients';\n\nexport function useFlowEditor(): FlowEditorClient {\n  return useService(FlowEditorClient);\n}\n"]}

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from '../src/index';

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/preset/editor-props.ts","../src/clients/node-client/highlight/highlight-style.ts","../src/clients/node-client/highlight/constants.ts","../src/clients/node-client/highlight/highlight-form-item.ts","../src/clients/node-client/highlight/use-highlight.ts","../src/clients/node-client/node-focus-service.ts","../src/clients/node-client/node-client.ts","../src/clients/node-client/highlight/create-node-highlight-plugin.ts","../src/clients/node-client/create-node-client-plugins.ts","../src/clients/flow-editor-client.ts","../src/clients/flow-editor-client-plugins.ts","../src/preset/editor-default-preset.ts","../src/components/editor-provider.vue","../src/components/editor.vue","../src/hooks/use-flow-editor.ts"],"names":["EditorProps","inject","injectable","definePluginCreator","Playground","ctx","ref","_createBlock","_renderSlot","_mergeProps","_withCtx","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6IO,IAAU;AAAA,CAAV,CAAUA,YAAAA,KAAV;AAIE,EAAMA,aAAA,OAAA,GAAuB;AAAA,IAClC,YAAY;AAAC,GACf;AAAA,CAAA,EANe,WAAA,KAAA,WAAA,GAAA,EAAA,CAAA,CAAA;;;ACxIV,IAAM,mBAAA,GAAsB,mBAAA;AAEnC,IAAM,SAAA,GAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,EAiBf,mBAAmB,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;AAOtB,IAAI,QAAA;AAEG,SAAS,oBAAA,GAA6B;AAC3C,EAAA,IAAI,QAAA,EAAU;AACd,EAAA,QAAA,GAAW,QAAA,CAAS,cAAc,OAAO,CAAA;AACzC,EAAA,QAAA,CAAS,SAAA,GAAY,SAAA;AACrB,EAAA,QAAA,CAAS,IAAA,CAAK,YAAY,QAAQ,CAAA;AACpC;AAEO,SAAS,oBAAA,GAA6B;AAC3C,EAAA,QAAA,EAAU,MAAA,EAAO;AACjB,EAAA,QAAA,GAAW,MAAA;AACb;;;ACrCO,IAAM,yBAAA,GAA4B,CAAA;;;ACUlC,SAAS,iBAAA,CACd,UACA,OAAA,EAC4B;AAC5B,EAAA,MAAM,SACJ,QAAA,CAAS,SAAA,CAAU,cAAA,CAAe,OAAA,CAA4B,kBAAkB,CAAA,CAAE,IAAA;AACpF,EAAA,MAAM,MAAA,GAAS,SAAS,MAAA,CAAO,OAAA;AAE/B,EAAA,IAAI,CAAC,MAAA,EAAQ;AACX,IAAA,OAAO,MAAA;AAAA,EACT;AAEA,EAAA,MAAM,OAAA,GAAU,QAAA,CAAS,aAAA,CAAc,KAAK,CAAA;AAE5C,EAAA,MAAM,EAAE,OAAA,GAAU,yBAAA,EAA2B,gBAAA,EAAiB,GAAI,WAAW,EAAC;AAE9E,EAAA,OAAA,CAAQ,MAAM,QAAA,GAAW,UAAA;AACzB,EAAA,OAAA,CAAQ,MAAM,GAAA,GAAM,GAAA;AACpB,EAAA,OAAA,CAAQ,MAAM,IAAA,GAAO,GAAA;AACrB,EAAA,OAAA,CAAQ,MAAM,KAAA,GAAQ,MAAA;AACtB,EAAA,OAAA,CAAQ,MAAM,MAAA,GAAS,MAAA;AACvB,EAAA,OAAA,CAAQ,MAAM,MAAA,GAAS,MAAA;AAEvB,EAAA,MAAA,CAAO,YAAY,OAAO,CAAA;AAE1B,EAAA,MAAM,UAAA,GAAa,OAAO,qBAAA,EAAsB;AAChD,EAAA,MAAM,UAAA,GAAa,OAAO,qBAAA,EAAsB;AAEhD,EAAA,OAAA,CAAQ,MAAM,GAAA,GAAM,UAAA,CAAW,GAAA,GAAM,UAAA,CAAW,MAAM,OAAA,GAAU,IAAA;AAChE,EAAA,OAAA,CAAQ,MAAM,IAAA,GAAO,UAAA,CAAW,IAAA,GAAO,UAAA,CAAW,OAAO,OAAA,GAAU,IAAA;AACnE,EAAA,OAAA,CAAQ,KAAA,CAAM,KAAA,GAAQ,UAAA,CAAW,KAAA,GAAQ,UAAU,CAAA,GAAI,IAAA;AACvD,EAAA,OAAA,CAAQ,KAAA,CAAM,MAAA,GAAS,UAAA,CAAW,MAAA,GAAS,UAAU,CAAA,GAAI,IAAA;AAEzD,EAAA,OAAA,CAAQ,YAAY,gBAAA,IAAoB,mBAAA;AACxC,EAAA,UAAA,CAAW,MAAM;AACf,IAAA,OAAA,CAAQ,MAAA,EAAO;AAAA,EACjB,GAAG,GAAI,CAAA;AACP,EAAA,OAAO,OAAA;AACT;ACzCO,SAAS,aAAa,KAAA,EAAuD;AAClF,EAAA,MAAM,KAAA,GAAQ,IAAwB,IAAI,CAAA;AAC1C,EAAA,MAAM,EAAE,IAAA,EAAM,IAAA,EAAK,GAAI,KAAA;AACvB,EAAA,MAAM,QAAA,GAAW,IAAA,CAAK,iBAAA,CAAkB,IAAI,CAAA;AAC5C,EAAA,IAAI,CAAC,QAAA,EAAU;AACb,IAAA,OAAO,IAAA;AAAA,EACT;AACA,EAAA,MAAM,MAAA,GAAyB;AAAA,IAC7B,IAAI,OAAA,GAAU;AACZ,MAAA,OAAO,KAAA,CAAM,KAAA;AAAA,IACf,CAAA;AAAA,IACA,IAAI,QAAQ,KAAA,EAAO;AACjB,MAAA,KAAA,CAAM,KAAA,GAAQ,KAAA;AAAA,IAChB;AAAA,GACF;AACA,EAAA,QAAA,CAAS,MAAA,GAAS,MAAA;AAClB,EAAA,OAAO,KAAA;AACT;;;ACXO,IAAM,mBAAN,MAAuB;AAAA,EAO5B,qBAAA,CAAsB,UAAoB,OAAA,EAA4B;AACpE,IAAA,IAAA,CAAK,eAAA,GAAkB,iBAAA,CAAkB,QAAA,EAAU,OAAO,CAAA;AAAA,EAC5D;AAAA,EAEA,iBAAA,CAAkB,UAAoB,OAAA,EAAmD;AACvF,IAAA,MAAM,IAAA,GAAO,SAAS,SAAA,CAAU,cAAA;AAChC,IAAA,MAAM,EAAE,MAAA,GAAS,IAAI,SAAA,EAAU,GAAI,WAAW,EAAC;AAC/C,IAAA,IAAI,KAAK,eAAA,EAAiB;AACxB,MAAA,IAAA,CAAK,gBAAgB,MAAA,EAAO;AAC5B,MAAA,IAAA,CAAK,eAAA,GAAkB,MAAA;AAAA,IACzB;AACA,IAAA,MAAM,iBAAiB,IAAA,CAAK,UAAA,CACzB,YAAA,CAAa,EAAE,UAAU,CAAC,IAAI,CAAA,EAAG,cAAA,EAAgB,MAAM,GAAG,MAAA,EAAQ,CAAA,CAClE,KAAK,MAAM;AACV,MAAA,IAAI,CAAC,QAAA,IAAY,CAAC,SAAA,IAAa,IAAA,CAAK,mBAAmB,cAAA,EAAgB;AACrE,QAAA;AAAA,MACF;AACA,MAAA,IAAA,CAAK,sBAAsB,QAAA,EAAU,OAAO,cAAc,SAAA,GAAY,KAAK,SAAS,CAAA;AAAA,IACtF,CAAC,CAAA;AACH,IAAA,IAAA,CAAK,cAAA,GAAiB,cAAA;AACtB,IAAA,OAAO,IAAA,CAAK,cAAA;AAAA,EACd;AACF;AA5B+B,eAAA,CAAA;AAAA,EAA5B,OAAO,UAAU;AAAA,CAAA,EADP,gBAAA,CACkB,SAAA,EAAA,YAAA,EAAA,CAAA,CAAA;AADlB,gBAAA,GAAN,eAAA,CAAA;AAAA,EADN,UAAA;AAAW,CAAA,EACC,gBAAA,CAAA;ACTN,IAAM,aAAN,MAAiB;AAExB;AAD4B,eAAA,CAAA;AAAA,EAAzBC,OAAO,gBAAgB;AAAA,CAAA,EADb,UAAA,CACe,SAAA,EAAA,kBAAA,EAAA,CAAA,CAAA;AADf,UAAA,GAAN,eAAA,CAAA;AAAA,EADNC,UAAAA;AAAW,CAAA,EACC,UAAA,CAAA;ACDN,IAAM,4BAA4B,mBAAA,CAAwB;AAAA,EAC/D,MAAA,GAAS;AACP,IAAA,oBAAA,EAAqB;AAAA,EACvB,CAAA;AAAA,EACA,SAAA,GAAY;AACV,IAAA,oBAAA,EAAqB;AAAA,EACvB;AACF,CAAC,CAAA;;;ACLM,IAAM,yBAAyBC,mBAAAA,CAAwB;AAAA,EAC5D,MAAA,CAAO,EAAE,IAAA,EAAK,EAAG;AACf,IAAA,IAAA,CAAK,gBAAgB,CAAA,CAAE,MAAA,EAAO,CAAE,gBAAA,EAAiB;AACjD,IAAA,IAAA,CAAK,UAAU,CAAA,CAAE,MAAA,EAAO,CAAE,gBAAA,EAAiB;AAAA,EAC7C;AACF,CAAC,CAAA;AAEM,IAAM,0BAA0B,MAAM;AAAA,EAC3C,yBAAA,CAA0B,EAAE,CAAA;AAAA,EAC5B,sBAAA,CAAuB,EAAE;AAC3B,CAAA;ACDO,IAAM,mBAAN,MAAuB;AAAA,EAK5B,iBAAA,CAAkB,UAAoB,OAAA,EAAoC;AACxE,IAAA,IAAA,CAAK,UAAA,CAAW,gBAAA,CAAiB,iBAAA,CAAkB,QAAA,EAAU,OAAO,CAAA;AAAA,EACtE;AAAA,EAEA,SAAA,CAAU,MAAsB,OAAA,EAA4B;AAC1D,IAAA,IAAA,CAAK,UAAA,CAAW,aAAa,EAAE,QAAA,EAAU,CAAC,IAAI,CAAA,EAAG,GAAG,OAAA,EAAS,CAAA;AAAA,EAC/D;AACF;AAX+B,eAAA,CAAA;AAAA,EAA5BF,OAAO,UAAU;AAAA,CAAA,EADP,gBAAA,CACkB,SAAA,EAAA,YAAA,EAAA,CAAA,CAAA;AAEA,eAAA,CAAA;AAAA,EAA5BA,OAAOG,UAAU;AAAA,CAAA,EAHP,gBAAA,CAGkB,SAAA,EAAA,YAAA,EAAA,CAAA,CAAA;AAHlB,gBAAA,GAAN,eAAA,CAAA;AAAA,EADNF,UAAAA;AAAW,CAAA,EACC,gBAAA,CAAA;;;ACVN,IAAM,+BAA+BC,mBAAAA,CAAwB;AAAA,EAClE,MAAA,CAAO,EAAE,IAAA,EAAK,EAAG;AACf,IAAA,IAAA,CAAK,gBAAgB,CAAA,CAAE,MAAA,EAAO,CAAE,gBAAA,EAAiB;AAAA,EACnD;AACF,CAAC;AAEM,IAAM,gCAAgC,MAAM;AAAA,EACjD,GAAG,uBAAA,EAAwB;AAAA,EAC3B,4BAAA,CAA6B,EAAE;AACjC;;;ACEO,SAAS,mBAAA,CACd,IAAA,EACA,OAAA,GAAoB,EAAC,EACC;AACtB,EAAA,OAAO,CAAC,GAAA,KAAa;AACnB,IAAA,IAAA,GAAO,EAAE,GAAG,WAAA,CAAY,OAAA,EAAS,GAAG,IAAA,EAAK;AAIzC,IAAA,IAAI,KAAK,IAAA,EAAM;AACb,MAAA,OAAA,CAAQ,IAAA,CAAK,gBAAA,CAAiB,IAAA,CAAK,IAAI,CAAC,CAAA;AAAA,IAC1C;AAIA,IAAA,OAAA,CAAQ,IAAA,CAAK,GAAG,6BAAA,EAA+B,CAAA;AAK/C,IAAA,IAAI,IAAA,CAAK,cAAc,MAAA,EAAQ;AAC7B,MAAA,OAAA,CAAQ,IAAA,CAAK,wBAAA,CAAyB,IAAA,CAAK,YAAY,CAAC,CAAA;AAAA,IAC1D;AAKA,IAAA,MAAM,uBAAA,GAAwD;AAAA,MAC5D,2BAAA;AAAA;AAAA,MACA;AAAA;AAAA,KACF;AAIA,IAAA,OAAA,CAAQ,KAAK,qBAAA,CAAsB,IAAA,CAAK,SAAA,IAAa,EAAE,CAAC,CAAA;AAKxD,IAAA,IAAI,IAAA,CAAK,UAAA,IAAc,IAAA,CAAK,UAAA,CAAW,WAAW,KAAA,EAAO;AACvD,MAAA,OAAA,CAAQ,IAAA,CAAK,qBAAqB,EAAE,SAAA,EAAW,KAAK,UAAA,CAAW,SAAA,EAAW,CAAC,CAAA;AAE3E,MAAA,IAAI,IAAA,CAAK,gBAAgB,MAAA,EAAQ;AAC/B,QAAA,OAAA,CAAQ,IAAA,CAAK,wBAAA,CAAyB,EAAE,CAAC,CAAA;AAAA,MAC3C;AAEA,MAAA,IAAI,KAAK,OAAA,EAAS,MAAA,IAAU,IAAA,CAAK,OAAA,EAAS,qBAAqB,KAAA,EAAO;AACpE,QAAA,OAAA,CAAQ,IAAA,CAAK,uBAAA,CAAwB,EAAE,CAAC,CAAA;AAAA,MAC1C;AAAA,IACF;AAIA,IAAA,OAAA,CAAQ,IAAA;AAAA,MACN,sBAAA,CAA4B;AAAA,QAC1B,MAAA,EAAQ,CAACE,IAAAA,KAAQ;AACf,UAAA,IAAI,KAAK,cAAA,EAAgB;AACvB,YAAAA,IAAAA,CAAI,QAAA,CAAS,iBAAA,CAAkB,GAAG,KAAK,cAAc,CAAA;AAAA,UACvD;AAEA,UAAA,IAAI,KAAK,SAAA,EAAW;AAClB,YAAAA,IAAAA,CAAI,QAAA,CAAS,OAAA,CAAQ,SAAA,GAAY,IAAA,CAAK,SAAA;AAAA,UACxC;AACA,UAAA,IAAI,KAAK,sBAAA,EAAwB;AAC/B,YAAAA,IAAAA,CAAI,QAAA,CAAS,OAAA,CAAQ,sBAAA,GAAyB,IAAA,CAAK,sBAAA;AAAA,UACrD;AACA,UAAAA,IAAAA,CAAI,QAAA,CAAS,OAAA,CAAQ,aAAA,GAAgB,CAAC,IAAA,KAAS;AAI7C,YAAA,IAAI,IAAA,CAAK,UAAA,IAAc,IAAA,CAAK,UAAA,CAAW,WAAW,KAAA,EAAO;AACvD,cAAA,IAAI,KAAA;AACJ,cAAA,MAAA,CAAO,cAAA,CAAe,MAAM,MAAA,EAAQ;AAAA,gBAClC,KAAK,MAAM;AACT,kBAAA,IAAI,OAAO,OAAO,KAAA;AAClB,kBAAA,KAAA,GAAQ,YAAY,IAAI,CAAA;AACxB,kBAAA,OAAO,KAAA;AAAA,gBACT;AAAA,eACD,CAAA;AAAA,YACH;AAKA,YAAA,IAAI,IAAA,CAAK,cAAA,IAAkB,IAAA,CAAK,cAAA,CAAe,WAAW,KAAA,EAAO;AAC/D,cAAA,IAAI,KAAA;AACJ,cAAA,IAAI,YAAA;AAEJ,cAAA,MAAA,CAAO,cAAA,CAAe,MAAM,OAAA,EAAS;AAAA,gBACnC,KAAK,MAAM;AACT,kBAAA,IAAI,OAAO,OAAO,KAAA;AAClB,kBAAA,KAAA,GAAQ,aAAa,IAAI,CAAA;AACzB,kBAAA,OAAO,KAAA;AAAA,gBACT;AAAA,eACD,CAAA;AACD,cAAA,MAAA,CAAO,cAAA,CAAe,MAAM,cAAA,EAAgB;AAAA,gBAC1C,KAAK,MAAM;AACT,kBAAA,IAAI,cAAc,OAAO,YAAA;AACzB,kBAAA,YAAA,GAAe,oBAAoB,IAAI,CAAA;AACvC,kBAAA,OAAO,YAAA;AAAA,gBACT;AAAA,eACD,CAAA;AAAA,YACH;AAAA,UACF,CAAA;AACA,UAAAA,IAAAA,CAAI,GAAA,CAA0B,oBAAoB,CAAA,CAAE,IAAA,EAAK;AAAA,QAC3D,CAAA;AAAA,QACA,QAAQA,IAAAA,EAAK;AACX,UAAA,IAAI,KAAK,WAAA,EAAa;AACpB,YAAAA,IAAAA,CAAI,QAAA,CAAS,QAAA,CAAS,IAAA,CAAK,WAAW,CAAA;AAAA,UACxC;AACA,UAAA,IAAI,KAAK,QAAA,EAAU;AACjB,YAAAA,IAAAA,CAAI,UAAA,CAAW,MAAA,CAAO,QAAA,GAAW,IAAA,CAAK,QAAA;AAAA,UACxC;AACA,UAAAA,IAAAA,CAAI,QAAA,CAAS,IAAA,EAAK,CAAE,KAAK,MAAM;AAC7B,YAAA,IAAI,IAAA,CAAK,MAAA,EAAQ,IAAA,CAAK,MAAA,CAAOA,IAAG,CAAA;AAAA,UAClC,CAAC,CAAA;AAAA,QACH,CAAA;AAAA,QACA,UAAUA,IAAAA,EAAK;AACb,UAAAA,IAAAA,CAAI,SAAS,OAAA,EAAQ;AAAA,QACvB,CAAA;AAAA,QACA,gBAAA,EAAkB;AAAA,OACnB;AAAA,KACH;AAEA,IAAA,OAAO,OAAA;AAAA,EACT,CAAA;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACjIA,IAAA,MAAM,KAAA,GAAQ,OAAA;AACd,IAAA,MAAM,WAAA,GAAcC,IAAgC,IAAI,CAAA;AAExD,IAAA,MAAM,MAAA,GAAS,oBAAoB,KAAK,CAAA;AAExC,IAAA,MAAM,mBAAA,GAAsB,CAAC,SAAA,MAC1B;AACC,MAAA,GAAG,2BAA2B,SAAS,CAAA;AACvC,MAAA,IAAI,QAAA,GAAyB;AAC3B,QAAA,OAAO,SAAA,CAAU,IAAkB,YAAY,CAAA;AACjD,MAAA,CAAA;AACA,MAAA,IAAI,SAAA,GAA8B;AAChC,QAAA,OAAO,SAAA,CAAU,IAAsB,gBAAgB,CAAA;AACzD,MAAA;AACF,KAAA,CAAA;AAEF,IAAA,QAAA,CAAa;AACX,MAAA,IAAI,UAAA,GAAa;AACf,QAAA,OAAO,YAAY,KAAA,EAAO,UAAA;AAC5B,MAAA,CAAA;AACA,MAAA,IAAI,SAAA,GAAY;AACd,QAAA,OAAO,YAAY,KAAA,EAAO,SAAA;AAC5B,MAAA,CAAA;AACA,MAAA,IAAI,QAAA,GAAW;AACb,QAAA,OAAO,YAAY,KAAA,EAAO,QAAA;AAC5B,MAAA,CAAA;AACA,MAAA,IAAI,SAAA,GAAY;AACd,QAAA,OAAO,YAAY,KAAA,EAAO,SAAA;AAC5B,MAAA,CAAA;AACA,MAAA,GAAA,GAAM,CAAC,UAAA,KAAe,WAAA,CAAY,KAAA,EAAO,IAAI,UAAU,CAAA,CAAA;AACvD,MAAA,MAAA,GAAS,CAAC,UAAA,KACR,WAAA,CAAY,OAAO,MAAA,CAAO,UAAU,KAAK,EAAC;KAC7C,CAAA;;;;;;;;;sBAICC,WAAA,CAOwB,MAAA,CAAA,uBAAA,CAAA,EAAA;IANtB,GAAA,EAAI,aAAA;AACH,IAAA,OAAA,EAAS,MAAA,CAAA,MAAA;AACT,IAAA,uBAAA,EAAuB,MAAA,CAAA,mBAAA;AACvB,IAAA,kBAAA,EAAkB,OAAA,KAAA,CAAM;GAAA,EAAA;qBAEzB,MAAQ;MAARC,UAAA,CAAQ,IAAA,CAAA,QAAA,SAAA;KAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC/CZ,IAAA,MAAM,KAAA,GAAQ,OAAA;AACd,IAAA,MAAM,WAAA,GAAcF,IAAgC,IAAI,CAAA;AAExD,IAAA,QAAA,CAAa;AACX,MAAA,IAAI,UAAA,GAAa;AACf,QAAA,OAAO,YAAY,KAAA,EAAO,UAAA;AAC5B,MAAA,CAAA;AACA,MAAA,IAAI,SAAA,GAAY;AACd,QAAA,OAAO,YAAY,KAAA,EAAO,SAAA;AAC5B,MAAA,CAAA;AACA,MAAA,IAAI,QAAA,GAAW;AACb,QAAA,OAAO,YAAY,KAAA,EAAO,QAAA;AAC5B,MAAA,CAAA;AACA,MAAA,IAAI,SAAA,GAAY;AACd,QAAA,OAAO,YAAY,KAAA,EAAO,SAAA;AAC5B,MAAA,CAAA;AACA,MAAA,GAAA,GAAM,CAAC,UAAA,KAAe,WAAA,CAAY,KAAA,EAAO,IAAI,UAAU,CAAA,CAAA;AACvD,MAAA,MAAA,GAAS,CAAC,UAAA,KACR,WAAA,CAAY,OAAO,MAAA,CAAO,UAAU,KAAK,EAAC;KAC7C,CAAA;;;;;;;;;AAICC,EAAAA,OAAAA,SAAAA,EAAAA,EAAAA,WAAAA;AAIiB,IAAA,MAAA,CAAA,gBAAA,CAAA;AAJjB,IAAAE,UAAA,CAIiB,EAJD,GAAA,EAAI,aAAA,EAAa,EAAS,OAAA,KAAK,CAAA;AAAA,IAAA;AAAA,MAAA,OAAA,EAAAC,QAC7C,MAEiB;QAFjBC,WAAA,CAEiB,MAAA,CAAA,gBAAA,CAAA,EAAA,IAAA,EAAA;AAAA,UAAA,OAAA,EAAAD,QADf,MAAQ;YAARF,UAAAA,CAAQ,IAAA,CAAA,QAAA,SAAA;WAAA,CAAA;;;;;;;;;;;;;AC7BP,SAAS,aAAA,GAAkC;AAChD,EAAA,OAAO,WAAW,gBAAgB,CAAA;AACpC","file":"index.js","sourcesContent":["/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { FlowNodeScope, VariablePluginOptions } from '@flowgram-vue/variable-plugin';\nimport { ReduxDevToolPluginOptions } from '@flowgram-vue/redux-devtool-plugin';\nimport { type PlaygroundVueProps } from '@flowgram-vue/playground-vue';\nimport { NodeCorePluginOptions } from '@flowgram-vue/node-core-plugin';\nimport { type NodeFormProps } from '@flowgram-vue/node';\nimport { MaterialsPluginOptions } from '@flowgram-vue/materials-plugin';\nimport { I18nPluginOptions } from '@flowgram-vue/i18n-plugin';\nimport { HistoryPluginOptions } from '@flowgram-vue/history';\nimport { FormMetaOrFormMetaGenerator } from '@flowgram-vue/form-core';\nimport {\n  FlowDocument,\n  FlowDocumentJSON,\n  FlowNodeEntity,\n  type FlowNodeJSON,\n  FlowNodeRegistry,\n  FlowNodeType,\n} from '@flowgram-vue/document';\nimport { PluginContext, SelectionService } from '@flowgram-vue/core';\n\ndeclare module '@flowgram-vue/document' {\n  interface FlowNodeEntity {\n    form: NodeFormProps<any> | undefined;\n    scope: FlowNodeScope | undefined;\n    privateScope: FlowNodeScope | undefined;\n  }\n}\n\nexport interface EditorPluginContext extends PluginContext {\n  document: FlowDocument;\n  selection: SelectionService;\n}\n\nexport interface EditorProps<\n  CTX extends EditorPluginContext = EditorPluginContext,\n  JSON = FlowDocumentJSON\n> extends PlaygroundVueProps<CTX> {\n  /**\n   * Initialize data\n   * 初始化数据\n   */\n  initialData?: JSON;\n  /**\n   * whether it is readonly\n   * 是否为 readonly\n   */\n  readonly?: boolean;\n  /**\n   * node registries\n   * 节点定义\n   */\n  nodeRegistries?: FlowNodeRegistry[];\n  /**\n   * Get the default node registry, which will be merged with the 'nodeRegistries'\n   * 提供默认的节点注册，这个会和 nodeRegistries 做合并\n   */\n  getNodeDefaultRegistry?: (type: FlowNodeType) => FlowNodeRegistry;\n  /**\n   * Node engine configuration\n   */\n  nodeEngine?: NodeCorePluginOptions & {\n    /**\n     * Default formMeta\n     */\n    createDefaultFormMeta?: (node: FlowNodeEntity) => FormMetaOrFormMetaGenerator;\n    /**\n     * Enable node engine\n     */\n    enable?: boolean;\n  };\n  /**\n   * By default, all nodes are expanded\n   * 默认是否展开所有节点\n   */\n  allNodesDefaultExpanded?: boolean;\n  /**\n   * Canvas material, Used to customize Vue components\n   * 画布物料, 用于自定义 Vue 组件\n   */\n  materials?: MaterialsPluginOptions;\n  /**\n   * 画布数据加载完成, 请使用 onAllLayersRendered 替代\n   * @deprecated\n   * */\n  onLoad?: (ctx: CTX) => void;\n  /**\n   * 是否开启变量引擎\n   * Variable engine enable\n   */\n  variableEngine?: VariablePluginOptions;\n  /**\n   * Redo/Undo enable\n   */\n  history?: HistoryPluginOptions<CTX> & { disableShortcuts?: boolean };\n\n  /**\n   * redux devtool configuration\n   */\n  reduxDevTool?: ReduxDevToolPluginOptions;\n\n  /**\n   * Scroll configuration\n   * 滚动配置\n   */\n  scroll?: {\n    enableScrollLimit?: boolean; // 开启滚动限制\n    disableScrollBar?: boolean; //  关闭滚动条\n    disableScroll?: boolean; // 禁止滚动\n  };\n\n  /**\n   * Node data transformation, called by ctx.document.fromJSON\n   * 节点数据转换, 由 ctx.document.fromJSON 调用\n   * @param node - current node\n   * @param json - Current node json data\n   */\n  toNodeJSON?(node: FlowNodeEntity, json: FlowNodeJSON): FlowNodeJSON;\n  /**\n   * Node data transformation, called by ctx.document.toJSON\n   * 节点数据转换, 由 ctx.document.toJSON 调用\n   * @param node - current node\n   * @param json - Current node json data\n   * @param isFirstCreate - Whether it is created for the first time, If document.fromJSON is recalled, but the node already exists, isFirstCreate is false\n   */\n  fromNodeJSON?(node: FlowNodeEntity, json: FlowNodeJSON, isFirstCreate: boolean): FlowNodeJSON;\n  /**\n   * Canvas internal constant customization\n   * 画布内部常量自定义\n   */\n  constants?: Record<string, any>;\n  /**\n   * i18n\n   * 国际化\n   */\n  i18n?: I18nPluginOptions;\n}\n\nexport namespace EditorProps {\n  /**\n   * 默认配置\n   */\n  export const DEFAULT: EditorProps = {\n    background: {},\n  };\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nexport const HIGHLIGHT_CLASSNAME = 'flowide-highlight';\n\nconst styleText = `\n@keyframes flowide-fade {\n  from {\n   opacity: 1.0;\n  }\n  to {\n    opacity: 0;\n  }\n}\n@-webkit-keyframes flowide-fade {\n  from {\n   opacity: 1.0;\n  }\n  to {\n    opacity: 0;\n  }\n}\n.${HIGHLIGHT_CLASSNAME} {\n  background-color: rgba(238, 245, 40, 0.5);\n  animation: flowide-fade 2s 1 forwards;\n  -webkit-animation: flowide-fade 2s 1 forwards;\n}\n`;\n\nlet styleDom: HTMLStyleElement | undefined;\n\nexport function createHighlightStyle(): void {\n  if (styleDom) return;\n  styleDom = document.createElement('style');\n  styleDom.innerHTML = styleText;\n  document.head.appendChild(styleDom);\n}\n\nexport function removeHighlightStyle(): void {\n  styleDom?.remove();\n  styleDom = undefined;\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nexport const DEFAULT_HIGHLIGHT_COLOR = 'rgba(238, 245, 40, 0.5)';\nexport const DEFAULT_HIGHLIGHT_PADDING = 0;\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { FormItem } from '@flowgram-vue/form-core';\nimport { FlowNodeRenderData } from '@flowgram-vue/document';\n\nimport { HIGHLIGHT_CLASSNAME } from './highlight-style';\nimport { DEFAULT_HIGHLIGHT_PADDING } from './constants';\n\nexport interface HighLightOptions {\n  padding?: number;\n  overlayClassName?: string;\n}\n\nexport function highlightFormItem(\n  formItem: FormItem,\n  options?: HighLightOptions,\n): HTMLDivElement | undefined {\n  const parent =\n    formItem.formModel.flowNodeEntity.getData<FlowNodeRenderData>(FlowNodeRenderData).node;\n  const target = formItem.domRef.current;\n\n  if (!target) {\n    return undefined;\n  }\n\n  const overlay = document.createElement('div');\n\n  const { padding = DEFAULT_HIGHLIGHT_PADDING, overlayClassName } = options || {};\n\n  overlay.style.position = 'absolute';\n  overlay.style.top = '0';\n  overlay.style.left = '0';\n  overlay.style.width = '100%';\n  overlay.style.height = '100%';\n  overlay.style.zIndex = '9999';\n\n  parent.appendChild(overlay);\n\n  const parentRect = parent.getBoundingClientRect();\n  const targetRect = target.getBoundingClientRect();\n\n  overlay.style.top = targetRect.top - parentRect.top - padding + 'px';\n  overlay.style.left = targetRect.left - parentRect.left - padding + 'px';\n  overlay.style.width = targetRect.width + padding * 2 + 'px';\n  overlay.style.height = targetRect.height + padding * 2 + 'px';\n\n  overlay.className = overlayClassName || HIGHLIGHT_CLASSNAME;\n  setTimeout(() => {\n    overlay.remove();\n  }, 2000);\n  return overlay;\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { ref, type Ref } from 'vue';\nimport { FormModel, type FormItemDomRef } from '@flowgram-vue/form-core';\n\ninterface HighlightProps {\n  form: FormModel;\n  path: string;\n}\n\nexport function useHighlight(props: HighlightProps): Ref<HTMLElement | null> | null {\n  const elRef = ref<HTMLElement | null>(null);\n  const { form, path } = props;\n  const formItem = form.getFormItemByPath(path);\n  if (!formItem) {\n    return null;\n  }\n  const domRef: FormItemDomRef = {\n    get current() {\n      return elRef.value;\n    },\n    set current(value) {\n      elRef.value = value;\n    },\n  };\n  formItem.domRef = domRef;\n  return elRef;\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { injectable, inject } from 'inversify';\nimport { type FormItem } from '@flowgram-vue/form-core';\nimport { Playground, PlaygroundConfigRevealOpts } from '@flowgram-vue/core';\n\nimport { highlightFormItem, HighLightOptions } from './highlight';\n\nexport type FocusNodeCanvasOptions = PlaygroundConfigRevealOpts;\n\nexport interface FocusNodeFormItemOptions {\n  canvas?: FocusNodeCanvasOptions;\n  highlight?: boolean | HighLightOptions;\n}\n\n@injectable()\nexport class NodeFocusService {\n  @inject(Playground) readonly playground: Playground;\n\n  protected previousOverlay: HTMLDivElement | undefined;\n\n  protected currentPromise: Promise<void> | undefined;\n\n  highlightNodeFormItem(formItem: FormItem, options?: HighLightOptions) {\n    this.previousOverlay = highlightFormItem(formItem, options);\n  }\n\n  focusNodeFormItem(formItem: FormItem, options?: FocusNodeFormItemOptions): Promise<void> {\n    const node = formItem.formModel.flowNodeEntity;\n    const { canvas = {}, highlight } = options || {};\n    if (this.previousOverlay) {\n      this.previousOverlay.remove();\n      this.previousOverlay = undefined;\n    }\n    const currentPromise = this.playground\n      .scrollToView({ entities: [node], scrollToCenter: true, ...canvas })\n      .then(() => {\n        if (!formItem || !highlight || this.currentPromise !== currentPromise) {\n          return;\n        }\n        this.highlightNodeFormItem(formItem, typeof highlight === 'boolean' ? {} : highlight);\n      });\n    this.currentPromise = currentPromise;\n    return this.currentPromise;\n  }\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { injectable, inject } from 'inversify';\n\nimport { NodeFocusService } from './node-focus-service';\n\n@injectable()\nexport class NodeClient {\n  @inject(NodeFocusService) nodeFocusService: NodeFocusService;\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { definePluginCreator } from '@flowgram-vue/core';\n\nimport { createHighlightStyle, removeHighlightStyle } from './highlight-style';\n\nexport const createNodeHighlightPlugin = definePluginCreator<{}>({\n  onInit() {\n    createHighlightStyle();\n  },\n  onDispose() {\n    removeHighlightStyle();\n  },\n});\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { definePluginCreator } from '@flowgram-vue/core';\n\nimport { NodeFocusService } from './node-focus-service';\nimport { NodeClient } from './node-client';\nimport { createNodeHighlightPlugin } from './highlight/create-node-highlight-plugin';\n\nexport const createNodeClientPlugin = definePluginCreator<{}>({\n  onBind({ bind }) {\n    bind(NodeFocusService).toSelf().inSingletonScope();\n    bind(NodeClient).toSelf().inSingletonScope();\n  },\n});\n\nexport const createNodeClientPlugins = () => [\n  createNodeHighlightPlugin({}),\n  createNodeClientPlugin({}),\n];\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { injectable, inject } from 'inversify';\nimport { type FormItem } from '@flowgram-vue/form-core';\nimport { FlowNodeEntity } from '@flowgram-vue/document';\nimport { Playground, PlaygroundConfigRevealOpts } from '@flowgram-vue/core';\n\nimport { FocusNodeFormItemOptions, NodeClient } from './node-client';\n\ninterface FocusNodeOptions {\n  zoom?: PlaygroundConfigRevealOpts['zoom'];\n  easing?: PlaygroundConfigRevealOpts['easing']; // 是否开启缓动，默认开启\n  easingDuration?: PlaygroundConfigRevealOpts['easingDuration']; // 默认 500 ms\n  scrollToCenter?: PlaygroundConfigRevealOpts['scrollToCenter']; // 是否滚动到中心\n}\n\n@injectable()\nexport class FlowEditorClient {\n  @inject(NodeClient) readonly nodeClient: NodeClient;\n\n  @inject(Playground) readonly playground: Playground;\n\n  focusNodeFormItem(formItem: FormItem, options?: FocusNodeFormItemOptions) {\n    this.nodeClient.nodeFocusService.focusNodeFormItem(formItem, options);\n  }\n\n  focusNode(node: FlowNodeEntity, options?: FocusNodeOptions) {\n    this.playground.scrollToView({ entities: [node], ...options });\n  }\n}\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { definePluginCreator } from '@flowgram-vue/core';\n\nimport { createNodeClientPlugins } from './node-client/create-node-client-plugins';\nimport { FlowEditorClient } from './flow-editor-client';\n\nexport const createFlowEditorClientPlugin = definePluginCreator<{}>({\n  onBind({ bind }) {\n    bind(FlowEditorClient).toSelf().inSingletonScope();\n  },\n});\n\nexport const createFlowEditorClientPlugins = () => [\n  ...createNodeClientPlugins(),\n  createFlowEditorClientPlugin({}),\n];\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { interfaces } from 'inversify';\nimport { FlowNodeScope, getNodePrivateScope, getNodeScope } from '@flowgram-vue/variable-plugin';\nimport { FlowRendererContainerModule, FlowRendererRegistry } from '@flowgram-vue/renderer';\nimport { createReduxDevToolPlugin } from '@flowgram-vue/redux-devtool-plugin';\nimport { createNodeVariablePlugin } from '@flowgram-vue/node-variable-plugin';\nimport { createNodeCorePlugin } from '@flowgram-vue/node-core-plugin';\nimport { getNodeForm, NodeFormProps } from '@flowgram-vue/node';\nimport { createMaterialsPlugin } from '@flowgram-vue/materials-plugin';\nimport { createI18nPlugin } from '@flowgram-vue/i18n-plugin';\nimport { createHistoryNodePlugin } from '@flowgram-vue/history-node-plugin';\nimport { FlowDocumentContainerModule } from '@flowgram-vue/document';\nimport { createPlaygroundPlugin, Plugin, PluginsProvider } from '@flowgram-vue/core';\n\nimport { createFlowEditorClientPlugins } from '../clients/flow-editor-client-plugins';\nimport { EditorPluginContext, EditorProps } from './editor-props';\n\nexport function createDefaultPreset<CTX extends EditorPluginContext = EditorPluginContext>(\n  opts: EditorProps<CTX>,\n  plugins: Plugin[] = []\n): PluginsProvider<CTX> {\n  return (ctx: CTX) => {\n    opts = { ...EditorProps.DEFAULT, ...opts };\n    /**\n     * i18n support\n     */\n    if (opts.i18n) {\n      plugins.push(createI18nPlugin(opts.i18n));\n    }\n    /**\n     * 默认注册顶层 flow editor client plugin\n     */\n    plugins.push(...createFlowEditorClientPlugins());\n\n    /**\n     * 注册 Redux 开发者工具\n     */\n    if (opts.reduxDevTool?.enable) {\n      plugins.push(createReduxDevToolPlugin(opts.reduxDevTool));\n    }\n\n    /**\n     * 注册画布模块\n     */\n    const defaultContainerModules: interfaces.ContainerModule[] = [\n      FlowDocumentContainerModule, // 默认文档\n      FlowRendererContainerModule, // 默认渲染\n    ];\n    /**\n     * 注册物料\n     */\n    plugins.push(createMaterialsPlugin(opts.materials || {}));\n\n    /**\n     * 注册节点引擎\n     */\n    if (opts.nodeEngine && opts.nodeEngine.enable !== false) {\n      plugins.push(createNodeCorePlugin({ materials: opts.nodeEngine.materials }));\n\n      if (opts.variableEngine?.enable) {\n        plugins.push(createNodeVariablePlugin({}));\n      }\n\n      if (opts.history?.enable && opts.history?.enableChangeNode !== false) {\n        plugins.push(createHistoryNodePlugin({}));\n      }\n    }\n    /**\n     * 画布生命周期注册\n     */\n    plugins.push(\n      createPlaygroundPlugin<CTX>({\n        onInit: (ctx) => {\n          if (opts.nodeRegistries) {\n            ctx.document.registerFlowNodes(...opts.nodeRegistries);\n          }\n          // 自定义画布内部常量\n          if (opts.constants) {\n            ctx.document.options.constants = opts.constants;\n          }\n          if (opts.getNodeDefaultRegistry) {\n            ctx.document.options.getNodeDefaultRegistry = opts.getNodeDefaultRegistry;\n          }\n          ctx.document.options.preNodeCreate = (node) => {\n            /**\n             * Define node.form\n             */\n            if (opts.nodeEngine && opts.nodeEngine.enable !== false) {\n              let cache: NodeFormProps<any> | undefined;\n              Object.defineProperty(node, 'form', {\n                get: () => {\n                  if (cache) return cache;\n                  cache = getNodeForm(node);\n                  return cache;\n                },\n              });\n            }\n\n            /**\n             * Define node.scope & node.privateScope\n             */\n            if (opts.variableEngine && opts.variableEngine.enable !== false) {\n              let cache: FlowNodeScope | undefined;\n              let privateCache: FlowNodeScope | undefined;\n\n              Object.defineProperty(node, 'scope', {\n                get: () => {\n                  if (cache) return cache;\n                  cache = getNodeScope(node);\n                  return cache;\n                },\n              });\n              Object.defineProperty(node, 'privateScope', {\n                get: () => {\n                  if (privateCache) return privateCache;\n                  privateCache = getNodePrivateScope(node);\n                  return privateCache;\n                },\n              });\n            }\n          };\n          ctx.get<FlowRendererRegistry>(FlowRendererRegistry).init();\n        },\n        onReady(ctx) {\n          if (opts.initialData) {\n            ctx.document.fromJSON(opts.initialData);\n          }\n          if (opts.readonly) {\n            ctx.playground.config.readonly = opts.readonly;\n          }\n          ctx.document.load().then(() => {\n            if (opts.onLoad) opts.onLoad(ctx);\n          });\n        },\n        onDispose(ctx) {\n          ctx.document.dispose();\n        },\n        containerModules: defaultContainerModules,\n      })\n    );\n\n    return plugins;\n  };\n}\n","<script setup lang=\"ts\">\n/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\nimport { FlowDocument } from '@flowgram-vue/document';\nimport {\n  PlaygroundVueProvider,\n  createPluginContextDefault,\n  SelectionService,\n} from '@flowgram-vue/core';\nimport type { interfaces } from 'inversify';\nimport { ref } from 'vue';\n\nimport { type EditorPluginContext, type EditorProps, createDefaultPreset } from '../preset';\n\ndefineOptions({ name: 'EditorProvider' });\n\nconst props = defineProps<EditorProps>();\nconst providerRef = ref<EditorPluginContext | null>(null);\n\nconst preset = createDefaultPreset(props);\n\nconst customPluginContext = (container: interfaces.Container) =>\n  ({\n    ...createPluginContextDefault(container),\n    get document(): FlowDocument {\n      return container.get<FlowDocument>(FlowDocument);\n    },\n    get selection(): SelectionService {\n      return container.get<SelectionService>(SelectionService);\n    },\n  }) as EditorPluginContext;\n\ndefineExpose({\n  get playground() {\n    return providerRef.value?.playground as EditorPluginContext['playground'];\n  },\n  get container() {\n    return providerRef.value?.container as EditorPluginContext['container'];\n  },\n  get document() {\n    return providerRef.value?.document as EditorPluginContext['document'];\n  },\n  get selection() {\n    return providerRef.value?.selection as EditorPluginContext['selection'];\n  },\n  get: ((identifier) => providerRef.value?.get(identifier)) as EditorPluginContext['get'],\n  getAll: ((identifier) =>\n    providerRef.value?.getAll(identifier) ?? []) as EditorPluginContext['getAll'],\n});\n</script>\n\n<template>\n  <PlaygroundVueProvider\n    ref=\"providerRef\"\n    :plugins=\"preset\"\n    :custom-plugin-context=\"customPluginContext\"\n    :parent-container=\"props.parentContainer\"\n  >\n    <slot />\n  </PlaygroundVueProvider>\n</template>\n","<script setup lang=\"ts\">\n/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\nimport { ref } from 'vue';\n\nimport { type EditorPluginContext, type EditorProps } from '../preset';\nimport { EditorRenderer } from './editor-renderer';\nimport EditorProvider from './editor-provider.vue';\n\ndefineOptions({ name: 'Editor' });\n\nconst props = defineProps<EditorProps>();\nconst providerRef = ref<EditorPluginContext | null>(null);\n\ndefineExpose({\n  get playground() {\n    return providerRef.value?.playground as EditorPluginContext['playground'];\n  },\n  get container() {\n    return providerRef.value?.container as EditorPluginContext['container'];\n  },\n  get document() {\n    return providerRef.value?.document as EditorPluginContext['document'];\n  },\n  get selection() {\n    return providerRef.value?.selection as EditorPluginContext['selection'];\n  },\n  get: ((identifier) => providerRef.value?.get(identifier)) as EditorPluginContext['get'],\n  getAll: ((identifier) =>\n    providerRef.value?.getAll(identifier) ?? []) as EditorPluginContext['getAll'],\n});\n</script>\n\n<template>\n  <EditorProvider ref=\"providerRef\" v-bind=\"props\">\n    <EditorRenderer>\n      <slot />\n    </EditorRenderer>\n  </EditorProvider>\n</template>\n","/**\n * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates\n * SPDX-License-Identifier: MIT\n */\n\nimport { useService } from '@flowgram-vue/core';\n\nimport { FlowEditorClient } from '../clients';\n\nexport function useFlowEditor(): FlowEditorClient {\n  return useService(FlowEditorClient);\n}\n"]}

package/package.json

@@ -0,0 +1,76 @@
+{
+  "name": "@flowgram-vue/editor",
+  "version": "0.2.0",
+  "type": "module",
+  "license": "MIT",
+  "homepage": "https://flowgram.ai/",
+  "repository": "https://github.com/Crayon-hua/flowgram-vue",
+  "description": "Vue editor preset and components for FlowGram.",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "src",
+    "dist"
+  ],
+  "dependencies": {
+    "inversify": "^6.0.1",
+    "reflect-metadata": "~0.2.2",
+    "@flowgram-vue/form": "0.2.0",
+    "@flowgram-vue/core": "0.2.0",
+    "@flowgram-vue/background-plugin": "0.2.0",
+    "@flowgram-vue/history": "0.2.0",
+    "@flowgram-vue/history-node-plugin": "0.2.0",
+    "@flowgram-vue/materials-plugin": "0.2.0",
+    "@flowgram-vue/document": "0.2.0",
+    "@flowgram-vue/node": "0.2.0",
+    "@flowgram-vue/node-variable-plugin": "0.2.0",
+    "@flowgram-vue/form-core": "0.2.0",
+    "@flowgram-vue/node-core-plugin": "0.2.0",
+    "@flowgram-vue/playground-vue": "0.2.0",
+    "@flowgram-vue/i18n-plugin": "0.2.0",
+    "@flowgram-vue/redux-devtool-plugin": "0.2.0",
+    "@flowgram-vue/shortcuts-plugin": "0.2.0",
+    "@flowgram-vue/utils": "0.2.0",
+    "@flowgram-vue/renderer": "0.2.0",
+    "@flowgram-vue/reactive": "0.2.0",
+    "@flowgram-vue/variable-plugin": "0.2.0"
+  },
+  "peerDependencies": {
+    "vue": "^3.3.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "@vitest/coverage-v8": "^3.2.4",
+    "@vue/test-utils": "^2.4.6",
+    "eslint": "^9.0.0",
+    "jsdom": "^26.1.0",
+    "typescript": "^5.8.3",
+    "vitest": "^3.2.4",
+    "vue": "^3.5.18",
+    "@flowgram-vue/build-config": "0.2.0",
+    "@flowgram-vue/ts-config": "0.2.0",
+    "@flowgram-vue/eslint-config": "0.2.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "build": "flowgram-build",
+    "test": "vitest run",
+    "lint": "eslint .",
+    "ts-check": "tsc --noEmit",
+    "type-check": "tsc --noEmit",
+    "build:fast": "flowgram-build --fast",
+    "build:watch": "flowgram-build --watch"
+  }
+}

package/src/clients/flow-editor-client-plugins.ts

@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+import { definePluginCreator } from '@flowgram-vue/core';
+
+import { createNodeClientPlugins } from './node-client/create-node-client-plugins';
+import { FlowEditorClient } from './flow-editor-client';
+
+export const createFlowEditorClientPlugin = definePluginCreator<{}>({
+  onBind({ bind }) {
+    bind(FlowEditorClient).toSelf().inSingletonScope();
+  },
+});
+
+export const createFlowEditorClientPlugins = () => [
+  ...createNodeClientPlugins(),
+  createFlowEditorClientPlugin({}),
+];

package/src/clients/flow-editor-client.ts

@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+import { injectable, inject } from 'inversify';
+import { type FormItem } from '@flowgram-vue/form-core';
+import { FlowNodeEntity } from '@flowgram-vue/document';
+import { Playground, PlaygroundConfigRevealOpts } from '@flowgram-vue/core';
+
+import { FocusNodeFormItemOptions, NodeClient } from './node-client';
+
+interface FocusNodeOptions {
+  zoom?: PlaygroundConfigRevealOpts['zoom'];
+  easing?: PlaygroundConfigRevealOpts['easing']; // 是否开启缓动，默认开启
+  easingDuration?: PlaygroundConfigRevealOpts['easingDuration']; // 默认 500 ms
+  scrollToCenter?: PlaygroundConfigRevealOpts['scrollToCenter']; // 是否滚动到中心
+}
+
+@injectable()
+export class FlowEditorClient {
+  @inject(NodeClient) readonly nodeClient: NodeClient;
+
+  @inject(Playground) readonly playground: Playground;
+
+  focusNodeFormItem(formItem: FormItem, options?: FocusNodeFormItemOptions) {
+    this.nodeClient.nodeFocusService.focusNodeFormItem(formItem, options);
+  }
+
+  focusNode(node: FlowNodeEntity, options?: FocusNodeOptions) {
+    this.playground.scrollToView({ entities: [node], ...options });
+  }
+}

package/src/clients/index.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+export * from './node-client';
+export * from './flow-editor-client';
+export * from './flow-editor-client-plugins';

package/src/clients/node-client/create-node-client-plugins.ts

@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+import { definePluginCreator } from '@flowgram-vue/core';
+
+import { NodeFocusService } from './node-focus-service';
+import { NodeClient } from './node-client';
+import { createNodeHighlightPlugin } from './highlight/create-node-highlight-plugin';
+
+export const createNodeClientPlugin = definePluginCreator<{}>({
+  onBind({ bind }) {
+    bind(NodeFocusService).toSelf().inSingletonScope();
+    bind(NodeClient).toSelf().inSingletonScope();
+  },
+});
+
+export const createNodeClientPlugins = () => [
+  createNodeHighlightPlugin({}),
+  createNodeClientPlugin({}),
+];

package/src/clients/node-client/highlight/constants.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+export const DEFAULT_HIGHLIGHT_COLOR = 'rgba(238, 245, 40, 0.5)';
+export const DEFAULT_HIGHLIGHT_PADDING = 0;

package/src/clients/node-client/highlight/create-node-highlight-plugin.ts

@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+import { definePluginCreator } from '@flowgram-vue/core';
+
+import { createHighlightStyle, removeHighlightStyle } from './highlight-style';
+
+export const createNodeHighlightPlugin = definePluginCreator<{}>({
+  onInit() {
+    createHighlightStyle();
+  },
+  onDispose() {
+    removeHighlightStyle();
+  },
+});

package/src/clients/node-client/highlight/highlight-form-item.ts

@@ -0,0 +1,55 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+import { FormItem } from '@flowgram-vue/form-core';
+import { FlowNodeRenderData } from '@flowgram-vue/document';
+
+import { HIGHLIGHT_CLASSNAME } from './highlight-style';
+import { DEFAULT_HIGHLIGHT_PADDING } from './constants';
+
+export interface HighLightOptions {
+  padding?: number;
+  overlayClassName?: string;
+}
+
+export function highlightFormItem(
+  formItem: FormItem,
+  options?: HighLightOptions,
+): HTMLDivElement | undefined {
+  const parent =
+    formItem.formModel.flowNodeEntity.getData<FlowNodeRenderData>(FlowNodeRenderData).node;
+  const target = formItem.domRef.current;
+
+  if (!target) {
+    return undefined;
+  }
+
+  const overlay = document.createElement('div');
+
+  const { padding = DEFAULT_HIGHLIGHT_PADDING, overlayClassName } = options || {};
+
+  overlay.style.position = 'absolute';
+  overlay.style.top = '0';
+  overlay.style.left = '0';
+  overlay.style.width = '100%';
+  overlay.style.height = '100%';
+  overlay.style.zIndex = '9999';
+
+  parent.appendChild(overlay);
+
+  const parentRect = parent.getBoundingClientRect();
+  const targetRect = target.getBoundingClientRect();
+
+  overlay.style.top = targetRect.top - parentRect.top - padding + 'px';
+  overlay.style.left = targetRect.left - parentRect.left - padding + 'px';
+  overlay.style.width = targetRect.width + padding * 2 + 'px';
+  overlay.style.height = targetRect.height + padding * 2 + 'px';
+
+  overlay.className = overlayClassName || HIGHLIGHT_CLASSNAME;
+  setTimeout(() => {
+    overlay.remove();
+  }, 2000);
+  return overlay;
+}

package/src/clients/node-client/highlight/highlight-style.ts

@@ -0,0 +1,44 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+export const HIGHLIGHT_CLASSNAME = 'flowide-highlight';
+
+const styleText = `
+@keyframes flowide-fade {
+  from {
+   opacity: 1.0;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@-webkit-keyframes flowide-fade {
+  from {
+   opacity: 1.0;
+  }
+  to {
+    opacity: 0;
+  }
+}
+.${HIGHLIGHT_CLASSNAME} {
+  background-color: rgba(238, 245, 40, 0.5);
+  animation: flowide-fade 2s 1 forwards;
+  -webkit-animation: flowide-fade 2s 1 forwards;
+}
+`;
+
+let styleDom: HTMLStyleElement | undefined;
+
+export function createHighlightStyle(): void {
+  if (styleDom) return;
+  styleDom = document.createElement('style');
+  styleDom.innerHTML = styleText;
+  document.head.appendChild(styleDom);
+}
+
+export function removeHighlightStyle(): void {
+  styleDom?.remove();
+  styleDom = undefined;
+}

package/src/clients/node-client/highlight/index.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+export { highlightFormItem } from './highlight-form-item';
+export type { HighLightOptions } from './highlight-form-item';
+export { useHighlight } from './use-highlight';

package/src/clients/node-client/highlight/use-highlight.ts

@@ -0,0 +1,31 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+import { ref, type Ref } from 'vue';
+import { FormModel, type FormItemDomRef } from '@flowgram-vue/form-core';
+
+interface HighlightProps {
+  form: FormModel;
+  path: string;
+}
+
+export function useHighlight(props: HighlightProps): Ref<HTMLElement | null> | null {
+  const elRef = ref<HTMLElement | null>(null);
+  const { form, path } = props;
+  const formItem = form.getFormItemByPath(path);
+  if (!formItem) {
+    return null;
+  }
+  const domRef: FormItemDomRef = {
+    get current() {
+      return elRef.value;
+    },
+    set current(value) {
+      elRef.value = value;
+    },
+  };
+  formItem.domRef = domRef;
+  return elRef;
+}

package/src/clients/node-client/index.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+export * from './highlight';
+export * from './node-client';
+export * from './node-focus-service';

package/src/clients/node-client/node-client.ts

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+import { injectable, inject } from 'inversify';
+
+import { NodeFocusService } from './node-focus-service';
+
+@injectable()
+export class NodeClient {
+  @inject(NodeFocusService) nodeFocusService: NodeFocusService;
+}

package/src/clients/node-client/node-focus-service.ts

@@ -0,0 +1,49 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+import { injectable, inject } from 'inversify';
+import { type FormItem } from '@flowgram-vue/form-core';
+import { Playground, PlaygroundConfigRevealOpts } from '@flowgram-vue/core';
+
+import { highlightFormItem, HighLightOptions } from './highlight';
+
+export type FocusNodeCanvasOptions = PlaygroundConfigRevealOpts;
+
+export interface FocusNodeFormItemOptions {
+  canvas?: FocusNodeCanvasOptions;
+  highlight?: boolean | HighLightOptions;
+}
+
+@injectable()
+export class NodeFocusService {
+  @inject(Playground) readonly playground: Playground;
+
+  protected previousOverlay: HTMLDivElement | undefined;
+
+  protected currentPromise: Promise<void> | undefined;
+
+  highlightNodeFormItem(formItem: FormItem, options?: HighLightOptions) {
+    this.previousOverlay = highlightFormItem(formItem, options);
+  }
+
+  focusNodeFormItem(formItem: FormItem, options?: FocusNodeFormItemOptions): Promise<void> {
+    const node = formItem.formModel.flowNodeEntity;
+    const { canvas = {}, highlight } = options || {};
+    if (this.previousOverlay) {
+      this.previousOverlay.remove();
+      this.previousOverlay = undefined;
+    }
+    const currentPromise = this.playground
+      .scrollToView({ entities: [node], scrollToCenter: true, ...canvas })
+      .then(() => {
+        if (!formItem || !highlight || this.currentPromise !== currentPromise) {
+          return;
+        }
+        this.highlightNodeFormItem(formItem, typeof highlight === 'boolean' ? {} : highlight);
+      });
+    this.currentPromise = currentPromise;
+    return this.currentPromise;
+  }
+}

package/src/components/editor-provider.vue

@@ -0,0 +1,63 @@
+<script setup lang="ts">
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+import { FlowDocument } from '@flowgram-vue/document';
+import {
+  PlaygroundVueProvider,
+  createPluginContextDefault,
+  SelectionService,
+} from '@flowgram-vue/core';
+import type { interfaces } from 'inversify';
+import { ref } from 'vue';
+
+import { type EditorPluginContext, type EditorProps, createDefaultPreset } from '../preset';
+
+defineOptions({ name: 'EditorProvider' });
+
+const props = defineProps<EditorProps>();
+const providerRef = ref<EditorPluginContext | null>(null);
+
+const preset = createDefaultPreset(props);
+
+const customPluginContext = (container: interfaces.Container) =>
+  ({
+    ...createPluginContextDefault(container),
+    get document(): FlowDocument {
+      return container.get<FlowDocument>(FlowDocument);
+    },
+    get selection(): SelectionService {
+      return container.get<SelectionService>(SelectionService);
+    },
+  }) as EditorPluginContext;
+
+defineExpose({
+  get playground() {
+    return providerRef.value?.playground as EditorPluginContext['playground'];
+  },
+  get container() {
+    return providerRef.value?.container as EditorPluginContext['container'];
+  },
+  get document() {
+    return providerRef.value?.document as EditorPluginContext['document'];
+  },
+  get selection() {
+    return providerRef.value?.selection as EditorPluginContext['selection'];
+  },
+  get: ((identifier) => providerRef.value?.get(identifier)) as EditorPluginContext['get'],
+  getAll: ((identifier) =>
+    providerRef.value?.getAll(identifier) ?? []) as EditorPluginContext['getAll'],
+});
+</script>
+
+<template>
+  <PlaygroundVueProvider
+    ref="providerRef"
+    :plugins="preset"
+    :custom-plugin-context="customPluginContext"
+    :parent-container="props.parentContainer"
+  >
+    <slot />
+  </PlaygroundVueProvider>
+</template>

package/src/components/editor-renderer.ts

@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+export { PlaygroundVueRenderer as EditorRenderer } from '@flowgram-vue/core';

package/src/components/editor.vue

@@ -0,0 +1,42 @@
+<script setup lang="ts">
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+import { ref } from 'vue';
+
+import { type EditorPluginContext, type EditorProps } from '../preset';
+import { EditorRenderer } from './editor-renderer';
+import EditorProvider from './editor-provider.vue';
+
+defineOptions({ name: 'Editor' });
+
+const props = defineProps<EditorProps>();
+const providerRef = ref<EditorPluginContext | null>(null);
+
+defineExpose({
+  get playground() {
+    return providerRef.value?.playground as EditorPluginContext['playground'];
+  },
+  get container() {
+    return providerRef.value?.container as EditorPluginContext['container'];
+  },
+  get document() {
+    return providerRef.value?.document as EditorPluginContext['document'];
+  },
+  get selection() {
+    return providerRef.value?.selection as EditorPluginContext['selection'];
+  },
+  get: ((identifier) => providerRef.value?.get(identifier)) as EditorPluginContext['get'],
+  getAll: ((identifier) =>
+    providerRef.value?.getAll(identifier) ?? []) as EditorPluginContext['getAll'],
+});
+</script>
+
+<template>
+  <EditorProvider ref="providerRef" v-bind="props">
+    <EditorRenderer>
+      <slot />
+    </EditorRenderer>
+  </EditorProvider>
+</template>

package/src/components/index.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+export { default as EditorProvider } from './editor-provider.vue';
+export { EditorRenderer } from './editor-renderer';
+export { default as Editor } from './editor.vue';

package/src/env.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue';
+  const component: DefineComponent<object, object, unknown>;
+  export default component;
+}

package/src/hooks/index.ts

@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+export * from './use-flow-editor';

package/src/hooks/use-flow-editor.ts

@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+import { useService } from '@flowgram-vue/core';
+
+import { FlowEditorClient } from '../clients';
+
+export function useFlowEditor(): FlowEditorClient {
+  return useService(FlowEditorClient);
+}

package/src/index.ts

@@ -0,0 +1,96 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+import 'reflect-metadata';
+import { FormModelV2 } from '@flowgram-vue/node';
+
+/* 核心 模块导出 */
+export * from '@flowgram-vue/utils';
+export * from '@flowgram-vue/core';
+export * from '@flowgram-vue/document';
+export * from '@flowgram-vue/renderer';
+export * from '@flowgram-vue/variable-plugin';
+export * from '@flowgram-vue/shortcuts-plugin';
+export * from '@flowgram-vue/background-plugin';
+export * from '@flowgram-vue/node-core-plugin';
+export * from '@flowgram-vue/i18n-plugin';
+export {
+  ReactiveState,
+  ReactiveBaseState,
+  Tracker,
+  useReactiveState,
+  useReadonlyReactiveState,
+  useObserve,
+  observe,
+} from '@flowgram-vue/reactive';
+export {
+  type interfaces,
+  injectable,
+  postConstruct,
+  named,
+  Container,
+  ContainerModule,
+  AsyncContainerModule,
+  inject,
+  multiInject,
+} from 'inversify';
+
+export { FlowNodeFormData, NodeRender, type NodeRenderProps } from '@flowgram-vue/form-core';
+
+export type {
+  FormState,
+  FieldState,
+  FieldArrayRenderProps,
+  FieldRenderProps,
+  FormRenderProps,
+  Validate,
+  FormControl,
+  FieldName,
+  FieldError,
+  FieldWarning,
+  IField,
+  IFieldArray,
+  IForm,
+  Errors,
+  Warnings,
+} from '@flowgram-vue/form';
+
+export {
+  Form,
+  Field,
+  FieldArray,
+  useForm,
+  useField,
+  useCurrentField,
+  useCurrentFieldState,
+  useFieldValidate,
+  useWatch,
+  ValidateTrigger,
+  FeedbackLevel,
+} from '@flowgram-vue/form';
+export * from '@flowgram-vue/node';
+export { FormModelV2 as FormModel };
+
+/**
+ * 固定布局模块导出
+ */
+export * from './preset';
+export * from './components';
+export * from './hooks';
+export * from './clients';
+
+/**
+ * Plugin 导出
+ */
+
+export * from '@flowgram-vue/node-variable-plugin';
+
+export {
+  createPlaygroundVuePreset,
+  PlaygroundVue,
+  PlaygroundVueContent,
+  type PlaygroundVueProps,
+  type PlaygroundRef,
+} from '@flowgram-vue/playground-vue';

package/src/preset/editor-default-preset.ts

@@ -0,0 +1,148 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+import { interfaces } from 'inversify';
+import { FlowNodeScope, getNodePrivateScope, getNodeScope } from '@flowgram-vue/variable-plugin';
+import { FlowRendererContainerModule, FlowRendererRegistry } from '@flowgram-vue/renderer';
+import { createReduxDevToolPlugin } from '@flowgram-vue/redux-devtool-plugin';
+import { createNodeVariablePlugin } from '@flowgram-vue/node-variable-plugin';
+import { createNodeCorePlugin } from '@flowgram-vue/node-core-plugin';
+import { getNodeForm, NodeFormProps } from '@flowgram-vue/node';
+import { createMaterialsPlugin } from '@flowgram-vue/materials-plugin';
+import { createI18nPlugin } from '@flowgram-vue/i18n-plugin';
+import { createHistoryNodePlugin } from '@flowgram-vue/history-node-plugin';
+import { FlowDocumentContainerModule } from '@flowgram-vue/document';
+import { createPlaygroundPlugin, Plugin, PluginsProvider } from '@flowgram-vue/core';
+
+import { createFlowEditorClientPlugins } from '../clients/flow-editor-client-plugins';
+import { EditorPluginContext, EditorProps } from './editor-props';
+
+export function createDefaultPreset<CTX extends EditorPluginContext = EditorPluginContext>(
+  opts: EditorProps<CTX>,
+  plugins: Plugin[] = []
+): PluginsProvider<CTX> {
+  return (ctx: CTX) => {
+    opts = { ...EditorProps.DEFAULT, ...opts };
+    /**
+     * i18n support
+     */
+    if (opts.i18n) {
+      plugins.push(createI18nPlugin(opts.i18n));
+    }
+    /**
+     * 默认注册顶层 flow editor client plugin
+     */
+    plugins.push(...createFlowEditorClientPlugins());
+
+    /**
+     * 注册 Redux 开发者工具
+     */
+    if (opts.reduxDevTool?.enable) {
+      plugins.push(createReduxDevToolPlugin(opts.reduxDevTool));
+    }
+
+    /**
+     * 注册画布模块
+     */
+    const defaultContainerModules: interfaces.ContainerModule[] = [
+      FlowDocumentContainerModule, // 默认文档
+      FlowRendererContainerModule, // 默认渲染
+    ];
+    /**
+     * 注册物料
+     */
+    plugins.push(createMaterialsPlugin(opts.materials || {}));
+
+    /**
+     * 注册节点引擎
+     */
+    if (opts.nodeEngine && opts.nodeEngine.enable !== false) {
+      plugins.push(createNodeCorePlugin({ materials: opts.nodeEngine.materials }));
+
+      if (opts.variableEngine?.enable) {
+        plugins.push(createNodeVariablePlugin({}));
+      }
+
+      if (opts.history?.enable && opts.history?.enableChangeNode !== false) {
+        plugins.push(createHistoryNodePlugin({}));
+      }
+    }
+    /**
+     * 画布生命周期注册
+     */
+    plugins.push(
+      createPlaygroundPlugin<CTX>({
+        onInit: (ctx) => {
+          if (opts.nodeRegistries) {
+            ctx.document.registerFlowNodes(...opts.nodeRegistries);
+          }
+          // 自定义画布内部常量
+          if (opts.constants) {
+            ctx.document.options.constants = opts.constants;
+          }
+          if (opts.getNodeDefaultRegistry) {
+            ctx.document.options.getNodeDefaultRegistry = opts.getNodeDefaultRegistry;
+          }
+          ctx.document.options.preNodeCreate = (node) => {
+            /**
+             * Define node.form
+             */
+            if (opts.nodeEngine && opts.nodeEngine.enable !== false) {
+              let cache: NodeFormProps<any> | undefined;
+              Object.defineProperty(node, 'form', {
+                get: () => {
+                  if (cache) return cache;
+                  cache = getNodeForm(node);
+                  return cache;
+                },
+              });
+            }
+
+            /**
+             * Define node.scope & node.privateScope
+             */
+            if (opts.variableEngine && opts.variableEngine.enable !== false) {
+              let cache: FlowNodeScope | undefined;
+              let privateCache: FlowNodeScope | undefined;
+
+              Object.defineProperty(node, 'scope', {
+                get: () => {
+                  if (cache) return cache;
+                  cache = getNodeScope(node);
+                  return cache;
+                },
+              });
+              Object.defineProperty(node, 'privateScope', {
+                get: () => {
+                  if (privateCache) return privateCache;
+                  privateCache = getNodePrivateScope(node);
+                  return privateCache;
+                },
+              });
+            }
+          };
+          ctx.get<FlowRendererRegistry>(FlowRendererRegistry).init();
+        },
+        onReady(ctx) {
+          if (opts.initialData) {
+            ctx.document.fromJSON(opts.initialData);
+          }
+          if (opts.readonly) {
+            ctx.playground.config.readonly = opts.readonly;
+          }
+          ctx.document.load().then(() => {
+            if (opts.onLoad) opts.onLoad(ctx);
+          });
+        },
+        onDispose(ctx) {
+          ctx.document.dispose();
+        },
+        containerModules: defaultContainerModules,
+      })
+    );
+
+    return plugins;
+  };
+}

package/src/preset/editor-props.ts

@@ -0,0 +1,149 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+import { FlowNodeScope, VariablePluginOptions } from '@flowgram-vue/variable-plugin';
+import { ReduxDevToolPluginOptions } from '@flowgram-vue/redux-devtool-plugin';
+import { type PlaygroundVueProps } from '@flowgram-vue/playground-vue';
+import { NodeCorePluginOptions } from '@flowgram-vue/node-core-plugin';
+import { type NodeFormProps } from '@flowgram-vue/node';
+import { MaterialsPluginOptions } from '@flowgram-vue/materials-plugin';
+import { I18nPluginOptions } from '@flowgram-vue/i18n-plugin';
+import { HistoryPluginOptions } from '@flowgram-vue/history';
+import { FormMetaOrFormMetaGenerator } from '@flowgram-vue/form-core';
+import {
+  FlowDocument,
+  FlowDocumentJSON,
+  FlowNodeEntity,
+  type FlowNodeJSON,
+  FlowNodeRegistry,
+  FlowNodeType,
+} from '@flowgram-vue/document';
+import { PluginContext, SelectionService } from '@flowgram-vue/core';
+
+declare module '@flowgram-vue/document' {
+  interface FlowNodeEntity {
+    form: NodeFormProps<any> | undefined;
+    scope: FlowNodeScope | undefined;
+    privateScope: FlowNodeScope | undefined;
+  }
+}
+
+export interface EditorPluginContext extends PluginContext {
+  document: FlowDocument;
+  selection: SelectionService;
+}
+
+export interface EditorProps<
+  CTX extends EditorPluginContext = EditorPluginContext,
+  JSON = FlowDocumentJSON
+> extends PlaygroundVueProps<CTX> {
+  /**
+   * Initialize data
+   * 初始化数据
+   */
+  initialData?: JSON;
+  /**
+   * whether it is readonly
+   * 是否为 readonly
+   */
+  readonly?: boolean;
+  /**
+   * node registries
+   * 节点定义
+   */
+  nodeRegistries?: FlowNodeRegistry[];
+  /**
+   * Get the default node registry, which will be merged with the 'nodeRegistries'
+   * 提供默认的节点注册，这个会和 nodeRegistries 做合并
+   */
+  getNodeDefaultRegistry?: (type: FlowNodeType) => FlowNodeRegistry;
+  /**
+   * Node engine configuration
+   */
+  nodeEngine?: NodeCorePluginOptions & {
+    /**
+     * Default formMeta
+     */
+    createDefaultFormMeta?: (node: FlowNodeEntity) => FormMetaOrFormMetaGenerator;
+    /**
+     * Enable node engine
+     */
+    enable?: boolean;
+  };
+  /**
+   * By default, all nodes are expanded
+   * 默认是否展开所有节点
+   */
+  allNodesDefaultExpanded?: boolean;
+  /**
+   * Canvas material, Used to customize Vue components
+   * 画布物料, 用于自定义 Vue 组件
+   */
+  materials?: MaterialsPluginOptions;
+  /**
+   * 画布数据加载完成, 请使用 onAllLayersRendered 替代
+   * @deprecated
+   * */
+  onLoad?: (ctx: CTX) => void;
+  /**
+   * 是否开启变量引擎
+   * Variable engine enable
+   */
+  variableEngine?: VariablePluginOptions;
+  /**
+   * Redo/Undo enable
+   */
+  history?: HistoryPluginOptions<CTX> & { disableShortcuts?: boolean };
+
+  /**
+   * redux devtool configuration
+   */
+  reduxDevTool?: ReduxDevToolPluginOptions;
+
+  /**
+   * Scroll configuration
+   * 滚动配置
+   */
+  scroll?: {
+    enableScrollLimit?: boolean; // 开启滚动限制
+    disableScrollBar?: boolean; //  关闭滚动条
+    disableScroll?: boolean; // 禁止滚动
+  };
+
+  /**
+   * Node data transformation, called by ctx.document.fromJSON
+   * 节点数据转换, 由 ctx.document.fromJSON 调用
+   * @param node - current node
+   * @param json - Current node json data
+   */
+  toNodeJSON?(node: FlowNodeEntity, json: FlowNodeJSON): FlowNodeJSON;
+  /**
+   * Node data transformation, called by ctx.document.toJSON
+   * 节点数据转换, 由 ctx.document.toJSON 调用
+   * @param node - current node
+   * @param json - Current node json data
+   * @param isFirstCreate - Whether it is created for the first time, If document.fromJSON is recalled, but the node already exists, isFirstCreate is false
+   */
+  fromNodeJSON?(node: FlowNodeEntity, json: FlowNodeJSON, isFirstCreate: boolean): FlowNodeJSON;
+  /**
+   * Canvas internal constant customization
+   * 画布内部常量自定义
+   */
+  constants?: Record<string, any>;
+  /**
+   * i18n
+   * 国际化
+   */
+  i18n?: I18nPluginOptions;
+}
+
+export namespace EditorProps {
+  /**
+   * 默认配置
+   */
+  export const DEFAULT: EditorProps = {
+    background: {},
+  };
+}

package/src/preset/index.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+export * from './editor-props';
+export * from './editor-default-preset';