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

package/dist/style.css

@@ -132,7 +132,6 @@
   display: flex;
   flex-direction: column;
   width: 100%;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe WPC, Segoe UI, Microsoft YaHei, sans-serif;
 }
 .m-editor-content {
   height: calc(100% - 35px);
@@ -256,6 +255,7 @@
 }
 .magic-editor-layer-panel .magic-editor-layer-tree .magic-editor-layer-node {
   cursor: pointer;
+  white-space: nowrap;
 }
 .magic-editor-layer-panel .magic-editor-layer-tree .magic-editor-layer-node .layer-node {
   display: flex;
@@ -295,6 +295,9 @@
 .magic-editor-layer-panel .magic-editor-layer-tree .magic-editor-layer-node .layer-node .layer-node-content .layer-node-label {
   line-height: 22px;
   flex: 1;
+  width: 100px;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .magic-editor-layer-panel .magic-editor-layer-tree .magic-editor-layer-node .layer-node .layer-node-tool {
   margin-right: 15px;
@@ -685,9 +688,6 @@
 .m-fields-event-select .fullWidth {
   width: 100%;
 }
-.m-fields-event-select .m-form-panel .el-card__body {
-  padding: 10px 25px;
-}
 .m-fields-event-select .event-select-code {
   margin-left: 20px;
   width: auto;

package/dist/tmagic-editor.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, onMounted, onUnmounted, openBlock, createElementBlock, createBlock, Teleport, createElementVNode, normalizeClass, normalizeStyle, createVNode, unref, computed, reactive, resolveComponent, inject, withCtx, Fragment, createTextVNode, createCommentVNode, toRaw, resolveDynamicComponent, nextTick, mergeProps, toDisplayString, renderList, watchEffect, withModifiers, renderSlot, createSlots, normalizeProps, markRaw, getCurrentInstance, withDirectives, vShow, createStaticVNode, Transition, onBeforeUnmount, provide, toHandlers, mergeDefaults } from 'vue';
+import { defineComponent, ref, watch, onMounted, onUnmounted, openBlock, createElementBlock, createBlock, Teleport, createElementVNode, normalizeClass, normalizeStyle, createVNode, unref, computed, reactive, resolveComponent, inject, withCtx, Fragment, createTextVNode, createCommentVNode, toRaw, resolveDynamicComponent, nextTick, mergeProps, toDisplayString, renderList, watchEffect, withModifiers, renderSlot, createSlots, normalizeProps, markRaw, getCurrentInstance, withDirectives, vShow, createStaticVNode, Transition, provide, toHandlers, mergeDefaults } from 'vue';
 import { FullScreen, Edit, View, Coin, Delete, Plus, Close, ArrowDown, Grid, Memo, ScaleToOriginal, ZoomOut, ZoomIn, Right, Back, Search, Aim, CopyDocument, DocumentCopy, Files, Hide, ArrowRight, Goods, List, EditPen, Top, Bottom, ArrowLeftBold, ArrowRightBold, CaretBottom } from '@element-plus/icons-vue';
 import { throttle, isEmpty, cloneDeep, mergeWith, isObject, uniq, map, has, pick, keys } from 'lodash-es';
 import * as monaco from 'monaco-editor';
@@ -1251,6 +1251,7 @@ const eventTabConfig = {
     {
       name: "events",
       src: "component",
+      labelWidth: "100px",
       type: "event-select"
     }
   ]
@@ -1481,6 +1482,7 @@ var DragType = /* @__PURE__ */ ((DragType2) => {
   DragType2["LAYER_TREE"] = "layer-tree";
   return DragType2;
 })(DragType || {});
+const UI_SELECT_MODE_EVENT_NAME = "ui-select";
 
 const COPY_STORAGE_KEY = "$MagicEditorCopyData";
 const getPageList = (app) => {
@@ -2931,6 +2933,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     icon: {}
   },
   setup(__props) {
+    const isRelativePath = (str) => /^(\.|(\.\.)?\/)/.test(str);
     return (_ctx, _cache) => {
       return !_ctx.icon ? (openBlock(), createBlock(unref(TMagicIcon), {
         key: 0,
@@ -2940,7 +2943,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
           createVNode(unref(Edit))
         ]),
         _: 1
-      })) : typeof _ctx.icon === "string" && _ctx.icon.startsWith("http") ? (openBlock(), createBlock(unref(TMagicIcon), {
+      })) : typeof _ctx.icon === "string" && (_ctx.icon.startsWith("http") || isRelativePath(_ctx.icon)) ? (openBlock(), createBlock(unref(TMagicIcon), {
         key: 1,
         class: "magic-editor-icon"
       }, {
@@ -3068,9 +3071,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     );
     const selectConfig = {
       type: "select",
-      text: "代码块",
       name: props.name,
-      labelWidth: "80px",
       options: () => {
         if (codeDsl.value) {
           return map(codeDsl.value, (value, key) => ({
@@ -3104,8 +3105,9 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
             class: "select",
             config: selectConfig,
             model: _ctx.model,
+            size: _ctx.size,
             onChange: onParamsChangeHandler
-          }, null, 8, ["model"]),
+          }, null, 8, ["model", "size"]),
           _ctx.model[_ctx.name] ? (openBlock(), createBlock(_sfc_main$M, {
             key: 0,
             class: "icon",
@@ -3924,7 +3926,6 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       if (!paramStatements)
         return [];
       return paramStatements.map((paramState) => ({
-        labelWidth: "100px",
         text: paramState.name,
         ...paramState
       }));
@@ -3953,9 +3954,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     );
     const cascaderConfig = computed(() => ({
       type: "cascader",
-      text: "数据源方法",
       name: props.name,
-      labelWidth: "80px",
       options: methodsOptions.value,
       onChange: (formState, dataSourceMethod) => {
         setParamsConfig(dataSourceMethod, formState);
@@ -4361,7 +4360,6 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       const defaultActionTypeConfig = {
         name: "actionType",
         text: "联动类型",
-        labelWidth: "80px",
         type: "select",
         defaultValue: ActionType.COMP,
         options: () => [
@@ -4390,7 +4388,6 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       const defaultTargetCompConfig = {
         name: "to",
         text: "联动组件",
-        labelWidth: "80px",
         type: "ui-select",
         display: (mForm, { model }) => model.actionType === ActionType.COMP
       };
@@ -4400,7 +4397,6 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       const defaultCompActionConfig = {
         name: "method",
         text: "动作",
-        labelWidth: "80px",
         type: "select",
         display: (mForm, { model }) => model.actionType === ActionType.COMP,
         options: (mForm, { model }) => {
@@ -4418,7 +4414,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     const codeActionConfig = computed(() => {
       const defaultCodeActionConfig = {
         type: "code-select-col",
-        labelWidth: 0,
+        text: "代码块",
         name: "codeId",
         disabled: () => !codeBlockService?.getEditStatus(),
         display: (mForm, { model }) => model.actionType === ActionType.CODE
@@ -4428,8 +4424,8 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     const dataSourceActionConfig = computed(() => {
       const defaultDataSourceActionConfig = {
         type: "data-source-method-select",
+        text: "数据源方法",
         name: "dataSourceMethod",
-        labelWidth: 0,
         display: (mForm, { model }) => model.actionType === ActionType.DATA_SOURCE
       };
       return { ...defaultDataSourceActionConfig, ...props.config.dataSourceActionConfig };
@@ -4475,6 +4471,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
           name: "actions",
           expandAll: true,
           enableToggleMode: false,
+          titlePrefix: "动作",
           items: [
             actionTypeConfig.value,
             targetCompConfig.value,
@@ -4544,6 +4541,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
               size: _ctx.size,
               config: actionsConfig.value,
               model: cardItem,
+              "label-width": _ctx.config.labelWidth || "100px",
               onChange: onChangeHandler
             }, {
               header: withCtx(() => [
@@ -4565,7 +4563,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                 }, null, 8, ["icon", "disabled", "size", "onClick"])
               ]),
               _: 2
-            }, 1032, ["disabled", "size", "config", "model"]);
+            }, 1032, ["disabled", "size", "config", "model", "label-width"]);
           }), 128))
         ]))
       ]);
@@ -4706,7 +4704,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
         return;
       services.uiService.set("uiSelectMode", false);
       uiSelectMode.value = false;
-      globalThis.document.removeEventListener("ui-select", clickHandler);
+      globalThis.document.removeEventListener(UI_SELECT_MODE_EVENT_NAME, clickHandler);
     };
     const clickHandler = ({ detail }) => {
       if (detail.id) {
@@ -4727,7 +4725,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
         return;
       services.uiService.set("uiSelectMode", true);
       uiSelectMode.value = true;
-      globalThis.document.addEventListener("ui-select", clickHandler);
+      globalThis.document.addEventListener(UI_SELECT_MODE_EVENT_NAME, clickHandler);
     };
     const deleteHandler = () => {
       if (props.model) {
@@ -6885,7 +6883,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       if (!nodeStatusMap?.value)
         return;
       if (uiService?.get("uiSelectMode")) {
-        document.dispatchEvent(new CustomEvent("ui-select", { detail: props.data }));
+        document.dispatchEvent(new CustomEvent(UI_SELECT_MODE_EVENT_NAME, { detail: props.data }));
         return;
       }
       if (hasChilren.value && !props.isCtrlKeyDown) {
@@ -6899,7 +6897,10 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
     const contextmenuHandler = (event) => {
       event.preventDefault();
-      nodeClickHandler();
+      const nodes = editorService?.get("nodes") || [];
+      if (nodes.length < 2 || !nodes.includes(props.data)) {
+        nodeClickHandler();
+      }
       emit("node-contextmenu", event, props.data);
     };
     const nodeContentmenuHandler = (event, node) => {
@@ -7004,7 +7005,131 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
   }
 });
 
-const useKeybinding = (services) => {
+var KeyBindingContainerKey = /* @__PURE__ */ ((KeyBindingContainerKey2) => {
+  KeyBindingContainerKey2["STAGE"] = "stage";
+  KeyBindingContainerKey2["LAYER_PANEL"] = "layer-panel";
+  return KeyBindingContainerKey2;
+})(KeyBindingContainerKey || {});
+const keybindingConfig = [
+  {
+    command: KeyBindingCommand.DELETE_NODE,
+    keybinding: ["delete", "backspace"],
+    when: [
+      ["stage" /* STAGE */, "keyup"],
+      ["layer-panel" /* LAYER_PANEL */, "keydown"]
+    ]
+  },
+  {
+    command: KeyBindingCommand.COPY_NODE,
+    keybinding: "ctrl+c",
+    when: [
+      ["stage" /* STAGE */, "keydown"],
+      ["layer-panel" /* LAYER_PANEL */, "keydown"]
+    ]
+  },
+  {
+    command: KeyBindingCommand.PASTE_NODE,
+    keybinding: "ctrl+v",
+    when: [
+      ["stage" /* STAGE */, "keydown"],
+      ["layer-panel" /* LAYER_PANEL */, "keydown"]
+    ]
+  },
+  {
+    command: KeyBindingCommand.CUT_NODE,
+    keybinding: "ctrl+x",
+    when: [
+      ["stage" /* STAGE */, "keydown"],
+      ["layer-panel" /* LAYER_PANEL */, "keydown"]
+    ]
+  },
+  {
+    command: KeyBindingCommand.UNDO,
+    keybinding: "ctrl+z",
+    when: [
+      ["stage" /* STAGE */, "keydown"],
+      ["layer-panel" /* LAYER_PANEL */, "keydown"]
+    ]
+  },
+  {
+    command: KeyBindingCommand.REDO,
+    keybinding: "ctrl+shift+z",
+    when: [
+      ["stage" /* STAGE */, "keydown"],
+      ["layer-panel" /* LAYER_PANEL */, "keydown"]
+    ]
+  },
+  {
+    command: KeyBindingCommand.MOVE_UP_1,
+    keybinding: "up",
+    when: [["stage" /* STAGE */, "keydown"]]
+  },
+  {
+    command: KeyBindingCommand.MOVE_DOWN_1,
+    keybinding: "down",
+    when: [["stage" /* STAGE */, "keydown"]]
+  },
+  {
+    command: KeyBindingCommand.MOVE_LEFT_1,
+    keybinding: "left",
+    when: [["stage" /* STAGE */, "keydown"]]
+  },
+  {
+    command: KeyBindingCommand.MOVE_RIGHT_1,
+    keybinding: "right",
+    when: [["stage" /* STAGE */, "keydown"]]
+  },
+  {
+    command: KeyBindingCommand.MOVE_UP_10,
+    keybinding: "ctrl+up",
+    when: [["stage" /* STAGE */, "keydown"]]
+  },
+  {
+    command: KeyBindingCommand.MOVE_DOWN_10,
+    keybinding: "ctrl+down",
+    when: [["stage" /* STAGE */, "keydown"]]
+  },
+  {
+    command: KeyBindingCommand.MOVE_LEFT_10,
+    keybinding: "ctrl+left",
+    when: [["stage" /* STAGE */, "keydown"]]
+  },
+  {
+    command: KeyBindingCommand.MOVE_RIGHT_10,
+    keybinding: "ctrl+right",
+    when: [["stage" /* STAGE */, "keydown"]]
+  },
+  {
+    command: KeyBindingCommand.SWITCH_NODE,
+    keybinding: "tab",
+    when: [
+      ["stage" /* STAGE */, "keydown"],
+      ["layer-panel" /* LAYER_PANEL */, "keydown"]
+    ]
+  },
+  {
+    command: KeyBindingCommand.ZOOM_IN,
+    keybinding: ["ctrl+=", "ctrl+numpadplus"],
+    when: [["stage" /* STAGE */, "keydown"]]
+  },
+  {
+    command: KeyBindingCommand.ZOOM_OUT,
+    keybinding: ["ctrl+-", "ctrl+numpad-"],
+    when: [["stage" /* STAGE */, "keydown"]]
+  },
+  {
+    command: KeyBindingCommand.ZOOM_FIT,
+    keybinding: "ctrl+0",
+    when: [["stage" /* STAGE */, "keydown"]]
+  },
+  {
+    command: KeyBindingCommand.ZOOM_RESET,
+    keybinding: "ctrl+1",
+    when: [["stage" /* STAGE */, "keydown"]]
+  }
+];
+
+const useKeybinding = (services, contianer) => {
   const keybindingService = services?.keybindingService;
   const isCtrlKeyDown = ref(false);
   const windowBlurHandler = () => {
@@ -7028,11 +7153,14 @@ const useKeybinding = (services) => {
       when: [["global", "keyup"]]
     }
   ]);
-  onMounted(() => {
-    globalThis.addEventListener("blur", windowBlurHandler);
-  });
-  onBeforeUnmount(() => {
-    globalThis.removeEventListener("blur", windowBlurHandler);
+  watchEffect(() => {
+    if (contianer.value) {
+      globalThis.addEventListener("blur", windowBlurHandler);
+      keybindingService?.registeEl(KeyBindingContainerKey.LAYER_PANEL, contianer.value);
+    } else {
+      globalThis.removeEventListener("blur", windowBlurHandler);
+      keybindingService?.unregisteEl(KeyBindingContainerKey.LAYER_PANEL);
+    }
   });
   return {
     isCtrlKeyDown
@@ -7097,16 +7225,20 @@ const useNodeStatus = (services, page) => {
   );
   services?.editorService.on("add", (newNodes) => {
     newNodes.forEach((node) => {
-      nodeStatusMap.value?.set(node.id, {
-        visible: true,
-        expand: Array.isArray(node.items),
-        selected: true
+      traverseNode(node, (node2) => {
+        nodeStatusMap.value?.set(node2.id, {
+          visible: true,
+          expand: Array.isArray(node2.items),
+          selected: true
+        });
       });
     });
   });
   services?.editorService.on("remove", (nodes2) => {
     nodes2.forEach((node) => {
-      nodeStatusMap.value?.delete(node.id);
+      traverseNode(node, (node2) => {
+        nodeStatusMap.value?.delete(node2.id);
+      });
     });
   });
   return {
@@ -7126,10 +7258,11 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const services = inject("services");
     const editorService = services?.editorService;
+    const layerTreeContainer = ref();
     const page = computed(() => editorService?.get("page"));
     const root = computed(() => editorService?.get("root"));
     const { nodeStatusMap } = useNodeStatus(services, page);
-    const { isCtrlKeyDown } = useKeybinding(services);
+    const { isCtrlKeyDown } = useKeybinding(services, layerTreeContainer);
     provide("nodeStatusMap", nodeStatusMap);
     const { filterText, filterTextChangeHandler } = useFilter(nodeStatusMap, page);
     const collapseAllHandler = () => {
@@ -7156,6 +7289,8 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           createVNode(_sfc_main$t, { onSearch: unref(filterTextChangeHandler) }, null, 8, ["onSearch"]),
           createElementVNode("div", {
             class: "magic-editor-layer-tree",
+            ref_key: "layerTreeContainer",
+            ref: layerTreeContainer,
             tabindex: "-1",
             onDragover: _cache[0] || (_cache[0] = //@ts-ignore
             (...args) => unref(handleDragOver) && unref(handleDragOver)(...args))
@@ -7172,7 +7307,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
               ]),
               _: 3
             }, 8, ["data", "filter-text", "is-ctrl-key-down"])) : createCommentVNode("", true)
-          ], 32),
+          ], 544),
           (openBlock(), createBlock(Teleport, { to: "body" }, [
             createVNode(_sfc_main$j, {
               ref_key: "menu",
@@ -7293,10 +7428,18 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                           onDrag: dragHandler
                         }, [
                           renderSlot(_ctx.$slots, "component-list-item", { component: item }, () => [
-                            createVNode(_sfc_main$M, {
-                              title: item.text,
-                              icon: item.icon
-                            }, null, 8, ["title", "icon"]),
+                            createVNode(unref(TMagicTooltip), {
+                              placement: "right",
+                              disabled: !Boolean(item.desc),
+                              content: item.desc
+                            }, {
+                              default: withCtx(() => [
+                                createVNode(_sfc_main$M, {
+                                  icon: item.icon
+                                }, null, 8, ["icon"])
+                              ]),
+                              _: 2
+                            }, 1032, ["disabled", "content"]),
                             createElementVNode("span", {
                               title: item.text
                             }, toDisplayString(item.text), 9, _hoisted_2$7)
@@ -7907,7 +8050,7 @@ const useStage = (stageOptions) => {
     canSelect: (el, event, stop) => {
       const elCanSelect = stageOptions.canSelect(el);
       if (uiSelectMode.value && elCanSelect && event.type === "mousedown") {
-        document.dispatchEvent(new CustomEvent("ui-select", { detail: el }));
+        document.dispatchEvent(new CustomEvent(UI_SELECT_MODE_EVENT_NAME, { detail: el }));
         return stop();
       }
       return elCanSelect;
@@ -8512,7 +8655,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     onMounted(() => {
       if (stageWrap.value?.container) {
         resizeObserver.observe(stageWrap.value.container);
-        services?.keybindingService.registeEl("stage", stageWrap.value.container);
+        services?.keybindingService.registeEl(KeyBindingContainerKey.STAGE, stageWrap.value.container);
       }
     });
     onUnmounted(() => {
@@ -9584,125 +9727,6 @@ class Keybinding extends BaseService {
 }
 const keybindingService = new Keybinding();
 
-const keybindingConfig = [
-  {
-    command: KeyBindingCommand.DELETE_NODE,
-    keybinding: ["delete", "backspace"],
-    when: [
-      ["stage", "keyup"],
-      ["layer-panel", "keydown"]
-    ]
-  },
-  {
-    command: KeyBindingCommand.COPY_NODE,
-    keybinding: "ctrl+c",
-    when: [
-      ["stage", "keydown"],
-      ["layer-panel", "keydown"]
-    ]
-  },
-  {
-    command: KeyBindingCommand.PASTE_NODE,
-    keybinding: "ctrl+v",
-    when: [
-      ["stage", "keydown"],
-      ["layer-panel", "keydown"]
-    ]
-  },
-  {
-    command: KeyBindingCommand.CUT_NODE,
-    keybinding: "ctrl+x",
-    when: [
-      ["stage", "keydown"],
-      ["layer-panel", "keydown"]
-    ]
-  },
-  {
-    command: KeyBindingCommand.UNDO,
-    keybinding: "ctrl+z",
-    when: [
-      ["stage", "keydown"],
-      ["layer-panel", "keydown"]
-    ]
-  },
-  {
-    command: KeyBindingCommand.REDO,
-    keybinding: "ctrl+shift+z",
-    when: [
-      ["stage", "keydown"],
-      ["layer-panel", "keydown"]
-    ]
-  },
-  {
-    command: KeyBindingCommand.MOVE_UP_1,
-    keybinding: "up",
-    when: [["stage", "keydown"]]
-  },
-  {
-    command: KeyBindingCommand.MOVE_DOWN_1,
-    keybinding: "down",
-    when: [["stage", "keydown"]]
-  },
-  {
-    command: KeyBindingCommand.MOVE_LEFT_1,
-    keybinding: "left",
-    when: [["stage", "keydown"]]
-  },
-  {
-    command: KeyBindingCommand.MOVE_RIGHT_1,
-    keybinding: "right",
-    when: [["stage", "keydown"]]
-  },
-  {
-    command: KeyBindingCommand.MOVE_UP_10,
-    keybinding: "ctrl+up",
-    when: [["stage", "keydown"]]
-  },
-  {
-    command: KeyBindingCommand.MOVE_DOWN_10,
-    keybinding: "ctrl+down",
-    when: [["stage", "keydown"]]
-  },
-  {
-    command: KeyBindingCommand.MOVE_LEFT_10,
-    keybinding: "ctrl+left",
-    when: [["stage", "keydown"]]
-  },
-  {
-    command: KeyBindingCommand.MOVE_RIGHT_10,
-    keybinding: "ctrl+right",
-    when: [["stage", "keydown"]]
-  },
-  {
-    command: KeyBindingCommand.SWITCH_NODE,
-    keybinding: "tab",
-    when: [
-      ["stage", "keydown"],
-      ["layer-panel", "keydown"]
-    ]
-  },
-  {
-    command: KeyBindingCommand.ZOOM_IN,
-    keybinding: ["ctrl+=", "ctrl+numpadplus"],
-    when: [["stage", "keydown"]]
-  },
-  {
-    command: KeyBindingCommand.ZOOM_OUT,
-    keybinding: ["ctrl+-", "ctrl+numpad-"],
-    when: [["stage", "keydown"]]
-  },
-  {
-    command: KeyBindingCommand.ZOOM_FIT,
-    keybinding: "ctrl+0",
-    when: [["stage", "keydown"]]
-  },
-  {
-    command: KeyBindingCommand.ZOOM_RESET,
-    keybinding: "ctrl+1",
-    when: [["stage", "keydown"]]
-  }
-];
-
 const defaultEditorProps = {
   componentGroupList: () => [],
   datasourceList: () => [],
@@ -10281,5 +10305,5 @@ const index = {
   }
 };
 
-export { CODE_DRAFT_STORAGE_KEY, COPY_STORAGE_KEY, _sfc_main$O as CodeBlockEditor, _sfc_main$q as CodeBlockList, _sfc_main$p as CodeBlockListPanel, CodeDeleteErrorType, _sfc_main$P as CodeSelect, _sfc_main$L as CodeSelectCol, ColumnLayout, _sfc_main$f as ComponentListPanel, _sfc_main$l as ContentMenu, _sfc_main$J as DataSourceFieldSelect, _sfc_main$K as DataSourceFields, _sfc_main$I as DataSourceInput, _sfc_main$G as DataSourceMethodSelect, _sfc_main$H as DataSourceMethods, _sfc_main$F as DataSourceMocks, _sfc_main$E as DataSourceSelect, DepTargetType, DragType, _sfc_main$D as EventSelect, Fixed2Other, H_GUIDE_LINE_STORAGE_KEY, _sfc_main$M as Icon, KeyBindingCommand, _sfc_main$C as KeyValue, Keys, LayerOffset, _sfc_main$g as LayerPanel, Layout, _sfc_main$z as LayoutContainer, _sfc_main$u as PropsPanel, _sfc_main$A as Resizer, _sfc_main$z as SplitView, _sfc_main$S as TMagicCodeEditor, _sfc_main as TMagicEditor, _sfc_main$w as ToolButton, V_GUIDE_LINE_STORAGE_KEY, advancedTabConfig, beforePaste, change2Fixed, codeBlockService, dataSourceService, debug, index as default, depService, displayTabConfig, editorService, error, eventTabConfig, eventsService, fillConfig, fixNodeLeft, fixNodePosition, generatePageName, generatePageNameByApp, getAddParent, getConfig, getDefaultConfig, getDisplayField, getFormConfig, getGuideLineFromCache, getInitPositionStyle, getNodeIndex, getPageList, getPageNameList, getPositionInContainer, getRelativeStyle, historyService, info, isFixed, log, propsService, serializeConfig, setConfig, setLayout, storageService, styleTabConfig, traverseNode, uiService, useCodeBlockEdit, useDataSourceMethod, useStage, warn };
+export { CODE_DRAFT_STORAGE_KEY, COPY_STORAGE_KEY, _sfc_main$O as CodeBlockEditor, _sfc_main$q as CodeBlockList, _sfc_main$p as CodeBlockListPanel, CodeDeleteErrorType, _sfc_main$P as CodeSelect, _sfc_main$L as CodeSelectCol, ColumnLayout, _sfc_main$f as ComponentListPanel, _sfc_main$l as ContentMenu, _sfc_main$J as DataSourceFieldSelect, _sfc_main$K as DataSourceFields, _sfc_main$I as DataSourceInput, _sfc_main$G as DataSourceMethodSelect, _sfc_main$H as DataSourceMethods, _sfc_main$F as DataSourceMocks, _sfc_main$E as DataSourceSelect, DepTargetType, DragType, _sfc_main$D as EventSelect, Fixed2Other, H_GUIDE_LINE_STORAGE_KEY, _sfc_main$M as Icon, KeyBindingCommand, _sfc_main$C as KeyValue, Keys, LayerOffset, _sfc_main$g as LayerPanel, Layout, _sfc_main$z as LayoutContainer, _sfc_main$u as PropsPanel, _sfc_main$A as Resizer, _sfc_main$z as SplitView, _sfc_main$S as TMagicCodeEditor, _sfc_main as TMagicEditor, _sfc_main$w as ToolButton, UI_SELECT_MODE_EVENT_NAME, V_GUIDE_LINE_STORAGE_KEY, advancedTabConfig, beforePaste, change2Fixed, codeBlockService, dataSourceService, debug, index as default, depService, displayTabConfig, editorService, error, eventTabConfig, eventsService, fillConfig, fixNodeLeft, fixNodePosition, generatePageName, generatePageNameByApp, getAddParent, getConfig, getDefaultConfig, getDisplayField, getFormConfig, getGuideLineFromCache, getInitPositionStyle, getNodeIndex, getPageList, getPageNameList, getPositionInContainer, getRelativeStyle, historyService, info, isFixed, log, propsService, serializeConfig, setConfig, setLayout, storageService, styleTabConfig, traverseNode, uiService, useCodeBlockEdit, useDataSourceMethod, useStage, warn };
 //# sourceMappingURL=tmagic-editor.js.map