@tmagic/editor 1.5.0-beta.3 → 1.5.0-beta.5

package/dist/tmagic-editor.umd.cjs

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('@element-plus/icons-vue'), require('lodash-es'), require('serialize-javascript'), require('@tmagic/design'), require('emmet-monaco-es'), require('monaco-editor'), require('@tmagic/form'), require('@tmagic/schema'), require('@tmagic/table'), require('@tmagic/utils'), require('moveable'), require('@tmagic/dep'), require('events'), require('gesto'), require('sortablejs'), require('@tmagic/stage'), require('@tmagic/core'), require('keycon')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'vue', '@element-plus/icons-vue', 'lodash-es', 'serialize-javascript', '@tmagic/design', 'emmet-monaco-es', 'monaco-editor', '@tmagic/form', '@tmagic/schema', '@tmagic/table', '@tmagic/utils', 'moveable', '@tmagic/dep', 'events', 'gesto', 'sortablejs', '@tmagic/stage', '@tmagic/core', 'keycon'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.TMagicEditor = {}, global.Vue, global.iconsVue, global.lodashEs, global.serialize, global.design, global.emmetMonacoEs, global.monaco, global.form, global.schema, global.table, global.utils, global.VanillaMoveable, global.dep, global.events, global.Gesto, global.Sortable, global.StageCore, global.core, global.KeyController));
-})(this, (function (exports, vue, iconsVue, lodashEs, serialize, design, emmetMonacoEs, monaco, form, schema, table, utils, VanillaMoveable, dep, events, Gesto, Sortable, StageCore, core, KeyController) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@tmagic/design'), require('@tmagic/form'), require('@tmagic/table'), require('vue'), require('@element-plus/icons-vue'), require('lodash-es'), require('serialize-javascript'), require('emmet-monaco-es'), require('monaco-editor'), require('@tmagic/core'), require('@tmagic/utils'), require('moveable'), require('@tmagic/stage'), require('events'), require('gesto'), require('sortablejs'), require('keycon')) :
+  typeof define === 'function' && define.amd ? define(['exports', '@tmagic/design', '@tmagic/form', '@tmagic/table', 'vue', '@element-plus/icons-vue', 'lodash-es', 'serialize-javascript', 'emmet-monaco-es', 'monaco-editor', '@tmagic/core', '@tmagic/utils', 'moveable', '@tmagic/stage', 'events', 'gesto', 'sortablejs', 'keycon'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.TMagicEditor = {}, global.designPlugin, global.formPlugin, global.tablePlugin, global.Vue, global.iconsVue, global.lodashEs, global.serialize, global.emmetMonacoEs, global.monaco, global.core, global.utils, global.VanillaMoveable, global.StageCore, global.events, global.Gesto, global.Sortable, global.KeyController));
+})(this, (function (exports, designPlugin, formPlugin, tablePlugin, vue, iconsVue, lodashEs, serialize, emmetMonacoEs, monaco, core, utils, VanillaMoveable, StageCore, events, Gesto, Sortable, KeyController) { 'use strict';
 
   function _interopNamespaceDefault(e) {
     const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
@@ -35,7 +35,7 @@
     setup(__props) {
       const isRelativePath = (str) => /^(\.|(\.\.)?\/)/.test(str);
       return (_ctx, _cache) => {
-        return !_ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicIcon), {
+        return !_ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicIcon), {
           key: 0,
           class: "magic-editor-icon"
         }, {
@@ -43,7 +43,7 @@
             vue.createVNode(vue.unref(iconsVue.Edit))
           ]),
           _: 1
-        })) : typeof _ctx.icon === "string" && (_ctx.icon.startsWith("http") || isRelativePath(_ctx.icon)) ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicIcon), {
+        })) : typeof _ctx.icon === "string" && (_ctx.icon.startsWith("http") || isRelativePath(_ctx.icon)) ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicIcon), {
           key: 1,
           class: "magic-editor-icon"
         }, {
@@ -54,7 +54,7 @@
         })) : typeof _ctx.icon === "string" ? (vue.openBlock(), vue.createElementBlock("i", {
           key: 2,
           class: vue.normalizeClass(["magic-editor-icon", _ctx.icon])
-        }, null, 2)) : (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicIcon), {
+        }, null, 2)) : (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicIcon), {
           key: 3,
           class: "magic-editor-icon"
         }, {
@@ -68,10 +68,10 @@
   });
 
   let $TMAGIC_EDITOR = {};
-  const setConfig = (option) => {
+  const setEditorConfig = (option) => {
     $TMAGIC_EDITOR = option;
   };
-  const getConfig = (key) => $TMAGIC_EDITOR[key];
+  const getEditorConfig = (key) => $TMAGIC_EDITOR[key];
 
   emmetMonacoEs.emmetHTML(monaco__namespace);
   emmetMonacoEs.emmetCSS(monaco__namespace, ["css", "scss"]);
@@ -119,14 +119,14 @@
         }
         return value;
       };
-      const parse = (v, language) => {
+      const parseCode = (v, language) => {
         if (typeof v !== "string") {
           return v;
         }
         if (language === "json") {
           return JSON.parse(v);
         }
-        return getConfig("parseDSL")(v);
+        return getEditorConfig("parseDSL")(v);
       };
       let vsEditor = null;
       let vsDiffEditor = null;
@@ -174,7 +174,7 @@
             e.stopPropagation();
             const newValue = getEditorValue();
             values.value = newValue;
-            emit("save", props.parse ? parse(newValue, props.language) : newValue);
+            emit("save", props.parse ? parseCode(newValue, props.language) : newValue);
           }
         });
         if (props.type !== "diff" && props.autoSave) {
@@ -182,7 +182,7 @@
             const newValue = getEditorValue();
             if (values.value !== newValue) {
               values.value = newValue;
-              emit("save", props.parse ? parse(newValue, props.language) : newValue);
+              emit("save", props.parse ? parseCode(newValue, props.language) : newValue);
             }
           });
         }
