@tmagic/editor 1.1.0-beta.6 → 1.1.0-beta.7

package/dist/tmagic-editor.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, computed, resolveComponent, openBlock, createBlock, normalizeStyle, ref, watchEffect, inject, createElementBlock, createVNode, unref, withCtx, withModifiers, createCommentVNode, createTextVNode, toDisplayString, watch, onMounted, onUnmounted, reactive, toRaw, createElementVNode, renderSlot, Fragment, normalizeClass, resolveDynamicComponent, markRaw, renderList, normalizeProps, mergeProps, getCurrentInstance, Teleport, nextTick, toHandlers, createSlots, provide } from 'vue';
 import serialize from 'serialize-javascript';
-import { Delete, Close, Plus, Edit, Grid, ScaleToOriginal, ZoomOut, ZoomIn, Right, Back, ArrowDown, Files, DocumentCopy, Coin, ArrowLeftBold, CaretBottom, ArrowRightBold, Top, Bottom } from '@element-plus/icons-vue';
+import { Delete, Close, Plus, Edit, Grid, ScaleToOriginal, ZoomOut, ZoomIn, Right, Back, ArrowDown, Files, DocumentCopy, Coin, ArrowLeftBold, ArrowRightBold, CaretBottom, Top, Bottom } from '@element-plus/icons-vue';
 import { throttle, cloneDeep, mergeWith, isEmpty, uniq } from 'lodash-es';
 import * as monaco from 'monaco-editor';
 import StageCore, { GuidesType, getOffset, calcValueByFontsize, CONTAINER_HIGHLIGHT_CLASS } from '@tmagic/stage';
@@ -19,7 +19,7 @@ if (typeof globalThis === "undefined") {
   window.globalThis = window;
 }
 
-const _sfc_main$m = defineComponent({
+const _sfc_main$n = defineComponent({
   name: "m-fields-vs-code",
   props: ["model", "name", "config", "prop"],
   emits: ["change"],
@@ -54,9 +54,9 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     onSave: _ctx.save
   }, null, 8, ["style", "init-values", "language", "onSave"]);
 }
-const Code = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$g]]);
+const Code = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$g]]);
 
-const _sfc_main$l = defineComponent({
+const _sfc_main$m = defineComponent({
   name: "m-fields-code-link",
   props: {
     config: {
@@ -121,13 +121,12 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     onChange: _ctx.changeHandler
   }, null, 8, ["config", "model", "onChange"]);
 }
-const CodeLink = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$f]]);
+const CodeLink = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$f]]);
 
 const _hoisted_1$d = /* @__PURE__ */ createTextVNode("\u53D6\u6D88");
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "UISelect",
   props: {
-    labelWidth: null,
     config: null,
     model: null,
     prop: null,
@@ -251,7 +250,7 @@ const toString = (v, language) => {
   }
   return value;
 };
-const _sfc_main$j = defineComponent({
+const _sfc_main$k = defineComponent({
   name: "magic-code-editor",
   props: {
     initValues: {
@@ -366,7 +365,7 @@ const _hoisted_1$c = {
 function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$c, null, 512);
 }
-const CodeEditor = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$e]]);
+const CodeEditor = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$e]]);
 
 let $TMAGIC_EDITOR = {};
 const setConfig = (option) => {
@@ -1834,7 +1833,7 @@ const error = (...args) => {
   }
 };
 
-const _sfc_main$i = defineComponent({
+const _sfc_main$j = defineComponent({
   components: { Plus },
   setup() {
     const services = inject("services");
@@ -1854,7 +1853,7 @@ const _sfc_main$i = defineComponent({
 
 const _hoisted_1$b = { class: "m-editor-empty-panel" };
 const _hoisted_2$4 = { class: "m-editor-empty-content" };
-const _hoisted_3$2 = /* @__PURE__ */ createElementVNode("p", null, "\u65B0\u589E\u9875\u9762", -1);
+const _hoisted_3$1 = /* @__PURE__ */ createElementVNode("p", null, "\u65B0\u589E\u9875\u9762", -1);
 function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_plus = resolveComponent("plus");
   const _component_el_icon = resolveComponent("el-icon");
@@ -1872,14 +1871,14 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1
           })
         ]),
-        _hoisted_3$2
+        _hoisted_3$1
       ])
     ])
   ]);
 }
