@tmagic/editor 1.7.0-beta.5 → 1.7.1

package/dist/tmagic-editor.js

@@ -7,7 +7,7 @@ export { default as formPlugin } from '@tmagic/form';
 import tablePlugin__default, { MagicTable } from '@tmagic/table';
 export * from '@tmagic/table';
 export { default as tablePlugin } from '@tmagic/table';
-import { defineComponent, createBlock, createElementBlock, openBlock, unref, withCtx, createVNode, createElementVNode, normalizeClass, resolveDynamicComponent, toRaw, ref, useTemplateRef, watch, onMounted, onBeforeUnmount, onUnmounted, Teleport, normalizeStyle, createCommentVNode, nextTick, computed, reactive, resolveComponent, inject, Fragment, renderList, mergeProps, mergeModels, useModel, provide, renderSlot, toDisplayString, shallowReactive, createTextVNode, isRef, createStaticVNode, watchEffect, markRaw, withDirectives, vShow, shallowRef, withModifiers, createSlots, toHandlers, getCurrentInstance, Transition, resolveDirective, mergeDefaults } from 'vue';
+import { defineComponent, createBlock, createElementBlock, openBlock, unref, withCtx, createVNode, createElementVNode, normalizeClass, resolveDynamicComponent, toRaw, ref, computed, useTemplateRef, watch, onMounted, onBeforeUnmount, onUnmounted, Teleport, normalizeStyle, createCommentVNode, nextTick, reactive, resolveComponent, inject, Fragment, renderList, mergeProps, mergeModels, useModel, provide, renderSlot, toDisplayString, shallowReactive, createTextVNode, isRef, createStaticVNode, watchEffect, markRaw, withDirectives, vShow, shallowRef, withModifiers, createSlots, toHandlers, getCurrentInstance, Transition, normalizeProps, guardReactiveProps, resolveDirective, mergeDefaults } from 'vue';
 import { Edit, FullScreen, View, Close, Coin, Delete, Plus, Grid, ArrowDown, ArrowLeftBold, ArrowRightBold, Files, Search, DocumentCopy, CaretBottom, Memo, ScaleToOriginal, ZoomOut, ZoomIn, Right, Back, Document, Sugar, ArrowRight, CopyDocument, Hide, EditPen, List, Goods, CloseBold, Top, Bottom } from '@element-plus/icons-vue';
 import { throttle, isEmpty, isObject, cloneDeep, mergeWith, uniq, get, map, has, pick, keys } from 'lodash-es';
 import serialize from 'serialize-javascript';
@@ -28,7 +28,7 @@ import Sortable from 'sortablejs';
 import KeyController from 'keycon';
 
 const _hoisted_1$$ = ["src"];
-const _sfc_main$1r = /* @__PURE__ */ defineComponent({
+const _sfc_main$1s = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorIcon"
   },
@@ -96,7 +96,7 @@ const _hoisted_2$o = {
   ref: "codeEditor",
   class: "magic-code-editor-content"
 };
-const _sfc_main$1q = /* @__PURE__ */ defineComponent({
+const _sfc_main$1r = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorCodeEditor"
   },
@@ -112,12 +112,50 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
     height: {},
     autoSave: { type: Boolean, default: true },
     parse: { type: Boolean, default: false },
-    disabledFullScreen: { type: Boolean, default: false }
+    disabledFullScreen: { type: Boolean, default: false },
+    autosize: {}
   },
   emits: ["initd", "save"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const autoHeight = ref("");
+    const computeHeight = computed(() => {
+      if (fullScreen.value) {
+        return "100%";
+      }
+      if (props.height) {
+        return props.height;
+      }
+      if (props.autosize) {
+        return autoHeight.value;
+      }
+      return "100%";
+    });
+    const setAutoHeight = (v = "") => {
+      let lines = Math.max(v.split("\n").length, props.autosize?.minRows || 1);
+      if (v) {
+        if (props.autosize?.maxRows) {
+          lines = Math.min(lines, props.autosize.maxRows);
+        }
+      }
+      let lineHeight = 20;
+      if (vsEditor) {
+        const editorOptions = vsEditor.getOptions();
+        lineHeight = editorOptions.get(monaco.editor.EditorOption.lineHeight) || 20;
+      }
+      const newHeight = `${lines * lineHeight + 10}px`;
+      if (autoHeight.value !== newHeight) {
+        autoHeight.value = newHeight;
+        nextTick(() => {
+          vsEditor?.layout();
+          if (vsEditor) {
+            vsEditor.setScrollTop(0);
+            vsEditor.revealLine(1);
+          }
+        });
+      }
+    };
     const toString = (v, language) => {
       let value;
       if (typeof v !== "string") {
@@ -159,6 +197,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
     );
     const setEditorValue = (v, m) => {
       values.value = toString(v, props.language.toLocaleLowerCase());
+      setAutoHeight(values.value);
       if (props.type === "diff") {
         const originalModel = monaco.editor.createModel(values.value, "text/javascript");
         const modifiedModel = monaco.editor.createModel(toString(m, props.language), "text/javascript");
@@ -204,8 +243,18 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
       };
       if (props.type === "diff") {
         vsDiffEditor = getEditorConfig("customCreateMonacoDiffEditor")(monaco, codeEditorEl.value, options);
+        vsDiffEditor.getModifiedEditor().onDidChangeModelContent(() => {
+          if (props.autosize) {
+            setAutoHeight(getEditorValue());
+          }
+        });
       } else {
         vsEditor = getEditorConfig("customCreateMonacoEditor")(monaco, codeEditorEl.value, options);
+        vsEditor.onDidChangeModelContent(() => {
+          if (props.autosize) {
+            setAutoHeight(getEditorValue());
+          }
+        });
       }
       setEditorValue(props.initValues, props.modifiedValues);
       emit("initd", vsEditor);
@@ -295,8 +344,8 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
           createElementVNode(
             "div",
             {
-              class: normalizeClass(`magic-code-editor-wrapper${fullScreen.value ? " full-screen" : ""}`),
-              style: normalizeStyle(!fullScreen.value && __props.height ? `height: ${__props.height}` : "100%")
+              class: normalizeClass({ "magic-code-editor-wrapper": true, "full-screen": fullScreen.value }),
+              style: normalizeStyle({ height: computeHeight.value })
             },
             [
               !__props.disabledFullScreen ? (openBlock(), createBlock(unref(TMagicButton), {
@@ -307,7 +356,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
                 onClick: fullScreenHandler
               }, {
                 default: withCtx(() => [
-                  createVNode(_sfc_main$1r, { icon: unref(FullScreen) }, null, 8, ["icon"])
+                  createVNode(_sfc_main$1s, { icon: unref(FullScreen) }, null, 8, ["icon"])
                 ]),
                 _: 1
                 /* STABLE */
@@ -329,7 +378,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1p = /* @__PURE__ */ defineComponent({
+const _sfc_main$1q = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsVsCode"
   },
@@ -353,7 +402,7 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
       emit("change", v);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1q, {
+      return openBlock(), createBlock(_sfc_main$1r, {
         height: __props.config.height,
         "init-values": __props.model[__props.name],
         language: __props.config.language,
@@ -361,14 +410,15 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
           ...__props.config.options,
           readOnly: __props.disabled
         },
+        autosize: __props.config.autosize,
         parse: __props.config.parse,
         onSave: save
-      }, null, 8, ["height", "init-values", "language", "options", "parse"]);
+      }, null, 8, ["height", "init-values", "language", "options", "autosize", "parse"]);
     };
   }
 });
 
-const _sfc_main$1o = /* @__PURE__ */ defineComponent({
+const _sfc_main$1p = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsCodeLink"
   },
@@ -456,7 +506,7 @@ const useServices = () => {
   return services;
 };
 
-const _sfc_main$1n = /* @__PURE__ */ defineComponent({
+const _sfc_main$1o = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsCodeSelect"
   },
@@ -2809,7 +2859,7 @@ const fillConfig = (config) => [
             name: "beforeRequest",
             type: "vs-code",
             parse: true,
-            height: "600px"
+            autosize: { minRows: 10, maxRows: 30 }
           }
         ]
       },
@@ -2821,7 +2871,7 @@ const fillConfig = (config) => [
             name: "afterResponse",
             type: "vs-code",
             parse: true,
-            height: "600px"
+            autosize: { minRows: 10, maxRows: 30 }
           }
         ]
       }
@@ -3206,7 +3256,7 @@ const MIN_RIGHT_COLUMN_WIDTH = 300;
 const H_GUIDE_LINE_STORAGE_KEY = "$MagicStageHorizontalGuidelinesData";
 const V_GUIDE_LINE_STORAGE_KEY = "$MagicStageVerticalGuidelinesData";
 
-const _sfc_main$1m = /* @__PURE__ */ defineComponent({
+const _sfc_main$1n = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorCodeParams"
   },
@@ -3267,7 +3317,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
 
 const _hoisted_1$Z = { class: "m-fields-code-select-col" };
 const _hoisted_2$n = { class: "code-select-container" };
-const _sfc_main$1l = /* @__PURE__ */ defineComponent({
+const _sfc_main$1m = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsCodeSelectCol"
   },
@@ -3376,7 +3426,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
             onClick: _cache[0] || (_cache[0] = ($event) => editCode(__props.model[__props.name]))
           }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$1r, {
+              createVNode(_sfc_main$1s, {
                 icon: !notEditable.value ? unref(Edit) : unref(View)
               }, null, 8, ["icon"])
             ]),
@@ -3385,7 +3435,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
           }, 8, ["size"])) : createCommentVNode("v-if", true)
         ]),
         createCommentVNode(" 参数填写框 "),
-        paramsConfig.value.length ? (openBlock(), createBlock(_sfc_main$1m, {
+        paramsConfig.value.length ? (openBlock(), createBlock(_sfc_main$1n, {
           name: "params",
           key: __props.model[__props.name],
           model: __props.model,
@@ -3399,7 +3449,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1k = /* @__PURE__ */ defineComponent({
+const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsCondOpSelect"
   },
@@ -3502,7 +3552,7 @@ const _hoisted_1$Y = {
   ref: "title",
   class: "m-editor-float-box-title"
 };
-const _sfc_main$1j = /* @__PURE__ */ defineComponent({
+const _sfc_main$1k = /* @__PURE__ */ defineComponent({
   __name: "FloatingBox",
   props: /* @__PURE__ */ mergeModels({
     position: { default: () => ({ left: 0, top: 0 }) },
@@ -3664,7 +3714,7 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
                     onClick: closeHandler
                   }, {
                     default: withCtx(() => [
-                      createVNode(_sfc_main$1r, { icon: unref(Close) }, null, 8, ["icon"])
+                      createVNode(_sfc_main$1s, { icon: unref(Close) }, null, 8, ["icon"])
                     ]),
                     _: 1
                     /* STABLE */
@@ -4197,7 +4247,7 @@ const useNodeStatus$1 = (nodeData) => {
 
 const _hoisted_1$X = { class: "m-editor-data-source-fields" };
 const _hoisted_2$m = { class: "m-editor-data-source-fields-footer" };
-const _sfc_main$1i = /* @__PURE__ */ defineComponent({
+const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsDataSourceFields"
   },
@@ -4371,7 +4421,6 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
       {
         name: "defaultValue",
         text: "默认值",
-        height: "200px",
         parse: true,
         type: (mForm, { model }) => {
           if (model.type === "number") return "number";
@@ -4379,6 +4428,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
           if (model.type === "string") return "text";
           return "vs-code";
         },
+        autosize: { minRows: 1, maxRows: 30 },
         options: [
           { text: "true", value: true },
           { text: "false", value: false }
@@ -4403,7 +4453,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
         type: "vs-code",
         labelWidth: "0",
         language: "json",
-        height: "600px",
+        autosize: { minRows: 30, maxRows: 50 },
         options: inject("codeOptions", {})
       }
     ];
@@ -4504,7 +4554,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
             /* STABLE */
           }, 8, ["disabled"])
         ]),
-        createVNode(_sfc_main$1j, {
+        createVNode(_sfc_main$1k, {
           visible: addDialogVisible.value,
           "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => addDialogVisible.value = $event),
           width: width.value,
@@ -4528,7 +4578,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
           _: 1
           /* STABLE */
         }, 8, ["visible", "width", "height", "title", "position"]),
-        createVNode(_sfc_main$1j, {
+        createVNode(_sfc_main$1k, {
           visible: addFromJsonDialogVisible.value,
           "onUpdate:visible": _cache[5] || (_cache[5] = ($event) => addFromJsonDialogVisible.value = $event),
           width: width.value,
@@ -4555,7 +4605,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$W = { class: "m-editor-data-source-field-select" };
-const _sfc_main$1h = /* @__PURE__ */ defineComponent({
+const _sfc_main$1i = /* @__PURE__ */ defineComponent({
   __name: "FieldSelect",
   props: /* @__PURE__ */ mergeModels({
     value: {},
@@ -4723,7 +4773,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
               onClick: _cache[0] || (_cache[0] = ($event) => editHandler(selectDataSourceId.value))
             }, {
               default: withCtx(() => [
-                createVNode(_sfc_main$1r, {
+                createVNode(_sfc_main$1s, {
                   icon: !notEditable.value ? unref(Edit) : unref(View)
                 }, null, 8, ["icon"])
               ]),
@@ -4740,7 +4790,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$V = { class: "m-fields-data-source-field-select" };
-const _sfc_main$1g = /* @__PURE__ */ defineComponent({
+const _sfc_main$1h = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsDataSourceFieldSelect"
   },
@@ -4844,7 +4894,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$V, [
-        !disabledDataSource.value && (showDataSourceFieldSelect.value || !__props.config.fieldConfig) ? (openBlock(), createBlock(_sfc_main$1h, {
+        !disabledDataSource.value && (showDataSourceFieldSelect.value || !__props.config.fieldConfig) ? (openBlock(), createBlock(_sfc_main$1i, {
           key: 0,
           "model-value": __props.model[__props.name],
           disabled: __props.disabled,
@@ -4878,7 +4928,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
               onClick: _cache[0] || (_cache[0] = ($event) => showDataSourceFieldSelect.value = !showDataSourceFieldSelect.value)
             }, {
               default: withCtx(() => [
-                createVNode(_sfc_main$1r, { icon: unref(Coin) }, null, 8, ["icon"])
+                createVNode(_sfc_main$1s, { icon: unref(Coin) }, null, 8, ["icon"])
               ]),
               _: 1
               /* STABLE */
@@ -4894,7 +4944,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
 
 const _hoisted_1$U = { style: { "display": "flex", "flex-direction": "column", "line-height": "1.2em" } };
 const _hoisted_2$l = { style: { "font-size": "10px", "color": "rgba(0, 0, 0, 0.6)" } };
-const _sfc_main$1f = /* @__PURE__ */ defineComponent({
+const _sfc_main$1g = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsDataSourceInput"
   },
@@ -5104,7 +5154,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
         }
       ), {
         suffix: withCtx(() => [
-          createVNode(_sfc_main$1r, { icon: unref(Coin) }, null, 8, ["icon"])
+          createVNode(_sfc_main$1s, { icon: unref(Coin) }, null, 8, ["icon"])
         ]),
         default: withCtx(({ item }) => [
           createElementVNode("div", _hoisted_1$U, [
@@ -5199,7 +5249,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
                     256
                     /* UNKEYED_FRAGMENT */
                   )),
-                  createVNode(_sfc_main$1r, {
+                  createVNode(_sfc_main$1s, {
                     class: "tmagic-data-source-input-icon",
                     icon: unref(Coin)
                   }, null, 8, ["icon"])
@@ -5223,7 +5273,7 @@ const _hoisted_1$T = { style: { "display": "flex", "margin-bottom": "10px" } };
 const _hoisted_2$k = { style: { "flex": "1" } };
 const _hoisted_3$7 = { style: { "flex": "1" } };
 const _hoisted_4$5 = { class: "dialog-footer" };
-const _sfc_main$1e = /* @__PURE__ */ defineComponent({
+const _sfc_main$1f = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorCodeBlockEditor"
   },
@@ -5339,7 +5389,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
         name: "content",
         type: "vs-code",
         options: inject("codeOptions", {}),
-        height: "500px",
+        autosize: { minRows: 10, maxRows: 30 },
         onChange: (formState, code) => {
           try {
             getEditorConfig("parseDSL")(code);
@@ -5409,7 +5459,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
         null,
         [
           createCommentVNode(" 代码块编辑区 "),
-          createVNode(_sfc_main$1j, {
+          createVNode(_sfc_main$1k, {
             visible: boxVisible.value,
             "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => boxVisible.value = $event),
             width: width.value,
@@ -5538,7 +5588,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
                     })
                   ])
                 ]),
-                createVNode(_sfc_main$1q, {
+                createVNode(_sfc_main$1r, {
                   ref: "magicVsEditor",
                   type: "diff",
                   language: "json",
@@ -5562,7 +5612,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
 
 const _hoisted_1$S = { class: "m-editor-data-source-methods" };
 const _hoisted_2$j = { class: "m-editor-data-source-methods-footer" };
-const _sfc_main$1d = /* @__PURE__ */ defineComponent({
+const _sfc_main$1e = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsDataSourceMethods"
   },
@@ -5705,7 +5755,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
             /* STABLE */
           }, 8, ["disabled"])
         ]),
-        codeConfig.value ? (openBlock(), createBlock(_sfc_main$1e, {
+        codeConfig.value ? (openBlock(), createBlock(_sfc_main$1f, {
           key: 0,
           ref: "codeBlockEditor",
           disabled: __props.disabled,
@@ -5721,7 +5771,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
 
 const _hoisted_1$R = { class: "m-fields-data-source-method-select" };
 const _hoisted_2$i = { class: "data-source-method-select-container" };
-const _sfc_main$1c = /* @__PURE__ */ defineComponent({
+const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsDataSourceMethodSelect"
   },
@@ -5834,7 +5884,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
                 onClick: editCodeHandler
               }, {
                 default: withCtx(() => [
-                  createVNode(_sfc_main$1r, {
+                  createVNode(_sfc_main$1s, {
                     icon: !notEditable.value ? unref(Edit) : unref(View)
                   }, null, 8, ["icon"])
                 ]),
@@ -5846,7 +5896,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
             /* STABLE */
           }, 8, ["content"])) : createCommentVNode("v-if", true)
         ]),
-        paramsConfig.value.length ? (openBlock(), createBlock(_sfc_main$1m, {
+        paramsConfig.value.length ? (openBlock(), createBlock(_sfc_main$1n, {
           name: "params",
           key: __props.model[__props.name],
           model: __props.model,
@@ -5862,7 +5912,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
 
 const _hoisted_1$Q = { class: "m-editor-data-source-fields" };
 const _hoisted_2$h = { class: "m-editor-data-source-fields-footer" };
-const _sfc_main$1b = /* @__PURE__ */ defineComponent({
+const _sfc_main$1c = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsDataSourceMocks"
   },
@@ -5929,7 +5979,7 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
         language: "json",
         options: inject("codeOptions", {}),
         defaultValue: "{}",
-        height: "400px",
+        autosize: { minRows: 30, maxRows: 50 },
         onChange: (formState, v) => {
           if (typeof v !== "string") return v;
           return JSON.parse(v);
@@ -5952,7 +6002,7 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
     const columns = [
       {
         type: "expand",
-        component: _sfc_main$1q,
+        component: _sfc_main$1r,
         props: (row) => ({
           initValues: row.data,
           language: "json",
@@ -6091,7 +6141,7 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
             /* STABLE */
           }, 8, ["disabled"])
         ]),
-        createVNode(_sfc_main$1j, {
+        createVNode(_sfc_main$1k, {
           visible: addDialogVisible.value,
           "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => addDialogVisible.value = $event),
           width: width.value,
@@ -6120,7 +6170,7 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$P = { class: "m-fields-data-source-select" };
-const _sfc_main$1a = /* @__PURE__ */ defineComponent({
+const _sfc_main$1b = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsDataSourceSelect"
   },
@@ -6200,7 +6250,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
               onClick: editHandler
             }, {
               default: withCtx(() => [
-                createVNode(_sfc_main$1r, {
+                createVNode(_sfc_main$1s, {
                   icon: !notEditable.value ? unref(Edit) : unref(View)
                 }, null, 8, ["icon"])
               ]),
@@ -6216,7 +6266,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1a = /* @__PURE__ */ defineComponent({
   ...{
     name: "m-fields-display-conds"
   },
@@ -6354,7 +6404,7 @@ const _hoisted_2$g = {
   key: 1,
   class: "fullWidth"
 };
-const _sfc_main$18 = /* @__PURE__ */ defineComponent({
+const _sfc_main$19 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsEventSelect"
   },
@@ -6710,7 +6760,7 @@ const _hoisted_1$N = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink"
 };
-const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+const _sfc_main$18 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorCodeIcon"
   },
@@ -6726,7 +6776,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
 
 const _hoisted_1$M = { class: "m-fields-key-value" };
 const _hoisted_2$f = { key: 0 };
-const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+const _sfc_main$17 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsKeyValue"
   },
@@ -6856,14 +6906,17 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
             /* STABLE */
           }, 8, ["size", "disabled", "icon"])
         ])) : createCommentVNode("v-if", true),
-        __props.config.advanced && showCode.value ? (openBlock(), createBlock(_sfc_main$1q, {
+        __props.config.advanced && showCode.value ? (openBlock(), createBlock(_sfc_main$1r, {
           key: 1,
-          height: "200px",
           "init-values": __props.model[__props.name],
           language: "javascript",
           options: {
             readOnly: __props.disabled
           },
+          autosize: {
+            minRows: 1,
+            maxRows: 20
+          },
           parse: true,
           onSave: save
         }, null, 8, ["init-values", "options"])) : createCommentVNode("v-if", true),
@@ -6872,7 +6925,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
           size: "default",
           disabled: __props.disabled,
           link: "",
-          icon: _sfc_main$17,
+          icon: _sfc_main$18,
           onClick: _cache[0] || (_cache[0] = ($event) => showCode.value = !showCode.value)
         }, null, 8, ["disabled"])) : createCommentVNode("v-if", true)
       ]);
@@ -6882,7 +6935,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 
 const _hoisted_1$L = { class: "m-fields-page-fragment-select" };
 const _hoisted_2$e = { class: "page-fragment-select-container" };
-const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+const _sfc_main$16 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsPageFragmentSelect"
   },
@@ -6940,7 +6993,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
             onChange: changeHandler
           }, null, 8, ["model", "name", "size", "prop", "disabled"]),
           createCommentVNode(" 编辑按钮 "),
-          __props.model[__props.name] ? (openBlock(), createBlock(_sfc_main$1r, {
+          __props.model[__props.name] ? (openBlock(), createBlock(_sfc_main$1s, {
             key: 0,
             class: "icon",
             icon: unref(Edit),
@@ -6955,7 +7008,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
 const _hoisted_1$K = { class: "background-position-container" };
 const _hoisted_2$d = { class: "presets-value-list" };
 const _hoisted_3$6 = { class: "custom-value" };
-const _sfc_main$14 = /* @__PURE__ */ defineComponent({
+const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   __name: "BackgroundPosition",
   props: {
     config: {},
@@ -7067,7 +7120,7 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 
-const _sfc_main$13 = {  };
+const _sfc_main$14 = {  };
 
 const _hoisted_1$J = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7079,9 +7132,9 @@ function _sfc_render$k(_ctx, _cache) {
     createStaticVNode("<path d=\"M884.736 102.4l-147.456 0c-20.48 0-36.864 16.384-36.864 36.864l0 147.456C696.32 311.296 712.704 327.68 733.184 327.68l147.456 0c20.48 0 36.864-16.384 36.864-36.864L917.504 139.264C921.6 118.784 905.216 102.4 884.736 102.4zM884.736 290.816l-147.456 0L737.28 139.264l147.456 0L884.736 290.816z\"></path><path d=\"M884.736 696.32l-147.456 0c-20.48 0-36.864 16.384-36.864 36.864l0 147.456c0 20.48 16.384 36.864 36.864 36.864l147.456 0c20.48 0 36.864-16.384 36.864-36.864l0-147.456C921.6 712.704 905.216 696.32 884.736 696.32zM884.736 884.736l-147.456 0 0-147.456 147.456 0L884.736 884.736z\"></path><path d=\"M884.736 401.408l-147.456 0c-20.48 0-36.864 16.384-36.864 36.864l0 147.456c0 20.48 16.384 36.864 36.864 36.864l147.456 0c20.48 0 36.864-16.384 36.864-36.864l0-147.456C921.6 417.792 905.216 401.408 884.736 401.408zM884.736 585.728l-147.456 0 0-147.456 147.456 0L884.736 585.728z\"></path><path d=\"M585.728 401.408l-147.456 0c-20.48 0-36.864 16.384-36.864 36.864l0 147.456c0 20.48 16.384 36.864 36.864 36.864l147.456 0c20.48 0 36.864-16.384 36.864-36.864l0-147.456C622.592 417.792 606.208 401.408 585.728 401.408zM585.728 585.728l-147.456 0 0-147.456 147.456 0L585.728 585.728z\"></path><path d=\"M585.728 102.4l-147.456 0c-20.48 0-36.864 16.384-36.864 36.864l0 147.456c0 20.48 16.384 36.864 36.864 36.864l147.456 0c20.48 0 36.864-16.384 36.864-36.864L622.592 139.264C622.592 118.784 606.208 102.4 585.728 102.4zM585.728 290.816l-147.456 0L438.272 139.264l147.456 0L585.728 290.816z\"></path><path d=\"M585.728 696.32l-147.456 0c-20.48 0-36.864 16.384-36.864 36.864l0 147.456c0 20.48 16.384 36.864 36.864 36.864l147.456 0c20.48 0 36.864-16.384 36.864-36.864l0-147.456C622.592 712.704 606.208 696.32 585.728 696.32zM585.728 884.736l-147.456 0 0-147.456 147.456 0L585.728 884.736z\"></path><path d=\"M290.816 696.32 139.264 696.32c-20.48 0-36.864 16.384-36.864 36.864l0 147.456c0 20.48 16.384 36.864 36.864 36.864l147.456 0c20.48 0 36.864-16.384 36.864-36.864l0-147.456C327.68 712.704 311.296 696.32 290.816 696.32zM290.816 884.736 139.264 884.736l0-147.456 147.456 0L286.72 884.736z\"></path><path d=\"M290.816 401.408 139.264 401.408c-20.48 0-36.864 16.384-36.864 36.864l0 147.456c0 20.48 16.384 36.864 36.864 36.864l147.456 0c20.48 0 36.864-16.384 36.864-36.864l0-147.456C327.68 417.792 311.296 401.408 290.816 401.408zM290.816 585.728 139.264 585.728l0-147.456 147.456 0L286.72 585.728z\"></path><path d=\"M290.816 102.4 139.264 102.4c-20.48 0-36.864 16.384-36.864 36.864l0 147.456C102.4 311.296 118.784 327.68 139.264 327.68l147.456 0C311.296 327.68 327.68 311.296 327.68 290.816L327.68 139.264C327.68 118.784 311.296 102.4 290.816 102.4zM290.816 290.816 139.264 290.816 139.264 139.264l147.456 0L286.72 290.816z\"></path>", 9)
   ]))]))
 }
-const BackgroundRepeat = /*#__PURE__*/_export_sfc(_sfc_main$13, [['render',_sfc_render$k]]);
+const BackgroundRepeat = /*#__PURE__*/_export_sfc(_sfc_main$14, [['render',_sfc_render$k]]);
 
-const _sfc_main$12 = {  };
+const _sfc_main$13 = {  };
 
 const _hoisted_1$I = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7096,9 +7149,9 @@ function _sfc_render$j(_ctx, _cache) {
     }, null, -1 /* CACHED */)
   ]))]))
 }
-const BackgroundRepeatX = /*#__PURE__*/_export_sfc(_sfc_main$12, [['render',_sfc_render$j]]);
+const BackgroundRepeatX = /*#__PURE__*/_export_sfc(_sfc_main$13, [['render',_sfc_render$j]]);
 
-const _sfc_main$11 = {  };
+const _sfc_main$12 = {  };
 
 const _hoisted_1$H = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7113,9 +7166,9 @@ function _sfc_render$i(_ctx, _cache) {
     }, null, -1 /* CACHED */)
   ]))]))
 }
-const BackgroundRepeatY = /*#__PURE__*/_export_sfc(_sfc_main$11, [['render',_sfc_render$i]]);
+const BackgroundRepeatY = /*#__PURE__*/_export_sfc(_sfc_main$12, [['render',_sfc_render$i]]);
 
-const _sfc_main$10 = {  };
+const _sfc_main$11 = {  };
 
 const _hoisted_1$G = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7130,9 +7183,9 @@ function _sfc_render$h(_ctx, _cache) {
     }, null, -1 /* CACHED */)
   ]))]))
 }
-const BackgroundNoRepeat = /*#__PURE__*/_export_sfc(_sfc_main$10, [['render',_sfc_render$h]]);
+const BackgroundNoRepeat = /*#__PURE__*/_export_sfc(_sfc_main$11, [['render',_sfc_render$h]]);
 
-const _sfc_main$$ = /* @__PURE__ */ defineComponent({
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   __name: "Background",
   props: {
     values: {},
@@ -7191,7 +7244,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
           name: "backgroundPosition",
           text: "背景定位",
           type: "component",
-          component: _sfc_main$14,
+          component: _sfc_main$15,
           labelWidth: "68px"
         }
       ]
@@ -7211,7 +7264,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$_ = {  };
+const _sfc_main$$ = {  };
 
 const _hoisted_1$F = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7223,9 +7276,9 @@ function _sfc_render$g(_ctx, _cache) {
     createElementVNode("path", { d: "M128 810.666667h768v85.333333H128z m0-170.666667h512v85.333333H128z m0-170.666667h768v85.333334H128z m0-341.333333h768v85.333333H128z m0 170.666667h512v85.333333H128z" }, null, -1 /* CACHED */)
   ]))]))
 }
-const AlignLeft = /*#__PURE__*/_export_sfc(_sfc_main$_, [['render',_sfc_render$g]]);
+const AlignLeft = /*#__PURE__*/_export_sfc(_sfc_main$$, [['render',_sfc_render$g]]);
 
-const _sfc_main$Z = {  };
+const _sfc_main$_ = {  };
 
 const _hoisted_1$E = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7237,9 +7290,9 @@ function _sfc_render$f(_ctx, _cache) {
     createElementVNode("path", { d: "M128 810.666667h768v85.333333H128z m128-170.666667h512v85.333333H256z m-128-170.666667h768v85.333334H128z m0-341.333333h768v85.333333H128z m128 170.666667h512v85.333333H256z" }, null, -1 /* CACHED */)
   ]))]))
 }
-const AlignCenter = /*#__PURE__*/_export_sfc(_sfc_main$Z, [['render',_sfc_render$f]]);
+const AlignCenter = /*#__PURE__*/_export_sfc(_sfc_main$_, [['render',_sfc_render$f]]);
 
-const _sfc_main$Y = {  };
+const _sfc_main$Z = {  };
 
 const _hoisted_1$D = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7251,9 +7304,9 @@ function _sfc_render$e(_ctx, _cache) {
     createElementVNode("path", { d: "M128 128h768v85.333333H128z m0 682.666667h768v85.333333H128z m213.333333-170.666667h554.666667v85.333333H341.333333z m-213.333333-170.666667h768v85.333334H128z m213.333333-170.666666h554.666667v85.333333H341.333333z" }, null, -1 /* CACHED */)
   ]))]))
 }
-const AlignRight = /*#__PURE__*/_export_sfc(_sfc_main$Y, [['render',_sfc_render$e]]);
+const AlignRight = /*#__PURE__*/_export_sfc(_sfc_main$Z, [['render',_sfc_render$e]]);
 
-const _sfc_main$X = /* @__PURE__ */ defineComponent({
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   __name: "Font",
   props: {
     values: {},
@@ -7348,7 +7401,7 @@ const _hoisted_2$c = {
 };
 const _hoisted_3$5 = { class: "next-input" };
 const _hoisted_4$4 = ["model-value", "title", "disabled", "onChange"];
-const _sfc_main$W = /* @__PURE__ */ defineComponent({
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
   __name: "Box",
   props: {
     disabled: { type: Boolean },
@@ -7441,7 +7494,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$V = {  };
+const _sfc_main$W = {  };
 
 const _hoisted_1$B = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7453,9 +7506,9 @@ function _sfc_render$d(_ctx, _cache) {
     createElementVNode("path", { d: "M960 128a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H64a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h896z m0 64H64v640h896V192z m-96 64a32 32 0 0 1 32 32v448a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V288a32 32 0 0 1 32-32h704z" }, null, -1 /* CACHED */)
   ]))]))
 }
-const DisplayBlock = /*#__PURE__*/_export_sfc(_sfc_main$V, [['render',_sfc_render$d]]);
+const DisplayBlock = /*#__PURE__*/_export_sfc(_sfc_main$W, [['render',_sfc_render$d]]);
 
-const _sfc_main$U = {  };
+const _sfc_main$V = {  };
 
 const _hoisted_1$A = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7467,9 +7520,9 @@ function _sfc_render$c(_ctx, _cache) {
     createElementVNode("path", { d: "M960 128a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H64a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h896z m0 64H64v640h896V192zM352 256v512H160V256h192z m256 0v512h-192V256h192z m256 0v512h-192V256h192z" }, null, -1 /* CACHED */)
   ]))]))
 }
-const DisplayFlex = /*#__PURE__*/_export_sfc(_sfc_main$U, [['render',_sfc_render$c]]);
+const DisplayFlex = /*#__PURE__*/_export_sfc(_sfc_main$V, [['render',_sfc_render$c]]);
 
-const _sfc_main$T = {  };
+const _sfc_main$U = {  };
 
 const _hoisted_1$z = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7481,9 +7534,9 @@ function _sfc_render$b(_ctx, _cache) {
     createElementVNode("path", { d: "M787.616 651.36a142.72 142.72 0 0 0 52.864 31.904 205.504 205.504 0 0 0 67.264 10.848 245.76 245.76 0 0 0 38.784-2.4c9.504-1.6 19.36-4 30.208-7.04 8.16-2.24 15.968-5.12 23.36-8.32l23.392-10.816V587.52h-8.736c-3.968 3.424-8.96 7.648-15.104 12.544a190.272 190.272 0 0 1-19.936 13.504 120.32 120.32 0 0 1-27.616 12.544 102.528 102.528 0 0 1-62.72-0.576 80 80 0 0 1-29.824-17.088 89.28 89.28 0 0 1-21.664-32.512c-5.696-13.664-8.64-30.784-8.64-51.296 0-19.744 2.72-36.384 7.968-50.08 5.248-13.664 12.384-24.896 20.992-33.056 9.12-8.832 18.816-14.816 29.632-18.816a101.824 101.824 0 0 1 63.68-0.736c9.408 3.136 18.08 7.04 26.112 11.68 13.024 7.808 25.28 16.768 36.672 26.784H1024v-78.72c-6.08-2.88-13.12-6.08-21.12-9.6a205.984 205.984 0 0 0-57.152-15.36 270.016 270.016 0 0 0-37.056-2.304c-24.864 0-47.744 4-68.704 11.84-20.992 7.776-38.432 18.784-52.64 33.6a144.256 144.256 0 0 0-33.632 54.176 207.68 207.68 0 0 0-12.48 70.176c0 27.84 3.968 52.352 12.16 73.568a146.08 146.08 0 0 0 34.176 53.184l0.064 0.416z m-186.112 34.656a122.912 122.912 0 0 0 42.784-21.504c11.2-8.32 20.224-19.296 26.24-31.936 6.56-13.664 9.888-28.704 9.664-43.904 0-22.784-6.272-41.024-18.912-54.72-12.544-13.92-29.664-23.04-51.104-27.36v-2.304c14.4-6.24 26.688-16.448 35.52-29.408 8.384-12.544 12.544-27.008 12.544-43.52 0-14.24-2.944-26.784-9.12-37.6a65.696 65.696 0 0 0-27.936-26.24 117.44 117.44 0 0 0-36.48-12.096A437.312 437.312 0 0 0 526.656 352h-127.552v340.384h143.392c23.84 0 43.52-2.112 59.008-6.4z m-118.112-271.584h7.968c16.544 0 29.472 0.128 38.656 0.352 9.248 0.576 16.864 1.728 23.04 4a26.24 26.24 0 0 1 14.4 13.12c2.656 5.28 4.064 11.072 4.128 16.96 0.16 6.656-1.056 13.248-3.52 19.392a28.064 28.064 0 0 1-15.04 13.696c-7.04 2.912-14.56 4.48-22.208 4.576-9.472 0.32-20.864 0.544-34.24 0.544h-13.184v-72.64z m6.144 215.52h-6.144v-84.8h18.464c12.64 0 24.736 0 36.384 0.256 9.216-0.16 18.432 0.896 27.36 3.2 9.696 2.848 16.544 7.232 20.512 13.12 4 5.92 6.08 14.24 6.08 25.088 0 8.192-1.728 15.488-4.992 21.824-3.232 6.336-9.696 11.392-18.24 15.392-8.544 4-18.24 5.696-28.48 6.272-10.304 0.224-27.392 0.224-51.328 0.224l0.384-0.576z m-378.56-6.016h124.672l23.36 68.416H348.8L224.32 353.728H124.416L0 692.384h87.52l23.488-68.416-0.064-0.032z m62.336-183.552l41.472 121.44h-82.88l41.408-121.44z" }, null, -1 /* CACHED */)
   ]))]))
 }
