@tmagic/editor 1.2.12 → 1.2.13

package/dist/tmagic-editor.umd.cjs

@@ -33,7 +33,7 @@
   const __default__$v = vue.defineComponent({
     name: "MEditorCode"
   });
-  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     ...__default__$v,
     props: {
       model: null,
@@ -66,7 +66,7 @@
   const __default__$u = vue.defineComponent({
     name: "MEditorCodeLink"
   });
-  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     ...__default__$u,
     props: {
       config: null,
@@ -140,7 +140,7 @@
   const __default__$t = vue.defineComponent({
     name: "MEditorIcon"
   });
-  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     ...__default__$t,
     props: {
       icon: null
@@ -182,7 +182,7 @@
   const __default__$s = vue.defineComponent({
     name: "MEditorCodeSelect"
   });
-  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     ...__default__$s,
     props: {
       config: { default: () => ({
@@ -293,7 +293,7 @@
             onChange: changeHandler
           }, {
             operateCol: vue.withCtx(({ scope }) => [
-              scope.row.codeId && __props.config.editable ? (vue.openBlock(), vue.createBlock(_sfc_main$u, {
+              scope.row.codeId && __props.config.editable ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
                 key: 0,
                 icon: vue.unref(editable) ? vue.unref(iconsVue.Edit) : vue.unref(iconsVue.View),
                 class: "edit-icon",
@@ -311,7 +311,7 @@
   const __default__$r = vue.defineComponent({
     name: "MEditorCodeSelectCol"
   });
-  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     ...__default__$r,
     props: {
       config: null,
@@ -421,7 +421,7 @@
   const __default__$q = vue.defineComponent({
     name: "MEditorEventSelect"
   });
-  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     ...__default__$q,
     props: {
       config: null,
@@ -631,7 +631,7 @@
   const __default__$p = vue.defineComponent({
     name: "MEditorUISelect"
   });
-  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     ...__default__$p,
     props: {
       config: null,
@@ -745,7 +745,7 @@
   const __default__$o = vue.defineComponent({
     name: "MEditorCodeEditor"
   });
-  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     ...__default__$o,
     props: {
       initValues: null,
@@ -878,7 +878,7 @@
   const __default__$n = vue.defineComponent({
     name: "MEditorResizer"
   });
-  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     ...__default__$n,
     emits: ["change"],
     setup(__props, { emit }) {
@@ -914,7 +914,7 @@
   const __default__$m = vue.defineComponent({
     name: "MEditorLayout"
   });
-  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     ...__default__$m,
     props: {
       left: null,
@@ -1023,7 +1023,7 @@
             }, [
               vue.renderSlot(_ctx.$slots, "left")
             ], 6),
-            vue.createVNode(_sfc_main$o, { onChange: changeLeft })
+            vue.createVNode(_sfc_main$p, { onChange: changeLeft })
           ], 64)) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["m-editor-layout-center", __props.centerClass]),
@@ -1032,7 +1032,7 @@
             vue.renderSlot(_ctx.$slots, "center")
           ], 6),
           vue.unref(hasRight) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-            vue.createVNode(_sfc_main$o, { onChange: changeRight }),
+            vue.createVNode(_sfc_main$p, { onChange: changeRight }),
             vue.createElementVNode("div", {
               class: vue.normalizeClass(["m-editor-layout-right", __props.rightClass]),
               style: vue.normalizeStyle(`width: ${__props.right}px`)
@@ -2752,7 +2752,7 @@
   const __default__$l = vue.defineComponent({
     name: "MEditorAddPageBox"
   });
-  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     ...__default__$l,
     setup(__props) {
       const services = vue.inject("services");
@@ -2776,7 +2776,7 @@
               onClick: clickHandler
             }, [
               vue.createElementVNode("div", null, [
-                vue.createVNode(_sfc_main$u, { icon: vue.unref(iconsVue.Plus) }, null, 8, ["icon"])
+                vue.createVNode(_sfc_main$v, { icon: vue.unref(iconsVue.Plus) }, null, 8, ["icon"])
               ]),
               _hoisted_3$3
             ])
@@ -2790,7 +2790,7 @@
   const __default__$k = vue.defineComponent({
     name: "MEditorFramework"
   });
-  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     ...__default__$k,
     props: {
       codeOptions: { default: () => ({}) }
@@ -2868,7 +2868,7 @@
             "init-values": vue.unref(root),
             options: __props.codeOptions,
             onSave: saveCode
-          }, null, 8, ["init-values", "options"])) : (vue.openBlock(), vue.createBlock(_sfc_main$n, {
+          }, null, 8, ["init-values", "options"])) : (vue.openBlock(), vue.createBlock(_sfc_main$o, {
             key: 1,
             class: "m-editor-content",
             "left-class": "m-editor-framework-left",
@@ -2887,7 +2887,7 @@
             ]),
             center: vue.withCtx(() => [
               vue.unref(pageLength) > 0 ? vue.renderSlot(_ctx.$slots, "workspace", { key: 0 }) : vue.renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
-                vue.createVNode(_sfc_main$m)
+                vue.createVNode(_sfc_main$n)
               ])
             ]),
             _: 2
@@ -2917,7 +2917,7 @@
   const __default__$j = vue.defineComponent({
     name: "MEditorToolButton"
   });
-  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     ...__default__$j,
     props: {
       data: { default: () => ({
@@ -3007,7 +3007,7 @@
                   disabled: vue.unref(disabled)
                 }, {
                   default: vue.withCtx(() => [
-                    __props.data.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$u, {
+                    __props.data.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
                       key: 0,
                       icon: __props.data.icon
                     }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -3024,7 +3024,7 @@
               disabled: vue.unref(disabled)
             }, {
               default: vue.withCtx(() => [
-                __props.data.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$u, {
+                __props.data.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
                   key: 0,
                   icon: __props.data.icon
                 }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -3077,7 +3077,7 @@
   const __default__$i = vue.defineComponent({
     name: "MEditorNavMenu"
   });
-  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     ...__default__$i,
     props: {
       data: { default: () => ({}) },
@@ -3236,7 +3236,7 @@
               style: vue.normalizeStyle(`width: ${vue.unref(columnWidth)?.[key]}px`)
             }, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(buttons)[key], (item, index) => {
-                return vue.openBlock(), vue.createBlock(_sfc_main$k, {
+                return vue.openBlock(), vue.createBlock(_sfc_main$l, {
                   data: item,
                   key: index
                 }, null, 8, ["data"]);
@@ -3252,7 +3252,7 @@
   const __default__$h = vue.defineComponent({
     name: "MEditorPropsPanel"
   });
-  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     ...__default__$h,
     emits: ["mounted"],
     setup(__props, { expose, emit }) {
@@ -3315,6 +3315,29 @@
     }
   });
 
+  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+    __name: "SearchInput",
+    emits: ["search"],
+    setup(__props, { emit }) {
+      const filterText = vue.ref("");
+      const filterTextChangeHandler = () => {
+        emit("search", filterText.value);
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicInput), {
+          modelValue: filterText.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filterText.value = $event),
+          class: "search-input",
+          size: "small",
+          placeholder: "\u8F93\u5165\u5173\u952E\u5B57\u8FDB\u884C\u8FC7\u6EE4",
+          clearable: "",
+          "prefix-icon": vue.unref(iconsVue.Search),
+          onInput: filterTextChangeHandler
+        }, null, 8, ["modelValue", "prefix-icon"]);
+      };
+    }
+  });
+
   const _hoisted_1$9 = {
     key: 0,
     class: "m-editor-content-bottom"
@@ -3408,7 +3431,7 @@
         return vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass(["m-editor-wrapper", isFullScreen.value ? "fullScreen" : "normal"])
         }, [
-          vue.createVNode(_sfc_main$p, {
+          vue.createVNode(_sfc_main$q, {
             ref_key: "codeEditor",
             ref: codeEditor,
             class: "m-editor-container",
@@ -3658,6 +3681,7 @@
     setup(__props) {
       const services = vue.inject("services");
       const codeOptions = vue.inject("codeOptions", {});
+      const size = vue.computed(() => globalThis.document.body.clientWidth - (services?.uiService.get("columnWidth").left || 0));
       const left = vue.ref(200);
       const currentTitle = vue.ref("");
       const codeConfig = vue.ref(null);
@@ -3687,17 +3711,18 @@
         currentTitle.value = state.codeList[0]?.name || "";
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicDialog), {
-          "model-value": true,
+        return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicDrawer), {
           class: "code-editor-dialog",
+          "model-value": true,
           title: currentTitle.value,
-          fullscreen: true,
           "close-on-press-escape": false,
           "append-to-body": true,
-          "show-close": false
+          "show-close": false,
+          "close-on-click-modal": false,
+          size: vue.unref(size)
         }, {
           default: vue.withCtx(() => [
-            vue.createVNode(_sfc_main$n, {
+            vue.createVNode(_sfc_main$o, {
               left: left.value,
               "onUpdate:left": _cache[0] || (_cache[0] = ($event) => left.value = $event),
               "min-left": 45,
@@ -3722,18 +3747,17 @@
             }, 8, ["left"])
           ]),
           _: 3
-        }, 8, ["title"]);
+        }, 8, ["title", "size"]);
       };
     }
   });
 
-  const _hoisted_1$6 = { class: "m-editor-code-block-list" };
-  const _hoisted_2$2 = { class: "code-header-wrapper" };
-  const _hoisted_3 = /* @__PURE__ */ vue.createTextVNode("\u65B0\u589E");
-  const _hoisted_4 = ["id"];
-  const _hoisted_5 = { class: "list-item" };
-  const _hoisted_6 = { class: "code-name" };
-  const _hoisted_7 = {
+  const _hoisted_1$6 = { class: "code-header-wrapper" };
+  const _hoisted_2$2 = /* @__PURE__ */ vue.createTextVNode("\u65B0\u589E");
+  const _hoisted_3 = ["id"];
+  const _hoisted_4 = { class: "list-item" };
+  const _hoisted_5 = { class: "code-name" };
+  const _hoisted_6 = {
     key: 0,
     class: "right-tool"
   };
@@ -3754,6 +3778,7 @@
           id: target.id,
           name: target.name,
           type: "code",
+          codeBlockContent: codeBlockService?.getCodeContentById(target.id),
           children: Object.entries(target.deps).map(([id, dep]) => ({
             name: dep.name,
             type: "node",
@@ -3797,7 +3822,6 @@
           }
         }
       };
-      const filterText = vue.ref("");
       const tree = vue.ref();
       const filterNode = (value, data) => {
         if (!value) {
@@ -3821,107 +3845,97 @@
         }
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
-          vue.renderSlot(_ctx.$slots, "code-block-panel-header", {}, () => [
-            vue.createElementVNode("div", _hoisted_2$2, [
-              vue.createVNode(vue.unref(design.TMagicInput), {
-                class: vue.normalizeClass([vue.unref(editable) ? "code-filter-input" : "code-filter-input-no-btn"]),
-                size: "small",
-                placeholder: "\u8F93\u5165\u5173\u952E\u5B57\u8FDB\u884C\u8FC7\u6EE4",
-                clearable: "",
-                modelValue: filterText.value,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filterText.value = $event),
-                onInput: filterTextChangeHandler
-              }, null, 8, ["class", "modelValue"]),
-              vue.unref(editable) ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
-                key: 0,
-                class: "create-code-button",
-                type: "primary",
-                size: "small",
-                onClick: createCodeBlock
-              }, {
-                default: vue.withCtx(() => [
-                  _hoisted_3
-                ]),
-                _: 1
-              })) : vue.createCommentVNode("", true)
-            ])
-          ]),
-          vue.createVNode(vue.unref(design.TMagicScrollbar), null, {
-            default: vue.withCtx(() => [
-              vue.createVNode(vue.unref(design.TMagicTree), {
-                ref_key: "tree",
-                ref: tree,
-                class: "magic-editor-layer-tree",
-                "node-key": "id",
-                "empty-text": "\u6682\u65E0\u4EE3\u7801\u5757",
-                "default-expand-all": "",
-                "expand-on-click-node": false,
-                data: vue.unref(codeList),
-                "highlight-current": true,
-                "filter-node-method": filterNode,
-                onNodeClick: clickHandler
-              }, {
-                default: vue.withCtx(({ data }) => [
-                  vue.createElementVNode("div", {
-                    id: data.id,
-                    class: "list-container"
-                  }, [
-                    vue.createElementVNode("div", _hoisted_5, [
-                      vue.createElementVNode("span", _hoisted_6, vue.toDisplayString(data.name) + "\uFF08" + vue.toDisplayString(data.id) + "\uFF09", 1),
-                      data.type === "code" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
-                        vue.createVNode(vue.unref(design.TMagicTooltip), {
-                          effect: "dark",
-                          content: vue.unref(editable) ? "\u7F16\u8F91" : "\u67E5\u770B",
-                          placement: "bottom"
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createVNode(_sfc_main$u, {
-                              icon: vue.unref(editable) ? vue.unref(iconsVue.Edit) : vue.unref(iconsVue.View),
-                              class: "edit-icon",
-                              onClick: vue.withModifiers(($event) => editCode(`${data.id}`), ["stop"])
-                            }, null, 8, ["icon", "onClick"])
-                          ]),
-                          _: 2
-                        }, 1032, ["content"]),
-                        vue.unref(editable) ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
-                          key: 0,
-                          effect: "dark",
-                          content: "\u5220\u9664",
-                          placement: "bottom"
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createVNode(_sfc_main$u, {
-                              icon: vue.unref(iconsVue.Close),
-                              class: "edit-icon",
-                              onClick: vue.withModifiers(($event) => deleteCode(`${data.id}`), ["stop"])
-                            }, null, 8, ["icon", "onClick"])
-                          ]),
-                          _: 2
-                        }, 1024)) : vue.createCommentVNode("", true),
-                        vue.renderSlot(_ctx.$slots, "code-block-panel-tool", {
-                          id: data.id,
-                          data: data.codeBlockContent
-                        })
-                      ])) : vue.createCommentVNode("", true)
-                    ])
-                  ], 8, _hoisted_4)
-                ]),
-                _: 3
-              }, 8, ["data"])
-            ]),
-            _: 3
-          }),
-          vue.unref(isShowCodeBlockEditor) ? (vue.openBlock(), vue.createBlock(_sfc_main$f, {
-            key: 0,
-            paramsColConfig: __props.paramsColConfig
-          }, {
-            "code-block-edit-panel-header": vue.withCtx(({ id }) => [
-              vue.renderSlot(_ctx.$slots, "code-block-edit-panel-header", { id })
+        return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicScrollbar), { class: "m-editor-code-block-list" }, {
+          default: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "code-block-panel-header", {}, () => [
+              vue.createElementVNode("div", _hoisted_1$6, [
+                vue.createVNode(_sfc_main$i, { onSearch: filterTextChangeHandler }),
+                vue.unref(editable) ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+                  key: 0,
+                  class: "create-code-button",
+                  type: "primary",
+                  size: "small",
+                  onClick: createCodeBlock
+                }, {
+                  default: vue.withCtx(() => [
+                    _hoisted_2$2
+                  ]),
+                  _: 1
+                })) : vue.createCommentVNode("", true)
+              ])
             ]),
-            _: 3
-          }, 8, ["paramsColConfig"])) : vue.createCommentVNode("", true)
-        ]);
+            vue.createVNode(vue.unref(design.TMagicTree), {
+              ref_key: "tree",
+              ref: tree,
+              class: "magic-editor-layer-tree",
+              "node-key": "id",
+              "empty-text": "\u6682\u65E0\u4EE3\u7801\u5757",
+              "default-expand-all": "",
+              "expand-on-click-node": false,
+              data: vue.unref(codeList),
+              "highlight-current": true,
+              "filter-node-method": filterNode,
+              onNodeClick: clickHandler
+            }, {
+              default: vue.withCtx(({ data }) => [
+                vue.createElementVNode("div", {
+                  id: data.id,
+                  class: "list-container"
+                }, [
+                  vue.createElementVNode("div", _hoisted_4, [
+                    vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(data.name) + "\uFF08" + vue.toDisplayString(data.id) + "\uFF09", 1),
+                    data.type === "code" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+                      vue.createVNode(vue.unref(design.TMagicTooltip), {
+                        effect: "dark",
+                        content: vue.unref(editable) ? "\u7F16\u8F91" : "\u67E5\u770B",
+                        placement: "bottom"
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_sfc_main$v, {
+                            icon: vue.unref(editable) ? vue.unref(iconsVue.Edit) : vue.unref(iconsVue.View),
+                            class: "edit-icon",
+                            onClick: vue.withModifiers(($event) => editCode(`${data.id}`), ["stop"])
+                          }, null, 8, ["icon", "onClick"])
+                        ]),
+                        _: 2
+                      }, 1032, ["content"]),
+                      vue.unref(editable) ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
+                        key: 0,
+                        effect: "dark",
+                        content: "\u5220\u9664",
+                        placement: "bottom"
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(_sfc_main$v, {
+                            icon: vue.unref(iconsVue.Close),
+                            class: "edit-icon",
+                            onClick: vue.withModifiers(($event) => deleteCode(`${data.id}`), ["stop"])
+                          }, null, 8, ["icon", "onClick"])
+                        ]),
+                        _: 2
+                      }, 1024)) : vue.createCommentVNode("", true),
+                      vue.renderSlot(_ctx.$slots, "code-block-panel-tool", {
+                        id: data.id,
+                        data: data.codeBlockContent
+                      })
+                    ])) : vue.createCommentVNode("", true)
+                  ])
+                ], 8, _hoisted_3)
+              ]),
+              _: 3
+            }, 8, ["data"]),
+            vue.unref(isShowCodeBlockEditor) ? (vue.openBlock(), vue.createBlock(_sfc_main$f, {
+              key: 0,
+              paramsColConfig: __props.paramsColConfig
+            }, {
+              "code-block-edit-panel-header": vue.withCtx(({ id }) => [
+                vue.renderSlot(_ctx.$slots, "code-block-edit-panel-header", { id })
+              ]),
+              _: 3
+            }, 8, ["paramsColConfig"])) : vue.createCommentVNode("", true)
+          ]),
+          _: 3
+        });
       };
     }
   });