-const AddPageBox = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$d]]);
+const AddPageBox = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$d]]);
 
-const _sfc_main$h = defineComponent({
+const _sfc_main$i = defineComponent({
   name: "m-editor-resize",
   props: {
     type: {
@@ -1931,9 +1930,9 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 512);
 }
-const Resizer = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$c]]);
+const Resizer = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$c]]);
 
-const _sfc_main$g = defineComponent({
+const _sfc_main$h = defineComponent({
   components: {
     AddPageBox,
     Resizer
@@ -2014,9 +2013,9 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     ]))
   ]);
 }
-const Framework = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$b]]);
+const Framework = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$b]]);
 
-const _sfc_main$f = defineComponent({
+const _sfc_main$g = defineComponent({
   name: "m-icon",
   components: { Edit },
   props: {
@@ -2053,7 +2052,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }));
 }
-const MIcon = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$a]]);
+const MIcon = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$a]]);
 
 const _hoisted_1$7 = {
   key: 1,
@@ -2063,8 +2062,8 @@ const _hoisted_2$2 = {
   class: "menu-item-text",
   style: { "margin": "0 5px" }
 };
-const _hoisted_3$1 = { class: "el-dropdown-link menubar-menu-button" };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _hoisted_3 = { class: "el-dropdown-link menubar-menu-button" };
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "ToolButton",
   props: {
     data: {
@@ -2307,7 +2306,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             })) : createCommentVNode("", true)
           ]),
           default: withCtx(() => [
-            createElementVNode("span", _hoisted_3$1, [
+            createElementVNode("span", _hoisted_3, [
               createTextVNode(toDisplayString(unref(item).text), 1),
               createVNode(_component_el_icon, { class: "el-icon--right" }, {
                 default: withCtx(() => [
@@ -2324,9 +2323,9 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$d = defineComponent({
+const _sfc_main$e = defineComponent({
   name: "nav-menu",
-  components: { ToolButton: _sfc_main$e },
+  components: { ToolButton: _sfc_main$f },
   props: {
     data: {
       type: Object,
@@ -2367,9 +2366,9 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ], 4);
 }
-const NavMenu = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$9]]);
+const NavMenu = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$9]]);
 
-const _sfc_main$c = defineComponent({
+const _sfc_main$d = defineComponent({
   name: "m-editor-props-panel",
   emits: ["mounted"],
   setup(props, { emit }) {
@@ -2433,9 +2432,9 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["class", "popper-class", "size", "init-values", "config", "onChange"])
   ]);
 }
-const PropsPanel = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$8]]);
+const PropsPanel = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$8]]);
 
-const _sfc_main$b = defineComponent({
+const _sfc_main$c = defineComponent({
   name: "ui-component-panel",
   components: { MIcon },
   setup() {
@@ -2576,9 +2575,9 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   });
 }
-const ComponentListPanel = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$7]]);
+const ComponentListPanel = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$7]]);
 
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "ContentMenu",
   props: {
     menuData: { default: () => [] },
@@ -2667,7 +2666,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("div", null, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.menuData, (item, index) => {
-            return openBlock(), createBlock(_sfc_main$e, {
+            return openBlock(), createBlock(_sfc_main$f, {
               "event-type": "mouseup",
               data: item,
               key: index,
@@ -2691,8 +2690,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$9 = defineComponent({
-  components: { ContentMenu: _sfc_main$a },
+const _sfc_main$a = defineComponent({
+  components: { ContentMenu: _sfc_main$b },
   setup() {
     const services = inject("services");
     const menu = ref();
@@ -2783,7 +2782,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     style: { "overflow": "initial" }
   }, null, 8, ["menu-data"]);
 }
-const LayerMenu = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$6]]);
+const LayerMenu = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$6]]);
 
 const throttleTime = 150;
 const select = async (data, editorService) => {
@@ -2883,7 +2882,7 @@ const useFilter = (tree) => ({
     tree.value?.filter(val);
   }
 });
-const _sfc_main$8 = defineComponent({
+const _sfc_main$9 = defineComponent({
   name: "magic-editor-layer-panel",
   components: { LayerMenu },
   setup() {
@@ -2994,9 +2993,9 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   });
 }
-const LayerPanel = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$5]]);
+const LayerPanel = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$5]]);
 
-const _sfc_main$7 = defineComponent({
+const _sfc_main$8 = defineComponent({
   components: { MIcon },
   props: {
     data: {
@@ -3084,9 +3083,9 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["name"])) : createCommentVNode("", true);
 }
-const TabPane = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$4]]);
+const TabPane = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$4]]);
 
-const _sfc_main$6 = defineComponent({
+const _sfc_main$7 = defineComponent({
   components: { TabPane },
   name: "m-sidebar",
   props: {
@@ -3141,89 +3140,69 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["modelValue"])) : createCommentVNode("", true);
 }
-const Sidebar = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$3]]);
+const Sidebar = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$3]]);
 
-const _hoisted_1$2 = {
-  class: "m-editor-page-bar",
-  ref: "pageBar"
-};
-const _hoisted_2 = ["onClick"];
-const _hoisted_3 = { class: "m-editor-page-bar-title" };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "PageBar",
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "PageBarScrollContainer",
   setup(__props) {
-    const useScroll = (root2) => {
-      const pageBar = ref();
-      const itemsContainer = ref();
-      const pageBarWidth = ref(0);
-      const canScroll = ref(false);
-      const itemsContainerWidth = computed(() => pageBarWidth.value - 105);
-      let translateLeft = 0;
-      const resizeObserver = new ResizeObserver((entries) => {
-        for (const { contentRect } of entries) {
-          const { width } = contentRect;
-          pageBarWidth.value = width || 0;
-          setCanScroll();
-        }
-      });
-      const setCanScroll = () => {
-        if (itemsContainer.value) {
-          canScroll.value = itemsContainer.value.scrollWidth > pageBarWidth.value - 105;
-        }
-      };
-      const scroll = (type) => {
-        if (!itemsContainer.value)
-          return;
-        const maxScrollLeft = itemsContainer.value.scrollWidth - itemsContainerWidth.value;
-        if (type === "left") {
-          translateLeft += 100;
-          if (translateLeft > 0) {
-            translateLeft = 0;
-          }
-        } else if (type === "right") {
-          translateLeft -= 100;
-          if (-translateLeft > maxScrollLeft) {
-            translateLeft = -maxScrollLeft;
-          }
-        } else if (type === "start") {
+    const services = inject("services");
+    const editorService = services?.editorService;
+    const pageBar = ref();
+    const itemsContainer = ref();
+    const pageBarWidth = ref(0);
+    const canScroll = ref(false);
+    const itemsContainerWidth = computed(() => pageBarWidth.value - 105);
+    let translateLeft = 0;
+    const resizeObserver = new ResizeObserver((entries) => {
+      for (const { contentRect } of entries) {
+        const { width } = contentRect;
+        pageBarWidth.value = width || 0;
+        setCanScroll();
+      }
+    });
+    const setCanScroll = () => {
+      if (itemsContainer.value) {
+        canScroll.value = itemsContainer.value.scrollWidth > pageBarWidth.value - 105;
+      }
+    };
+    const scroll = (type) => {
+      if (!itemsContainer.value)
+        return;
+      const maxScrollLeft = itemsContainer.value.scrollWidth - itemsContainerWidth.value;
+      if (type === "left") {
+        translateLeft += 100;
+        if (translateLeft > 0) {
           translateLeft = 0;
-        } else if (type === "end") {
+        }
+      } else if (type === "right") {
+        translateLeft -= 100;
+        if (-translateLeft > maxScrollLeft) {
           translateLeft = -maxScrollLeft;
         }
-        itemsContainer.value.style.transform = `translate(${translateLeft}px, 0px)`;
-      };
-      onMounted(() => {
-        pageBar.value && resizeObserver.observe(pageBar.value);
-      });
-      onUnmounted(() => {
-        resizeObserver.disconnect();
-      });
-      watch(() => root2.value?.items.length, (length = 0, preLength = 0) => {
-        setTimeout(() => {
-          setCanScroll();
-          if (length < preLength) {
-            scroll("start");
-          } else {
-            scroll("end");
-          }
-        });
-      });
-      return {
-        pageBar,
-        itemsContainer,
-        canScroll,
-        itemsContainerWidth,
-        scroll
-      };
+      } else if (type === "start") {
+        translateLeft = 0;
+      } else if (type === "end") {
+        translateLeft = -maxScrollLeft;
+      }
+      itemsContainer.value.style.transform = `translate(${translateLeft}px, 0px)`;
     };
-    const services = inject("services");
-    const editorService = services?.editorService;
+    onMounted(() => {
+      pageBar.value && resizeObserver.observe(pageBar.value);
+    });
+    onUnmounted(() => {
+      resizeObserver.disconnect();
+    });
     const root = computed(() => editorService?.get("root"));
-    const scrollState = useScroll(root);
-    const page = computed(() => editorService?.get("page"));
-    const switchPage = (page2) => {
-      editorService?.select(page2);
-    };
+    watch(() => root.value?.items.length, (length = 0, preLength = 0) => {
+      setTimeout(() => {
+        setCanScroll();
+        if (length < preLength) {
+          scroll("start");
+        } else {
+          scroll("end");
+        }
+      });
+    });
     const addPage = () => {
       if (!editorService)
         return;
@@ -3233,21 +3212,13 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       };
       editorService.add(pageConfig);
     };
-    const copy = (node) => {
-      node && editorService?.copy(node);
-      editorService?.paste({
-        left: 0,
-        top: 0
-      });
-    };
-    const remove = (node) => {
-      editorService?.remove(node);
-    };
     return (_ctx, _cache) => {
       const _component_el_icon = resolveComponent("el-icon");
-      const _component_el_tooltip = resolveComponent("el-tooltip");
-      const _component_el_popover = resolveComponent("el-popover");
-      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+      return openBlock(), createElementBlock("div", {
+        class: "m-editor-page-bar",
+        ref_key: "pageBar",
+        ref: pageBar
+      }, [
         createElementVNode("div", {
           id: "m-editor-page-bar-add-icon",
           class: "m-editor-page-bar-item m-editor-page-bar-item-icon",
@@ -3260,10 +3231,10 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             _: 1
           })
         ]),
-        unref(scrollState).canScroll ? (openBlock(), createElementBlock("div", {
+        canScroll.value ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: "m-editor-page-bar-item m-editor-page-bar-item-icon",
-          onClick: _cache[0] || (_cache[0] = ($event) => unref(scrollState).scroll("left"))
+          onClick: _cache[0] || (_cache[0] = ($event) => scroll("left"))
         }, [
           createVNode(_component_el_icon, null, {
             default: withCtx(() => [
@@ -3275,16 +3246,64 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         unref(root) ? (openBlock(), createElementBlock("div", {
           key: 1,
           class: "m-editor-page-bar-items",
-          ref: "itemsContainer",
-          style: normalizeStyle(`width: ${unref(scrollState).itemsContainerWidth}px`)
+          ref_key: "itemsContainer",
+          ref: itemsContainer,
+          style: normalizeStyle(`width: ${unref(itemsContainerWidth)}px`)
         }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(root).items, (item) => {
+          renderSlot(_ctx.$slots, "default")
+        ], 4)) : createCommentVNode("", true),
+        canScroll.value ? (openBlock(), createElementBlock("div", {
+          key: 2,
+          class: "m-editor-page-bar-item m-editor-page-bar-item-icon",
+          onClick: _cache[1] || (_cache[1] = ($event) => scroll("right"))
+        }, [
+          createVNode(_component_el_icon, null, {
+            default: withCtx(() => [
+              createVNode(unref(ArrowRightBold))
+            ]),
+            _: 1
+          })
+        ])) : createCommentVNode("", true)
+      ], 512);
+    };
+  }
+});
+
+const _hoisted_1$2 = ["onClick"];
+const _hoisted_2 = { class: "m-editor-page-bar-title" };
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "PageBar",
+  setup(__props) {
+    const services = inject("services");
+    const editorService = services?.editorService;
+    const root = computed(() => editorService?.get("root"));
+    const page = computed(() => editorService?.get("page"));
+    const switchPage = (page2) => {
+      editorService?.select(page2);
+    };
+    const copy = (node) => {
+      node && editorService?.copy(node);
+      editorService?.paste({
+        left: 0,
+        top: 0
+      });
+    };
+    const remove = (node) => {
+      editorService?.remove(node);
+    };
+    return (_ctx, _cache) => {
+      const _component_el_tooltip = resolveComponent("el-tooltip");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_popover = resolveComponent("el-popover");
+      return openBlock(), createBlock(_sfc_main$6, null, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(root) && unref(root).items || [], (item) => {
             return openBlock(), createElementBlock("div", {
-              key: item.key,
               class: normalizeClass(["m-editor-page-bar-item", { active: unref(page)?.id === item.id }]),
+              key: item.key,
               onClick: ($event) => switchPage(item)
             }, [
-              createElementVNode("div", _hoisted_3, [
+              createElementVNode("div", _hoisted_2, [
                 renderSlot(_ctx.$slots, "page-bar-title", { page: item }, () => [
                   createVNode(_component_el_tooltip, {
                     effect: "dark",
@@ -3315,7 +3334,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   createElementVNode("div", null, [
                     renderSlot(_ctx.$slots, "page-bar-popover", { page: item }, () => [
-                      createVNode(_sfc_main$e, {
+                      createVNode(_sfc_main$f, {
                         data: {
                           type: "button",
                           text: "\u590D\u5236",
@@ -3323,7 +3342,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                           handler: () => copy(item)
                         }
                       }, null, 8, ["data"]),
-                      createVNode(_sfc_main$e, {
+                      createVNode(_sfc_main$f, {
                         data: {
                           type: "button",
                           text: "\u5220\u9664",
@@ -3336,22 +3355,11 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 2
               }, 1024)
-            ], 10, _hoisted_2);
+            ], 10, _hoisted_1$2);
           }), 128))
-        ], 4)) : createCommentVNode("", true),
-        unref(scrollState).canScroll ? (openBlock(), createElementBlock("div", {
-          key: 2,
-          class: "m-editor-page-bar-item m-editor-page-bar-item-icon",
-          onClick: _cache[1] || (_cache[1] = ($event) => unref(scrollState).scroll("right"))
-        }, [
-          createVNode(_component_el_icon, null, {
-            default: withCtx(() => [
-              createVNode(unref(ArrowRightBold))
-            ]),
-            _: 1
-          })
-        ])) : createCommentVNode("", true)
-      ], 512);
+        ]),
+        _: 3
+      });
     };
   }
 });
@@ -3714,7 +3722,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
     expose({ show });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$a, {
+      return openBlock(), createBlock(_sfc_main$b, {
         "menu-data": menuData,
         ref_key: "menu",
         ref: menu
@@ -4409,12 +4417,12 @@ const index = {
     app.config.globalProperties.$TMAGIC_EDITOR = option;
     setConfig(option);
     app.component(Editor.name, Editor);
-    app.component(_sfc_main$k.name, _sfc_main$k);
+    app.component("m-fields-ui-select", _sfc_main$l);
     app.component(CodeLink.name, CodeLink);
     app.component(Code.name, Code);
     app.component(CodeEditor.name, CodeEditor);
   }
 };
 
-export { COPY_STORAGE_KEY, ComponentListPanel, DEFAULT_CONFIG, Fixed2Other, H_GUIDE_LINE_STORAGE_KEY, Keys, LayerOffset, LayerPanel, Layout, PropsPanel, CodeEditor as TMagicCodeEditor, Editor as TMagicEditor, _sfc_main$e as ToolButton, V_GUIDE_LINE_STORAGE_KEY, change2Fixed, debug, index as default, editorService, error, eventsService, fillConfig, fixNodeLeft, generatePageName, generatePageNameByApp, getConfig, getGuideLineFromCache, getInitPositionStyle, getNodeIndex, getPageList, getPageNameList, getRelativeStyle, historyService, info, isFixed, log, propsService, setConfig, setLayout, storageService, uiService, warn };
+export { COPY_STORAGE_KEY, ComponentListPanel, DEFAULT_CONFIG, Fixed2Other, H_GUIDE_LINE_STORAGE_KEY, Keys, LayerOffset, LayerPanel, Layout, PropsPanel, CodeEditor as TMagicCodeEditor, Editor as TMagicEditor, _sfc_main$f as ToolButton, V_GUIDE_LINE_STORAGE_KEY, change2Fixed, debug, index as default, editorService, error, eventsService, fillConfig, fixNodeLeft, generatePageName, generatePageNameByApp, getConfig, getGuideLineFromCache, getInitPositionStyle, getNodeIndex, getPageList, getPageNameList, getRelativeStyle, historyService, info, isFixed, log, propsService, setConfig, setLayout, storageService, uiService, warn };
 //# sourceMappingURL=tmagic-editor.mjs.map