@tmagic/editor 1.3.0-beta.4 → 1.3.0-beta.6

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';
@@ -29,7 +29,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
   },
   __name: "CodeEditor",
   props: {
-    initValues: {},
+    initValues: { default: "" },
     modifiedValues: {},
     type: {},
     language: { default: "javascript" },
@@ -777,47 +777,72 @@ const fillConfig$1 = (config) => [
   ...BaseFormConfig(),
   ...config,
   {
-    type: "panel",
-    title: "数据定义",
+    type: "tab",
     items: [
       {
-        name: "fields",
-        type: "data-source-fields",
-        defaultValue: () => []
-      }
-    ]
-  },
-  {
-    type: "panel",
-    title: "方法定义",
-    items: [
+        title: "数据定义",
+        items: [
+          {
+            name: "fields",
+            type: "data-source-fields",
+            defaultValue: () => []
+          }
+        ]
+      },
       {
-        name: "methods",
-        type: "data-source-methods",
-        defaultValue: () => []
-      }
-    ]
-  },
-  {
-    type: "panel",
-    title: "事件配置",
-    display: false,
-    items: [
+        title: "方法定义",
+        items: [
+          {
+            name: "methods",
+            type: "data-source-methods",
+            defaultValue: () => []
+          }
+        ]
+      },
       {
-        name: "events",
-        src: "datasource",
-        type: "event-select"
-      }
-    ]
-  },
-  {
-    type: "panel",
-    title: "mock数据",
-    items: [
+        title: "事件配置",
+        display: false,
+        items: [
+          {
+            name: "events",
+            src: "datasource",
+            type: "event-select"
+          }
+        ]
+      },
       {
-        name: "mocks",
-        type: "data-source-mocks",
-        defaultValue: () => []
+        title: "mock数据",
+        items: [
+          {
+            name: "mocks",
+            type: "data-source-mocks",
+            defaultValue: () => []
+          }
+        ]
+      },
+      {
+        title: "请求参数裁剪",
+        display: (formState, { model }) => model.type === "http",
+        items: [
+          {
+            name: "beforeRequest",
+            type: "vs-code",
+            parse: true,
+            height: "600px"
+          }
+        ]
+      },
+      {
+        title: "响应数据裁剪",
+        display: (formState, { model }) => model.type === "http",
+        items: [
+          {
+            name: "afterResponse",
+            type: "vs-code",
+            parse: true,
+            height: "600px"
+          }
+        ]
       }
     ]
   }
@@ -832,6 +857,62 @@ const getFormConfig = (type, configs) => {
       return fillConfig$1(configs[type] || []);
   }
 };
+const getFormValue = (type, values) => {
+  if (type !== "http") {
+    return values;
+  }
+  return {
+    beforeRequest: `(options, context) => {
+  /**
+   * 用户可以直接编写函数，在原始接口调用之前，会运行该函数，将这个函数的返回值作为该数据源接口的入参
+   *
+   * options: HttpOptions
+   *
+   * interface HttpOptions {
+   *  // 请求链接
+   *  url: string;
+   *  // query参数
+   *  params?: Record<string, string>;
+   *  // body数据
+   *  data?: Record<string, any>;
+   *  // 请求头
+   *  headers?: Record<string, string>;
+   *  // 请求方法 GET/POST
+   *  method?: Method;
+   * }
+   *
+   * context：上下文对象
+   *
+   * interface Content {
+   *  app: AppCore;
+   *  dataSource: HttpDataSource;
+   * }
+   *
+   * return: HttpOptions
+   */
+
+  // 此处的返回值会作为这个接口的入参
+  return options;
+}`,
+    afterResponse: `(response, context) => {
+  /**
+   * 用户可以直接编写函数，在原始接口返回之后，会运行该函数，将这个函数的返回值作为该数据源接口的返回
+
+    * context：上下文对象
+    *
+    * interface Content {
+    *  app: AppCore;
+    *  dataSource: HttpDataSource;
+    * }
+    *
+    */
+
+  // 此处的返回值会作为这个接口的返回值
+  return response;
+}`,
+    ...values
+  };
+};
 const getDisplayField = (dataSources, key) => {
   const displayState = [];
   const matches = key.matchAll(/\$\{([\s\S]+?)\}/g);
@@ -1017,7 +1098,7 @@ class DataSource extends BaseService {
     this.get("configs")[type] = config;
   }
   getFormValue(type = "base") {
-    return this.get("values")[type];
+    return getFormValue(type, this.get("values")[type]);
   }
   setFormValue(type, value) {
     this.get("values")[type] = value;
@@ -1251,6 +1332,7 @@ const eventTabConfig = {
     {
       name: "events",
       src: "component",
+      labelWidth: "100px",
       type: "event-select"
     }
   ]
@@ -1481,6 +1563,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 +3014,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 +3024,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 +3152,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 +3186,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 +4007,6 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       if (!paramStatements)
         return [];
       return paramStatements.map((paramState) => ({
-        labelWidth: "100px",
         text: paramState.name,
         ...paramState
       }));
@@ -3953,9 +4035,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 +4441,6 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       const defaultActionTypeConfig = {
         name: "actionType",
         text: "联动类型",
-        labelWidth: "80px",
         type: "select",
         defaultValue: ActionType.COMP,
         options: () => [
@@ -4390,7 +4469,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 +4478,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 +4495,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 +4505,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 +4552,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
           name: "actions",
           expandAll: true,
           enableToggleMode: false,
+          titlePrefix: "动作",
           items: [
             actionTypeConfig.value,
             targetCompConfig.value,
@@ -4544,6 +4622,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 +4644,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))
         ]))
       ]);
@@ -4618,6 +4697,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
     const deleteHandler = (index) => {
       records.value.splice(index, 1);
+      emit("change", getValue());
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$m, [
@@ -4706,7 +4786,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 +4807,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 +6965,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 +6979,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 +7087,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 +7235,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 +7307,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 +7340,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 +7371,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 +7389,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 +7510,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 +8132,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 +8737,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 +9809,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 +10387,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, getFormValue, 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