@@ -245,7 +245,7 @@
               class: vue.normalizeClass(`magic-code-editor-wrapper${fullScreen.value ? " full-screen" : ""}`),
               style: vue.normalizeStyle(!fullScreen.value && _ctx.height ? `height: ${_ctx.height}` : "100%")
             }, [
-              vue.createVNode(vue.unref(design.TMagicButton), {
+              vue.createVNode(vue.unref(designPlugin.TMagicButton), {
                 class: "magic-code-editor-full-screen-icon",
                 circle: "",
                 size: "small",
@@ -368,7 +368,7 @@
       const changeHandler = (v) => {
         if (!props.name || !props.model) return;
         try {
-          const parseDSL = getConfig("parseDSL");
+          const parseDSL = getEditorConfig("parseDSL");
           props.model[props.name] = parseDSL(`(${v[props.name]})`);
           emit("change", props.model[props.name]);
         } catch (e) {
@@ -414,7 +414,7 @@
         enableToggleMode: false,
         expandAll: true,
         title: (mForm, { model, index }) => {
-          if (model.codeType === schema.HookCodeType.DATA_SOURCE_METHOD) {
+          if (model.codeType === core.HookCodeType.DATA_SOURCE_METHOD) {
             if (Array.isArray(model.codeId)) {
               if (model.codeId.length < 2) {
                 return index;
@@ -435,12 +435,12 @@
                 name: "codeType",
                 span: 6,
                 options: [
-                  { value: schema.HookCodeType.CODE, text: "代码块" },
-                  { value: schema.HookCodeType.DATA_SOURCE_METHOD, text: "数据源方法" }
+                  { value: core.HookCodeType.CODE, text: "代码块" },
+                  { value: core.HookCodeType.DATA_SOURCE_METHOD, text: "数据源方法" }
                 ],
                 defaultValue: "code",
                 onChange: (mForm, v, { model }) => {
-                  if (v === schema.HookCodeType.DATA_SOURCE_METHOD) {
+                  if (v === core.HookCodeType.DATA_SOURCE_METHOD) {
                     model.codeId = [];
                   } else {
                     model.codeId = "";
@@ -453,7 +453,7 @@
                 name: "codeId",
                 span: 18,
                 labelWidth: 0,
-                display: (mForm, { model }) => model.codeType !== schema.HookCodeType.DATA_SOURCE_METHOD,
+                display: (mForm, { model }) => model.codeType !== core.HookCodeType.DATA_SOURCE_METHOD,
                 notEditable: () => !services?.codeBlockService.getEditStatus()
               },
               {
@@ -461,7 +461,7 @@
                 name: "codeId",
                 span: 18,
                 labelWidth: 0,
-                display: (mForm, { model }) => model.codeType === schema.HookCodeType.DATA_SOURCE_METHOD,
+                display: (mForm, { model }) => model.codeType === core.HookCodeType.DATA_SOURCE_METHOD,
                 notEditable: () => !services?.dataSourceService.get("editable")
               }
             ]
@@ -473,7 +473,7 @@
         (value) => {
           if (lodashEs.isEmpty(value)) {
             props.model[props.name] = {
-              hookType: schema.HookType.CODE,
+              hookType: core.HookType.CODE,
               hookData: []
             };
           }
@@ -489,9 +489,9 @@
         return vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass(["m-fields-code-select", _ctx.config.className])
         }, [
-          vue.createVNode(vue.unref(design.TMagicCard), null, {
+          vue.createVNode(vue.unref(designPlugin.TMagicCard), null, {
             default: vue.withCtx(() => [
-              vue.createVNode(vue.unref(form.MContainer), {
+              vue.createVNode(vue.unref(formPlugin.MContainer), {
                 config: codeConfig.value,
                 size: _ctx.size,
                 prop: _ctx.prop,
@@ -840,7 +840,7 @@
     items: [
       {
         type: "display-conds",
-        name: schema.NODE_CONDS_KEY,
+        name: core.NODE_CONDS_KEY,
         titlePrefix: "条件组",
         defaultValue: []
       }
@@ -998,7 +998,6 @@
     return pageName;
   };
   const generatePageNameByApp = (app, type) => generatePageName(getPageNameList(type === "page" ? getPageList(app) : getPageFragmentList(app)), type);
-  const isFixed = (node) => node.style?.position === "fixed";
   const getNodeIndex = (id, parent) => {
     const items = parent?.items || [];
     return items.findIndex((item) => `${item.id}` === `${id}`);
@@ -1475,10 +1474,10 @@
     replaceRelateId(originConfigs, targetConfigs, collectorOptions) {
       const relateIdMap = this.getRelateIdMap();
       if (Object.keys(relateIdMap).length === 0) return;
-      const target = new dep.Target({
+      const target = new core.Target({
         ...collectorOptions
       });
-      const coperWatcher = new dep.Watcher();
+      const coperWatcher = new core.Watcher();
       coperWatcher.addTarget(target);
       coperWatcher.collect(originConfigs, {}, true, collectorOptions.type);
       originConfigs.forEach((config) => {
@@ -1710,7 +1709,7 @@
       if (item === null) return null;
       switch (protocol) {
         case "object" /* OBJECT */:
-          return getConfig("parseDSL")(`(${item})`);
+          return getEditorConfig("parseDSL")(`(${item})`);
         case "json" /* JSON */:
           return JSON.parse(item);
         case "number" /* NUMBER */:
@@ -1922,7 +1921,7 @@
      * 只有容器拥有布局
      */
     async getLayout(parent, node) {
-      if (node && typeof node !== "function" && isFixed(node)) return Layout.FIXED;
+      if (node && typeof node !== "function" && StageCore.isFixed(node.style || {})) return Layout.FIXED;
       if (parent.layout) {
         return parent.layout;
       }
@@ -1962,7 +1961,7 @@
     }
     async selectNextNode() {
       const node = vue.toRaw(this.get("node"));
-      if (!node || utils.isPage(node) || node.type === schema.NodeType.ROOT) return node;
+      if (!node || utils.isPage(node) || node.type === core.NodeType.ROOT) return node;
       const parent = vue.toRaw(this.getParentById(node.id));
       if (!parent) return node;
       const index = getNodeIndex(node.id, parent);
@@ -2023,7 +2022,7 @@
       const curNode = this.get("node");
       const stage = this.get("stage");
       if (!curNode) throw new Error("当前选中节点为空");
-      if ((parent.type === schema.NodeType.ROOT || curNode?.type === schema.NodeType.ROOT) && !(utils.isPage(node) || utils.isPageFragment(node))) {
+      if ((parent.type === core.NodeType.ROOT || curNode?.type === core.NodeType.ROOT) && !(utils.isPage(node) || utils.isPageFragment(node))) {
         throw new Error("app下不能添加组件");
       }
       if (parent.id !== curNode.id && !(utils.isPage(node) || utils.isPageFragment(node))) {
@@ -2163,7 +2162,7 @@
         }
       });
       if (!newConfig.type) throw new Error("配置缺少type值");
-      if (newConfig.type === schema.NodeType.ROOT) {
+      if (newConfig.type === core.NodeType.ROOT) {
         this.set("root", newConfig);
         return newConfig;
       }
@@ -2201,7 +2200,7 @@
     async update(config) {
       const nodes = Array.isArray(config) ? config : [config];
       const newNodes = await Promise.all(nodes.map((node) => this.doUpdate(node)));
-      if (newNodes[0]?.type !== schema.NodeType.ROOT) {
+      if (newNodes[0]?.type !== core.NodeType.ROOT) {
         this.pushHistoryState();
       }
       this.emit("update", newNodes);
@@ -2252,10 +2251,10 @@
     copyWithRelated(config, collectorOptions) {
       const copyNodes = Array.isArray(config) ? config : [config];
       if (collectorOptions && typeof collectorOptions.isTarget === "function") {
-        const customTarget = new dep.Target({
+        const customTarget = new core.Target({
           ...collectorOptions
         });
-        const coperWatcher = new dep.Watcher();
+        const coperWatcher = new core.Watcher();
         coperWatcher.addTarget(customTarget);
         coperWatcher.collect(copyNodes, {}, true, collectorOptions.type);
         Object.keys(customTarget.deps).forEach((nodeId) => {
@@ -2289,7 +2288,7 @@
       let parent = null;
       if (config.length === 1 && config[0].id === node?.id) {
         parent = this.get("parent");
-        if (parent?.type === schema.NodeType.ROOT) {
+        if (parent?.type === core.NodeType.ROOT) {
           parent = this.get("page");
         }
       }
@@ -2590,9 +2589,9 @@
     async toggleFixedPosition(dist, src, root) {
       const newConfig = lodashEs.cloneDeep(dist);
       if (!utils.isPop(src) && newConfig.style?.position) {
-        if (isFixed(newConfig) && !isFixed(src)) {
+        if (StageCore.isFixed(newConfig.style) && !StageCore.isFixed(src.style || {})) {
           newConfig.style = change2Fixed(newConfig, root);
-        } else if (!isFixed(newConfig) && isFixed(src)) {
+        } else if (!StageCore.isFixed(newConfig.style) && StageCore.isFixed(src.style || {})) {
           newConfig.style = await Fixed2Other(newConfig, root, this.getLayout);
         }
       }
@@ -2654,7 +2653,7 @@
       }
       const root = editorService.get("root");
       if ((utils.isPage(pasteConfig) || utils.isPageFragment(pasteConfig)) && root) {
-        pasteConfig.name = generatePageNameByApp(root, utils.isPage(pasteConfig) ? schema.NodeType.PAGE : schema.NodeType.PAGE_FRAGMENT);
+        pasteConfig.name = generatePageNameByApp(root, utils.isPage(pasteConfig) ? core.NodeType.PAGE : core.NodeType.PAGE_FRAGMENT);
       }
       return pasteConfig;
     });
@@ -3192,7 +3191,7 @@
     setup(__props, { emit: __emit }) {
       const props = __props;
       const emit = __emit;
-      const form$1 = vue.ref();
+      const form = vue.ref();
       const getFormConfig = (items = []) => [
         {
           type: "fieldset",
@@ -3215,16 +3214,16 @@
       );
       const onParamsChangeHandler = async () => {
         try {
-          const value = await form$1.value?.submitForm(true);
+          const value = await form.value?.submitForm(true);
           emit("change", value);
         } catch (e) {
           error(e);
         }
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(vue.unref(form.MForm), {
+        return vue.openBlock(), vue.createBlock(vue.unref(formPlugin.MForm), {
           ref_key: "form",
-          ref: form$1,
+          ref: form,
           config: codeParamsConfig.value,
           "init-values": _ctx.model,
           disabled: _ctx.disabled,
@@ -3261,7 +3260,7 @@
       const eventBus = vue.inject("eventBus");
       const emit = __emit;
       const props = __props;
-      const notEditable = vue.computed(() => form.filterFunction(mForm, props.config.notEditable, props));
+      const notEditable = vue.computed(() => formPlugin.filterFunction(mForm, props.config.notEditable, props));
       const hasCodeBlockSidePanel = vue.computed(
         () => (services?.uiService.get("sideBarItems") || []).find((item) => item.$key === SideItemKey.CODE_BLOCK)
       );
@@ -3302,7 +3301,7 @@
         onChange: (formState, codeId, { model }) => {
           paramsConfig.value = getParamItemsConfig(codeId);
           if (paramsConfig.value.length) {
-            model.params = form.createValues(formState, paramsConfig.value, {}, model.params);
+            model.params = formPlugin.createValues(formState, paramsConfig.value, {}, model.params);
           } else {
             model.params = {};
           }
@@ -3319,14 +3318,14 @@
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$u, [
           vue.createElementVNode("div", _hoisted_2$j, [
-            vue.createVNode(vue.unref(form.MContainer), {
+            vue.createVNode(vue.unref(formPlugin.MContainer), {
               class: "select",
               config: selectConfig,
               model: _ctx.model,
               size: _ctx.size,
               onChange: onParamsChangeHandler
             }, null, 8, ["model", "size"]),
-            _ctx.model[_ctx.name] && hasCodeBlockSidePanel.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+            _ctx.model[_ctx.name] && hasCodeBlockSidePanel.value ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicButton), {
               key: 0,
               class: "m-fields-select-action-button",
               size: _ctx.size,
@@ -3374,7 +3373,7 @@
       const emit = __emit;
       const { dataSourceService } = vue.inject("services") || {};
       const props = __props;
-      const optionComponent = design.getConfig("components")?.option;
+      const optionComponent = designPlugin.getDesignConfig("components")?.option;
       const options = vue.computed(() => {
         const [id, ...fieldNames] = [...props.config.parentFields || [], ...props.model.field];
         const ds = dataSourceService?.getDataSourceById(id);
@@ -3406,7 +3405,7 @@
         emit("change", v);
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicSelect), {
+        return vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicSelect), {
           modelValue: _ctx.model[_ctx.name],
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
           clearable: "",
@@ -3461,7 +3460,7 @@
       const props = __props;
       const target = vue.ref();
       const titleEl = vue.ref();
-      const zIndex = design.useZIndex();
+      const zIndex = designPlugin.useZIndex();
       const curZIndex = vue.ref(0);
       const titleHeight = vue.ref(0);
       const bodyHeight = vue.computed(() => {
@@ -3588,7 +3587,7 @@
                 vue.createElementVNode("span", null, vue.toDisplayString(_ctx.title), 1)
               ]),
               vue.createElementVNode("div", null, [
-                vue.createVNode(vue.unref(design.TMagicButton), {
+                vue.createVNode(vue.unref(designPlugin.TMagicButton), {
                   link: "",
                   size: "small",
                   onClick: closeHandler
@@ -3618,7 +3617,7 @@
     const codeBlockEditor = vue.ref();
     const createCodeBlock = async () => {
       if (!codeBlockService) {
-        design.tMagicMessage.error("新增代码块失败");
+        designPlugin.tMagicMessage.error("新增代码块失败");
         return;
       }
       codeConfig.value = {
@@ -3635,7 +3634,7 @@
     const editCode = async (id) => {
       const codeBlock = await codeBlockService?.getCodeContentById(id);
       if (!codeBlock) {
-        design.tMagicMessage.error("获取代码块内容失败");
+        designPlugin.tMagicMessage.error("获取代码块内容失败");
         return;
       }
       let codeContent = codeBlock.content;
@@ -3693,7 +3692,7 @@
       editCode: async (model, methodName) => {
         const method = model.methods?.find((method2) => method2.name === methodName);
         if (!method) {
-          design.tMagicMessage.error("获取数据源方法失败");
+          designPlugin.tMagicMessage.error("获取数据源方法失败");
           return;
         }
         let codeContent = method.content || `({ params, dataSource, app }) => {
@@ -3725,7 +3724,7 @@
           dataSource.value.methods = [];
         }
         if (values.content) {
-          const parseDSL = getConfig("parseDSL");
+          const parseDSL = getEditorConfig("parseDSL");
           if (typeof values.content === "string") {
             values.content = parseDSL(values.content);
           }
@@ -3944,9 +3943,6 @@
         globalThis.localStorage.removeItem(storageKey);
       }
     });
-    vue.onBeforeUnmount(() => {
-      stage.destroy();
-    });
     return stage;
   };
 
@@ -4283,7 +4279,7 @@
               text: "删除",
               buttonType: "danger",
               handler: async (row, index) => {
-                await design.tMagicMessageBox.confirm(`确定删除${row.title}(${row.name})?`, "提示");
+                await designPlugin.tMagicMessageBox.confirm(`确定删除${row.title}(${row.name})?`, "提示");
                 props.model[props.name].splice(index, 1);
                 emit("change", props.model[props.name]);
               }
@@ -4435,7 +4431,7 @@
           addFromJsonDialogVisible.value = false;
           emit("change", props.model[props.name]);
         } catch (e) {
-          design.tMagicMessage.error(e.message);
+          designPlugin.tMagicMessage.error(e.message);
         }
       };
       const addDialogVisible = vue.useModel(__props, "visible");
@@ -4445,12 +4441,12 @@
       const { boxPosition, calcBoxPosition } = useNextFloatBoxPosition(services?.uiService, parentFloating);
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$t, [
-          vue.createVNode(vue.unref(table.MagicTable), {
+          vue.createVNode(vue.unref(tablePlugin.MagicTable), {
             data: _ctx.model[_ctx.name],
             columns: fieldColumns
           }, null, 8, ["data"]),
           vue.createElementVNode("div", _hoisted_2$i, [
-            vue.createVNode(vue.unref(design.TMagicButton), {
+            vue.createVNode(vue.unref(designPlugin.TMagicButton), {
               size: "small",
               disabled: _ctx.disabled,
               plain: "",
@@ -4461,7 +4457,7 @@
               ]),
               _: 1
             }, 8, ["disabled"]),
-            vue.createVNode(vue.unref(design.TMagicButton), {
+            vue.createVNode(vue.unref(designPlugin.TMagicButton), {
               size: "small",
               type: "primary",
               disabled: _ctx.disabled,
@@ -4485,7 +4481,7 @@
             position: vue.unref(boxPosition)
           }, {
             body: vue.withCtx(() => [
-              vue.createVNode(vue.unref(form.MFormBox), {
+              vue.createVNode(vue.unref(formPlugin.MFormBox), {
                 "label-width": "80px",
                 title: fieldTitle.value,
                 config: dataSourceFieldsConfig,
@@ -4508,7 +4504,7 @@
             position: vue.unref(boxPosition)
           }, {
             body: vue.withCtx(() => [
-              vue.createVNode(vue.unref(form.MFormBox), {
+              vue.createVNode(vue.unref(formPlugin.MFormBox), {
                 config: jsonFromConfig,
                 values: jsonFromValues.value,
                 disabled: _ctx.disabled,
@@ -4541,13 +4537,13 @@
       const props = __props;
       const emit = __emit;
       const modelValue = vue.useModel(__props, "modelValue");
-      const optionComponent = design.getConfig("components")?.option;
+      const optionComponent = designPlugin.getDesignConfig("components")?.option;
       const services = vue.inject("services");
       const mForm = vue.inject("mForm");
       const eventBus = vue.inject("eventBus");
       const dataSources = vue.computed(() => services?.dataSourceService.get("dataSources") || []);
       const valueIsKey = vue.computed(() => props.value === "key");
-      const notEditable = vue.computed(() => form.filterFunction(mForm, props.notEditable, props));
+      const notEditable = vue.computed(() => formPlugin.filterFunction(mForm, props.notEditable, props));
       const dataSourcesOptions = vue.computed(
         () => dataSources.value.map((ds) => ({
           text: ds.title || ds.id,
@@ -4606,7 +4602,7 @@
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$s, [
           _ctx.checkStrictly ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-            vue.createVNode(vue.unref(design.TMagicSelect), {
+            vue.createVNode(vue.unref(designPlugin.TMagicSelect), {
               "model-value": selectDataSourceId.value,
               clearable: "",
               filterable: "",
@@ -4636,7 +4632,7 @@
               ]),
               _: 1
             }, 8, ["model-value", "size", "disabled"]),
-            vue.createVNode(vue.unref(design.TMagicCascader), {
+            vue.createVNode(vue.unref(designPlugin.TMagicCascader), {
               "model-value": selectFieldsId.value,
               clearable: "",
               filterable: "",
@@ -4648,7 +4644,7 @@
               },
               onChange: fieldChangeHandler
             }, null, 8, ["model-value", "size", "disabled", "options", "props"])
-          ], 64)) : (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicCascader), {
+          ], 64)) : (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicCascader), {
             key: 1,
             clearable: "",
             filterable: "",
@@ -4661,12 +4657,12 @@
             },
             onChange: onChangeHandler
           }, null, 8, ["model-value", "disabled", "size", "options", "props"])),
-          selectDataSourceId.value && hasDataSourceSidePanel.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
+          selectDataSourceId.value && hasDataSourceSidePanel.value ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicTooltip), {
             key: 2,
             content: notEditable.value ? "查看" : "编辑"
           }, {
             default: vue.withCtx(() => [
-              vue.createVNode(vue.unref(design.TMagicButton), {
+              vue.createVNode(vue.unref(designPlugin.TMagicButton), {
                 class: "m-fields-select-action-button",
                 size: _ctx.size,
                 onClick: _cache[0] || (_cache[0] = ($event) => editHandler(selectDataSourceId.value))
@@ -4783,7 +4779,7 @@
         if (!keys.length || field?.type && (field.type === "any" || dataSourceFieldType.includes("any") || dataSourceFieldType.includes(field.type))) {
           emit("change", value);
         } else {
-          design.tMagicMessage.error(`请选择类型为${dataSourceFieldType.join("或")}的字段`);
+          designPlugin.tMagicMessage.error(`请选择类型为${dataSourceFieldType.join("或")}的字段`);
           emit("change", [dsId]);
         }
       };
@@ -4811,13 +4807,13 @@
             prop: _ctx.prop,
             onChange: onChangeHandler
           }, null, 40, ["config", "model", "name", "disabled", "size", "last-values", "init-values", "values", "prop"])),
-          _ctx.config.fieldConfig ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
+          _ctx.config.fieldConfig ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicTooltip), {
             key: 2,
             disabled: showDataSourceFieldSelect.value,
             content: "选择数据源"
           }, {
             default: vue.withCtx(() => [
-              vue.createVNode(vue.unref(design.TMagicButton), {
+              vue.createVNode(vue.unref(designPlugin.TMagicButton), {
                 style: { "margin-left": "5px" },
                 type: showDataSourceFieldSelect.value ? "primary" : "default",
                 size: _ctx.size,
@@ -5015,7 +5011,7 @@
         changeHandler(state.value);
       };
       return (_ctx, _cache) => {
-        return _ctx.disabled || isFocused.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(design.getConfig)("components")?.autocomplete.component || "el-autocomplete"), vue.mergeProps(
+        return _ctx.disabled || isFocused.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(designPlugin.getDesignConfig)("components")?.autocomplete.component || "el-autocomplete"), vue.mergeProps(
           {
             key: 0,
             class: "tmagic-design-auto-complete",
@@ -5024,7 +5020,7 @@
             modelValue: state.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.value = $event)
           },
-          vue.unref(design.getConfig)("components")?.autocomplete.props({
+          vue.unref(designPlugin.getDesignConfig)("components")?.autocomplete.props({
             disabled: _ctx.disabled,
             size: _ctx.size,
             fetchSuggestions: querySearch,
@@ -5063,7 +5059,7 @@
                     key: index,
                     style: { "margin-right": "2px" }
                   }, vue.toDisplayString(item.value), 1)) : vue.createCommentVNode("", true),
-                  item.type === "var" ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTag), {
+                  item.type === "var" ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicTag), {
                     key: index,
                     size: _ctx.size
                   }, {
@@ -5208,10 +5204,10 @@
           height: "500px",
           onChange: (formState, code) => {
             try {
-              getConfig("parseDSL")(code);
+              getEditorConfig("parseDSL")(code);
               return code;
             } catch (error) {
-              design.tMagicMessage.error(error.message);
+              designPlugin.tMagicMessage.error(error.message);
               throw error;
             }
           }
@@ -5222,7 +5218,7 @@
         emit("submit", values);
       };
       const errorHandler = (error) => {
-        design.tMagicMessage.error(error.message);
+        designPlugin.tMagicMessage.error(error.message);
       };
       const formBox = vue.ref();
       const changedValue = vue.ref();
@@ -5234,7 +5230,7 @@
           done();
           return;
         }
-        design.tMagicMessageBox.confirm("当前代码块已修改，是否保存？", "提示", {
+        designPlugin.tMagicMessageBox.confirm("当前代码块已修改，是否保存？", "提示", {
           confirmButtonText: "保存并关闭",
           cancelButtonText: "不保存并关闭",
           type: "warning",
@@ -5274,7 +5270,7 @@
             "before-close": beforeClose
           }, {
             body: vue.withCtx(() => [
-              vue.createVNode(vue.unref(form.MFormBox), {
+              vue.createVNode(vue.unref(formPlugin.MFormBox), {
                 class: "m-editor-code-block-editor",
                 ref_key: "formBox",
                 ref: formBox,
@@ -5291,7 +5287,7 @@
                 onClosed: closedHandler
               }, {
                 left: vue.withCtx(() => [
-                  !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+                  !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicButton), {
                     key: 0,
                     type: "primary",
                     link: "",
@@ -5309,7 +5305,7 @@
             _: 1
           }, 8, ["visible", "width", "height", "title", "position"]),
           (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
-            vue.createVNode(vue.unref(design.TMagicDialog), {
+            vue.createVNode(vue.unref(designPlugin.TMagicDialog), {
               title: "查看修改",
               modelValue: difVisible.value,
               "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => difVisible.value = $event),
@@ -5317,7 +5313,7 @@
             }, {
               footer: vue.withCtx(() => [
                 vue.createElementVNode("span", _hoisted_4$7, [
-                  vue.createVNode(vue.unref(design.TMagicButton), {
+                  vue.createVNode(vue.unref(designPlugin.TMagicButton), {
                     size: "small",
                     onClick: _cache[4] || (_cache[4] = ($event) => difVisible.value = false)
                   }, {
@@ -5326,7 +5322,7 @@
                     ]),
                     _: 1
                   }),
-                  vue.createVNode(vue.unref(design.TMagicButton), {
+                  vue.createVNode(vue.unref(designPlugin.TMagicButton), {
                     size: "small",
                     type: "primary",
                     onClick: diffChange
@@ -5341,7 +5337,7 @@
               default: vue.withCtx(() => [
                 vue.createElementVNode("div", _hoisted_1$p, [
                   vue.createElementVNode("div", _hoisted_2$g, [
-                    vue.createVNode(vue.unref(design.TMagicTag), {
+                    vue.createVNode(vue.unref(designPlugin.TMagicTag), {
                       size: "small",
                       type: "info"
                     }, {
@@ -5352,7 +5348,7 @@
                     })
                   ]),
                   vue.createElementVNode("div", _hoisted_3$7, [
-                    vue.createVNode(vue.unref(design.TMagicTag), {
+                    vue.createVNode(vue.unref(designPlugin.TMagicTag), {
                       size: "small",
                       type: "success"
                     }, {
@@ -5455,12 +5451,12 @@
       };
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, [
-          vue.createVNode(vue.unref(table.MagicTable), {
+          vue.createVNode(vue.unref(tablePlugin.MagicTable), {
             data: _ctx.model[_ctx.name],
             columns: methodColumns
           }, null, 8, ["data"]),
           vue.createElementVNode("div", _hoisted_2$f, [
-            vue.createVNode(vue.unref(design.TMagicButton), {
+            vue.createVNode(vue.unref(designPlugin.TMagicButton), {
               size: "small",
               type: "primary",
               disabled: _ctx.disabled,
@@ -5517,7 +5513,7 @@
       const hasDataSourceSidePanel = vue.computed(
         () => (services?.uiService.get("sideBarItems") || []).find((item) => item.$key === SideItemKey.DATA_SOURCE)
       );
-      const notEditable = vue.computed(() => form.filterFunction(mForm, props.config.notEditable, props));
+      const notEditable = vue.computed(() => formPlugin.filterFunction(mForm, props.config.notEditable, props));
       const dataSources = vue.computed(() => dataSourceService?.get("dataSources"));
       const isCustomMethod = vue.computed(() => {
         const [id, name] = props.model[props.name];
@@ -5537,7 +5533,7 @@
       const setParamsConfig = (dataSourceMethod, formState = {}) => {
         paramsConfig.value = dataSourceMethod ? getParamItemsConfig(dataSourceMethod) : [];
         if (paramsConfig.value.length) {
-          props.model.params = form.createValues(formState, paramsConfig.value, {}, props.model.params);
+          props.model.params = formPlugin.createValues(formState, paramsConfig.value, {}, props.model.params);
         } else {
           props.model.params = {};
         }
@@ -5578,19 +5574,19 @@
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$n, [
           vue.createElementVNode("div", _hoisted_2$e, [
-            vue.createVNode(vue.unref(form.MContainer), {
+            vue.createVNode(vue.unref(formPlugin.MContainer), {
               class: "select",
               config: cascaderConfig.value,
               model: _ctx.model,
               size: _ctx.size,
               onChange: onChangeHandler
             }, null, 8, ["config", "model", "size"]),
-            _ctx.model[_ctx.name] && isCustomMethod.value && hasDataSourceSidePanel.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
+            _ctx.model[_ctx.name] && isCustomMethod.value && hasDataSourceSidePanel.value ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicTooltip), {
               key: 0,
               content: notEditable.value ? "查看" : "编辑"
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(design.TMagicButton), {
+                vue.createVNode(vue.unref(designPlugin.TMagicButton), {
                   class: "m-fields-select-action-button",
                   size: _ctx.size,
                   onClick: editCodeHandler
@@ -5733,7 +5729,7 @@
           label: "是否启用",
           prop: "enable",
           type: "component",
-          component: design.TMagicSwitch,
+          component: designPlugin.TMagicSwitch,
           props: (row) => ({
             modelValue: row.enable,
             activeValue: true,
@@ -5749,7 +5745,7 @@
           label: "编辑器中使用",
           prop: "useInEditor",
           type: "component",
-          component: design.TMagicSwitch,
+          component: designPlugin.TMagicSwitch,
           props: (row) => ({
             modelValue: row.useInEditor,
             activeValue: true,
@@ -5781,7 +5777,7 @@
               text: "删除",
               buttonType: "danger",
               handler: async (row, index) => {
-                await design.tMagicMessageBox.confirm(`确定删除${row.title}?`, "提示");
+                await designPlugin.tMagicMessageBox.confirm(`确定删除${row.title}?`, "提示");
                 props.model[props.name].splice(index, 1);
                 emit("change", props.model[props.name]);
               }
@@ -5827,12 +5823,12 @@
       const { boxPosition, calcBoxPosition } = useNextFloatBoxPosition(services?.uiService, parentFloating);
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$m, [
-          vue.createVNode(vue.unref(table.MagicTable), {
+          vue.createVNode(vue.unref(tablePlugin.MagicTable), {
             data: _ctx.model[_ctx.name],
             columns
           }, null, 8, ["data"]),
           vue.createElementVNode("div", _hoisted_2$d, [
-            vue.createVNode(vue.unref(design.TMagicButton), {
+            vue.createVNode(vue.unref(designPlugin.TMagicButton), {
               size: "small",
               type: "primary",
               disabled: _ctx.disabled,
@@ -5856,7 +5852,7 @@
             position: vue.unref(boxPosition)
           }, {
             body: vue.withCtx(() => [
-              vue.createVNode(vue.unref(form.MFormBox), {
+              vue.createVNode(vue.unref(formPlugin.MFormBox), {
                 ref: "addDialog",
                 "label-width": "120px",
                 config: formConfig,
@@ -5898,7 +5894,7 @@
       const { dataSourceService, uiService } = vue.inject("services") || {};
       const eventBus = vue.inject("eventBus");
       const dataSources = vue.computed(() => dataSourceService?.get("dataSources") || []);
-      const notEditable = vue.computed(() => form.filterFunction(mForm, props.config.notEditable, props));
+      const notEditable = vue.computed(() => formPlugin.filterFunction(mForm, props.config.notEditable, props));
       const hasDataSourceSidePanel = vue.computed(
         () => (uiService?.get("sideBarItems") || []).find((item) => item.$key === SideItemKey.DATA_SOURCE)
       );
@@ -5932,7 +5928,7 @@
       };
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$l, [
-          vue.createVNode(vue.unref(form.MSelect), {
+          vue.createVNode(vue.unref(formPlugin.MSelect), {
             model: _ctx.model,
             name: _ctx.name,
             size: _ctx.size,
@@ -5942,12 +5938,12 @@
             "last-values": _ctx.lastValues,
             onChange: changeHandler
           }, null, 8, ["model", "name", "size", "prop", "disabled", "config", "last-values"]),
-          _ctx.model[_ctx.name] && hasDataSourceSidePanel.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
+          _ctx.model[_ctx.name] && hasDataSourceSidePanel.value ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicTooltip), {
             key: 0,
             content: notEditable.value ? "查看" : "编辑"
           }, {
             default: vue.withCtx(() => [
-              vue.createVNode(vue.unref(design.TMagicButton), {
+              vue.createVNode(vue.unref(designPlugin.TMagicButton), {
                 class: "m-fields-select-action-button",
                 size: _ctx.size,
                 onClick: editHandler
@@ -5989,7 +5985,7 @@
       const props = __props;
       const { dataSourceService } = vue.inject("services") || {};
       const mForm = vue.inject("mForm");
-      const parentFields = vue.computed(() => form.filterFunction(mForm, props.config.parentFields, props) || []);
+      const parentFields = vue.computed(() => formPlugin.filterFunction(mForm, props.config.parentFields, props) || []);
       const config = vue.computed(() => ({
         type: "groupList",
         name: props.name,
@@ -6080,7 +6076,7 @@
         emit("change", v);
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(vue.unref(form.MGroupList), {
+        return vue.openBlock(), vue.createBlock(vue.unref(formPlugin.MGroupList), {
           style: { "width": "100%" },
           config: config.value,
           name: _ctx.name,
@@ -6196,24 +6192,24 @@
           name: "actionType",
           text: "联动类型",
           type: "select",
-          defaultValue: schema.ActionType.COMP,
+          defaultValue: core.ActionType.COMP,
           options: () => [
             {
               text: "组件",
               label: "组件",
-              value: schema.ActionType.COMP
+              value: core.ActionType.COMP
             },
             {
               text: "代码",
               label: "代码",
               disabled: !Object.keys(codeBlockService?.getCodeDsl() || {}).length,
-              value: schema.ActionType.CODE
+              value: core.ActionType.CODE
             },
             {
               text: "数据源",
               label: "数据源",
               disabled: !dataSourceService?.get("dataSources")?.filter((ds) => ds.methods?.length || dataSourceService?.getFormMethod(ds.type).length).length,
-              value: schema.ActionType.DATA_SOURCE
+              value: core.ActionType.DATA_SOURCE
             }
           ]
         };
@@ -6224,7 +6220,7 @@
           name: "to",
           text: "联动组件",
           type: "ui-select",
-          display: (mForm, { model }) => model.actionType === schema.ActionType.COMP,
+          display: (mForm, { model }) => model.actionType === core.ActionType.COMP,
           onChange: (MForm, v, { model }) => {
             model.method = "";
             return v;
@@ -6244,7 +6240,7 @@
             return "select";
           },
           checkStrictly: () => props.config.src !== "component",
-          display: (mForm, { model }) => model.actionType === schema.ActionType.COMP,
+          display: (mForm, { model }) => model.actionType === core.ActionType.COMP,
           options: (mForm, { model }) => {
             const node = editorService?.getNodeById(model.to);
             if (!node?.type) return [];
@@ -6283,7 +6279,7 @@
           text: "代码块",
           name: "codeId",
           notEditable: () => !codeBlockService?.getEditStatus(),
-          display: (mForm, { model }) => model.actionType === schema.ActionType.CODE
+          display: (mForm, { model }) => model.actionType === core.ActionType.CODE
         };
         return { ...defaultCodeActionConfig, ...props.config.codeActionConfig };
       });
@@ -6293,7 +6289,7 @@
           text: "数据源方法",
           name: "dataSourceMethod",
           notEditable: () => !services?.dataSourceService.get("editable"),
-          display: (mForm, { model }) => model.actionType === schema.ActionType.DATA_SOURCE
+          display: (mForm, { model }) => model.actionType === core.ActionType.DATA_SOURCE
         };
         return { ...defaultDataSourceActionConfig, ...props.config.dataSourceActionConfig };
       });
@@ -6385,7 +6381,7 @@
             config: tableConfig.value,
             onChange: onChangeHandler
           }, null, 8, ["size", "disabled", "model", "config"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$c, [
-            vue.createVNode(vue.unref(design.TMagicButton), {
+            vue.createVNode(vue.unref(designPlugin.TMagicButton), {
               class: "create-button",
               type: "primary",
               size: _ctx.size,
@@ -6398,7 +6394,7 @@
               _: 1
             }, 8, ["size", "disabled"]),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.model[_ctx.name], (cardItem, index) => {
-              return vue.openBlock(), vue.createBlock(vue.unref(form.MPanel), {
+              return vue.openBlock(), vue.createBlock(vue.unref(formPlugin.MPanel), {
                 key: index,
                 disabled: _ctx.disabled,
                 size: _ctx.size,
@@ -6408,7 +6404,7 @@
                 onChange: onChangeHandler
               }, {
                 header: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(form.MContainer), {
+                  vue.createVNode(vue.unref(formPlugin.MContainer), {
                     class: "fullWidth",
                     config: eventNameConfig.value,
                     model: cardItem,
@@ -6416,7 +6412,7 @@
                     size: _ctx.size,
                     onChange: onChangeHandler
                   }, null, 8, ["config", "model", "disabled", "size"]),
-                  vue.createVNode(vue.unref(design.TMagicButton), {
+                  vue.createVNode(vue.unref(designPlugin.TMagicButton), {
                     style: { "color": "#f56c6c" },
                     link: "",
                     icon: vue.unref(iconsVue.Delete),
@@ -6524,7 +6520,7 @@
                 class: "m-fields-key-value-item",
                 key: index
               }, [
-                vue.createVNode(vue.unref(design.TMagicInput), {
+                vue.createVNode(vue.unref(designPlugin.TMagicInput), {
                   placeholder: "key",
                   modelValue: records.value[index][0],
                   "onUpdate:modelValue": ($event) => records.value[index][0] = $event,
@@ -6533,7 +6529,7 @@
                   onChange: keyChangeHandler
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "size"]),
                 _hoisted_3$6,
-                vue.createVNode(vue.unref(design.TMagicInput), {
+                vue.createVNode(vue.unref(designPlugin.TMagicInput), {
                   placeholder: "value",
                   modelValue: records.value[index][1],
                   "onUpdate:modelValue": ($event) => records.value[index][1] = $event,
@@ -6541,7 +6537,7 @@
                   size: _ctx.size,
                   onChange: valueChangeHandler
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "size"]),
-                vue.createVNode(vue.unref(design.TMagicButton), {
+                vue.createVNode(vue.unref(designPlugin.TMagicButton), {
                   class: "m-fileds-key-value-delete",
                   type: "danger",
                   size: _ctx.size,
@@ -6553,7 +6549,7 @@
                 }, null, 8, ["size", "disabled", "icon", "onClick"])
               ]);
             }), 128)),
-            vue.createVNode(vue.unref(design.TMagicButton), {
+            vue.createVNode(vue.unref(designPlugin.TMagicButton), {
               type: "primary",
               size: _ctx.size,
               disabled: _ctx.disabled,
@@ -6578,7 +6574,7 @@
             parse: true,
             onSave: save
           }, null, 8, ["init-values", "options"])) : vue.createCommentVNode("", true),
-          _ctx.config.advanced ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+          _ctx.config.advanced ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicButton), {
             key: 2,
             size: "default",
             disabled: _ctx.disabled,
@@ -6615,7 +6611,7 @@
       const emit = __emit;
       const props = __props;
       const pageList = vue.computed(
-        () => services?.editorService.get("root")?.items.filter((item) => item.type === schema.NodeType.PAGE_FRAGMENT)
+        () => services?.editorService.get("root")?.items.filter((item) => item.type === core.NodeType.PAGE_FRAGMENT)
       );
       const selectConfig = {
         type: "select",
@@ -6747,7 +6743,7 @@
           class: "m-fields-ui-select",
           onClick: cancelHandler
         }, [
-          vue.createVNode(vue.unref(design.TMagicButton), {
+          vue.createVNode(vue.unref(designPlugin.TMagicButton), {
             type: "danger",
             icon: vue.unref(iconsVue.Delete),
             disabled: _ctx.disabled,
@@ -6762,12 +6758,12 @@
           }, 8, ["icon", "disabled", "size"])
         ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [
           val.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-            vue.createVNode(vue.unref(design.TMagicTooltip), {
+            vue.createVNode(vue.unref(designPlugin.TMagicTooltip), {
               content: "清除",
               placement: "top"
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(design.TMagicButton), {
+                vue.createVNode(vue.unref(designPlugin.TMagicButton), {
                   style: { "padding": "0" },
                   type: "danger",
                   icon: vue.unref(iconsVue.Close),
@@ -6779,12 +6775,12 @@
               ]),
               _: 1
             }),
-            vue.createVNode(vue.unref(design.TMagicTooltip), {
+            vue.createVNode(vue.unref(designPlugin.TMagicTooltip), {
               content: "点击选中组件",
               placement: "top"
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(design.TMagicButton), {
+                vue.createVNode(vue.unref(designPlugin.TMagicButton), {
                   link: "",
                   style: { "padding": "0", "margin": "0" },
                   disabled: _ctx.disabled,
@@ -6801,13 +6797,13 @@
               ]),
               _: 1
             })
-          ], 64)) : (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
+          ], 64)) : (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicTooltip), {
             key: 1,
             content: "点击此处选择",
             placement: "top"
           }, {
             default: vue.withCtx(() => [
-              vue.createVNode(vue.unref(design.TMagicButton), {
+              vue.createVNode(vue.unref(designPlugin.TMagicButton), {
                 link: "",
                 style: { "padding": "0", "margin": "0" },
                 disabled: _ctx.disabled,
@@ -7082,18 +7078,18 @@
           onMousedown: _cache[1] || (_cache[1] = ($event) => mousedownHandler(_ctx.data, $event)),
           onMouseup: _cache[2] || (_cache[2] = ($event) => mouseupHandler(_ctx.data, $event))
         }, [
-          _ctx.data.type === "divider" ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicDivider), {
+          _ctx.data.type === "divider" ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicDivider), {
             key: 0,
             direction: _ctx.data.direction || "vertical"
           }, null, 8, ["direction"])) : _ctx.data.type === "text" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, vue.toDisplayString(_ctx.data.text), 1)) : _ctx.data.type === "button" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-            _ctx.data.tooltip ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
+            _ctx.data.tooltip ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicTooltip), {
               key: 0,
               effect: "dark",
               placement: "bottom-start",
               content: _ctx.data.tooltip
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(design.TMagicButton), {
+                vue.createVNode(vue.unref(designPlugin.TMagicButton), {
                   size: "small",
                   link: "",
                   disabled: disabled.value
@@ -7109,7 +7105,7 @@
                 }, 8, ["disabled"])
               ]),
               _: 1
-            }, 8, ["content"])) : (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+            }, 8, ["content"])) : (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicButton), {
               key: 1,
               size: "small",
               link: "",
@@ -7125,17 +7121,17 @@
               ]),
               _: 1
             }, 8, ["disabled", "title"]))
-          ], 64)) : _ctx.data.type === "dropdown" ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicDropdown), {
+          ], 64)) : _ctx.data.type === "dropdown" ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicDropdown), {
             key: 3,
             trigger: "click",
             disabled: disabled.value,
             onCommand: dropdownHandler
           }, {
             dropdown: vue.withCtx(() => [
-              _ctx.data.items && _ctx.data.items.length ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicDropdownMenu), { key: 0 }, {
+              _ctx.data.items && _ctx.data.items.length ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicDropdownMenu), { key: 0 }, {
                 default: vue.withCtx(() => [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.data.items, (subItem, index) => {
-                    return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicDropdownItem), {
+                    return vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicDropdownItem), {
                       key: index,
                       command: { data: _ctx.data, subItem }
                     }, {
@@ -7152,7 +7148,7 @@
             default: vue.withCtx(() => [
               vue.createElementVNode("span", _hoisted_2$8, [
                 vue.createTextVNode(vue.toDisplayString(_ctx.data.text), 1),
-                vue.createVNode(vue.unref(design.TMagicIcon), { class: "el-icon--right" }, {
+                vue.createVNode(vue.unref(designPlugin.TMagicIcon), { class: "el-icon--right" }, {
                   default: vue.withCtx(() => [
                     vue.createVNode(vue.unref(iconsVue.ArrowDown))
                   ]),
@@ -7320,7 +7316,7 @@
       vue.watch(
         () => props.type,
         (type) => {
-          if (type === schema.NodeType.PAGE) {
+          if (type === core.NodeType.PAGE) {
             unWatchPageFragmentLength?.();
             unWatchPageFragmentLength = null;
             unWatchPageLength = crateWatchLength(pageLength);
@@ -7348,7 +7344,7 @@
           }, [
             vue.createVNode(_sfc_main$Y, { icon: vue.unref(iconsVue.ArrowLeftBold) }, null, 8, ["icon"])
           ])) : vue.createCommentVNode("", true),
-          _ctx.type === vue.unref(schema.NodeType).PAGE && pageLength.value || _ctx.type === vue.unref(schema.NodeType).PAGE_FRAGMENT && pageFragmentLength.value ? (vue.openBlock(), vue.createElementBlock("div", {
+          _ctx.type === vue.unref(core.NodeType).PAGE && pageLength.value || _ctx.type === vue.unref(core.NodeType).PAGE_FRAGMENT && pageFragmentLength.value ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 1,
             class: "m-editor-page-bar-items",
             ref_key: "itemsContainer",
@@ -7392,7 +7388,7 @@
       };
       return (_ctx, _cache) => {
         return showPageListButton.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [
-          vue.createVNode(vue.unref(design.TMagicPopover), {
+          vue.createVNode(vue.unref(designPlugin.TMagicPopover), {
             "popper-class": "page-bar-popover",
             placement: "top",
             trigger: "hover",
@@ -7400,7 +7396,7 @@
             "destroy-on-close": true
           }, {
             reference: vue.withCtx(() => [
-              vue.createVNode(vue.unref(design.TMagicIcon), { class: "m-editor-page-list-menu-icon" }, {
+              vue.createVNode(vue.unref(designPlugin.TMagicIcon), { class: "m-editor-page-list-menu-icon" }, {
                 default: vue.withCtx(() => [
                   vue.createVNode(vue.unref(iconsVue.Files))
                 ]),
@@ -7442,11 +7438,11 @@
     setup(__props, { emit: __emit }) {
       const data = [
         {
-          type: schema.NodeType.PAGE,
+          type: core.NodeType.PAGE,
           text: "页面"
         },
         {
-          type: schema.NodeType.PAGE_FRAGMENT,
+          type: core.NodeType.PAGE_FRAGMENT,
           text: "页面片"
         }
       ];
@@ -7456,7 +7452,7 @@
       };
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(data, (item) => {
-          return vue.createVNode(vue.unref(design.TMagicButton), {
+          return vue.createVNode(vue.unref(designPlugin.TMagicButton), {
             class: vue.normalizeClass(["m-editor-page-bar-switch-type-button", { active: _ctx.modelValue === item.type }]),
             size: "small",
             key: item.type,
@@ -7488,37 +7484,37 @@
       pageBarSortOptions: {}
     },
     setup(__props) {
-      const active = vue.ref(schema.NodeType.PAGE);
+      const active = vue.ref(core.NodeType.PAGE);
       const services = vue.inject("services");
       const editorService = services?.editorService;
       const root = vue.computed(() => editorService?.get("root"));
       const page = vue.computed(() => editorService?.get("page"));
       const pageList = vue.computed(() => getPageList(root.value));
       const pageFragmentList = vue.computed(() => getPageFragmentList(root.value));
-      const list = vue.computed(() => active.value === schema.NodeType.PAGE ? pageList.value : pageFragmentList.value);
+      const list = vue.computed(() => active.value === core.NodeType.PAGE ? pageList.value : pageFragmentList.value);
       const activePage = vue.ref("");
       const activePageFragment = vue.ref("");
       vue.watch(
         page,
         (page2) => {
           if (!page2) {
-            if (active.value === schema.NodeType.PAGE) {
+            if (active.value === core.NodeType.PAGE) {
               activePage.value = "";
             }
-            if (active.value === schema.NodeType.PAGE_FRAGMENT) {
+            if (active.value === core.NodeType.PAGE_FRAGMENT) {
               activePageFragment.value = "";
             }
             return;
           }
           if (utils.isPage(page2)) {
             activePage.value = page2?.id;
-            if (active.value !== schema.NodeType.PAGE) {
-              active.value = schema.NodeType.PAGE;
+            if (active.value !== core.NodeType.PAGE) {
+              active.value = core.NodeType.PAGE;
             }
           } else if (utils.isPageFragment(page2)) {
             activePageFragment.value = page2?.id;
-            if (active.value !== schema.NodeType.PAGE_FRAGMENT) {
-              active.value = schema.NodeType.PAGE_FRAGMENT;
+            if (active.value !== core.NodeType.PAGE_FRAGMENT) {
+              active.value = core.NodeType.PAGE_FRAGMENT;
             }
           }
         },
@@ -7527,7 +7523,7 @@
         }
       );
       vue.watch(active, (active2) => {
-        if (active2 === schema.NodeType.PAGE) {
+        if (active2 === core.NodeType.PAGE) {
           if (!activePage.value && !pageList.value.length) {
             editorService?.selectRoot();
             return;
@@ -7535,7 +7531,7 @@
           switchPage(activePage.value);
           return;
         }
-        if (active2 === schema.NodeType.PAGE_FRAGMENT) {
+        if (active2 === core.NodeType.PAGE_FRAGMENT) {
           if (!activePageFragment.value && !pageFragmentList.value.length) {
             editorService?.selectRoot();
             return;
@@ -7591,7 +7587,7 @@
                       }, vue.toDisplayString(item.name || item.id), 9, _hoisted_4$5)
                     ])
                   ]),
-                  vue.createVNode(vue.unref(design.TMagicPopover), {
+                  vue.createVNode(vue.unref(designPlugin.TMagicPopover), {
                     "popper-class": "page-bar-popover",
                     placement: "top",
                     trigger: "hover",
@@ -7599,7 +7595,7 @@
                     "destroy-on-close": true
                   }, {
                     reference: vue.withCtx(() => [
-                      vue.createVNode(vue.unref(design.TMagicIcon), { class: "m-editor-page-bar-menu-icon" }, {
+                      vue.createVNode(vue.unref(designPlugin.TMagicIcon), { class: "m-editor-page-bar-menu-icon" }, {
                         default: vue.withCtx(() => [
                           vue.createVNode(vue.unref(iconsVue.CaretBottom))
                         ]),
@@ -7670,7 +7666,7 @@
           vue.createElementVNode("div", _hoisted_2$6, [
             vue.createElementVNode("div", {
               class: "m-editor-empty-button",
-              onClick: _cache[0] || (_cache[0] = ($event) => clickHandler(vue.unref(schema.NodeType).PAGE))
+              onClick: _cache[0] || (_cache[0] = ($event) => clickHandler(vue.unref(core.NodeType).PAGE))
             }, [
               vue.createElementVNode("div", null, [
                 vue.createVNode(_sfc_main$Y, { icon: vue.unref(iconsVue.Plus) }, null, 8, ["icon"])
@@ -7680,7 +7676,7 @@
             !_ctx.disabledPageFragment ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
               class: "m-editor-empty-button",
-              onClick: _cache[1] || (_cache[1] = ($event) => clickHandler(vue.unref(schema.NodeType).PAGE_FRAGMENT))
+              onClick: _cache[1] || (_cache[1] = ($event) => clickHandler(vue.unref(core.NodeType).PAGE_FRAGMENT))
             }, [
               vue.createElementVNode("div", null, [
                 vue.createVNode(_sfc_main$Y, { icon: vue.unref(iconsVue.Plus) }, null, 8, ["icon"])
@@ -7758,7 +7754,7 @@
       });
       const saveCode = (value) => {
         try {
-          const parseDSL = getConfig("parseDSL");
+          const parseDSL = getEditorConfig("parseDSL");
           editorService?.set("root", parseDSL(value));
         } catch (e) {
           console.error(e);
@@ -7831,7 +7827,7 @@
             page.value ? {
               name: "right",
               fn: vue.withCtx(() => [
-                vue.createVNode(vue.unref(design.TMagicScrollbar), null, {
+                vue.createVNode(vue.unref(designPlugin.TMagicScrollbar), null, {
                   default: vue.withCtx(() => [
                     vue.renderSlot(_ctx.$slots, "props-panel")
                   ]),
@@ -7897,7 +7893,7 @@
               className: "delete",
               icon: vue.markRaw(iconsVue.Delete),
               tooltip: `刪除(Delete)`,
-              disabled: () => services?.editorService.get("node")?.type === schema.NodeType.PAGE,
+              disabled: () => services?.editorService.get("node")?.type === core.NodeType.PAGE,
               handler: () => {
                 const node = services?.editorService.get("node");
                 node && services?.editorService.remove(node);
@@ -8109,7 +8105,7 @@
       return (_ctx, _cache) => {
         return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
           vue.renderSlot(_ctx.$slots, "props-panel-header"),
-          vue.createVNode(vue.unref(form.MForm), {
+          vue.createVNode(vue.unref(formPlugin.MForm), {
             ref_key: "configForm",
             ref: configForm,
             class: vue.normalizeClass(propsPanelSize.value),
@@ -8121,7 +8117,7 @@
             onChange: submit,
             onError: errorHandler
           }, null, 8, ["class", "popper-class", "size", "init-values", "config", "extend-state"]),
-          !_ctx.disabledShowSrc ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+          !_ctx.disabledShowSrc ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicButton), {
             key: 0,
             class: "m-editor-props-panel-src-icon",
             circle: "",
@@ -8165,10 +8161,11 @@
         timer && clearTimeout(timer);
         timer = setTimeout(() => {
           emit("search", filterText.value);
+          timer = null;
         }, 300);
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicInput), {
+        return vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicInput), {
           modelValue: filterText.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filterText.value = $event),
           class: "search-input",
@@ -8178,7 +8175,7 @@
           onInput: filterTextChangeHandler
         }, {
           prefix: vue.withCtx(() => [
-            vue.createVNode(vue.unref(design.TMagicIcon), null, {
+            vue.createVNode(vue.unref(designPlugin.TMagicIcon), null, {
               default: vue.withCtx(() => [
                 vue.createVNode(vue.unref(iconsVue.Search))
               ]),
@@ -8208,7 +8205,8 @@
       parent: {},
       parentsId: { default: () => [] },
       nodeStatusMap: {},
-      indent: { default: 0 }
+      indent: { default: 0 },
+      nextLevelIndentIncrement: { default: 11 }
     },
     emits: ["node-dragstart", "node-dragleave", "node-dragend", "node-contextmenu", "node-mouseenter", "node-click"],
     setup(__props, { emit: __emit }) {
@@ -8301,7 +8299,7 @@
                 parent: _ctx.data,
                 parentsId: [..._ctx.parentsId, _ctx.data.id],
                 "node-status-map": _ctx.nodeStatusMap,
-                indent: _ctx.indent + 11
+                indent: _ctx.indent + _ctx.nextLevelIndentIncrement
               }, {
                 "tree-node-content": vue.withCtx(({ data: nodeData }) => [
                   vue.renderSlot(_ctx.$slots, "tree-node-content", { data: nodeData })
@@ -8336,6 +8334,7 @@
       data: {},
       nodeStatusMap: {},
       indent: { default: 0 },
+      nextLevelIndentIncrement: {},
       emptyText: { default: "暂无数据" }
     },
     emits: ["node-dragover", "node-dragstart", "node-dragleave", "node-dragend", "node-contextmenu", "node-mouseenter", "node-click"],
@@ -8355,6 +8354,7 @@
               key: item.id,
               data: item,
               indent: _ctx.indent,
+              "next-level-indent-increment": _ctx.nextLevelIndentIncrement,
               "node-status-map": _ctx.nodeStatusMap
             }, {
               "tree-node-content": vue.withCtx(({ data: nodeData }) => [
@@ -8367,7 +8367,7 @@
                 vue.renderSlot(_ctx.$slots, "tree-node-tool", { data: nodeData })
               ]),
               _: 2
-            }, 1032, ["data", "indent", "node-status-map"]);
+            }, 1032, ["data", "indent", "next-level-indent-increment", "node-status-map"]);
           }), 128)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
             vue.createElementVNode("p", null, vue.toDisplayString(_ctx.emptyText), 1)
           ]))
@@ -8382,6 +8382,8 @@
     },
     __name: "CodeBlockList",
     props: {
+      indent: {},
+      nextLevelIndentIncrement: {},
       customError: { type: Function }
     },
     emits: ["edit", "remove"],
@@ -8392,7 +8394,7 @@
       const { codeBlockService, depService, editorService } = services || {};
       const codeList = vue.computed(
         () => Object.entries(codeBlockService?.getCodeDsl() || {}).map(([codeId, code]) => {
-          const target = depService?.getTarget(codeId, dep.DepTargetType.CODE_BLOCK);
+          const target = depService?.getTarget(codeId, core.DepTargetType.CODE_BLOCK);
           const pageList = editorService?.get("root")?.items.map((page) => ({
             name: page.devconfig?.tabName || page.name,
             type: "node",
@@ -8454,7 +8456,7 @@
         const existBinds = Boolean(currentCode?.items?.length);
         const undeleteableList = codeBlockService?.getUndeletableList() || [];
         if (!existBinds && !undeleteableList.includes(id)) {
-          await design.tMagicMessageBox.confirm("确定删除该代码块吗？", "提示", {
+          await designPlugin.tMagicMessageBox.confirm("确定删除该代码块吗？", "提示", {
             confirmButtonText: "确定",
             cancelButtonText: "取消",
             type: "warning"
@@ -8464,7 +8466,7 @@
           if (typeof props.customError === "function") {
             props.customError(id, existBinds ? CodeDeleteErrorType.BIND : CodeDeleteErrorType.UNDELETEABLE);
           } else {
-            design.tMagicMessage.error("代码块删除失败");
+            designPlugin.tMagicMessage.error("代码块删除失败");
           }
         }
       };
@@ -8475,6 +8477,8 @@
         return vue.openBlock(), vue.createBlock(_sfc_main$m, {
           data: codeList.value,
           "node-status-map": vue.unref(nodeStatusMap),
+          indent: _ctx.indent,
+          "next-level-indent-increment": _ctx.nextLevelIndentIncrement,
           onNodeClick: clickHandler
         }, {
           "tree-node-label": vue.withCtx(({ data }) => [
@@ -8487,7 +8491,7 @@
             }, vue.toDisplayString(data.name) + " " + vue.toDisplayString(data.key ? `(${data.key})` : ""), 3)
           ]),
           "tree-node-tool": vue.withCtx(({ data }) => [
-            data.type === "code" ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
+            data.type === "code" ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicTooltip), {
               key: 0,
               effect: "dark",
               content: editable.value ? "编辑" : "查看",
@@ -8502,7 +8506,7 @@
               ]),
               _: 2
             }, 1032, ["content"])) : vue.createCommentVNode("", true),
-            data.type === "code" && editable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
+            data.type === "code" && editable.value ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicTooltip), {
               key: 1,
               effect: "dark",
               content: "删除",
@@ -8523,7 +8527,7 @@
             })
           ]),
           _: 3
-        }, 8, ["data", "node-status-map"]);
+        }, 8, ["data", "node-status-map", "indent", "next-level-indent-increment"]);
       };
     }
   });
@@ -8535,6 +8539,8 @@
     },
     __name: "CodeBlockListPanel",
     props: {
+      indent: {},
+      nextLevelIndentIncrement: {},
       customError: { type: Function }
     },
     setup(__props) {
@@ -8551,12 +8557,12 @@
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-          vue.createVNode(vue.unref(design.TMagicScrollbar), { class: "m-editor-code-block-list m-editor-layer-panel" }, {
+          vue.createVNode(vue.unref(designPlugin.TMagicScrollbar), { class: "m-editor-code-block-list m-editor-layer-panel" }, {
             default: vue.withCtx(() => [
               vue.renderSlot(_ctx.$slots, "code-block-panel-header", {}, () => [
                 vue.createElementVNode("div", _hoisted_1$7, [
                   vue.createVNode(_sfc_main$o, { onSearch: filterTextChangeHandler }),
-                  editable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+                  editable.value ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicButton), {
                     key: 0,
                     class: "create-code-button",
                     type: "primary",
@@ -8575,6 +8581,8 @@
                 ref_key: "codeBlockList",
                 ref: codeBlockList,
                 "custom-error": _ctx.customError,
+                indent: _ctx.indent,
+                "next-level-indent-increment": _ctx.nextLevelIndentIncrement,
                 onEdit: vue.unref(editCode),
                 onRemove: vue.unref(deleteCode)
               }, {
@@ -8585,7 +8593,7 @@
                   })
                 ]),
                 _: 3
-              }, 8, ["custom-error", "onEdit", "onRemove"])
+              }, 8, ["custom-error", "indent", "next-level-indent-increment", "onEdit", "onRemove"])
             ]),
             _: 3
           }),
@@ -8668,7 +8676,7 @@
         emit("submit", values);
       };
       const errorHandler = (error) => {
-        design.tMagicMessage.error(error.message);
+        designPlugin.tMagicMessage.error(error.message);
       };
       __expose({
         show() {
@@ -8691,7 +8699,7 @@
           position: vue.unref(boxPosition)
         }, {
           body: vue.withCtx(() => [
-            vue.createVNode(vue.unref(form.MFormBox), {
+            vue.createVNode(vue.unref(formPlugin.MFormBox), {
               "label-width": "80px",
               title: _ctx.title,
               config: dataSourceConfig.value,
@@ -8713,15 +8721,19 @@
       name: "MEditorDataSourceList"
     },
     __name: "DataSourceList",
+    props: {
+      indent: {},
+      nextLevelIndentIncrement: {}
+    },
     emits: ["edit", "remove"],
     setup(__props, { expose: __expose, emit: __emit }) {
       const emit = __emit;
       const { depService, editorService, dataSourceService } = vue.inject("services") || {};
       const editable = vue.computed(() => dataSourceService?.get("editable") ?? true);
       const dataSources = vue.computed(() => dataSourceService?.get("dataSources") || []);
-      const dsDep = vue.computed(() => depService?.getTargets(dep.DepTargetType.DATA_SOURCE) || {});
-      const dsMethodDep = vue.computed(() => depService?.getTargets(dep.DepTargetType.DATA_SOURCE_METHOD) || {});
-      const dsCondDep = vue.computed(() => depService?.getTargets(dep.DepTargetType.DATA_SOURCE_COND) || {});
+      const dsDep = vue.computed(() => depService?.getTargets(core.DepTargetType.DATA_SOURCE) || {});
+      const dsMethodDep = vue.computed(() => depService?.getTargets(core.DepTargetType.DATA_SOURCE_METHOD) || {});
+      const dsCondDep = vue.computed(() => depService?.getTargets(core.DepTargetType.DATA_SOURCE_COND) || {});
       const getKeyTreeConfig = (dep, type, parentKey) => dep.keys.map((key) => ({
         name: key,
         id: `${parentKey}_${key}`,
@@ -8784,7 +8796,7 @@
         emit("edit", id);
       };
       const removeHandler = async (id) => {
-        await design.tMagicMessageBox.confirm("确定删除?", "提示", {
+        await designPlugin.tMagicMessageBox.confirm("确定删除?", "提示", {
           confirmButtonText: "确定",
           cancelButtonText: "取消",
           type: "warning"
@@ -8808,6 +8820,8 @@
         return vue.openBlock(), vue.createBlock(_sfc_main$m, {
           data: list.value,
           "node-status-map": vue.unref(nodeStatusMap),
+          indent: _ctx.indent,
+          "next-level-indent-increment": _ctx.nextLevelIndentIncrement,
           onNodeClick: clickHandler
         }, {
           "tree-node-label": vue.withCtx(({ data }) => [
@@ -8820,7 +8834,7 @@
             }, vue.toDisplayString(data.name) + " " + vue.toDisplayString(data.key ? `(${data.key})` : ""), 3)
           ]),
           "tree-node-tool": vue.withCtx(({ data }) => [
-            data.type === "ds" ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
+            data.type === "ds" ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicTooltip), {
               key: 0,
               effect: "dark",
               content: editable.value ? "编辑" : "查看",
@@ -8835,7 +8849,7 @@
               ]),
               _: 2
             }, 1032, ["content"])) : vue.createCommentVNode("", true),
-            data.type === "ds" && editable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
+            data.type === "ds" && editable.value ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicTooltip), {
               key: 1,
               effect: "dark",
               content: "删除",
@@ -8853,7 +8867,7 @@
             vue.renderSlot(_ctx.$slots, "data-source-panel-tool", { data })
           ]),
           _: 3
-        }, 8, ["data", "node-status-map"]);
+        }, 8, ["data", "node-status-map", "indent", "next-level-indent-increment"]);
       };
     }
   });
@@ -8864,6 +8878,10 @@
       name: "MEditorDataSourceListPanel"
     },
     __name: "DataSourceListPanel",
+    props: {
+      indent: {},
+      nextLevelIndentIncrement: {}
+    },
     setup(__props) {
       const eventBus = vue.inject("eventBus");
       const { dataSourceService } = vue.inject("services") || {};
@@ -8901,11 +8919,11 @@
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-          vue.createVNode(vue.unref(design.TMagicScrollbar), { class: "data-source-list-panel m-editor-layer-panel" }, {
+          vue.createVNode(vue.unref(designPlugin.TMagicScrollbar), { class: "data-source-list-panel m-editor-layer-panel" }, {
             default: vue.withCtx(() => [
               vue.createElementVNode("div", _hoisted_1$6, [
                 vue.createVNode(_sfc_main$o, { onSearch: filterTextChangeHandler }),
-                vue.unref(editable) ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicPopover), {
+                vue.unref(editable) ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicPopover), {
                   key: 0,
                   placement: "right",
                   trigger: "hover",
@@ -8913,7 +8931,7 @@
                   "destroy-on-close": true
                 }, {
                   reference: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(design.TMagicButton), {
+                    vue.createVNode(vue.unref(designPlugin.TMagicButton), {
                       type: "primary",
                       size: "small"
                     }, {
@@ -8944,9 +8962,11 @@
               vue.createVNode(_sfc_main$i, {
                 ref_key: "dataSourceList",
                 ref: dataSourceList,
+                indent: _ctx.indent,
+                "next-level-indent-increment": _ctx.nextLevelIndentIncrement,
                 onEdit: vue.unref(editHandler),
                 onRemove: removeHandler
-              }, null, 8, ["onEdit"])
+              }, null, 8, ["indent", "next-level-indent-increment", "onEdit"])
             ]),
             _: 3
           }),
@@ -8983,7 +9003,7 @@
       const subMenu = vue.ref();
       const visible = vue.ref(false);
       const subMenuData = vue.ref([]);
-      const zIndex = design.useZIndex();
+      const zIndex = designPlugin.useZIndex();
       const curZIndex = vue.ref(0);
       const menuPosition = vue.ref({
         left: 0,
@@ -9166,7 +9186,7 @@
     icon: iconsVue.Delete,
     display: (services) => {
       const node = services?.editorService?.get("node");
-      return node?.type !== schema.NodeType.ROOT && !utils.isPage(node) && !utils.isPageFragment(node);
+      return node?.type !== core.NodeType.ROOT && !utils.isPage(node) && !utils.isPageFragment(node);
     },
     handler: (services) => {
       const nodes = services?.editorService?.get("nodes");
@@ -9840,6 +9860,8 @@
     __name: "LayerPanel",
     props: {
       layerContentMenu: {},
+      indent: {},
+      nextLevelIndentIncrement: {},
       customContentMenu: { type: Function }
     },
     setup(__props) {
@@ -9878,7 +9900,7 @@
         highlightHandler: mouseenterHandler
       } = useClick(services, isCtrlKeyDown, nodeStatusMap);
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicScrollbar), { class: "m-editor-layer-panel" }, {
+        return vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicScrollbar), { class: "m-editor-layer-panel" }, {
           default: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "layer-panel-header"),
             vue.createVNode(_sfc_main$o, { onSearch: vue.unref(filterTextChangeHandler) }, null, 8, ["onSearch"]),
@@ -9889,6 +9911,8 @@
               ref: tree,
               data: nodeData.value,
               "node-status-map": vue.unref(nodeStatusMap),
+              indent: _ctx.indent,
+              "next-level-indent-increment": _ctx.nextLevelIndentIncrement,
               onNodeDragover: vue.unref(handleDragOver),
               onNodeDragstart: vue.unref(handleDragStart),
               onNodeDragleave: vue.unref(handleDragLeave),
@@ -9909,7 +9933,7 @@
                 vue.renderSlot(_ctx.$slots, "layer-node-label", { data: nodeData2 })
               ]),
               _: 3
-            }, 8, ["data", "node-status-map", "onNodeDragover", "onNodeDragstart", "onNodeDragleave", "onNodeDragend", "onNodeContextmenu", "onNodeMouseenter", "onNodeClick"])) : vue.createCommentVNode("", true),
+            }, 8, ["data", "node-status-map", "indent", "next-level-indent-increment", "onNodeDragover", "onNodeDragstart", "onNodeDragleave", "onNodeDragend", "onNodeContextmenu", "onNodeMouseenter", "onNodeClick"])) : vue.createCommentVNode("", true),
             (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
               vue.createVNode(_sfc_main$e, {
                 ref_key: "menu",
@@ -9999,19 +10023,19 @@
         timeout = stage.value.delayedMarkContainer(e);
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicScrollbar), null, {
+        return vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicScrollbar), null, {
           default: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "component-list-panel-header"),
             vue.createVNode(_sfc_main$o, { onSearch: filterTextChangeHandler }),
             vue.renderSlot(_ctx.$slots, "component-list", { componentGroupList: list.value }, () => [
-              vue.createVNode(vue.unref(design.TMagicCollapse), {
+              vue.createVNode(vue.unref(designPlugin.TMagicCollapse), {
                 class: "ui-component-panel",
                 "model-value": collapseValue.value
               }, {
                 default: vue.withCtx(() => [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(list.value, (group, index) => {
                     return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-                      group.items && group.items.length ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicCollapseItem), {
+                      group.items && group.items.length ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicCollapseItem), {
                         key: index,
                         name: `${index}`
                       }, {
@@ -10031,7 +10055,7 @@
                               onDrag: dragHandler
                             }, [
                               vue.renderSlot(_ctx.$slots, "component-list-item", { component: item }, () => [
-                                vue.createVNode(vue.unref(design.TMagicTooltip), {
+                                vue.createVNode(vue.unref(designPlugin.TMagicTooltip), {
                                   placement: "right",
                                   disabled: !Boolean(item.desc),
                                   content: item.desc
@@ -10088,6 +10112,8 @@
         items: [SideItemKey.COMPONENT_LIST, SideItemKey.LAYER, SideItemKey.CODE_BLOCK, SideItemKey.DATA_SOURCE]
       }) },
       layerContentMenu: {},
+      indent: {},
+      nextLevelIndentIncrement: {},
       customContentMenu: {}
     },
     setup(__props, { expose: __expose }) {
@@ -10128,7 +10154,9 @@
             text: "已选组件",
             props: {
               layerContentMenu: props.layerContentMenu,
-              customContentMenu: props.customContentMenu
+              customContentMenu: props.customContentMenu,
+              indent: props.indent,
+              nextLevelIndentIncrement: props.nextLevelIndentIncrement
             },
             component: _sfc_main$c,
             slots: {}
@@ -10139,6 +10167,10 @@
             icon: iconsVue.EditPen,
             text: "代码编辑",
             component: _sfc_main$k,
+            props: {
+              indent: props.indent,
+              nextLevelIndentIncrement: props.nextLevelIndentIncrement
+            },
             slots: {}
           },
           [SideItemKey.DATA_SOURCE]: {
@@ -10147,6 +10179,10 @@
             icon: iconsVue.Coin,
             text: "数据源",
             component: _sfc_main$h,
+            props: {
+              indent: props.indent,
+              nextLevelIndentIncrement: props.nextLevelIndentIncrement
+            },
             slots: {}
           }
         };
@@ -10648,7 +10684,7 @@
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-          page.value && buttonVisible.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
+          page.value && buttonVisible.value ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicTooltip), {
             key: 0,
             content: "点击查看当前位置下的组件"
           }, {
@@ -10723,6 +10759,10 @@
           contentWindow?.magic.onRuntimeReady({});
         }
       });
+      vue.onBeforeUnmount(() => {
+        services?.stageOverlayService.get("stage")?.destroy();
+        services?.stageOverlayService.set("stage", null);
+      });
       const closeOverlayHandler = () => {
         services?.stageOverlayService.closeOverlay();
       };
@@ -10732,7 +10772,7 @@
           class: "m-editor-stage-overlay",
           onClick: closeOverlayHandler
         }, [
-          vue.createVNode(vue.unref(design.TMagicIcon), {
+          vue.createVNode(vue.unref(designPlugin.TMagicIcon), {
             class: "m-editor-stage-overlay-close",
             size: "20",
             onClick: closeOverlayHandler
@@ -10906,7 +10946,7 @@
           const layout = await editorService.getLayout(parent.value);
           const isLayoutConform = [Layout.ABSOLUTE, Layout.FIXED].includes(layout);
           const isTypeConform = nodes.value?.every(
-            (selectedNode) => ![schema.NodeType.ROOT, schema.NodeType.PAGE, "pop"].includes(`${selectedNode?.type}`)
+            (selectedNode) => ![core.NodeType.ROOT, core.NodeType.PAGE, "pop"].includes(`${selectedNode?.type}`)
           );
           canCenter.value = isLayoutConform && !!isTypeConform;
         },
@@ -10974,6 +11014,9 @@
           });
         });
       });
+      vue.onBeforeUnmount(() => {
+        stage?.destroy();
+      });
       vue.watch(zoom, (zoom2) => {
         if (!stage || !zoom2) return;
         stage.setZoom(zoom2);
@@ -11014,7 +11057,7 @@
         services?.keybindingService.unregisterEl("stage");
         services?.editorService.off("root-change", rootChangeHandler);
       });
-      const parseDSL = getConfig("parseDSL");
+      const parseDSL = getEditorConfig("parseDSL");
       const contextmenuHandler = (e) => {
         e.preventDefault();
         menu.value?.show(e);
@@ -11144,7 +11187,7 @@
             return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
               key: item.id
             }, [
-              vue.createVNode(vue.unref(design.TMagicButton), {
+              vue.createVNode(vue.unref(designPlugin.TMagicButton), {
                 link: "",
                 disabled: item.id === node.value?.id,
                 onClick: ($event) => select(item)
@@ -11265,7 +11308,7 @@
       if (codeDsl[id] && !force) return;
       const codeConfigProcessed = lodashEs.cloneDeep(codeConfig);
       if (codeConfigProcessed.content) {
-        const parseDSL = getConfig("parseDSL");
+        const parseDSL = getEditorConfig("parseDSL");
         if (typeof codeConfigProcessed.content === "string") {
           codeConfigProcessed.content = parseDSL(codeConfigProcessed.content);
         }
@@ -11387,10 +11430,10 @@
       const copyNodes = Array.isArray(config) ? config : [config];
       const copyData = {};
       if (collectorOptions && typeof collectorOptions.isTarget === "function") {
-        const customTarget = new dep.Target({
+        const customTarget = new core.Target({
           ...collectorOptions
         });
-        const coperWatcher = new dep.Watcher();
+        const coperWatcher = new core.Watcher();
         coperWatcher.addTarget(customTarget);
         coperWatcher.collect(copyNodes, {}, true, collectorOptions.type);
         Object.keys(customTarget.deps).forEach((nodeId) => {
@@ -11574,10 +11617,10 @@
       const copyNodes = Array.isArray(config) ? config : [config];
       const copyData = [];
       if (collectorOptions && typeof collectorOptions.isTarget === "function") {
-        const customTarget = new dep.Target({
+        const customTarget = new core.Target({
           ...collectorOptions
         });
-        const coperWatcher = new dep.Watcher();
+        const coperWatcher = new core.Watcher();
         coperWatcher.addTarget(customTarget);
         coperWatcher.collect(copyNodes, {}, true, collectorOptions.type);
         Object.keys(customTarget.deps).forEach((nodeId) => {
@@ -11616,8 +11659,8 @@
 
   const idleTask = new IdleTask();
   class Dep extends BaseService {
-    watcher = new dep.Watcher({ initialTargets: vue.reactive({}) });
-    removeTargets(type = dep.DepTargetType.DEFAULT) {
+    watcher = new core.Watcher({ initialTargets: vue.reactive({}) });
+    removeTargets(type = core.DepTargetType.DEFAULT) {
       this.watcher.removeTargets(type);
       const targets = this.watcher.getTargets(type);
       if (!targets) return;
@@ -11625,17 +11668,17 @@
         this.emit("remove-target", target.id);
       }
     }
-    getTargets(type = dep.DepTargetType.DEFAULT) {
+    getTargets(type = core.DepTargetType.DEFAULT) {
       return this.watcher.getTargets(type);
     }
-    getTarget(id, type = dep.DepTargetType.DEFAULT) {
+    getTarget(id, type = core.DepTargetType.DEFAULT) {
       return this.watcher.getTarget(id, type);
     }
     addTarget(target) {
       this.watcher.addTarget(target);
       this.emit("add-target", target);
     }
-    removeTarget(id, type = dep.DepTargetType.DEFAULT) {
+    removeTarget(id, type = core.DepTargetType.DEFAULT) {
       this.watcher.removeTarget(id, type);
       this.emit("remove-target", id);
     }
@@ -11683,10 +11726,10 @@
     clearByType(type, nodes) {
       return this.watcher.clearByType(type, nodes);
     }
-    hasTarget(id, type = dep.DepTargetType.DEFAULT) {
+    hasTarget(id, type = core.DepTargetType.DEFAULT) {
       return this.watcher.hasTarget(id, type);
     }
-    hasSpecifiedTypeTarget(type = dep.DepTargetType.DEFAULT) {
+    hasSpecifiedTypeTarget(type = core.DepTargetType.DEFAULT) {
       return this.watcher.hasSpecifiedTypeTarget(type);
     }
     on(eventName, listener) {
@@ -12263,9 +12306,9 @@
       value.dataSources = value.dataSources || [];
       codeBlockService.setCodeDsl(value.codeBlocks);
       dataSourceService.set("dataSources", value.dataSources);
-      depService.removeTargets(dep.DepTargetType.CODE_BLOCK);
+      depService.removeTargets(core.DepTargetType.CODE_BLOCK);
       Object.entries(value.codeBlocks).forEach(([id, code]) => {
-        depService.addTarget(dep.createCodeBlockTarget(id, code));
+        depService.addTarget(core.createCodeBlockTarget(id, code));
       });
       dataSourceService.get("dataSources").forEach((ds) => {
         initDataSourceDepTarget(ds);
@@ -12308,13 +12351,13 @@
     const targetAddHandler = (target) => {
       const root = editorService.get("root");
       if (!root) return;
-      if (target.type === dep.DepTargetType.DATA_SOURCE) {
+      if (target.type === core.DepTargetType.DATA_SOURCE) {
         if (!root.dataSourceDeps) {
           root.dataSourceDeps = {};
         }
         root.dataSourceDeps[target.id] = target.deps;
       }
-      if (target.type === dep.DepTargetType.DATA_SOURCE_COND) {
+      if (target.type === core.DepTargetType.DATA_SOURCE_COND) {
         if (!root.dataSourceCondDeps) {
           root.dataSourceCondDeps = {};
         }
@@ -12370,9 +12413,9 @@
     depService.on("remove-target", targetRemoveHandler);
     depService.on("collected", collectedHandler);
     const initDataSourceDepTarget = (ds) => {
-      depService.addTarget(dep.createDataSourceTarget(ds, vue.reactive({})));
-      depService.addTarget(dep.createDataSourceMethodTarget(ds, vue.reactive({})));
-      depService.addTarget(dep.createDataSourceCondTarget(ds, vue.reactive({})));
+      depService.addTarget(core.createDataSourceTarget(ds, vue.reactive({})));
+      depService.addTarget(core.createDataSourceMethodTarget(ds, vue.reactive({})));
+      depService.addTarget(core.createDataSourceCondTarget(ds, vue.reactive({})));
     };
     const collectIdle = (nodes, deep) => {
       nodes.forEach((node) => {
@@ -12404,14 +12447,14 @@
     editorService.on("remove", nodeRemoveHandler);
     editorService.on("update", nodeUpdateHandler);
     const codeBlockAddOrUpdateHandler = (id, codeBlock) => {
-      if (depService.hasTarget(id, dep.DepTargetType.CODE_BLOCK)) {
-        depService.getTarget(id, dep.DepTargetType.CODE_BLOCK).name = codeBlock.name;
+      if (depService.hasTarget(id, core.DepTargetType.CODE_BLOCK)) {
+        depService.getTarget(id, core.DepTargetType.CODE_BLOCK).name = codeBlock.name;
         return;
       }
-      depService.addTarget(dep.createCodeBlockTarget(id, codeBlock));
+      depService.addTarget(core.createCodeBlockTarget(id, codeBlock));
     };
     const codeBlockRemoveHandler = (id) => {
-      depService.removeTarget(id, dep.DepTargetType.CODE_BLOCK);
+      depService.removeTarget(id, core.DepTargetType.CODE_BLOCK);
     };
     codeBlockService.on("addOrUpdate", codeBlockAddOrUpdateHandler);
     codeBlockService.on("remove", codeBlockRemoveHandler);
@@ -12426,9 +12469,9 @@
       collectIdle(root?.items || [], true);
     };
     const removeDataSourceTarget = (id) => {
-      depService.removeTarget(id, dep.DepTargetType.DATA_SOURCE);
-      depService.removeTarget(id, dep.DepTargetType.DATA_SOURCE_COND);
-      depService.removeTarget(id, dep.DepTargetType.DATA_SOURCE_METHOD);
+      depService.removeTarget(id, core.DepTargetType.DATA_SOURCE);
+      depService.removeTarget(id, core.DepTargetType.DATA_SOURCE_COND);
+      depService.removeTarget(id, core.DepTargetType.DATA_SOURCE_METHOD);
     };
     const dataSourceRemoveHandler = (id) => {
       removeDataSourceTarget(id);
@@ -12489,6 +12532,8 @@
       disabledPageFragment: { type: Boolean },
       disabledStageOverlay: { type: Boolean },
       disabledShowSrc: { type: Boolean },
+      indent: {},
+      nextLevelIndentIncrement: {},
       render: { type: Function },
       updateDragEl: { type: Function },
       canSelect: { type: Function },
@@ -12565,7 +12610,9 @@
               vue.createVNode(_sfc_main$a, {
                 data: _ctx.sidebar,
                 "layer-content-menu": _ctx.layerContentMenu,
-                "custom-content-menu": _ctx.customContentMenu
+                "custom-content-menu": _ctx.customContentMenu,
+                indent: _ctx.indent,
+                "next-level-indent-increment": _ctx.nextLevelIndentIncrement
               }, {
                 "layer-panel-header": vue.withCtx(() => [
                   vue.renderSlot(_ctx.$slots, "layer-panel-header")
@@ -12607,7 +12654,7 @@
                   vue.renderSlot(_ctx.$slots, "data-source-panel-search")
                 ]),
                 _: 3
-              }, 8, ["data", "layer-content-menu", "custom-content-menu"])
+              }, 8, ["data", "layer-content-menu", "custom-content-menu", "indent", "next-level-indent-increment"])
             ])
           ]),
           workspace: vue.withCtx(() => [
@@ -12677,8 +12724,11 @@
   const index = {
     install: (app, opt) => {
       const option = Object.assign(defaultInstallOpt, opt || {});
+      app.use(designPlugin, opt || {});
+      app.use(formPlugin, opt || {});
+      app.use(tablePlugin);
       app.config.globalProperties.$TMAGIC_EDITOR = option;
-      setConfig(option);
+      setEditorConfig(option);
       app.component(`${_sfc_main.name || "MEditor"}`, _sfc_main);
       app.component("magic-code-editor", _sfc_main$X);
       app.component("m-fields-ui-select", _sfc_main$B);
@@ -12701,10 +12751,14 @@
     }
   };
 
+  exports.designPlugin = designPlugin;
+  exports.formPlugin = formPlugin;
+  exports.tablePlugin = tablePlugin;
   Object.defineProperty(exports, "DepTargetType", {
     enumerable: true,
-    get: () => dep.DepTargetType
+    get: () => core.DepTargetType
   });
+  exports.StageCore = StageCore;
   exports.CODE_DRAFT_STORAGE_KEY = CODE_DRAFT_STORAGE_KEY;
   exports.COPY_CODE_STORAGE_KEY = COPY_CODE_STORAGE_KEY;
   exports.COPY_DS_STORAGE_KEY = COPY_DS_STORAGE_KEY;
@@ -12778,9 +12832,9 @@
   exports.generatePageNameByApp = generatePageNameByApp;
   exports.getAddParent = getAddParent;
   exports.getCascaderOptionsFromFields = getCascaderOptionsFromFields;
-  exports.getConfig = getConfig;
   exports.getDefaultConfig = getDefaultConfig;
   exports.getDisplayField = getDisplayField;
+  exports.getEditorConfig = getEditorConfig;
   exports.getFormConfig = getFormConfig;
   exports.getFormValue = getFormValue;
   exports.getGuideLineFromCache = getGuideLineFromCache;
@@ -12793,7 +12847,6 @@
   exports.getRelativeStyle = getRelativeStyle;
   exports.historyService = historyService;
   exports.info = info;
-  exports.isFixed = isFixed;
   exports.log = log;
   exports.moveItemsInContainer = moveItemsInContainer;
   exports.numberOptions = numberOptions;
@@ -12801,7 +12854,7 @@
   exports.removeDataSourceFieldPrefix = removeDataSourceFieldPrefix;
   exports.serializeConfig = serializeConfig;
   exports.setChildrenLayout = setChildrenLayout;
-  exports.setConfig = setConfig;
+  exports.setEditorConfig = setEditorConfig;
   exports.setLayout = setLayout;
   exports.stageOverlayService = stageOverlayService;
   exports.storageService = storageService;
@@ -12820,6 +12873,36 @@
   exports.useStage = useStage;
   exports.useWindowRect = useWindowRect;
   exports.warn = warn;
+  Object.keys(designPlugin).forEach(k => {
+    if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => designPlugin[k]
+    });
+  });
+  Object.keys(formPlugin).forEach(k => {
+    if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => formPlugin[k]
+    });
+  });
+  Object.keys(tablePlugin).forEach(k => {
+    if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => tablePlugin[k]
+    });
+  });
+  Object.keys(utils).forEach(k => {
+    if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => utils[k]
+    });
+  });
+  Object.keys(StageCore).forEach(k => {
+    if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => StageCore[k]
+    });
+  });
 
   Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });