@tmagic/editor 1.3.0-alpha.17 → 1.3.0-alpha.19

package/dist/style.css

@@ -742,6 +742,12 @@
 .m-fields-code-select .el-card__header {
   display: none;
 }
+.m-editor-code-block-editor .tmagic-design-table {
+  height: 180px;
+}
+.m-editor-code-block-editor .el-drawer__body {
+  padding: 10px 20px;
+}
 .m-fields-event-select {
   width: 100%;
 }

package/dist/tmagic-editor.js

@@ -5,7 +5,7 @@ import * as monaco from 'monaco-editor';
 import serialize from 'serialize-javascript';
 import { TMagicButton, TMagicCard, tMagicMessage, TMagicIcon, tMagicMessageBox, getConfig as getConfig$1, TMagicTag, TMagicInput, TMagicTooltip, TMagicScrollbar, TMagicDivider, TMagicDropdown, TMagicDropdownMenu, TMagicDropdownItem, TMagicTree, TMagicCollapse, TMagicCollapseItem, TMagicPopover } from '@tmagic/design';
 import { HookType, ActionType, NodeType } from '@tmagic/schema';
-import { MFormDrawer, MForm, createValues, MFormDialog, MSelect } from '@tmagic/form';
+import { MFormDrawer, MForm, createValues, MSelect } from '@tmagic/form';
 import { MagicTable } from '@tmagic/table';
 import Gesto from 'gesto';
 import { guid, isPop, getNodePath, isNumber, isPage, toLine, removeClassNameByClassName, isObject as isObject$1, getNodes } from '@tmagic/utils';
@@ -393,13 +393,17 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "CodeBlockEditor",
   props: {
     content: {},
-    disabled: { type: Boolean }
+    disabled: { type: Boolean },
+    isDataSource: { type: Boolean }
   },
   emits: ["submit"],
   setup(__props, { expose: __expose, emit }) {
+    const props = __props;
     const services = inject("services");
     const columnWidth = computed(() => services?.uiService.get("columnWidth"));
-    const size = computed(() => columnWidth.value ? columnWidth.value.center + columnWidth.value.right : 600);
+    const size = computed(
+      () => columnWidth.value ? columnWidth.value.center + columnWidth.value.right - (props.isDataSource ? 100 : 0) : 600
+    );
     const codeEditorHeight = ref("600px");
     const defaultParamColConfig = {
       type: "row",
@@ -436,16 +440,26 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
         name: "name"
       },
       {
-        text: "注释",
+        text: "描述",
         name: "desc"
       },
+      {
+        text: "执行时机",
+        name: "timing",
+        type: "select",
+        options: [
+          { text: "初始化前", value: "beforeInit" },
+          { text: "初始化后", value: "afterInit" }
+        ],
+        display: () => props.isDataSource
+      },
       {
         type: "table",
         border: true,
         text: "参数",
         enableFullscreen: false,
+        enableToggleMode: false,
         name: "params",
-        maxHeight: "300px",
         dropSort: false,
         items: [
           {
@@ -455,7 +469,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
           },
           {
             type: "text",
-            label: "注释",
+            label: "描述",
             name: "extra"
           },
           services?.codeBlockService.getParamsColConfig() || defaultParamColConfig
@@ -487,7 +501,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     const openHandler = () => {
       setTimeout(() => {
         if (fomDrawer.value) {
-          const height = fomDrawer.value?.bodyHeight - 468;
+          const height = fomDrawer.value?.bodyHeight - 348 - (props.isDataSource ? 50 : 0);
           codeEditorHeight.value = `${height > 100 ? height : 600}px`;
         }
       });
@@ -502,6 +516,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(MFormDrawer), {
+        class: "m-editor-code-block-editor",
         ref_key: "fomDrawer",
         ref: fomDrawer,
         "label-width": "80px",
@@ -824,6 +839,10 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
         label: "属性描述",
         prop: "desc"
       },
+      {
+        label: "默认值",
+        prop: "defaultValue"
+      },
       {
         label: "操作",
         fixed: "right",
@@ -899,7 +918,8 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       },
       {
         name: "description",
-        text: "描述"
+        text: "描述",
+        type: "textarea"
       },
       {
         name: "defaultValue",
@@ -938,9 +958,10 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
             _: 1
           }, 8, ["disabled"])
         ]),
-        createVNode(unref(MFormDialog), {
+        createVNode(unref(MFormDrawer), {
           ref_key: "addDialog",
           ref: addDialog,
+          "label-width": "80px",
           title: filedTitle.value,
           config: dataSourceFieldsConfig,
           values: fieldValues.value,
@@ -1370,9 +1391,13 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
         prop: "name"
       },
       {
-        label: "注释",
+        label: "描述",
         prop: "desc"
       },
+      {
+        label: "执行时机",
+        prop: "timing"
+      },
       {
         label: "参数",
         prop: "params",
@@ -1434,6 +1459,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
           ref: codeBlockEditor,
           disabled: _ctx.disabled,
           content: unref(codeConfig),
+          "is-data-source": true,
           onSubmit: submitCodeHandler
         }, null, 8, ["disabled", "content"])) : createCommentVNode("", true)
       ]);
@@ -3532,78 +3558,6 @@ class Props extends BaseService {
 }
 const propsService = new Props();
 
-const beforePaste = async (position, config) => {
-  if (!config[0]?.style)
-    return config;
-  const curNode = editorService.get("node");
-  const { left: referenceLeft, top: referenceTop } = config[0].style;
-  const pasteConfigs = await Promise.all(
-    config.map(async (configItem) => {
-      const { offsetX = 0, offsetY = 0, ...positionClone } = position;
-      let pastePosition = positionClone;
-      if (!isEmpty(pastePosition) && curNode?.items) {
-        pastePosition = getPositionInContainer(pastePosition, curNode.id);
-      }
-      if (pastePosition.left && configItem.style?.left) {
-        pastePosition.left = configItem.style.left - referenceLeft + pastePosition.left;
-      }
-      if (pastePosition.top && configItem.style?.top) {
-        pastePosition.top = configItem.style?.top - referenceTop + pastePosition.top;
-      }
-      const pasteConfig = await propsService.setNewItemId(configItem);
-      if (pasteConfig.style) {
-        const { left, top } = pasteConfig.style;
-        if (typeof left === "number" || !!left && !isNaN(Number(left))) {
-          pasteConfig.style.left = Number(left) + offsetX;
-        }
-        if (typeof top === "number" || !!top && !isNaN(Number(top))) {
-          pasteConfig.style.top = Number(top) + offsetY;
-        }
-        pasteConfig.style = {
-          ...pasteConfig.style,
-          ...pastePosition
-        };
-      }
-      const root = editorService.get("root");
-      if (isPage(pasteConfig) && root) {
-        pasteConfig.name = generatePageNameByApp(root);
-      }
-      return pasteConfig;
-    })
-  );
-  return pasteConfigs;
-};
-const getPositionInContainer = (position = {}, id) => {
-  let { left = 0, top = 0 } = position;
-  const parentEl = editorService.get("stage")?.renderer?.contentWindow?.document.getElementById(`${id}`);
-  const parentElRect = parentEl?.getBoundingClientRect();
-  left = left - (parentElRect?.left || 0);
-  top = top - (parentElRect?.top || 0);
-  return {
-    left,
-    top
-  };
-};
-const getAddParent = (node) => {
-  const curNode = editorService.get("node");
-  let parentNode;
-  if (isPage(node)) {
-    parentNode = editorService.get("root");
-  } else if (curNode?.items) {
-    parentNode = curNode;
-  } else if (curNode?.id) {
-    parentNode = editorService.getParentById(curNode.id, false);
-  }
-  return parentNode;
-};
-const getDefaultConfig = async (addNode, parentNode) => {
-  const { type, inputEvent, ...config } = addNode;
-  const layout = await editorService.getLayout(toRaw(parentNode), addNode);
-  const newNode = { ...toRaw(await propsService.getPropsValue(type, config)) };
-  newNode.style = getInitPositionStyle(newNode.style, layout);
-  return newNode;
-};
-
 let Editor$1 = class Editor extends BaseService {
   state = reactive({
     root: null,
@@ -4319,169 +4273,76 @@ let Editor$1 = class Editor extends BaseService {
 };
 const editorService = new Editor$1();
 
-const state = reactive({
-  uiSelectMode: false,
-  showSrc: false,
-  zoom: 1,
-  stageContainerRect: {
-    width: 0,
-    height: 0
-  },
-  stageRect: {
-    width: 375,
-    height: 817
-  },
-  columnWidth: {
-    left: 0,
-    right: 0,
-    center: 0
-  },
-  showGuides: true,
-  showRule: true,
-  propsPanelSize: "small",
-  showAddPageButton: true
-});
-class Ui extends BaseService {
-  constructor() {
-    super(["zoom", "calcZoom"]);
-  }
-  set(name, value) {
-    const mask = editorService.get("stage")?.mask;
-    if (name === "stageRect") {
-      this.setStageRect(value);
-      return;
-    }
-    if (name === "showGuides") {
-      mask?.showGuides(value);
-    }
-    if (name === "showRule") {
-      mask?.showRule(value);
-    }
-    state[name] = value;
-  }
-  get(name) {
-    return state[name];
-  }
-  async zoom(zoom) {
-    this.set("zoom", (this.get("zoom") * 100 + zoom * 100) / 100);
-    if (this.get("zoom") < 0.1)
-      this.set("zoom", 0.1);
-  }
-  async calcZoom() {
-    const { stageRect, stageContainerRect } = state;
-    const { height, width } = stageContainerRect;
-    if (!width || !height)
-      return 1;
-    const stageWidth = stageRect.width + 30;
-    const stageHeight = stageRect.height + 30;
-    if (width > stageWidth && height > stageHeight) {
-      return 1;
-    }
-    return Math.min((width - 60) / stageWidth || 1, (height - 80) / stageHeight || 1);
-  }
-  resetState() {
-    this.set("showSrc", false);
-    this.set("uiSelectMode", false);
-    this.set("zoom", 1);
-    this.set("stageContainerRect", {
-      width: 0,
-      height: 0
-    });
-  }
-  destroy() {
-    this.resetState();
-    this.removeAllListeners();
-    this.removeAllPlugins();
-  }
-  async setStageRect(value) {
-    state.stageRect = {
-      ...state.stageRect,
-      ...value
-    };
-    state.zoom = await this.calcZoom();
-  }
-}
-const uiService = new Ui();
-
-const root = computed(() => editorService.get("root"));
-const page = computed(() => editorService.get("page"));
-const zoom = computed(() => uiService.get("zoom") || 1);
-const uiSelectMode = computed(() => uiService.get("uiSelectMode"));
-const getGuideLineKey = (key) => `${key}_${root.value?.id}_${page.value?.id}`;
-const useStage = (stageOptions) => {
-  const stage = new StageCore({
-    render: stageOptions.render,
-    runtimeUrl: stageOptions.runtimeUrl,
-    zoom: zoom.value,
-    autoScrollIntoView: stageOptions.autoScrollIntoView,
-    isContainer: stageOptions.isContainer,
-    containerHighlightClassName: stageOptions.containerHighlightClassName,
-    containerHighlightDuration: stageOptions.containerHighlightDuration,
-    containerHighlightType: stageOptions.containerHighlightType,
-    disabledDragStart: stageOptions.disabledDragStart,
-    canSelect: (el, event, stop) => {
-      const elCanSelect = stageOptions.canSelect(el);
-      if (uiSelectMode.value && elCanSelect && event.type === "mousedown") {
-        document.dispatchEvent(new CustomEvent("ui-select", { detail: el }));
-        return stop();
+const beforePaste = async (position, config) => {
+  if (!config[0]?.style)
+    return config;
+  const curNode = editorService.get("node");
+  const { left: referenceLeft, top: referenceTop } = config[0].style;
+  const pasteConfigs = await Promise.all(
+    config.map(async (configItem) => {
+      const { offsetX = 0, offsetY = 0, ...positionClone } = position;
+      let pastePosition = positionClone;
+      if (!isEmpty(pastePosition) && curNode?.items) {
+        pastePosition = getPositionInContainer(pastePosition, curNode.id);
       }
-      return elCanSelect;
-    },
-    moveableOptions: stageOptions.moveableOptions,
-    updateDragEl: stageOptions.updateDragEl
-  });
-  stage.mask.setGuides([
-    getGuideLineFromCache(getGuideLineKey(H_GUIDE_LINE_STORAGE_KEY)),
-    getGuideLineFromCache(getGuideLineKey(V_GUIDE_LINE_STORAGE_KEY))
-  ]);
-  stage.on("select", (el) => {
-    if (`${editorService.get("node")?.id}` === el.id && editorService.get("nodes").length === 1)
-      return;
-    editorService.select(el.id);
-  });
-  stage.on("highlight", (el) => {
-    editorService.highlight(el.id);
-  });
-  stage.on("multi-select", (els) => {
-    editorService.multiSelect(els.map((el) => el.id));
-  });
-  stage.on("update", (ev) => {
-    if (ev.parentEl) {
-      for (const data of ev.data) {
-        editorService.moveToContainer({ id: data.el.id, style: data.style }, ev.parentEl.id);
+      if (pastePosition.left && configItem.style?.left) {
+        pastePosition.left = configItem.style.left - referenceLeft + pastePosition.left;
       }
-      return;
-    }
-    editorService.update(ev.data.map((data) => ({ id: data.el.id, style: data.style })));
-  });
-  stage.on("sort", (ev) => {
-    editorService.sort(ev.src, ev.dist);
-  });
-  stage.on("remove", (ev) => {
-    const nodes = ev.data.map(({ el }) => editorService.getNodeById(el.id));
-    editorService.remove(nodes.filter((node) => Boolean(node)));
-  });
-  stage.on("select-parent", () => {
-    const parent = editorService.get("parent");
-    if (!parent)
-      throw new Error("父节点为空");
-    editorService.select(parent);
-    editorService.get("stage")?.select(parent.id);
-  });
-  stage.on("change-guides", (e) => {
-    uiService.set("showGuides", true);
-    if (!root.value || !page.value)
-      return;
-    const storageKey = getGuideLineKey(
-      e.type === GuidesType.HORIZONTAL ? H_GUIDE_LINE_STORAGE_KEY : V_GUIDE_LINE_STORAGE_KEY
-    );
-    if (e.guides.length) {
-      globalThis.localStorage.setItem(storageKey, JSON.stringify(e.guides));
-    } else {
-      globalThis.localStorage.removeItem(storageKey);
-    }
-  });
-  return stage;
+      if (pastePosition.top && configItem.style?.top) {
+        pastePosition.top = configItem.style?.top - referenceTop + pastePosition.top;
+      }
+      const pasteConfig = await propsService.setNewItemId(configItem);
+      if (pasteConfig.style) {
+        const { left, top } = pasteConfig.style;
+        if (typeof left === "number" || !!left && !isNaN(Number(left))) {
+          pasteConfig.style.left = Number(left) + offsetX;
+        }
+        if (typeof top === "number" || !!top && !isNaN(Number(top))) {
+          pasteConfig.style.top = Number(top) + offsetY;
+        }
+        pasteConfig.style = {
+          ...pasteConfig.style,
+          ...pastePosition
+        };
+      }
+      const root = editorService.get("root");
+      if (isPage(pasteConfig) && root) {
+        pasteConfig.name = generatePageNameByApp(root);
+      }
+      return pasteConfig;
+    })
+  );
+  return pasteConfigs;
+};
+const getPositionInContainer = (position = {}, id) => {
+  let { left = 0, top = 0 } = position;
+  const parentEl = editorService.get("stage")?.renderer?.contentWindow?.document.getElementById(`${id}`);
+  const parentElRect = parentEl?.getBoundingClientRect();
+  left = left - (parentElRect?.left || 0);
+  top = top - (parentElRect?.top || 0);
+  return {
+    left,
+    top
+  };
+};
+const getAddParent = (node) => {
+  const curNode = editorService.get("node");
+  let parentNode;
+  if (isPage(node)) {
+    parentNode = editorService.get("root");
+  } else if (curNode?.items) {
+    parentNode = curNode;
+  } else if (curNode?.id) {
+    parentNode = editorService.getParentById(curNode.id, false);
+  }
+  return parentNode;
+};
+const getDefaultConfig = async (addNode, parentNode) => {
+  const { type, inputEvent, ...config } = addNode;
+  const layout = await editorService.getLayout(toRaw(parentNode), addNode);
+  const newNode = { ...toRaw(await propsService.getPropsValue(type, config)) };
+  newNode.style = getInitPositionStyle(newNode.style, layout);
+  return newNode;
 };
 
 const _hoisted_1$h = { class: "m-editor-empty-panel" };
@@ -7211,6 +7072,171 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   }
 });
 
+const state = reactive({
+  uiSelectMode: false,
+  showSrc: false,
+  zoom: 1,
+  stageContainerRect: {
+    width: 0,
+    height: 0
+  },
+  stageRect: {
+    width: 375,
+    height: 817
+  },
+  columnWidth: {
+    left: 0,
+    right: 0,
+    center: 0
+  },
+  showGuides: true,
+  showRule: true,
+  propsPanelSize: "small",
+  showAddPageButton: true
+});
+class Ui extends BaseService {
+  constructor() {
+    super(["zoom", "calcZoom"]);
+  }
+  set(name, value) {
+    const mask = editorService.get("stage")?.mask;
+    if (name === "stageRect") {
+      this.setStageRect(value);
+      return;
+    }
+    if (name === "showGuides") {
+      mask?.showGuides(value);
+    }
+    if (name === "showRule") {
+      mask?.showRule(value);
+    }
+    state[name] = value;
+  }
+  get(name) {
+    return state[name];
+  }
+  async zoom(zoom) {
+    this.set("zoom", (this.get("zoom") * 100 + zoom * 100) / 100);
+    if (this.get("zoom") < 0.1)
+      this.set("zoom", 0.1);
+  }
+  async calcZoom() {
+    const { stageRect, stageContainerRect } = state;
+    const { height, width } = stageContainerRect;
+    if (!width || !height)
+      return 1;
+    const stageWidth = stageRect.width + 30;
+    const stageHeight = stageRect.height + 30;
+    if (width > stageWidth && height > stageHeight) {
+      return 1;
+    }
+    return Math.min((width - 60) / stageWidth || 1, (height - 80) / stageHeight || 1);
+  }
+  resetState() {
+    this.set("showSrc", false);
+    this.set("uiSelectMode", false);
+    this.set("zoom", 1);
+    this.set("stageContainerRect", {
+      width: 0,
+      height: 0
+    });
+  }
+  destroy() {
+    this.resetState();
+    this.removeAllListeners();
+    this.removeAllPlugins();
+  }
+  async setStageRect(value) {
+    state.stageRect = {
+      ...state.stageRect,
+      ...value
+    };
+    state.zoom = await this.calcZoom();
+  }
+}
+const uiService = new Ui();
+
+const root = computed(() => editorService.get("root"));
+const page = computed(() => editorService.get("page"));
+const zoom = computed(() => uiService.get("zoom") || 1);
+const uiSelectMode = computed(() => uiService.get("uiSelectMode"));
+const getGuideLineKey = (key) => `${key}_${root.value?.id}_${page.value?.id}`;
+const useStage = (stageOptions) => {
+  const stage = new StageCore({
+    render: stageOptions.render,
+    runtimeUrl: stageOptions.runtimeUrl,
+    zoom: zoom.value,
+    autoScrollIntoView: stageOptions.autoScrollIntoView,
+    isContainer: stageOptions.isContainer,
+    containerHighlightClassName: stageOptions.containerHighlightClassName,
+    containerHighlightDuration: stageOptions.containerHighlightDuration,
+    containerHighlightType: stageOptions.containerHighlightType,
+    disabledDragStart: stageOptions.disabledDragStart,
+    canSelect: (el, event, stop) => {
+      const elCanSelect = stageOptions.canSelect(el);
+      if (uiSelectMode.value && elCanSelect && event.type === "mousedown") {
+        document.dispatchEvent(new CustomEvent("ui-select", { detail: el }));
+        return stop();
+      }
+      return elCanSelect;
+    },
+    moveableOptions: stageOptions.moveableOptions,
+    updateDragEl: stageOptions.updateDragEl
+  });
+  stage.mask.setGuides([
+    getGuideLineFromCache(getGuideLineKey(H_GUIDE_LINE_STORAGE_KEY)),
+    getGuideLineFromCache(getGuideLineKey(V_GUIDE_LINE_STORAGE_KEY))
+  ]);
+  stage.on("select", (el) => {
+    if (`${editorService.get("node")?.id}` === el.id && editorService.get("nodes").length === 1)
+      return;
+    editorService.select(el.id);
+  });
+  stage.on("highlight", (el) => {
+    editorService.highlight(el.id);
+  });
+  stage.on("multi-select", (els) => {
+    editorService.multiSelect(els.map((el) => el.id));
+  });
+  stage.on("update", (ev) => {
+    if (ev.parentEl) {
+      for (const data of ev.data) {
+        editorService.moveToContainer({ id: data.el.id, style: data.style }, ev.parentEl.id);
+      }
+      return;
+    }
+    editorService.update(ev.data.map((data) => ({ id: data.el.id, style: data.style })));
+  });
+  stage.on("sort", (ev) => {
+    editorService.sort(ev.src, ev.dist);
+  });
+  stage.on("remove", (ev) => {
+    const nodes = ev.data.map(({ el }) => editorService.getNodeById(el.id));
+    editorService.remove(nodes.filter((node) => Boolean(node)));
+  });
+  stage.on("select-parent", () => {
+    const parent = editorService.get("parent");
+    if (!parent)
+      throw new Error("父节点为空");
+    editorService.select(parent);
+    editorService.get("stage")?.select(parent.id);
+  });
+  stage.on("change-guides", (e) => {
+    uiService.set("showGuides", true);
+    if (!root.value || !page.value)
+      return;
+    const storageKey = getGuideLineKey(
+      e.type === GuidesType.HORIZONTAL ? H_GUIDE_LINE_STORAGE_KEY : V_GUIDE_LINE_STORAGE_KEY
+    );
+    if (e.guides.length) {
+      globalThis.localStorage.setItem(storageKey, JSON.stringify(e.guides));
+    } else {
+      globalThis.localStorage.removeItem(storageKey);
+    }
+  });
+  return stage;
+};
+
 const _hoisted_1$1 = {
   viewBox: "0 0 24 24",
   fill: "none",
@@ -8978,5 +9004,5 @@ const index = {
   }
 };
 
-export { CODE_DRAFT_STORAGE_KEY, COPY_STORAGE_KEY, _sfc_main$H as CodeBlockEditor, _sfc_main$k as CodeBlockList, _sfc_main$j as CodeBlockListPanel, CodeDeleteErrorType, _sfc_main$I as CodeSelect, _sfc_main$E as CodeSelectCol, ColumnLayout, _sfc_main$f as ComponentListPanel, _sfc_main$e as ContentMenu, _sfc_main$C as DataSourceFieldSelect, _sfc_main$D as DataSourceFields, _sfc_main$B as DataSourceInput, _sfc_main$z as DataSourceMethodSelect, _sfc_main$A as DataSourceMethods, _sfc_main$y as DataSourceSelect, DepTargetType, _sfc_main$x as EventSelect, Fixed2Other, H_GUIDE_LINE_STORAGE_KEY, _sfc_main$F as Icon, KeyBindingCommand, _sfc_main$w as KeyValue, Keys, LayerOffset, _sfc_main$b as LayerPanel, Layout, _sfc_main$t as LayoutContainer, _sfc_main$o as PropsPanel, _sfc_main$u as Resizer, _sfc_main$t as SplitView, _sfc_main$L as TMagicCodeEditor, Editor as TMagicEditor, _sfc_main$q 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, getGuideLineFromCache, getInitPositionStyle, getNodeIndex, getPageList, getPageNameList, getPositionInContainer, getRelativeStyle, historyService, info, isFixed, log, propsService, serializeConfig, setConfig, setLayout, storageService, styleTabConfig, uiService, useStage, warn };
+export { CODE_DRAFT_STORAGE_KEY, COPY_STORAGE_KEY, _sfc_main$H as CodeBlockEditor, _sfc_main$k as CodeBlockList, _sfc_main$j as CodeBlockListPanel, CodeDeleteErrorType, _sfc_main$I as CodeSelect, _sfc_main$E as CodeSelectCol, ColumnLayout, _sfc_main$f as ComponentListPanel, _sfc_main$e as ContentMenu, _sfc_main$C as DataSourceFieldSelect, _sfc_main$D as DataSourceFields, _sfc_main$B as DataSourceInput, _sfc_main$z as DataSourceMethodSelect, _sfc_main$A as DataSourceMethods, _sfc_main$y as DataSourceSelect, DepTargetType, _sfc_main$x as EventSelect, Fixed2Other, H_GUIDE_LINE_STORAGE_KEY, _sfc_main$F as Icon, KeyBindingCommand, _sfc_main$w as KeyValue, Keys, LayerOffset, _sfc_main$b as LayerPanel, Layout, _sfc_main$t as LayoutContainer, _sfc_main$o as PropsPanel, _sfc_main$u as Resizer, _sfc_main$t as SplitView, _sfc_main$L as TMagicCodeEditor, Editor as TMagicEditor, _sfc_main$q 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, getGuideLineFromCache, getInitPositionStyle, getNodeIndex, getPageList, getPageNameList, getPositionInContainer, getRelativeStyle, historyService, info, isFixed, log, propsService, serializeConfig, setConfig, setLayout, storageService, styleTabConfig, uiService, useCodeBlockEdit, useDataSourceMethod, useStage, warn };
 //# sourceMappingURL=tmagic-editor.js.map