@tmagic/editor 1.2.11 → 1.2.13

package/dist/tmagic-editor.js

@@ -4,7 +4,7 @@ import { Edit, View, Delete, Close, Plus, ArrowDown, Grid, Memo, FullScreen, Sca
 import { isEmpty, map, has, throttle, cloneDeep, mergeWith, isObject, uniq, forIn, difference, union, pick, keys } from 'lodash-es';
 import { createValues, MForm } from '@tmagic/form';
 import { HookType, ActionType, NodeType } from '@tmagic/schema';
-import { TMagicIcon, TMagicButton, TMagicTooltip, TMagicScrollbar, TMagicDivider, TMagicDropdown, TMagicDropdownMenu, TMagicDropdownItem, tMagicMessage, tMagicMessageBox, TMagicCard, TMagicInput, TMagicDialog, TMagicTree, TMagicCollapse, TMagicCollapseItem, getConfig as getConfig$1, TMagicTabs, TMagicPopover } from '@tmagic/design';
+import { TMagicIcon, TMagicButton, TMagicTooltip, TMagicScrollbar, TMagicDivider, TMagicDropdown, TMagicDropdownMenu, TMagicDropdownItem, tMagicMessage, TMagicInput, tMagicMessageBox, TMagicCard, TMagicDrawer, TMagicTree, TMagicCollapse, TMagicCollapseItem, getConfig as getConfig$1, TMagicTabs, TMagicPopover } from '@tmagic/design';
 import * as monaco from 'monaco-editor';
 import Gesto from 'gesto';
 import { isPop, getNodePath, isNumber, isPage, toLine, datetimeFormatter, removeClassNameByClassName } from '@tmagic/utils';
@@ -16,7 +16,7 @@ import { DEFAULT_EVENTS, DEFAULT_METHODS } from '@tmagic/core';
 const __default__$v = defineComponent({
   name: "MEditorCode"
 });
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   ...__default__$v,
   props: {
     model: null,
@@ -49,7 +49,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
 const __default__$u = defineComponent({
   name: "MEditorCodeLink"
 });
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   ...__default__$u,
   props: {
     config: null,
@@ -123,7 +123,7 @@ const _hoisted_1$h = ["src"];
 const __default__$t = defineComponent({
   name: "MEditorIcon"
 });
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   ...__default__$t,
   props: {
     icon: null
@@ -165,7 +165,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
 const __default__$s = defineComponent({
   name: "MEditorCodeSelect"
 });
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   ...__default__$s,
   props: {
     config: { default: () => ({
@@ -276,7 +276,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
           onChange: changeHandler
         }, {
           operateCol: withCtx(({ scope }) => [
-            scope.row.codeId && __props.config.editable ? (openBlock(), createBlock(_sfc_main$u, {
+            scope.row.codeId && __props.config.editable ? (openBlock(), createBlock(_sfc_main$v, {
               key: 0,
               icon: unref(editable) ? unref(Edit) : unref(View),
               class: "edit-icon",
@@ -294,7 +294,7 @@ const _hoisted_1$g = { class: "m-fields-code-select-col" };
 const __default__$r = defineComponent({
   name: "MEditorCodeSelectCol"
 });
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   ...__default__$r,
   props: {
     config: null,
@@ -404,7 +404,7 @@ const _hoisted_3$4 = /* @__PURE__ */ createTextVNode("\u6DFB\u52A0\u4E8B\u4EF6")
 const __default__$q = defineComponent({
   name: "MEditorEventSelect"
 });
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   ...__default__$q,
   props: {
     config: null,
@@ -614,7 +614,7 @@ const _hoisted_1$e = /* @__PURE__ */ createTextVNode("\u53D6\u6D88");
 const __default__$p = defineComponent({
   name: "MEditorUISelect"
 });
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   ...__default__$p,
   props: {
     config: null,
@@ -728,7 +728,7 @@ const UISelect_vue_vue_type_style_index_0_lang = '';
 const __default__$o = defineComponent({
   name: "MEditorCodeEditor"
 });
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   ...__default__$o,
   props: {
     initValues: null,
@@ -861,7 +861,7 @@ const getConfig = (key) => $TMAGIC_EDITOR[key];
 const __default__$n = defineComponent({
   name: "MEditorResizer"
 });
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   ...__default__$n,
   emits: ["change"],
   setup(__props, { emit }) {
@@ -897,7 +897,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
 const __default__$m = defineComponent({
   name: "MEditorLayout"
 });
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   ...__default__$m,
   props: {
     left: null,
@@ -1006,7 +1006,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
           }, [
             renderSlot(_ctx.$slots, "left")
           ], 6),
-          createVNode(_sfc_main$o, { onChange: changeLeft })
+          createVNode(_sfc_main$p, { onChange: changeLeft })
         ], 64)) : createCommentVNode("", true),
         createElementVNode("div", {
           class: normalizeClass(["m-editor-layout-center", __props.centerClass]),
@@ -1015,7 +1015,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "center")
         ], 6),
         unref(hasRight) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          createVNode(_sfc_main$o, { onChange: changeRight }),
+          createVNode(_sfc_main$p, { onChange: changeRight }),
           createElementVNode("div", {
             class: normalizeClass(["m-editor-layout-right", __props.rightClass]),
             style: normalizeStyle(`width: ${__props.right}px`)
@@ -2735,7 +2735,7 @@ const _hoisted_3$3 = /* @__PURE__ */ createElementVNode("p", null, "\u65B0\u589E
 const __default__$l = defineComponent({
   name: "MEditorAddPageBox"
 });
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   ...__default__$l,
   setup(__props) {
     const services = inject("services");
@@ -2759,7 +2759,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             onClick: clickHandler
           }, [
             createElementVNode("div", null, [
-              createVNode(_sfc_main$u, { icon: unref(Plus) }, null, 8, ["icon"])
+              createVNode(_sfc_main$v, { icon: unref(Plus) }, null, 8, ["icon"])
             ]),
             _hoisted_3$3
           ])
@@ -2773,7 +2773,7 @@ const _hoisted_1$c = { class: "m-editor" };
 const __default__$k = defineComponent({
   name: "MEditorFramework"
 });
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   ...__default__$k,
   props: {
     codeOptions: { default: () => ({}) }
@@ -2851,7 +2851,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
           "init-values": unref(root),
           options: __props.codeOptions,
           onSave: saveCode
-        }, null, 8, ["init-values", "options"])) : (openBlock(), createBlock(_sfc_main$n, {
+        }, null, 8, ["init-values", "options"])) : (openBlock(), createBlock(_sfc_main$o, {
           key: 1,
           class: "m-editor-content",
           "left-class": "m-editor-framework-left",
@@ -2870,7 +2870,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
           ]),
           center: withCtx(() => [
             unref(pageLength) > 0 ? renderSlot(_ctx.$slots, "workspace", { key: 0 }) : renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
-              createVNode(_sfc_main$m)
+              createVNode(_sfc_main$n)
             ])
           ]),
           _: 2
@@ -2900,7 +2900,7 @@ const _hoisted_2$5 = { class: "el-dropdown-link menubar-menu-button" };
 const __default__$j = defineComponent({
   name: "MEditorToolButton"
 });
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   ...__default__$j,
   props: {
     data: { default: () => ({
@@ -2990,7 +2990,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                 disabled: unref(disabled)
               }, {
                 default: withCtx(() => [
-                  __props.data.icon ? (openBlock(), createBlock(_sfc_main$u, {
+                  __props.data.icon ? (openBlock(), createBlock(_sfc_main$v, {
                     key: 0,
                     icon: __props.data.icon
                   }, null, 8, ["icon"])) : createCommentVNode("", true),
@@ -3007,7 +3007,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
             disabled: unref(disabled)
           }, {
             default: withCtx(() => [
-              __props.data.icon ? (openBlock(), createBlock(_sfc_main$u, {
+              __props.data.icon ? (openBlock(), createBlock(_sfc_main$v, {
                 key: 0,
                 icon: __props.data.icon
               }, null, 8, ["icon"])) : createCommentVNode("", true),
@@ -3060,7 +3060,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
 const __default__$i = defineComponent({
   name: "MEditorNavMenu"
 });
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   ...__default__$i,
   props: {
     data: { default: () => ({}) },
@@ -3219,7 +3219,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
             style: normalizeStyle(`width: ${unref(columnWidth)?.[key]}px`)
           }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(buttons)[key], (item, index) => {
-              return openBlock(), createBlock(_sfc_main$k, {
+              return openBlock(), createBlock(_sfc_main$l, {
                 data: item,
                 key: index
               }, null, 8, ["data"]);
@@ -3235,7 +3235,7 @@ const _hoisted_1$a = { class: "m-editor-props-panel" };
 const __default__$h = defineComponent({
   name: "MEditorPropsPanel"
 });
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   ...__default__$h,
   emits: ["mounted"],
   setup(__props, { expose, emit }) {
@@ -3298,6 +3298,29 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
   }
 });
 
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
+  __name: "SearchInput",
+  emits: ["search"],
+  setup(__props, { emit }) {
+    const filterText = ref("");
+    const filterTextChangeHandler = () => {
+      emit("search", filterText.value);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(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": unref(Search),
+        onInput: filterTextChangeHandler
+      }, null, 8, ["modelValue", "prefix-icon"]);
+    };
+  }
+});
+
 const _hoisted_1$9 = {
   key: 0,
   class: "m-editor-content-bottom"
@@ -3391,7 +3414,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["m-editor-wrapper", isFullScreen.value ? "fullScreen" : "normal"])
       }, [
-        createVNode(_sfc_main$p, {
+        createVNode(_sfc_main$q, {
           ref_key: "codeEditor",
           ref: codeEditor,
           class: "m-editor-container",
@@ -3641,6 +3664,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const services = inject("services");
     const codeOptions = inject("codeOptions", {});
+    const size = computed(() => globalThis.document.body.clientWidth - (services?.uiService.get("columnWidth").left || 0));
     const left = ref(200);
     const currentTitle = ref("");
     const codeConfig = ref(null);
@@ -3670,17 +3694,18 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       currentTitle.value = state.codeList[0]?.name || "";
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(TMagicDialog), {
-        "model-value": true,
+      return openBlock(), createBlock(unref(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: unref(size)
       }, {
         default: withCtx(() => [
-          createVNode(_sfc_main$n, {
+          createVNode(_sfc_main$o, {
             left: left.value,
             "onUpdate:left": _cache[0] || (_cache[0] = ($event) => left.value = $event),
             "min-left": 45,
@@ -3705,18 +3730,17 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           }, 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__ */ 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__ */ 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"
 };
@@ -3737,6 +3761,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
         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",
@@ -3780,7 +3805,6 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
         }
       }
     };
-    const filterText = ref("");
     const tree = ref();
     const filterNode = (value, data) => {
       if (!value) {
@@ -3804,107 +3828,97 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$6, [
-        renderSlot(_ctx.$slots, "code-block-panel-header", {}, () => [
-          createElementVNode("div", _hoisted_2$2, [
-            createVNode(unref(TMagicInput), {
-              class: normalizeClass([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"]),
-            unref(editable) ? (openBlock(), createBlock(unref(TMagicButton), {
-              key: 0,
-              class: "create-code-button",
-              type: "primary",
-              size: "small",
-              onClick: createCodeBlock
-            }, {
-              default: withCtx(() => [
-                _hoisted_3
-              ]),
-              _: 1
-            })) : createCommentVNode("", true)
-          ])
-        ]),
-        createVNode(unref(TMagicScrollbar), null, {
-          default: withCtx(() => [
-            createVNode(unref(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: unref(codeList),
-              "highlight-current": true,
-              "filter-node-method": filterNode,
-              onNodeClick: clickHandler
-            }, {
-              default: withCtx(({ data }) => [
-                createElementVNode("div", {
-                  id: data.id,
-                  class: "list-container"
-                }, [
-                  createElementVNode("div", _hoisted_5, [
-                    createElementVNode("span", _hoisted_6, toDisplayString(data.name) + "\uFF08" + toDisplayString(data.id) + "\uFF09", 1),
-                    data.type === "code" ? (openBlock(), createElementBlock("div", _hoisted_7, [
-                      createVNode(unref(TMagicTooltip), {
-                        effect: "dark",
-                        content: unref(editable) ? "\u7F16\u8F91" : "\u67E5\u770B",
-                        placement: "bottom"
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(_sfc_main$u, {
-                            icon: unref(editable) ? unref(Edit) : unref(View),
-                            class: "edit-icon",
-                            onClick: withModifiers(($event) => editCode(`${data.id}`), ["stop"])
-                          }, null, 8, ["icon", "onClick"])
-                        ]),
-                        _: 2
-                      }, 1032, ["content"]),
-                      unref(editable) ? (openBlock(), createBlock(unref(TMagicTooltip), {
-                        key: 0,
-                        effect: "dark",
-                        content: "\u5220\u9664",
-                        placement: "bottom"
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(_sfc_main$u, {
-                            icon: unref(Close),
-                            class: "edit-icon",
-                            onClick: withModifiers(($event) => deleteCode(`${data.id}`), ["stop"])
-                          }, null, 8, ["icon", "onClick"])
-                        ]),
-                        _: 2
-                      }, 1024)) : createCommentVNode("", true),
-                      renderSlot(_ctx.$slots, "code-block-panel-tool", {
-                        id: data.id,
-                        data: data.codeBlockContent
-                      })
-                    ])) : createCommentVNode("", true)
-                  ])
-                ], 8, _hoisted_4)
-              ]),
-              _: 3
-            }, 8, ["data"])
-          ]),
-          _: 3
-        }),
-        unref(isShowCodeBlockEditor) ? (openBlock(), createBlock(_sfc_main$f, {
-          key: 0,
-          paramsColConfig: __props.paramsColConfig
-        }, {
-          "code-block-edit-panel-header": withCtx(({ id }) => [
-            renderSlot(_ctx.$slots, "code-block-edit-panel-header", { id })
+      return openBlock(), createBlock(unref(TMagicScrollbar), { class: "m-editor-code-block-list" }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "code-block-panel-header", {}, () => [
+            createElementVNode("div", _hoisted_1$6, [
+              createVNode(_sfc_main$i, { onSearch: filterTextChangeHandler }),
+              unref(editable) ? (openBlock(), createBlock(unref(TMagicButton), {
+                key: 0,
+                class: "create-code-button",
+                type: "primary",
+                size: "small",
+                onClick: createCodeBlock
+              }, {
+                default: withCtx(() => [
+                  _hoisted_2$2
+                ]),
+                _: 1
+              })) : createCommentVNode("", true)
+            ])
           ]),
-          _: 3
-        }, 8, ["paramsColConfig"])) : createCommentVNode("", true)
-      ]);
+          createVNode(unref(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: unref(codeList),
+            "highlight-current": true,
+            "filter-node-method": filterNode,
+            onNodeClick: clickHandler
+          }, {
+            default: withCtx(({ data }) => [
+              createElementVNode("div", {
+                id: data.id,
+                class: "list-container"
+              }, [
+                createElementVNode("div", _hoisted_4, [
+                  createElementVNode("span", _hoisted_5, toDisplayString(data.name) + "\uFF08" + toDisplayString(data.id) + "\uFF09", 1),
+                  data.type === "code" ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                    createVNode(unref(TMagicTooltip), {
+                      effect: "dark",
+                      content: unref(editable) ? "\u7F16\u8F91" : "\u67E5\u770B",
+                      placement: "bottom"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_sfc_main$v, {
+                          icon: unref(editable) ? unref(Edit) : unref(View),
+                          class: "edit-icon",
+                          onClick: withModifiers(($event) => editCode(`${data.id}`), ["stop"])
+                        }, null, 8, ["icon", "onClick"])
+                      ]),
+                      _: 2
+                    }, 1032, ["content"]),
+                    unref(editable) ? (openBlock(), createBlock(unref(TMagicTooltip), {
+                      key: 0,
+                      effect: "dark",
+                      content: "\u5220\u9664",
+                      placement: "bottom"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_sfc_main$v, {
+                          icon: unref(Close),
+                          class: "edit-icon",
+                          onClick: withModifiers(($event) => deleteCode(`${data.id}`), ["stop"])
+                        }, null, 8, ["icon", "onClick"])
+                      ]),
+                      _: 2
+                    }, 1024)) : createCommentVNode("", true),
+                    renderSlot(_ctx.$slots, "code-block-panel-tool", {
+                      id: data.id,
+                      data: data.codeBlockContent
+                    })
+                  ])) : createCommentVNode("", true)
+                ])
+              ], 8, _hoisted_3)
+            ]),
+            _: 3
+          }, 8, ["data"]),
+          unref(isShowCodeBlockEditor) ? (openBlock(), createBlock(_sfc_main$f, {
+            key: 0,
+            paramsColConfig: __props.paramsColConfig
+          }, {
+            "code-block-edit-panel-header": withCtx(({ id }) => [
+              renderSlot(_ctx.$slots, "code-block-edit-panel-header", { id })
+            ]),
+            _: 3
+          }, 8, ["paramsColConfig"])) : createCommentVNode("", true)
+        ]),
+        _: 3
+      });
     };
   }
 });
@@ -3917,6 +3931,9 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   ...__default__$c,
   setup(__props) {
     const searchText = ref("");
+    const filterTextChangeHandler = (v) => {
+      searchText.value = v;
+    };
     const services = inject("services");
     const stageOptions = inject("stageOptions");
     const stage = computed(() => services?.editorService.get("stage"));
@@ -3987,15 +4004,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
             "model-value": unref(collapseValue)
           }, {
             default: withCtx(() => [
-              createVNode(unref(TMagicInput), {
-                placeholder: "\u8F93\u5165\u5173\u952E\u5B57\u8FDB\u884C\u8FC7\u6EE4",
-                class: "search-input",
-                size: "small",
-                clearable: "",
-                "prefix-icon": unref(Search),
-                modelValue: searchText.value,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchText.value = $event)
-              }, null, 8, ["prefix-icon", "modelValue"]),
+              createVNode(_sfc_main$i, { onSearch: filterTextChangeHandler }),
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), (group, index) => {
                 return openBlock(), createElementBlock(Fragment, null, [
                   group.items && group.items.length ? (openBlock(), createBlock(unref(TMagicCollapseItem), {
@@ -4003,7 +4012,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                     name: `${index}`
                   }, {
                     title: withCtx(() => [
-                      createVNode(_sfc_main$u, { icon: unref(Grid) }, null, 8, ["icon"]),
+                      createVNode(_sfc_main$v, { icon: unref(Grid) }, null, 8, ["icon"]),
                       createTextVNode(toDisplayString(group.title), 1)
                     ]),
                     default: withCtx(() => [
@@ -4018,7 +4027,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                           onDrag: dragHandler
                         }, [
                           renderSlot(_ctx.$slots, "component-list-item", { component: item }, () => [
-                            createVNode(_sfc_main$u, {
+                            createVNode(_sfc_main$v, {
                               icon: item.icon
                             }, null, 8, ["icon"]),
                             createVNode(unref(TMagicTooltip), {
@@ -4141,7 +4150,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("div", null, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.menuData, (item, index) => {
-            return openBlock(), createBlock(_sfc_main$k, {
+            return openBlock(), createBlock(_sfc_main$l, {
               "event-type": "mouseup",
               data: item,
               key: index,
@@ -4288,7 +4297,6 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     const menu = ref();
     const checkedKeys = ref([]);
     const isCtrlKeyDown = ref(false);
-    const filterText = ref("");
     const expandedKeys = ref([]);
     const currentNodeKey = ref();
     const clicked = ref(false);
@@ -4473,16 +4481,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(TMagicScrollbar), { class: "magic-editor-layer-panel" }, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "layer-panel-header"),
-          createVNode(unref(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": unref(Search),
-            onChange: filterTextChangeHandler
-          }, null, 8, ["modelValue", "prefix-icon"]),
+          createVNode(_sfc_main$i, { onSearch: filterTextChangeHandler }),
           unref(values).length ? (openBlock(), createBlock(unref(TMagicTree), {
             key: 0,
             class: "magic-editor-layer-tree",
@@ -4619,7 +4618,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                 (openBlock(), createElementBlock("div", {
                   key: config.text
                 }, [
-                  config.icon ? (openBlock(), createBlock(_sfc_main$u, {
+                  config.icon ? (openBlock(), createBlock(_sfc_main$v, {
                     key: 0,
                     icon: config.icon
                   }, null, 8, ["icon"])) : createCommentVNode("", true),
@@ -4840,14 +4839,14 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           class: "m-editor-page-bar-item m-editor-page-bar-item-icon",
           onClick: addPage
         }, [
-          createVNode(_sfc_main$u, { icon: unref(Plus) }, null, 8, ["icon"])
+          createVNode(_sfc_main$v, { icon: unref(Plus) }, null, 8, ["icon"])
         ])) : (openBlock(), createElementBlock("div", _hoisted_1$1)),
         canScroll.value ? (openBlock(), createElementBlock("div", {
           key: 2,
           class: "m-editor-page-bar-item m-editor-page-bar-item-icon",
           onClick: _cache[0] || (_cache[0] = ($event) => scroll("left"))
         }, [
-          createVNode(_sfc_main$u, { icon: unref(ArrowLeftBold) }, null, 8, ["icon"])
+          createVNode(_sfc_main$v, { icon: unref(ArrowLeftBold) }, null, 8, ["icon"])
         ])) : createCommentVNode("", true),
         unref(pageLength) ? (openBlock(), createElementBlock("div", {
           key: 3,
@@ -4863,7 +4862,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           class: "m-editor-page-bar-item m-editor-page-bar-item-icon",
           onClick: _cache[1] || (_cache[1] = ($event) => scroll("right"))
         }, [
-          createVNode(_sfc_main$u, { icon: unref(ArrowRightBold) }, null, 8, ["icon"])
+          createVNode(_sfc_main$v, { icon: unref(ArrowRightBold) }, null, 8, ["icon"])
         ])) : createCommentVNode("", true)
       ], 512);
     };
@@ -4935,7 +4934,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   createElementVNode("div", null, [
                     renderSlot(_ctx.$slots, "page-bar-popover", { page: item }, () => [
-                      createVNode(_sfc_main$k, {
+                      createVNode(_sfc_main$l, {
                         data: {
                           type: "button",
                           text: "\u590D\u5236",
@@ -4943,7 +4942,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                           handler: () => copy(item)
                         }
                       }, null, 8, ["data"]),
-                      createVNode(_sfc_main$k, {
+                      createVNode(_sfc_main$l, {
                         data: {
                           type: "button",
                           text: "\u5220\u9664",
@@ -5758,9 +5757,6 @@ class CodeBlock extends BaseService {
   });
   constructor() {
     super([
-      "getCodeContentById",
-      "getCodeDslByIds",
-      "getCurrentDsl",
       "setCodeDslById",
       "setCodeEditorShowStatus",
       "setEditStatus",
@@ -5777,16 +5773,16 @@ class CodeBlock extends BaseService {
   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");
     }
@@ -5801,8 +5797,8 @@ class CodeBlock extends BaseService {
     };
     this.emit("addOrUpdate", id, codeDsl[id]);
   }
-  async getCodeDslByIds(ids) {
-    const codeDsl2 = await this.getCodeDsl();
+  getCodeDslByIds(ids) {
+    const codeDsl2 = this.getCodeDsl();
     return pick(codeDsl2, ids);
   }
   async setCodeEditorShowStatus(status) {
@@ -5817,8 +5813,8 @@ class CodeBlock extends BaseService {
     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;
@@ -6380,11 +6376,11 @@ const initServiceEvents = (props, emit, { editorService, codeBlockService, depSe
 const _sfc_main = 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"],
@@ -6529,15 +6525,15 @@ const index = {
     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);
   }
 };
 
-export { CODE_DRAFT_STORAGE_KEY, COPY_STORAGE_KEY, _sfc_main$e as CodeBlockList, CodeDeleteErrorType, _sfc_main$t as CodeSelect, _sfc_main$s as CodeSelectCol, ColumnLayout, _sfc_main$d as ComponentListPanel, _sfc_main$c as ContentMenu, _sfc_main$r as EventSelect, Fixed2Other, H_GUIDE_LINE_STORAGE_KEY, _sfc_main$u as Icon, Keys, LayerOffset, _sfc_main$a as LayerPanel, Layout, _sfc_main$n as LayoutContainer, _sfc_main$i as PropsPanel, _sfc_main$p as TMagicCodeEditor, Editor as TMagicEditor, _sfc_main$k as ToolButton, V_GUIDE_LINE_STORAGE_KEY, beforePaste, change2Fixed, codeBlockService, debug, index as default, depService, editorService, error, 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, uiService, useStage, warn };
+export { CODE_DRAFT_STORAGE_KEY, COPY_STORAGE_KEY, _sfc_main$e as CodeBlockList, CodeDeleteErrorType, _sfc_main$u as CodeSelect, _sfc_main$t as CodeSelectCol, ColumnLayout, _sfc_main$d as ComponentListPanel, _sfc_main$c as ContentMenu, _sfc_main$s as EventSelect, Fixed2Other, H_GUIDE_LINE_STORAGE_KEY, _sfc_main$v as Icon, Keys, LayerOffset, _sfc_main$a as LayerPanel, Layout, _sfc_main$o as LayoutContainer, _sfc_main$j as PropsPanel, _sfc_main$q as TMagicCodeEditor, Editor as TMagicEditor, _sfc_main$l as ToolButton, V_GUIDE_LINE_STORAGE_KEY, beforePaste, change2Fixed, codeBlockService, debug, index as default, depService, editorService, error, 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, uiService, useStage, warn };
 //# sourceMappingURL=tmagic-editor.js.map