-const DisplayInline = /*#__PURE__*/_export_sfc(_sfc_main$T, [['render',_sfc_render$b]]);
+const DisplayInline = /*#__PURE__*/_export_sfc(_sfc_main$U, [['render',_sfc_render$b]]);
 
-const _sfc_main$S = {  };
+const _sfc_main$T = {  };
 
 const _hoisted_1$y = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7495,9 +7548,9 @@ function _sfc_render$a(_ctx, _cache) {
     createElementVNode("path", { d: "M960 128a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H64a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h896z m0 64H64v640h896V192z m-131.936 158.496c65.984 1.824 109.024 32.512 129.184 92.064l-65.952 15.136-1.856-5.664c-9.984-27.52-30.432-42.112-61.376-43.84-46.72 2.784-71.456 35.296-74.208 97.6 1.856 63.2 26.56 96.64 74.24 100.32 37.536-0.928 59.52-23.36 65.92-67.328L960 559.36l-1.792 7.232c-16.96 63.872-60.352 95.84-130.144 95.84-93.44-4.608-142.464-56.8-147.04-156.672 4.576-98.048 53.6-149.792 147.04-155.296z m-568.928 4.128l114.08 302.336H297.6l-22.016-65.984H160.192L138.24 656.96H64l112.672-302.336h82.464z m278.976 0l7.68 0.32c62.816 3.36 96 27.104 99.52 71.136 0 35.744-19.712 59.552-59.104 71.456 42.144 9.184 65.952 32.544 71.456 70.08 0 59.552-37.568 89.344-112.672 89.344h-148.416v-302.336h141.536z m-4.128 173.152H465.28v81.088h67.328c33.92 0 51.296-13.76 52.224-41.248-2.752-25.632-19.68-38.912-50.848-39.84zM217.92 408.224h-1.376l-0.96 7.36c-1.184 7.232-3.168 13.92-5.92 20.128l-34.336 103.04h87.936l-38.464-104.416-2.624-9.024c-1.6-5.888-3.04-11.584-4.256-17.088z m309.184-2.752H465.28v71.456h61.824c29.344-0.928 44.448-13.76 45.376-38.464-0.96-22.016-16.032-32.992-45.376-32.992z" }, null, -1 /* CACHED */)
   ]))]))
 }