@@ -3934,6 +3948,9 @@
     ...__default__$c,
     setup(__props) {
       const searchText = vue.ref("");
+      const filterTextChangeHandler = (v) => {
+        searchText.value = v;
+      };
       const services = vue.inject("services");
       const stageOptions = vue.inject("stageOptions");
       const stage = vue.computed(() => services?.editorService.get("stage"));
@@ -4004,15 +4021,7 @@
               "model-value": vue.unref(collapseValue)
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(design.TMagicInput), {
-                  placeholder: "\u8F93\u5165\u5173\u952E\u5B57\u8FDB\u884C\u8FC7\u6EE4",
-                  class: "search-input",
-                  size: "small",
-                  clearable: "",
-                  "prefix-icon": vue.unref(iconsVue.Search),
-                  modelValue: searchText.value,
-                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchText.value = $event)
-                }, null, 8, ["prefix-icon", "modelValue"]),
+                vue.createVNode(_sfc_main$i, { onSearch: filterTextChangeHandler }),
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(list), (group, index) => {
                   return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
                     group.items && group.items.length ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicCollapseItem), {
@@ -4020,7 +4029,7 @@
                       name: `${index}`
                     }, {
                       title: vue.withCtx(() => [
-                        vue.createVNode(_sfc_main$u, { icon: vue.unref(iconsVue.Grid) }, null, 8, ["icon"]),
+                        vue.createVNode(_sfc_main$v, { icon: vue.unref(iconsVue.Grid) }, null, 8, ["icon"]),
                         vue.createTextVNode(vue.toDisplayString(group.title), 1)
                       ]),
                       default: vue.withCtx(() => [
@@ -4035,7 +4044,7 @@
                             onDrag: dragHandler
                           }, [
                             vue.renderSlot(_ctx.$slots, "component-list-item", { component: item }, () => [
-                              vue.createVNode(_sfc_main$u, {
+                              vue.createVNode(_sfc_main$v, {
                                 icon: item.icon
                               }, null, 8, ["icon"]),
                               vue.createVNode(vue.unref(design.TMagicTooltip), {
@@ -4158,7 +4167,7 @@
         }, [
           vue.createElementVNode("div", null, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.menuData, (item, index) => {
-              return vue.openBlock(), vue.createBlock(_sfc_main$k, {
+              return vue.openBlock(), vue.createBlock(_sfc_main$l, {
                 "event-type": "mouseup",
                 data: item,
                 key: index,
@@ -4305,7 +4314,6 @@
       const menu = vue.ref();
       const checkedKeys = vue.ref([]);
       const isCtrlKeyDown = vue.ref(false);
-      const filterText = vue.ref("");
       const expandedKeys = vue.ref([]);
       const currentNodeKey = vue.ref();
       const clicked = vue.ref(false);
@@ -4490,16 +4498,7 @@
         return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicScrollbar), { class: "magic-editor-layer-panel" }, {
           default: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "layer-panel-header"),
-            vue.createVNode(vue.unref(design.TMagicInput), {
-              modelValue: filterText.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filterText.value = $event),
-              class: "search-input",
-              size: "small",
-              placeholder: "\u8F93\u5165\u5173\u952E\u5B57\u8FDB\u884C\u8FC7\u6EE4",
-              clearable: "",
-              "prefix-icon": vue.unref(iconsVue.Search),
-              onChange: filterTextChangeHandler
-            }, null, 8, ["modelValue", "prefix-icon"]),
+            vue.createVNode(_sfc_main$i, { onSearch: filterTextChangeHandler }),
             vue.unref(values).length ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTree), {
               key: 0,
               class: "magic-editor-layer-tree",
@@ -4636,7 +4635,7 @@
                   (vue.openBlock(), vue.createElementBlock("div", {
                     key: config.text
                   }, [
-                    config.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$u, {
+                    config.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
                       key: 0,
                       icon: config.icon
                     }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
@@ -4857,14 +4856,14 @@
             class: "m-editor-page-bar-item m-editor-page-bar-item-icon",
             onClick: addPage
           }, [
-            vue.createVNode(_sfc_main$u, { icon: vue.unref(iconsVue.Plus) }, null, 8, ["icon"])
+            vue.createVNode(_sfc_main$v, { icon: vue.unref(iconsVue.Plus) }, null, 8, ["icon"])
           ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1)),
           canScroll.value ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 2,
             class: "m-editor-page-bar-item m-editor-page-bar-item-icon",
             onClick: _cache[0] || (_cache[0] = ($event) => scroll("left"))
           }, [
-            vue.createVNode(_sfc_main$u, { icon: vue.unref(iconsVue.ArrowLeftBold) }, null, 8, ["icon"])
+            vue.createVNode(_sfc_main$v, { icon: vue.unref(iconsVue.ArrowLeftBold) }, null, 8, ["icon"])
           ])) : vue.createCommentVNode("", true),
           vue.unref(pageLength) ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 3,
@@ -4880,7 +4879,7 @@
             class: "m-editor-page-bar-item m-editor-page-bar-item-icon",
             onClick: _cache[1] || (_cache[1] = ($event) => scroll("right"))
           }, [
-            vue.createVNode(_sfc_main$u, { icon: vue.unref(iconsVue.ArrowRightBold) }, null, 8, ["icon"])
+            vue.createVNode(_sfc_main$v, { icon: vue.unref(iconsVue.ArrowRightBold) }, null, 8, ["icon"])
           ])) : vue.createCommentVNode("", true)
         ], 512);
       };
@@ -4952,7 +4951,7 @@
                   default: vue.withCtx(() => [
                     vue.createElementVNode("div", null, [
                       vue.renderSlot(_ctx.$slots, "page-bar-popover", { page: item }, () => [
-                        vue.createVNode(_sfc_main$k, {
+                        vue.createVNode(_sfc_main$l, {
                           data: {
                             type: "button",
                             text: "\u590D\u5236",
@@ -4960,7 +4959,7 @@
                             handler: () => copy(item)
                           }
                         }, null, 8, ["data"]),
-                        vue.createVNode(_sfc_main$k, {
+                        vue.createVNode(_sfc_main$l, {
                           data: {
                             type: "button",
                             text: "\u5220\u9664",
@@ -5775,9 +5774,6 @@
     });
     constructor() {
       super([
-        "getCodeContentById",
-        "getCodeDslByIds",
-        "getCurrentDsl",
         "setCodeDslById",
         "setCodeEditorShowStatus",
         "setEditStatus",
@@ -5794,16 +5790,16 @@
     getCodeDsl() {
       return this.state.codeDsl;
     }
-    async getCodeContentById(id2) {
+    getCodeContentById(id2) {
       if (!id2)
         return null;
-      const totalCodeDsl = await this.getCodeDsl();
+      const totalCodeDsl = this.getCodeDsl();
       if (!totalCodeDsl)
         return null;
       return totalCodeDsl[id2] ?? null;
     }
     async setCodeDslById(id, codeConfig) {
-      const codeDsl = await this.getCodeDsl();
+      const codeDsl = this.getCodeDsl();
       if (!codeDsl) {
         throw new Error("dsl\u4E2D\u6CA1\u6709codeBlocks");
       }
@@ -5818,8 +5814,8 @@
       };
       this.emit("addOrUpdate", id, codeDsl[id]);
     }
-    async getCodeDslByIds(ids) {
-      const codeDsl2 = await this.getCodeDsl();
+    getCodeDslByIds(ids) {
+      const codeDsl2 = this.getCodeDsl();
       return lodashEs.pick(codeDsl2, ids);
     }
     async setCodeEditorShowStatus(status) {
@@ -5834,8 +5830,8 @@
       this.setId(id2);
       this.state.isShowCodeEditor = status;
     }
-    async getCurrentDsl() {
-      return await this.getCodeContentById(this.state.id);
+    getCurrentDsl() {
+      return this.getCodeContentById(this.state.id);
     }
     getEditStatus() {
       return this.state.editable;
@@ -6397,11 +6393,11 @@
   const _sfc_main = vue.defineComponent({
     name: "m-editor",
     components: {
-      TMagicNavMenu: _sfc_main$j,
+      TMagicNavMenu: _sfc_main$k,
       Sidebar: _sfc_main$9,
       Workspace: _sfc_main$1,
-      PropsPanel: _sfc_main$i,
-      Framework: _sfc_main$l
+      PropsPanel: _sfc_main$j,
+      Framework: _sfc_main$m
     },
     props: editorProps,
     emits: ["props-panel-mounted", "update:modelValue"],
@@ -6546,13 +6542,13 @@
       app.config.globalProperties.$TMAGIC_EDITOR = option;
       setConfig(option);
       app.component(Editor.name, Editor);
-      app.component("m-fields-ui-select", _sfc_main$q);
-      app.component("m-fields-code-link", _sfc_main$v);
-      app.component("m-fields-vs-code", _sfc_main$w);
-      app.component("magic-code-editor", _sfc_main$p);
-      app.component("m-fields-code-select", _sfc_main$t);
-      app.component("m-fields-code-select-col", _sfc_main$s);
-      app.component("m-fields-event-select", _sfc_main$r);
+      app.component("m-fields-ui-select", _sfc_main$r);
+      app.component("m-fields-code-link", _sfc_main$w);
+      app.component("m-fields-vs-code", _sfc_main$x);
+      app.component("magic-code-editor", _sfc_main$q);
+      app.component("m-fields-code-select", _sfc_main$u);
+      app.component("m-fields-code-select-col", _sfc_main$t);
+      app.component("m-fields-event-select", _sfc_main$s);
     }
   };
 
@@ -6560,24 +6556,24 @@
   exports.COPY_STORAGE_KEY = COPY_STORAGE_KEY;
   exports.CodeBlockList = _sfc_main$e;
   exports.CodeDeleteErrorType = CodeDeleteErrorType;
-  exports.CodeSelect = _sfc_main$t;
-  exports.CodeSelectCol = _sfc_main$s;
+  exports.CodeSelect = _sfc_main$u;
+  exports.CodeSelectCol = _sfc_main$t;
   exports.ColumnLayout = ColumnLayout;
   exports.ComponentListPanel = _sfc_main$d;
   exports.ContentMenu = _sfc_main$c;
-  exports.EventSelect = _sfc_main$r;
+  exports.EventSelect = _sfc_main$s;
   exports.Fixed2Other = Fixed2Other;
   exports.H_GUIDE_LINE_STORAGE_KEY = H_GUIDE_LINE_STORAGE_KEY;
-  exports.Icon = _sfc_main$u;
+  exports.Icon = _sfc_main$v;
   exports.Keys = Keys;
   exports.LayerOffset = LayerOffset;
   exports.LayerPanel = _sfc_main$a;
   exports.Layout = Layout;
-  exports.LayoutContainer = _sfc_main$n;
-  exports.PropsPanel = _sfc_main$i;
-  exports.TMagicCodeEditor = _sfc_main$p;
+  exports.LayoutContainer = _sfc_main$o;
+  exports.PropsPanel = _sfc_main$j;
+  exports.TMagicCodeEditor = _sfc_main$q;
   exports.TMagicEditor = Editor;
-  exports.ToolButton = _sfc_main$k;
+  exports.ToolButton = _sfc_main$l;
   exports.V_GUIDE_LINE_STORAGE_KEY = V_GUIDE_LINE_STORAGE_KEY;
   exports.beforePaste = beforePaste;
   exports.change2Fixed = change2Fixed;