-const DisplayInlineBlock = /*#__PURE__*/_export_sfc(_sfc_main$S, [['render',_sfc_render$a]]);
+const DisplayInlineBlock = /*#__PURE__*/_export_sfc(_sfc_main$T, [['render',_sfc_render$a]]);
 
-const _sfc_main$R = {  };
+const _sfc_main$S = {  };
 
 const _hoisted_1$x = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7509,9 +7562,9 @@ function _sfc_render$9(_ctx, _cache) {
     createElementVNode("path", { d: "M931.37 477.14c-43.94-69.49-93.39-125.03-147.99-166.35L663.31 441.46c8.79 21.36 13.63 44.91 13.63 69.62 0 96.27-73.84 174.32-164.95 174.32-21.63 0-42.28-4.39-61.32-12.47l-94.09 102.52a455.097 455.097 0 0 0 155.41 26.2c172.62 0 312.43-85.54 419.59-256.63 12.83-20.43 12.72-47.45-0.21-67.88zM795.52 127.99L682.24 252.82C627.73 231 570.1 220.04 512.11 220.5c-171.15 0-310.99 85.66-419.48 256.75-12.93 20.43-13.04 47.33-0.2 67.78 46.95 75.15 100.3 133.68 160.01 175.82L131.9 853.65l38.9 42.36 663.6-725.76-38.88-42.26zM519.68 438.37c-3.72-0.59-7.46-0.81-11.27-0.81-45.63 0-82.43 39.03-82.43 87.16 0 4.97 0.42 9.81 1.14 14.54l-57.15 60.14-5.92 8.33c-13.15-24.94-20.5-53.68-20.5-84.28 0-96.3 73.84-174.45 164.95-174.45 27.2 0 52.76 6.93 75.4 19.29l-64.22 70.08z m52.05 135.53c21.74-23.26 27.17-55.48 16.31-81.39l-96.42 103.16c26.59 9.08 58.38 1.48 80.11-21.77z" }, null, -1 /* CACHED */)
   ]))]))
 }
-const DisplayNone = /*#__PURE__*/_export_sfc(_sfc_main$R, [['render',_sfc_render$9]]);
+const DisplayNone = /*#__PURE__*/_export_sfc(_sfc_main$S, [['render',_sfc_render$9]]);
 
-const _sfc_main$Q = {  };
+const _sfc_main$R = {  };
 
 const _hoisted_1$w = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7523,9 +7576,9 @@ function _sfc_render$8(_ctx, _cache) {
     createElementVNode("path", { d: "M896 320H128V0h768v320z m0 320H128v-256h768v256z m-128 192l-256 192-256-192 192-0.032V704h128v128h192z" }, null, -1 /* CACHED */)
   ]))]))
 }
-const FlexDirectionColumn = /*#__PURE__*/_export_sfc(_sfc_main$Q, [['render',_sfc_render$8]]);
+const FlexDirectionColumn = /*#__PURE__*/_export_sfc(_sfc_main$R, [['render',_sfc_render$8]]);
 
-const _sfc_main$P = {  };
+const _sfc_main$Q = {  };
 
 const _hoisted_1$v = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7537,9 +7590,9 @@ function _sfc_render$7(_ctx, _cache) {
     createElementVNode("path", { d: "M896 704H128v320h768V704z m0-320H128v256h768v-256z m-128-192l-256-192-256 192 192 0.032V320h128V192h192z" }, null, -1 /* CACHED */)
   ]))]))
 }
-const FlexDirectionColumnReverse = /*#__PURE__*/_export_sfc(_sfc_main$P, [['render',_sfc_render$7]]);
+const FlexDirectionColumnReverse = /*#__PURE__*/_export_sfc(_sfc_main$Q, [['render',_sfc_render$7]]);
 
-const _sfc_main$O = {  };
+const _sfc_main$P = {  };
 
 const _hoisted_1$u = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7551,9 +7604,9 @@ function _sfc_render$6(_ctx, _cache) {
     createElementVNode("path", { d: "M320 128v768H0V128h320z m320 0v768h-256V128h256z m192 128l192 256-192 256-0.032-192H704v-128h128V256z" }, null, -1 /* CACHED */)
   ]))]))
 }
-const FlexDirectionRow = /*#__PURE__*/_export_sfc(_sfc_main$O, [['render',_sfc_render$6]]);
+const FlexDirectionRow = /*#__PURE__*/_export_sfc(_sfc_main$P, [['render',_sfc_render$6]]);
 
-const _sfc_main$N = {  };
+const _sfc_main$O = {  };
 
 const _hoisted_1$t = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7565,9 +7618,9 @@ function _sfc_render$5(_ctx, _cache) {
     createElementVNode("path", { d: "M704 128v768h320V128H704zM384 128v768h256V128h-256zM192 256l-192 256 192 256 0.032-192H320v-128H192V256z" }, null, -1 /* CACHED */)
   ]))]))
 }
-const FlexDirectionRowReverse = /*#__PURE__*/_export_sfc(_sfc_main$N, [['render',_sfc_render$5]]);
+const FlexDirectionRowReverse = /*#__PURE__*/_export_sfc(_sfc_main$O, [['render',_sfc_render$5]]);
 
-const _sfc_main$M = {  };
+const _sfc_main$N = {  };
 
 const _hoisted_1$s = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7579,9 +7632,9 @@ function _sfc_render$4(_ctx, _cache) {
     createElementVNode("path", { d: "M480 1024V0h64v1024h-64z m128-64V64h320v896H608zM96 960V64h320v896H96z" }, null, -1 /* CACHED */)
   ]))]))
 }
-const JustifyContentCenter = /*#__PURE__*/_export_sfc(_sfc_main$M, [['render',_sfc_render$4]]);
+const JustifyContentCenter = /*#__PURE__*/_export_sfc(_sfc_main$N, [['render',_sfc_render$4]]);
 
-const _sfc_main$L = {  };
+const _sfc_main$M = {  };
 
 const _hoisted_1$r = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7593,9 +7646,9 @@ function _sfc_render$3(_ctx, _cache) {
     createElementVNode("path", { d: "M416 160H96v704h320V160z m384 0H480v704h320V160z m128-160h-64v1024h64V0z" }, null, -1 /* CACHED */)
   ]))]))
 }
-const JustifyContentFlexEnd = /*#__PURE__*/_export_sfc(_sfc_main$L, [['render',_sfc_render$3]]);
+const JustifyContentFlexEnd = /*#__PURE__*/_export_sfc(_sfc_main$M, [['render',_sfc_render$3]]);
 
-const _sfc_main$K = {  };
+const _sfc_main$L = {  };
 
 const _hoisted_1$q = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7607,9 +7660,9 @@ function _sfc_render$2(_ctx, _cache) {
     createElementVNode("path", { d: "M608 160h320v704H608V160zM224 160h320v704H224V160zM96 0h64v1024H96V0z" }, null, -1 /* CACHED */)
   ]))]))
 }
-const JustifyContentFlexStart = /*#__PURE__*/_export_sfc(_sfc_main$K, [['render',_sfc_render$2]]);
+const JustifyContentFlexStart = /*#__PURE__*/_export_sfc(_sfc_main$L, [['render',_sfc_render$2]]);
 
-const _sfc_main$J = {  };
+const _sfc_main$K = {  };
 
 const _hoisted_1$p = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7621,9 +7674,9 @@ function _sfc_render$1(_ctx, _cache) {
     createElementVNode("path", { d: "M320 864H192v160H128v-160H0V160h128V0h64v160h128v704z m704 0h-128v160h-64v-160h-128V160h128V0h64v160h128v704z" }, null, -1 /* CACHED */)
   ]))]))
 }
-const JustifyContentSpaceAround = /*#__PURE__*/_export_sfc(_sfc_main$J, [['render',_sfc_render$1]]);
+const JustifyContentSpaceAround = /*#__PURE__*/_export_sfc(_sfc_main$K, [['render',_sfc_render$1]]);
 
-const _sfc_main$I = {  };
+const _sfc_main$J = {  };
 
 const _hoisted_1$o = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7635,9 +7688,9 @@ function _sfc_render(_ctx, _cache) {
     createElementVNode("path", { d: "M64 1024H0V0h64v1024z m384-160H128V160h320v704z m448 0H576V160h320v704z m128 160h-64V0h64v1024z" }, null, -1 /* CACHED */)
   ]))]))
 }
-const JustifyContentSpaceBetween = /*#__PURE__*/_export_sfc(_sfc_main$I, [['render',_sfc_render]]);
+const JustifyContentSpaceBetween = /*#__PURE__*/_export_sfc(_sfc_main$J, [['render',_sfc_render]]);
 
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "Layout",
   props: {
     values: {},
@@ -7801,7 +7854,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
             disabled: __props.disabled,
             onChange: change
           }, null, 8, ["model", "size", "disabled"]),
-          withDirectives(createVNode(_sfc_main$W, {
+          withDirectives(createVNode(_sfc_main$X, {
             model: __props.values,
             size: __props.size,
             disabled: __props.disabled,
@@ -7817,7 +7870,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "Position",
   props: {
     values: {},
@@ -7928,7 +7981,7 @@ const _hoisted_3$4 = { class: "border-icon-container-row" };
 const _hoisted_4$3 = { class: "border-icon-container-row" };
 const _hoisted_5$1 = { class: "border-icon-container-row" };
 const _hoisted_6$1 = { class: "border-value-container" };
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "Border",
   props: {
     model: {},
@@ -8056,7 +8109,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "Border",
   props: {
     values: {},
@@ -8094,7 +8147,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
             disabled: __props.disabled,
             onChange: change
           }, null, 8, ["model", "size", "disabled"]),
-          createVNode(_sfc_main$F, {
+          createVNode(_sfc_main$G, {
             model: __props.values,
             size: __props.size,
             disabled: __props.disabled,
@@ -8108,7 +8161,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsStyleSetter"
   },
@@ -8133,23 +8186,23 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       {
         name: "font",
         title: "布局",
-        component: _sfc_main$H
+        component: _sfc_main$I
       },
       {
         title: "位置",
-        component: _sfc_main$G
+        component: _sfc_main$H
       },
       {
         title: "背景",
-        component: _sfc_main$$
+        component: _sfc_main$10
       },
       {
         title: "文字",
-        component: _sfc_main$X
+        component: _sfc_main$Y
       },
       {
         title: "边框与圆角",
-        component: _sfc_main$E
+        component: _sfc_main$F
       }
     ];
     const collapseValue = shallowRef(
@@ -8177,7 +8230,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                 name: `${index}`
               }, {
                 title: withCtx(() => [
-                  createVNode(_sfc_main$1r, { icon: unref(Grid) }, null, 8, ["icon"]),
+                  createVNode(_sfc_main$1s, { icon: unref(Grid) }, null, 8, ["icon"]),
                   createTextVNode(
                     toDisplayString(item.title),
                     1
@@ -8213,7 +8266,7 @@ const _hoisted_1$m = {
   class: "m-fields-ui-select",
   style: { "display": "flex" }
 };
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsUISelect"
   },
@@ -8396,7 +8449,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorResizer"
   },
@@ -8423,7 +8476,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorSplitView"
   },
@@ -8577,7 +8630,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
                 6
                 /* CLASS, STYLE */
               ),
-              createVNode(_sfc_main$B, { onChange: changeLeft })
+              createVNode(_sfc_main$C, { onChange: changeLeft })
             ],
             64
             /* STABLE_FRAGMENT */
@@ -8598,7 +8651,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
             Fragment,
             { key: 1 },
             [
-              createVNode(_sfc_main$B, { onChange: changeRight }),
+              createVNode(_sfc_main$C, { onChange: changeRight }),
               createElementVNode(
                 "div",
                 {
@@ -8628,7 +8681,7 @@ const _hoisted_1$l = {
   class: "menu-item-text"
 };
 const _hoisted_2$a = { class: "el-dropdown-link menubar-menu-button" };
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorToolButton"
   },
@@ -8730,7 +8783,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
                     __props.data.icon ? {
                       name: "icon",
                       fn: withCtx(() => [
-                        createVNode(_sfc_main$1r, {
+                        createVNode(_sfc_main$1s, {
                           icon: __props.data.icon
                         }, null, 8, ["icon"])
                       ]),
@@ -8764,7 +8817,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
                 __props.data.icon ? {
                   name: "icon",
                   fn: withCtx(() => [
-                    createVNode(_sfc_main$1r, {
+                    createVNode(_sfc_main$1s, {
                       icon: __props.data.icon
                     }, null, 8, ["icon"])
                   ]),
@@ -8863,7 +8916,7 @@ const _hoisted_2$9 = {
   key: 1,
   style: { "width": "21px" }
 };
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorPageBarAddButton"
   },
@@ -8885,10 +8938,10 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       return showAddPageButton.value ? (openBlock(), createElementBlock("div", _hoisted_1$k, [
         createVNode(unref(TMagicPopover), { "popper-class": "data-source-list-panel-add-menu" }, {
           reference: withCtx(() => [
-            createVNode(_sfc_main$1r, { icon: unref(Plus) }, null, 8, ["icon"])
+            createVNode(_sfc_main$1s, { icon: unref(Plus) }, null, 8, ["icon"])
           ]),
           default: withCtx(() => [
-            createVNode(_sfc_main$z, {
+            createVNode(_sfc_main$A, {
               data: {
                 type: "button",
                 text: "页面",
@@ -8897,7 +8950,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
                 }
               }
             }, null, 8, ["data"]),
-            createVNode(_sfc_main$z, {
+            createVNode(_sfc_main$A, {
               data: {
                 type: "button",
                 text: "页面片",
@@ -8924,7 +8977,7 @@ const _hoisted_2$8 = {
   class: "m-editor-page-bar-items",
   ref: "itemsContainer"
 };
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorPageBarScrollContainer"
   },
@@ -9062,14 +9115,14 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
             class: "m-editor-page-bar-item m-editor-page-bar-item-icon m-editor-page-bar-item-left-icon",
             onClick: _cache[0] || (_cache[0] = ($event) => scroll("left"))
           }, [
-            createVNode(_sfc_main$1r, { icon: unref(ArrowLeftBold) }, null, 8, ["icon"])
+            createVNode(_sfc_main$1s, { icon: unref(ArrowLeftBold) }, null, 8, ["icon"])
           ])) : createCommentVNode("v-if", true),
           canScroll.value ? (openBlock(), createElementBlock("div", {
             key: 2,
             class: "m-editor-page-bar-item m-editor-page-bar-item-icon m-editor-page-bar-item-right-icon",
             onClick: _cache[1] || (_cache[1] = ($event) => scroll("right"))
           }, [
-            createVNode(_sfc_main$1r, { icon: unref(ArrowRightBold) }, null, 8, ["icon"])
+            createVNode(_sfc_main$1s, { icon: unref(ArrowRightBold) }, null, 8, ["icon"])
           ])) : createCommentVNode("v-if", true)
         ],
         512
@@ -9086,7 +9139,7 @@ const _hoisted_1$i = {
 };
 const _hoisted_2$7 = { class: "page-bar-popover-wrapper" };
 const _hoisted_3$3 = { class: "page-bar-popover-inner" };
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorPageList"
   },
@@ -9127,7 +9180,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
                     Fragment,
                     null,
                     renderList(__props.list, (item, index) => {
-                      return openBlock(), createBlock(_sfc_main$z, {
+                      return openBlock(), createBlock(_sfc_main$A, {
                         data: {
                           type: "button",
                           text: item.devconfig?.tabName || item.name || item.id,
@@ -9153,7 +9206,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$h = { class: "m-editor-page-bar-item m-editor-page-bar-item-icon m-editor-page-bar-search" };
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "Search",
   props: {
     "query": {},
@@ -9192,7 +9245,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$h, [
-        createVNode(_sfc_main$1r, {
+        createVNode(_sfc_main$1s, {
           icon: unref(Search),
           onClick: _cache[0] || (_cache[0] = ($event) => visible.value = !visible.value),
           class: normalizeClass({ "icon-active": visible.value })
@@ -9220,7 +9273,7 @@ const _hoisted_1$g = { class: "m-editor-page-bar-tabs" };
 const _hoisted_2$6 = ["data-page-id", "onClick"];
 const _hoisted_3$2 = { class: "m-editor-page-bar-title" };
 const _hoisted_4$2 = ["title"];
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorPageBar"
   },
@@ -9296,20 +9349,20 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$g, [
-        createVNode(_sfc_main$x, {
+        createVNode(_sfc_main$y, {
           ref: "pageBarScrollContainer",
           "page-bar-sort-options": __props.pageBarSortOptions,
           length: list.value.length
         }, {
           prepend: withCtx(() => [
             renderSlot(_ctx.$slots, "page-bar-add-button", {}, () => [
-              createVNode(_sfc_main$y)
+              createVNode(_sfc_main$z)
             ]),
-            createVNode(_sfc_main$v, {
+            createVNode(_sfc_main$w, {
               query: query.value,
               "onUpdate:query": _cache[0] || (_cache[0] = ($event) => query.value = $event)
             }, null, 8, ["query"]),
-            createVNode(_sfc_main$w, { list: list.value }, {
+            createVNode(_sfc_main$x, { list: list.value }, {
               "page-list-popover": withCtx(({ list: list2 }) => [
                 renderSlot(_ctx.$slots, "page-list-popover", { list: list2 })
               ]),
@@ -9359,7 +9412,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                       default: withCtx(() => [
                         createElementVNode("div", null, [
                           renderSlot(_ctx.$slots, "page-bar-popover", { page: item }, () => [
-                            createVNode(_sfc_main$z, {
+                            createVNode(_sfc_main$A, {
                               data: {
                                 type: "button",
                                 text: "复制",
@@ -9367,7 +9420,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                                 handler: () => copy(item)
                               }
                             }, null, 8, ["data"]),
-                            createVNode(_sfc_main$z, {
+                            createVNode(_sfc_main$A, {
                               data: {
                                 type: "button",
                                 text: "删除",
@@ -9400,7 +9453,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
 
 const _hoisted_1$f = { class: "m-editor-empty-panel" };
 const _hoisted_2$5 = { class: "m-editor-empty-content" };
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorAddPageBox"
   },
@@ -9427,7 +9480,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             onClick: _cache[0] || (_cache[0] = ($event) => clickHandler(unref(NodeType).PAGE))
           }, [
             createElementVNode("div", null, [
-              createVNode(_sfc_main$1r, { icon: unref(Plus) }, null, 8, ["icon"])
+              createVNode(_sfc_main$1s, { icon: unref(Plus) }, null, 8, ["icon"])
             ]),
             _cache[2] || (_cache[2] = createElementVNode(
               "p",
@@ -9443,7 +9496,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             onClick: _cache[1] || (_cache[1] = ($event) => clickHandler(unref(NodeType).PAGE_FRAGMENT))
           }, [
             createElementVNode("div", null, [
-              createVNode(_sfc_main$1r, { icon: unref(Plus) }, null, 8, ["icon"])
+              createVNode(_sfc_main$1s, { icon: unref(Plus) }, null, 8, ["icon"])
             ]),
             _cache[3] || (_cache[3] = createElementVNode(
               "p",
@@ -9464,7 +9517,7 @@ const _hoisted_1$e = {
   ref: "content",
   style: { "min-width": "900px" }
 };
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorFramework"
   },
@@ -9536,13 +9589,13 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "nav"),
           renderSlot(_ctx.$slots, "content-before"),
           showSrc.value ? renderSlot(_ctx.$slots, "src-code", { key: 0 }, () => [
-            createVNode(_sfc_main$1q, {
+            createVNode(_sfc_main$1r, {
               class: "m-editor-content",
               "init-values": root.value,
               options: unref(codeOptions),
               onSave: saveCode
             }, null, 8, ["init-values", "options"])
-          ]) : (openBlock(), createBlock(_sfc_main$A, {
+          ]) : (openBlock(), createBlock(_sfc_main$B, {
             key: 1,
             ref: "splitView",
             class: "m-editor-content",
@@ -9562,10 +9615,10 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
             ]),
             center: withCtx(() => [
               page.value ? renderSlot(_ctx.$slots, "workspace", { key: 0 }) : renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
-                createVNode(_sfc_main$t, { "disabled-page-fragment": __props.disabledPageFragment }, null, 8, ["disabled-page-fragment"])
+                createVNode(_sfc_main$u, { "disabled-page-fragment": __props.disabledPageFragment }, null, 8, ["disabled-page-fragment"])
               ]),
               renderSlot(_ctx.$slots, "page-bar", {}, () => [
-                createVNode(_sfc_main$u, {
+                createVNode(_sfc_main$v, {
                   "disabled-page-fragment": __props.disabledPageFragment,
                   "page-bar-sort-options": __props.pageBarSortOptions,
                   "filter-function": __props.pageFilterFunction
@@ -9608,7 +9661,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorNavMenu"
   },
@@ -9800,7 +9853,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
                     Fragment,
                     null,
                     renderList(buttons.value[key], (item, index) => {
-                      return openBlock(), createBlock(_sfc_main$z, {
+                      return openBlock(), createBlock(_sfc_main$A, {
                         data: item,
                         key: index
                       }, null, 8, ["data"]);
@@ -9825,7 +9878,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$d = { class: "m-editor-props-form-panel" };
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorFormPanel"
   },
@@ -9910,12 +9963,12 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
           onClick: _cache[0] || (_cache[0] = ($event) => showSrc.value = !showSrc.value)
         }, {
           default: withCtx(() => [
-            createVNode(_sfc_main$1r, { icon: unref(Document) }, null, 8, ["icon"])
+            createVNode(_sfc_main$1s, { icon: unref(Document) }, null, 8, ["icon"])
           ]),
           _: 1
           /* STABLE */
         }, 8, ["type"])) : createCommentVNode("v-if", true),
-        showSrc.value ? (openBlock(), createBlock(_sfc_main$1q, {
+        showSrc.value ? (openBlock(), createBlock(_sfc_main$1r, {
           key: 1,
           class: "m-editor-props-panel-src-code",
           height: `${unref(editorContentHeight)}px`,
@@ -9980,7 +10033,7 @@ const _hoisted_1$c = {
   class: "m-editor-props-panel"
 };
 const _hoisted_2$4 = { class: "m-editor-props-style-panel-title" };
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorPropsPanel"
   },
@@ -10098,7 +10151,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
         _hoisted_1$c,
         [
           renderSlot(_ctx.$slots, "props-panel-header"),
-          createVNode(_sfc_main$q, {
+          createVNode(_sfc_main$r, {
             ref: "propertyFormPanel",
             class: normalizeClass(["m-editor-props-property-panel", { "show-style-panel": unref(showStylePanel) }]),
             config: curFormConfig.value,
@@ -10111,11 +10164,11 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
             onMounted: mountedHandler,
             onUnmounted: unmountedHandler
           }, null, 8, ["class", "config", "values", "disabledShowSrc", "extendState"]),
-          unref(showStylePanel) ? (openBlock(), createBlock(_sfc_main$B, {
+          unref(showStylePanel) ? (openBlock(), createBlock(_sfc_main$C, {
             key: 0,
             onChange: widthChange
           })) : createCommentVNode("v-if", true),
-          unref(showStylePanel) ? (openBlock(), createBlock(_sfc_main$q, {
+          unref(showStylePanel) ? (openBlock(), createBlock(_sfc_main$r, {
             key: 1,
             class: "m-editor-props-style-panel",
             "label-position": "top",
@@ -10144,7 +10197,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                     onClick: _cache[0] || (_cache[0] = ($event) => unref(toggleStylePanel)(false))
                   }, {
                     default: withCtx(() => [
-                      createVNode(_sfc_main$1r, { icon: unref(Close) }, null, 8, ["icon"])
+                      createVNode(_sfc_main$1s, { icon: unref(Close) }, null, 8, ["icon"])
                     ]),
                     _: 1
                     /* STABLE */
@@ -10162,7 +10215,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
             onClick: _cache[1] || (_cache[1] = ($event) => unref(toggleStylePanel)(true))
           }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$1r, { icon: unref(Sugar) }, null, 8, ["icon"])
+              createVNode(_sfc_main$1s, { icon: unref(Sugar) }, null, 8, ["icon"])
             ]),
             _: 1
             /* STABLE */
@@ -10177,7 +10230,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorContentMenu"
   },
@@ -10317,7 +10370,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                   Fragment,
                   null,
                   renderList(__props.menuData, (item, index) => {
-                    return openBlock(), createBlock(_sfc_main$z, {
+                    return openBlock(), createBlock(_sfc_main$A, {
                       "event-type": "mouseup",
                       ref_for: true,
                       ref: "buttons",
@@ -10357,7 +10410,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorSearchInput"
   },
@@ -10407,7 +10460,7 @@ const _hoisted_4$1 = {
   key: 0,
   class: "m-editor-tree-node-children"
 };
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorTreeNode"
   },
@@ -10484,7 +10537,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             onMouseenter: mouseenterHandler
           },
           [
-            createVNode(_sfc_main$1r, {
+            createVNode(_sfc_main$1s, {
               class: "expand-icon",
               style: normalizeStyle(hasChildren.value ? "" : "color: transparent; cursor: default"),
               icon: expanded.value ? unref(ArrowDown) : unref(ArrowRight),
@@ -10554,7 +10607,7 @@ const _hoisted_1$a = {
   key: 1,
   class: "m-editor-tree-empty"
 };
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorTree"
   },
@@ -10585,7 +10638,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
             Fragment,
             { key: 0 },
             renderList(__props.data, (item) => {
-              return openBlock(), createBlock(_sfc_main$m, {
+              return openBlock(), createBlock(_sfc_main$n, {
                 key: item.id,
                 data: item,
                 indent: __props.indent,
@@ -10624,7 +10677,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorCodeBlockList"
   },
@@ -10730,7 +10783,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       deleteCode
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$l, {
+      return openBlock(), createBlock(_sfc_main$m, {
         data: codeList.value,
         "node-status-map": unref(nodeStatusMap),
         indent: __props.indent,
@@ -10761,7 +10814,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
             placement: "bottom"
           }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$1r, {
+              createVNode(_sfc_main$1s, {
                 icon: editable.value ? unref(Edit) : unref(View),
                 class: "edit-icon",
                 onClick: withModifiers(($event) => editCode(`${data.key}`), ["stop"])
@@ -10780,7 +10833,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
             },
             {
               default: withCtx(() => [
-                createVNode(_sfc_main$1r, {
+                createVNode(_sfc_main$1s, {
                   icon: unref(Close),
                   class: "edit-icon",
                   onClick: withModifiers(($event) => deleteCode(`${data.key}`), ["stop"])
@@ -10871,7 +10924,7 @@ const useContentMenu$1 = (deleteCode) => {
 };
 
 const _hoisted_1$9 = { class: "search-wrapper" };
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorCodeBlockListPanel"
   },
@@ -10926,7 +10979,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "code-block-panel-header", {}, () => [
                 createElementVNode("div", _hoisted_1$9, [
-                  createVNode(_sfc_main$n, { onSearch: filterTextChangeHandler }),
+                  createVNode(_sfc_main$o, { onSearch: filterTextChangeHandler }),
                   editable.value ? (openBlock(), createBlock(unref(TMagicButton), {
                     key: 0,
                     class: "create-code-button",
@@ -10948,7 +11001,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                 ])
               ]),
               createCommentVNode(" 代码块列表 "),
-              createVNode(_sfc_main$k, {
+              createVNode(_sfc_main$l, {
                 ref: "codeBlockList",
                 "custom-error": __props.customError,
                 indent: __props.indent,
@@ -10970,7 +11023,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
             _: 3
             /* FORWARDED */
           }),
-          unref(codeConfig) ? (openBlock(), createBlock(_sfc_main$1e, {
+          unref(codeConfig) ? (openBlock(), createBlock(_sfc_main$1f, {
             key: 0,
             ref_key: "codeBlockEditor",
             ref: codeBlockEditor,
@@ -10980,7 +11033,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
             onClose: editDialogCloseHandler
           }, null, 8, ["disabled", "content", "onSubmit"])) : createCommentVNode("v-if", true),
           (openBlock(), createBlock(Teleport, { to: "body" }, [
-            menuData.value.length ? (openBlock(), createBlock(_sfc_main$o, {
+            menuData.value.length ? (openBlock(), createBlock(_sfc_main$p, {
               key: 0,
               "menu-data": menuData.value,
               ref: "menu",
@@ -11027,6 +11080,71 @@ const useDataSourceEdit = (dataSourceService) => {
   };
 };
 
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "MEditorDataSourceAddButton"
+  },
+  __name: "DataSourceAddButton",
+  props: {
+    datasourceTypeList: {},
+    addButtonConfig: {},
+    addButtonText: {}
+  },
+  emits: ["add"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(TMagicPopover), {
+        placement: "right",
+        trigger: "hover",
+        "popper-class": "data-source-list-panel-add-menu",
+        "destroy-on-close": true
+      }, {
+        reference: withCtx(() => [
+          createVNode(
+            unref(TMagicButton),
+            normalizeProps(guardReactiveProps(__props.addButtonConfig || {})),
+            {
+              default: withCtx(() => [
+                createTextVNode(
+                  toDisplayString(__props.addButtonText || ""),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              _: 1
+              /* STABLE */
+            },
+            16
+            /* FULL_PROPS */
+          )
+        ]),
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(
+            Fragment,
+            null,
+            renderList(__props.datasourceTypeList, (item, index) => {
+              return openBlock(), createBlock(_sfc_main$A, {
+                data: {
+                  type: "button",
+                  text: item.text,
+                  handler: () => {
+                    _ctx.$emit("add", item.type);
+                  }
+                },
+                key: index
+              }, null, 8, ["data"]);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorDataSourceConfigPanel"
@@ -11083,7 +11201,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1j, {
+      return openBlock(), createBlock(_sfc_main$1k, {
         visible: boxVisible.value,
         "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => boxVisible.value = $event),
         width: width.value,
@@ -11212,7 +11330,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       filter: filterTextChangeHandler
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$l, {
+      return openBlock(), createBlock(_sfc_main$m, {
         data: list.value,
         "node-status-map": unref(nodeStatusMap),
         indent: __props.indent,
@@ -11243,7 +11361,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             placement: "bottom"
           }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$1r, {
+              createVNode(_sfc_main$1s, {
                 icon: editable.value ? unref(Edit) : unref(View),
                 class: "edit-icon",
                 onClick: withModifiers(($event) => editHandler(`${data.key}`), ["stop"])
@@ -11262,7 +11380,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             },
             {
               default: withCtx(() => [
-                createVNode(_sfc_main$1r, {
+                createVNode(_sfc_main$1s, {
                   icon: unref(Close),
                   class: "edit-icon",
                   onClick: withModifiers(($event) => removeHandler(`${data.key}`), ["stop"])
@@ -11429,53 +11547,14 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           createVNode(unref(TMagicScrollbar), { class: "data-source-list-panel m-editor-layer-panel" }, {
             default: withCtx(() => [
               createElementVNode("div", _hoisted_1$8, [
-                createVNode(_sfc_main$n, { onSearch: filterTextChangeHandler }),
-                unref(editable) ? (openBlock(), createBlock(unref(TMagicPopover), {
+                createVNode(_sfc_main$o, { onSearch: filterTextChangeHandler }),
+                unref(editable) ? (openBlock(), createBlock(_sfc_main$j, {
                   key: 0,
-                  placement: "right",
-                  trigger: "hover",
-                  "popper-class": "data-source-list-panel-add-menu",
-                  "destroy-on-close": true
-                }, {
-                  reference: withCtx(() => [
-                    createVNode(unref(TMagicButton), {
-                      type: "primary",
-                      size: "small"
-                    }, {
-                      default: withCtx(() => [..._cache[0] || (_cache[0] = [
-                        createTextVNode(
-                          "新增",
-                          -1
-                          /* CACHED */
-                        )
-                      ])]),
-                      _: 1
-                      /* STABLE */
-                    })
-                  ]),
-                  default: withCtx(() => [
-                    (openBlock(true), createElementBlock(
-                      Fragment,
-                      null,
-                      renderList(datasourceTypeList.value, (item, index) => {
-                        return openBlock(), createBlock(_sfc_main$z, {
-                          data: {
-                            type: "button",
-                            text: item.text,
-                            handler: () => {
-                              addHandler(item.type);
-                            }
-                          },
-                          key: index
-                        }, null, 8, ["data"]);
-                      }),
-                      128
-                      /* KEYED_FRAGMENT */
-                    ))
-                  ]),
-                  _: 1
-                  /* STABLE */
-                })) : createCommentVNode("v-if", true),
+                  "add-button-text": "新增",
+                  "add-button-config": { type: "primary", size: "small" },
+                  "datasource-type-list": datasourceTypeList.value,
+                  onAdd: addHandler
+                }, null, 8, ["datasource-type-list"])) : createCommentVNode("v-if", true),
                 renderSlot(_ctx.$slots, "data-source-panel-search")
               ]),
               createCommentVNode(" 数据源列表 "),
@@ -11501,7 +11580,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
             onClose: editDialogCloseHandler
           }, null, 8, ["disabled", "values", "title", "onSubmit"]),
           (openBlock(), createBlock(Teleport, { to: "body" }, [
-            menuData.value.length ? (openBlock(), createBlock(_sfc_main$o, {
+            menuData.value.length ? (openBlock(), createBlock(_sfc_main$p, {
               key: 0,
               "menu-data": menuData.value,
               ref: "menu",
@@ -11724,7 +11803,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       show
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$o, {
+      return openBlock(), createBlock(_sfc_main$p, {
         "menu-data": menuData.value,
         ref: "menu",
         style: { "overflow": "initial" }
@@ -11748,26 +11827,14 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       });
     };
     return (_ctx, _cache) => {
-      return __props.data.type !== "page" ? (openBlock(), createElementBlock(
-        Fragment,
-        { key: 0 },
-        [
-          __props.data.visible === false ? (openBlock(), createBlock(_sfc_main$1r, {
-            key: 0,
-            icon: unref(Hide),
-            onClick: _cache[0] || (_cache[0] = withModifiers(($event) => setNodeVisible(true), ["stop"])),
-            title: "点击显示"
-          }, null, 8, ["icon"])) : (openBlock(), createBlock(_sfc_main$1r, {
-            key: 1,
-            icon: unref(View),
-            onClick: _cache[1] || (_cache[1] = withModifiers(($event) => setNodeVisible(false), ["stop"])),
-            class: "node-lock",
-            title: "点击隐藏"
-          }, null, 8, ["icon"]))
-        ],
-        64
-        /* STABLE_FRAGMENT */
-      )) : createCommentVNode("v-if", true);
+      return __props.data.type !== "page" ? (openBlock(), createBlock(unref(TMagicButton), {
+        key: 0,
+        link: "",
+        type: __props.data.visible === false ? "primary" : "default",
+        icon: __props.data.visible === false ? unref(Hide) : unref(View),
+        title: __props.data.visible === false ? "点击显示" : "点击隐藏",
+        onClick: _cache[0] || (_cache[0] = withModifiers(($event) => setNodeVisible(__props.data.visible === false), ["stop"]))
+      }, null, 8, ["type", "icon", "title"])) : createCommentVNode("v-if", true);
     };
   }
 });
@@ -12288,8 +12355,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(TMagicScrollbar), { class: "m-editor-layer-panel" }, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "layer-panel-header"),
-          createVNode(_sfc_main$n, { onSearch: unref(filterTextChangeHandler) }, null, 8, ["onSearch"]),
-          page.value && unref(nodeStatusMap) ? (openBlock(), createBlock(_sfc_main$l, {
+          createVNode(_sfc_main$o, { onSearch: unref(filterTextChangeHandler) }, null, 8, ["onSearch"]),
+          page.value && unref(nodeStatusMap) ? (openBlock(), createBlock(_sfc_main$m, {
             key: 0,
             tabindex: "-1",
             ref: "tree",
@@ -12418,7 +12485,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(TMagicScrollbar), null, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "component-list-panel-header"),
-          createVNode(_sfc_main$n, { onSearch: filterTextChangeHandler }),
+          createVNode(_sfc_main$o, { onSearch: filterTextChangeHandler }),
           renderSlot(_ctx.$slots, "component-list", { componentGroupList: list.value }, () => [
             createVNode(unref(TMagicCollapse), {
               class: "ui-component-panel",
@@ -12439,7 +12506,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                           name: `${index}`
                         }, {
                           title: withCtx(() => [
-                            createVNode(_sfc_main$1r, { icon: unref(Grid) }, null, 8, ["icon"]),
+                            createVNode(_sfc_main$1s, { icon: unref(Grid) }, null, 8, ["icon"]),
                             createTextVNode(
                               toDisplayString(group.title),
                               1
@@ -12467,7 +12534,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                                       content: item.desc
                                     }, {
                                       default: withCtx(() => [
-                                        createVNode(_sfc_main$1r, {
+                                        createVNode(_sfc_main$1s, {
                                           icon: item.icon
                                         }, null, 8, ["icon"])
                                       ]),
@@ -12592,7 +12659,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           type: "component",
           icon: EditPen,
           text: "代码编辑",
-          component: _sfc_main$j,
+          component: _sfc_main$k,
           props: {
             indent: props.indent,
             nextLevelIndentIncrement: props.nextLevelIndentIncrement,
@@ -12693,7 +12760,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                     (...args) => unref(dragstartHandler) && unref(dragstartHandler)(...args)),
                     onDragend: ($event) => unref(dragendHandler)(config.$key, $event)
                   }, [
-                    config.icon ? (openBlock(), createBlock(_sfc_main$1r, {
+                    config.icon ? (openBlock(), createBlock(_sfc_main$1s, {
                       key: 0,
                       icon: config.icon
                     }, null, 8, ["icon"])) : createCommentVNode("v-if", true),
@@ -12873,7 +12940,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                 1
                 /* TEXT */
               ),
-              createVNode(_sfc_main$1r, {
+              createVNode(_sfc_main$1s, {
                 icon: unref(Close),
                 class: "close-icon",
                 onClick: _cache[1] || (_cache[1] = withModifiers(($event) => tipsBarVisible.value = false, ["stop"]))
@@ -12889,7 +12956,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                   Fragment,
                   null,
                   [
-                    unref(floatBoxStates)[config.$key]?.status ? (openBlock(), createBlock(_sfc_main$1j, {
+                    unref(floatBoxStates)[config.$key]?.status ? (openBlock(), createBlock(_sfc_main$1k, {
                       key: config.$key ?? index,
                       visible: unref(floatBoxStates)[config.$key].status,
                       "onUpdate:visible": ($event) => unref(floatBoxStates)[config.$key].status = $event,
@@ -13237,7 +13304,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             _: 1
             /* STABLE */
           })) : createCommentVNode("v-if", true),
-          page.value && unref(nodeStatusMap) && buttonVisible.value ? (openBlock(), createBlock(_sfc_main$1j, {
+          page.value && unref(nodeStatusMap) && buttonVisible.value ? (openBlock(), createBlock(_sfc_main$1k, {
             key: 1,
             ref: "box",
             visible: visible.value,
@@ -13246,7 +13313,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             position: menuPosition.value
           }, {
             body: withCtx(() => [
-              createVNode(_sfc_main$l, {
+              createVNode(_sfc_main$m, {
                 class: "m-editor-node-list-menu magic-editor-layer-tree",
                 data: nodeData.value,
                 "node-status-map": unref(nodeStatusMap),
@@ -13536,7 +13603,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
     __expose({ show });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$o, {
+      return openBlock(), createBlock(_sfc_main$p, {
         "menu-data": menuData.value,
         ref: "menu"
       }, null, 8, ["menu-data"]);
@@ -16659,7 +16726,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     __expose(services);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$s, {
+      return openBlock(), createBlock(_sfc_main$t, {
         "disabled-page-fragment": __props.disabledPageFragment,
         "page-bar-sort-options": __props.pageBarSortOptions,
         "page-filter-function": __props.pageFilterFunction
@@ -16669,7 +16736,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]),
         nav: withCtx(() => [
           renderSlot(_ctx.$slots, "nav", { editorService: unref(editorService) }, () => [
-            createVNode(_sfc_main$r, { data: __props.menu }, null, 8, ["data"])
+            createVNode(_sfc_main$s, { data: __props.menu }, null, 8, ["data"])
           ])
         ]),
         "content-before": withCtx(() => [
@@ -16751,7 +16818,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]),
         "props-panel": withCtx(() => [
           renderSlot(_ctx.$slots, "props-panel", {}, () => [
-            createVNode(_sfc_main$p, {
+            createVNode(_sfc_main$q, {
               "extend-state": __props.extendFormState,
               "disabled-show-src": __props.disabledShowSrc,
               onMounted: propsPanelMountedHandler,
@@ -16813,26 +16880,26 @@ const index = {
     app.config.globalProperties.$TMAGIC_EDITOR = option;
     setEditorConfig(option);
     app.component(`${_sfc_main.name || "MEditor"}`, _sfc_main);
-    app.component("magic-code-editor", _sfc_main$1q);
-    app.component("m-fields-ui-select", _sfc_main$C);
-    app.component("m-fields-code-link", _sfc_main$1o);
-    app.component("m-fields-vs-code", _sfc_main$1p);
-    app.component("m-fields-code-select", _sfc_main$1n);
-    app.component("m-fields-code-select-col", _sfc_main$1l);
-    app.component("m-fields-event-select", _sfc_main$18);
-    app.component("m-fields-data-source-fields", _sfc_main$1i);
-    app.component("m-fields-data-source-mocks", _sfc_main$1b);
-    app.component("m-fields-key-value", _sfc_main$16);
-    app.component("m-fields-data-source-input", _sfc_main$1f);
-    app.component("m-fields-data-source-select", _sfc_main$1a);
-    app.component("m-fields-data-source-methods", _sfc_main$1d);
-    app.component("m-fields-data-source-method-select", _sfc_main$1c);
-    app.component("m-fields-data-source-field-select", _sfc_main$1g);
-    app.component("m-fields-page-fragment-select", _sfc_main$15);
-    app.component("m-fields-display-conds", _sfc_main$19);
-    app.component("m-fields-cond-op-select", _sfc_main$1k);
-    app.component("m-form-style-setter", _sfc_main$D);
+    app.component("magic-code-editor", _sfc_main$1r);
+    app.component("m-fields-ui-select", _sfc_main$D);
+    app.component("m-fields-code-link", _sfc_main$1p);
+    app.component("m-fields-vs-code", _sfc_main$1q);
+    app.component("m-fields-code-select", _sfc_main$1o);
+    app.component("m-fields-code-select-col", _sfc_main$1m);
+    app.component("m-fields-event-select", _sfc_main$19);
+    app.component("m-fields-data-source-fields", _sfc_main$1j);
+    app.component("m-fields-data-source-mocks", _sfc_main$1c);
+    app.component("m-fields-key-value", _sfc_main$17);
+    app.component("m-fields-data-source-input", _sfc_main$1g);
+    app.component("m-fields-data-source-select", _sfc_main$1b);
+    app.component("m-fields-data-source-methods", _sfc_main$1e);
+    app.component("m-fields-data-source-method-select", _sfc_main$1d);
+    app.component("m-fields-data-source-field-select", _sfc_main$1h);
+    app.component("m-fields-page-fragment-select", _sfc_main$16);
+    app.component("m-fields-display-conds", _sfc_main$1a);
+    app.component("m-fields-cond-op-select", _sfc_main$1l);
+    app.component("m-form-style-setter", _sfc_main$E);
   }
 };
 
-export { CODE_DRAFT_STORAGE_KEY, COPY_CODE_STORAGE_KEY, COPY_DS_STORAGE_KEY, COPY_STORAGE_KEY, _sfc_main$1e as CodeBlockEditor, _sfc_main$k as CodeBlockList, _sfc_main$j as CodeBlockListPanel, CodeDeleteErrorType, _sfc_main$1n as CodeSelect, _sfc_main$1l as CodeSelectCol, ColumnLayout, _sfc_main$b as ComponentListPanel, _sfc_main$1k as CondOpSelect, _sfc_main$o as ContentMenu, DEFAULT_LEFT_COLUMN_WIDTH, DEFAULT_RIGHT_COLUMN_WIDTH, _sfc_main$i as DataSourceConfigPanel, _sfc_main$1g as DataSourceFieldSelect, _sfc_main$1i as DataSourceFields, _sfc_main$1f as DataSourceInput, _sfc_main$1c as DataSourceMethodSelect, _sfc_main$1d as DataSourceMethods, _sfc_main$1b as DataSourceMocks, _sfc_main$1a as DataSourceSelect, _sfc_main$19 as DisplayConds, DragType, _sfc_main$18 as EventSelect, Fixed2Other, _sfc_main$1j as FloatingBox, H_GUIDE_LINE_STORAGE_KEY, _sfc_main$1r as Icon, IdleTask, KeyBindingCommand, _sfc_main$16 as KeyValue, Keys, LEFT_COLUMN_WIDTH_STORAGE_KEY, LayerOffset, _sfc_main$c as LayerPanel, Layout, _sfc_main$A as LayoutContainer, MIN_CENTER_COLUMN_WIDTH, MIN_LEFT_COLUMN_WIDTH, MIN_RIGHT_COLUMN_WIDTH, PROPS_PANEL_WIDTH_STORAGE_KEY, _sfc_main$15 as PageFragmentSelect, _sfc_main$q as PropsFormPanel, _sfc_main$p as PropsPanel, RIGHT_COLUMN_WIDTH_STORAGE_KEY, _sfc_main$B as Resizer, ScrollViewer, SideItemKey, _sfc_main$A as SplitView, _sfc_main$D as StyleSetter, _sfc_main$1q as TMagicCodeEditor, _sfc_main as TMagicEditor, _sfc_main$z as ToolButton, _sfc_main$l as Tree, _sfc_main$m as TreeNode, UI_SELECT_MODE_EVENT_NAME, UndoRedo, V_GUIDE_LINE_STORAGE_KEY, advancedTabConfig, arrayOptions, beforePaste, change2Fixed, codeBlockService, dataSourceService, debug, index as default, depService, displayTabConfig, editorService, eqOptions, error, eventTabConfig, eventsService, fillConfig$1 as fillConfig, fixNodeLeft, fixNodePosition, generatePageName, generatePageNameByApp, getAddParent, getCascaderOptionsFromFields, getDefaultConfig, getDisplayField, getEditorConfig, getFormConfig, getFormValue, getGuideLineFromCache, getInitPositionStyle, getNodeIndex, getPageFragmentList, getPageList, getPageNameList, getPositionInContainer, getRelativeStyle, historyService, info, isIncludeDataSource, log, moveItemsInContainer, numberOptions, propsService, removeDataSourceFieldPrefix, serializeConfig, setChildrenLayout, setEditorConfig, setLayout, stageOverlayService, storageService, styleTabConfig, uiService, updateStatus, useCodeBlockEdit, useEditorContentHeight, useFilter, useFloatBox, useGetSo, useNextFloatBoxPosition, useNodeStatus$1 as useNodeStatus, useServices, useStage, useWindowRect, warn };
+export { CODE_DRAFT_STORAGE_KEY, COPY_CODE_STORAGE_KEY, COPY_DS_STORAGE_KEY, COPY_STORAGE_KEY, _sfc_main$1f as CodeBlockEditor, _sfc_main$l as CodeBlockList, _sfc_main$k as CodeBlockListPanel, CodeDeleteErrorType, _sfc_main$1o as CodeSelect, _sfc_main$1m as CodeSelectCol, ColumnLayout, _sfc_main$b as ComponentListPanel, _sfc_main$1l as CondOpSelect, _sfc_main$p as ContentMenu, DEFAULT_LEFT_COLUMN_WIDTH, DEFAULT_RIGHT_COLUMN_WIDTH, _sfc_main$j as DataSourceAddButton, _sfc_main$i as DataSourceConfigPanel, _sfc_main$1h as DataSourceFieldSelect, _sfc_main$1j as DataSourceFields, _sfc_main$1g as DataSourceInput, _sfc_main$1d as DataSourceMethodSelect, _sfc_main$1e as DataSourceMethods, _sfc_main$1c as DataSourceMocks, _sfc_main$1b as DataSourceSelect, _sfc_main$1a as DisplayConds, DragType, _sfc_main$19 as EventSelect, Fixed2Other, _sfc_main$1k as FloatingBox, H_GUIDE_LINE_STORAGE_KEY, _sfc_main$1s as Icon, IdleTask, KeyBindingCommand, _sfc_main$17 as KeyValue, Keys, LEFT_COLUMN_WIDTH_STORAGE_KEY, LayerOffset, _sfc_main$c as LayerPanel, Layout, _sfc_main$B as LayoutContainer, MIN_CENTER_COLUMN_WIDTH, MIN_LEFT_COLUMN_WIDTH, MIN_RIGHT_COLUMN_WIDTH, PROPS_PANEL_WIDTH_STORAGE_KEY, _sfc_main$16 as PageFragmentSelect, _sfc_main$r as PropsFormPanel, _sfc_main$q as PropsPanel, RIGHT_COLUMN_WIDTH_STORAGE_KEY, _sfc_main$C as Resizer, ScrollViewer, SideItemKey, _sfc_main$B as SplitView, _sfc_main$E as StyleSetter, _sfc_main$1r as TMagicCodeEditor, _sfc_main as TMagicEditor, _sfc_main$A as ToolButton, _sfc_main$m as Tree, _sfc_main$n as TreeNode, UI_SELECT_MODE_EVENT_NAME, UndoRedo, V_GUIDE_LINE_STORAGE_KEY, advancedTabConfig, arrayOptions, beforePaste, change2Fixed, codeBlockService, dataSourceService, debug, index as default, depService, displayTabConfig, editorService, eqOptions, error, eventTabConfig, eventsService, fillConfig$1 as fillConfig, fixNodeLeft, fixNodePosition, generatePageName, generatePageNameByApp, getAddParent, getCascaderOptionsFromFields, getDefaultConfig, getDisplayField, getEditorConfig, getFormConfig, getFormValue, getGuideLineFromCache, getInitPositionStyle, getNodeIndex, getPageFragmentList, getPageList, getPageNameList, getPositionInContainer, getRelativeStyle, historyService, info, isIncludeDataSource, log, moveItemsInContainer, numberOptions, propsService, removeDataSourceFieldPrefix, serializeConfig, setChildrenLayout, setEditorConfig, setLayout, stageOverlayService, storageService, styleTabConfig, uiService, updateStatus, useCodeBlockEdit, useEditorContentHeight, useFilter, useFloatBox, useGetSo, useNextFloatBoxPosition, useNodeStatus$1 as useNodeStatus, useServices, useStage, useWindowRect, warn };