@tmagic/editor 1.7.0-beta.5 → 1.7.0

package/dist/tmagic-editor.umd.cjs

@@ -4821,7 +4821,7 @@
   }
 
   const _hoisted_1$$ = ["src"];
-  const _sfc_main$1r = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1s = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MEditorIcon"
     },
@@ -4889,7 +4889,7 @@
     ref: "codeEditor",
     class: "magic-code-editor-content"
   };
-  const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1r = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MEditorCodeEditor"
     },
@@ -4905,12 +4905,50 @@
       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 = vue.ref("");
+      const computeHeight = vue.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__namespace.editor.EditorOption.lineHeight) || 20;
+        }
+        const newHeight = `${lines * lineHeight + 10}px`;
+        if (autoHeight.value !== newHeight) {
+          autoHeight.value = newHeight;
+          vue.nextTick(() => {
+            vsEditor?.layout();
+            if (vsEditor) {
+              vsEditor.setScrollTop(0);
+              vsEditor.revealLine(1);
+            }
+          });
+        }
+      };
       const toString = (v, language) => {
         let value;
         if (typeof v !== "string") {
@@ -4952,6 +4990,7 @@
       );
       const setEditorValue = (v, m) => {
         values.value = toString(v, props.language.toLocaleLowerCase());
+        setAutoHeight(values.value);
         if (props.type === "diff") {
           const originalModel = monaco__namespace.editor.createModel(values.value, "text/javascript");
           const modifiedModel = monaco__namespace.editor.createModel(toString(m, props.language), "text/javascript");
@@ -4997,8 +5036,18 @@
         };
         if (props.type === "diff") {
           vsDiffEditor = getEditorConfig("customCreateMonacoDiffEditor")(monaco__namespace, codeEditorEl.value, options);
+          vsDiffEditor.getModifiedEditor().onDidChangeModelContent(() => {
+            if (props.autosize) {
+              setAutoHeight(getEditorValue());
+            }
+          });
         } else {
           vsEditor = getEditorConfig("customCreateMonacoEditor")(monaco__namespace, codeEditorEl.value, options);
+          vsEditor.onDidChangeModelContent(() => {
+            if (props.autosize) {
+              setAutoHeight(getEditorValue());
+            }
+          });
         }
         setEditorValue(props.initValues, props.modifiedValues);
         emit("initd", vsEditor);
@@ -5088,8 +5137,8 @@
             vue.createElementVNode(
               "div",
               {
-                class: vue.normalizeClass(`magic-code-editor-wrapper${fullScreen.value ? " full-screen" : ""}`),
-                style: vue.normalizeStyle(!fullScreen.value && __props.height ? `height: ${__props.height}` : "100%")
+                class: vue.normalizeClass({ "magic-code-editor-wrapper": true, "full-screen": fullScreen.value }),
+                style: vue.normalizeStyle({ height: computeHeight.value })
               },
               [
                 !__props.disabledFullScreen ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicButton), {
@@ -5100,7 +5149,7 @@
                   onClick: fullScreenHandler
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createVNode(_sfc_main$1r, { icon: vue.unref(iconsVue.FullScreen) }, null, 8, ["icon"])
+                    vue.createVNode(_sfc_main$1s, { icon: vue.unref(iconsVue.FullScreen) }, null, 8, ["icon"])
                   ]),
                   _: 1
                   /* STABLE */
@@ -5122,7 +5171,7 @@
     }
   });
 
-  const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFieldsVsCode"
     },
@@ -5146,7 +5195,7 @@
         emit("change", v);
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$1q, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$1r, {
           height: __props.config.height,
           "init-values": __props.model[__props.name],
           language: __props.config.language,
@@ -5154,14 +5203,15 @@
             ...__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__ */ vue.defineComponent({
+  const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFieldsCodeLink"
     },
@@ -5249,7 +5299,7 @@
     return services;
   };
 
-  const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFieldsCodeSelect"
     },
@@ -7602,7 +7652,7 @@
               name: "beforeRequest",
               type: "vs-code",
               parse: true,
-              height: "600px"
+              autosize: { minRows: 10, maxRows: 30 }
             }
           ]
         },
@@ -7614,7 +7664,7 @@
               name: "afterResponse",
               type: "vs-code",
               parse: true,
-              height: "600px"
+              autosize: { minRows: 10, maxRows: 30 }
             }
           ]
         }
@@ -7999,7 +8049,7 @@
   const H_GUIDE_LINE_STORAGE_KEY = "$MagicStageHorizontalGuidelinesData";
   const V_GUIDE_LINE_STORAGE_KEY = "$MagicStageVerticalGuidelinesData";
 
-  const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MEditorCodeParams"
     },
@@ -8060,7 +8110,7 @@
 
   const _hoisted_1$Z = { class: "m-fields-code-select-col" };
   const _hoisted_2$n = { class: "code-select-container" };
-  const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFieldsCodeSelectCol"
     },
@@ -8169,7 +8219,7 @@
               onClick: _cache[0] || (_cache[0] = ($event) => editCode(__props.model[__props.name]))
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(_sfc_main$1r, {
+                vue.createVNode(_sfc_main$1s, {
                   icon: !notEditable.value ? vue.unref(iconsVue.Edit) : vue.unref(iconsVue.View)
                 }, null, 8, ["icon"])
               ]),
@@ -8178,7 +8228,7 @@
             }, 8, ["size"])) : vue.createCommentVNode("v-if", true)
           ]),
           vue.createCommentVNode(" 参数填写框 "),
-          paramsConfig.value.length ? (vue.openBlock(), vue.createBlock(_sfc_main$1m, {
+          paramsConfig.value.length ? (vue.openBlock(), vue.createBlock(_sfc_main$1n, {
             name: "params",
             key: __props.model[__props.name],
             model: __props.model,
@@ -8192,7 +8242,7 @@
     }
   });
 
-  const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFieldsCondOpSelect"
     },
@@ -8295,7 +8345,7 @@
     ref: "title",
     class: "m-editor-float-box-title"
   };
-  const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
     __name: "FloatingBox",
     props: /* @__PURE__ */ vue.mergeModels({
       position: { default: () => ({ left: 0, top: 0 }) },
@@ -8457,7 +8507,7 @@
                       onClick: closeHandler
                     }, {
                       default: vue.withCtx(() => [
-                        vue.createVNode(_sfc_main$1r, { icon: vue.unref(iconsVue.Close) }, null, 8, ["icon"])
+                        vue.createVNode(_sfc_main$1s, { icon: vue.unref(iconsVue.Close) }, null, 8, ["icon"])
                       ]),
                       _: 1
                       /* STABLE */
@@ -8990,7 +9040,7 @@
 
   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__ */ vue.defineComponent({
+  const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFieldsDataSourceFields"
     },
@@ -9164,7 +9214,6 @@
         {
           name: "defaultValue",
           text: "默认值",
-          height: "200px",
           parse: true,
           type: (mForm, { model }) => {
             if (model.type === "number") return "number";
@@ -9172,6 +9221,7 @@
             if (model.type === "string") return "text";
             return "vs-code";
           },
+          autosize: { minRows: 1, maxRows: 30 },
           options: [
             { text: "true", value: true },
             { text: "false", value: false }
@@ -9196,7 +9246,7 @@
           type: "vs-code",
           labelWidth: "0",
           language: "json",
-          height: "600px",
+          autosize: { minRows: 30, maxRows: 50 },
           options: vue.inject("codeOptions", {})
         }
       ];
@@ -9297,7 +9347,7 @@
               /* STABLE */
             }, 8, ["disabled"])
           ]),
-          vue.createVNode(_sfc_main$1j, {
+          vue.createVNode(_sfc_main$1k, {
             visible: addDialogVisible.value,
             "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => addDialogVisible.value = $event),
             width: width.value,
@@ -9321,7 +9371,7 @@
             _: 1
             /* STABLE */
           }, 8, ["visible", "width", "height", "title", "position"]),
-          vue.createVNode(_sfc_main$1j, {
+          vue.createVNode(_sfc_main$1k, {
             visible: addFromJsonDialogVisible.value,
             "onUpdate:visible": _cache[5] || (_cache[5] = ($event) => addFromJsonDialogVisible.value = $event),
             width: width.value,
@@ -9348,7 +9398,7 @@
   });
 
   const _hoisted_1$W = { class: "m-editor-data-source-field-select" };
-  const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
     __name: "FieldSelect",
     props: /* @__PURE__ */ vue.mergeModels({
       value: {},
@@ -9516,7 +9566,7 @@
                 onClick: _cache[0] || (_cache[0] = ($event) => editHandler(selectDataSourceId.value))
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(_sfc_main$1r, {
+                  vue.createVNode(_sfc_main$1s, {
                     icon: !notEditable.value ? vue.unref(iconsVue.Edit) : vue.unref(iconsVue.View)
                   }, null, 8, ["icon"])
                 ]),
@@ -9533,7 +9583,7 @@
   });
 
   const _hoisted_1$V = { class: "m-fields-data-source-field-select" };
-  const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFieldsDataSourceFieldSelect"
     },
@@ -9637,7 +9687,7 @@
       };
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$V, [
-          !disabledDataSource.value && (showDataSourceFieldSelect.value || !__props.config.fieldConfig) ? (vue.openBlock(), vue.createBlock(_sfc_main$1h, {
+          !disabledDataSource.value && (showDataSourceFieldSelect.value || !__props.config.fieldConfig) ? (vue.openBlock(), vue.createBlock(_sfc_main$1i, {
             key: 0,
             "model-value": __props.model[__props.name],
             disabled: __props.disabled,
@@ -9671,7 +9721,7 @@
                 onClick: _cache[0] || (_cache[0] = ($event) => showDataSourceFieldSelect.value = !showDataSourceFieldSelect.value)
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(_sfc_main$1r, { icon: vue.unref(iconsVue.Coin) }, null, 8, ["icon"])
+                  vue.createVNode(_sfc_main$1s, { icon: vue.unref(iconsVue.Coin) }, null, 8, ["icon"])
                 ]),
                 _: 1
                 /* STABLE */
@@ -9687,7 +9737,7 @@
 
   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__ */ vue.defineComponent({
+  const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFieldsDataSourceInput"
     },
@@ -9897,7 +9947,7 @@
           }
         ), {
           suffix: vue.withCtx(() => [
-            vue.createVNode(_sfc_main$1r, { icon: vue.unref(iconsVue.Coin) }, null, 8, ["icon"])
+            vue.createVNode(_sfc_main$1s, { icon: vue.unref(iconsVue.Coin) }, null, 8, ["icon"])
           ]),
           default: vue.withCtx(({ item }) => [
             vue.createElementVNode("div", _hoisted_1$U, [
@@ -9992,7 +10042,7 @@
                       256
                       /* UNKEYED_FRAGMENT */
                     )),
-                    vue.createVNode(_sfc_main$1r, {
+                    vue.createVNode(_sfc_main$1s, {
                       class: "tmagic-data-source-input-icon",
                       icon: vue.unref(iconsVue.Coin)
                     }, null, 8, ["icon"])
@@ -10016,7 +10066,7 @@
   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__ */ vue.defineComponent({
+  const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MEditorCodeBlockEditor"
     },
@@ -10132,7 +10182,7 @@
           name: "content",
           type: "vs-code",
           options: vue.inject("codeOptions", {}),
-          height: "500px",
+          autosize: { minRows: 10, maxRows: 30 },
           onChange: (formState, code) => {
             try {
               getEditorConfig("parseDSL")(code);
@@ -10202,7 +10252,7 @@
           null,
           [
             vue.createCommentVNode(" 代码块编辑区 "),
-            vue.createVNode(_sfc_main$1j, {
+            vue.createVNode(_sfc_main$1k, {
               visible: boxVisible.value,
               "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => boxVisible.value = $event),
               width: width.value,
@@ -10331,7 +10381,7 @@
                       })
                     ])
                   ]),
-                  vue.createVNode(_sfc_main$1q, {
+                  vue.createVNode(_sfc_main$1r, {
                     ref: "magicVsEditor",
                     type: "diff",
                     language: "json",
@@ -10355,7 +10405,7 @@
 
   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__ */ vue.defineComponent({
+  const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFieldsDataSourceMethods"
     },
@@ -10498,7 +10548,7 @@
               /* STABLE */
             }, 8, ["disabled"])
           ]),
-          codeConfig.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1e, {
+          codeConfig.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1f, {
             key: 0,
             ref: "codeBlockEditor",
             disabled: __props.disabled,
@@ -10514,7 +10564,7 @@
 
   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__ */ vue.defineComponent({
+  const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFieldsDataSourceMethodSelect"
     },
@@ -10627,7 +10677,7 @@
                   onClick: editCodeHandler
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createVNode(_sfc_main$1r, {
+                    vue.createVNode(_sfc_main$1s, {
                       icon: !notEditable.value ? vue.unref(iconsVue.Edit) : vue.unref(iconsVue.View)
                     }, null, 8, ["icon"])
                   ]),
@@ -10639,7 +10689,7 @@
               /* STABLE */
             }, 8, ["content"])) : vue.createCommentVNode("v-if", true)
           ]),
-          paramsConfig.value.length ? (vue.openBlock(), vue.createBlock(_sfc_main$1m, {
+          paramsConfig.value.length ? (vue.openBlock(), vue.createBlock(_sfc_main$1n, {
             name: "params",
             key: __props.model[__props.name],
             model: __props.model,
@@ -10655,7 +10705,7 @@
 
   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__ */ vue.defineComponent({
+  const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFieldsDataSourceMocks"
     },
@@ -10722,7 +10772,7 @@
           language: "json",
           options: vue.inject("codeOptions", {}),
           defaultValue: "{}",
-          height: "400px",
+          autosize: { minRows: 30, maxRows: 50 },
           onChange: (formState, v) => {
             if (typeof v !== "string") return v;
             return JSON.parse(v);
@@ -10745,7 +10795,7 @@
       const columns = [
         {
           type: "expand",
-          component: _sfc_main$1q,
+          component: _sfc_main$1r,
           props: (row) => ({
             initValues: row.data,
             language: "json",
@@ -10884,7 +10934,7 @@
               /* STABLE */
             }, 8, ["disabled"])
           ]),
-          vue.createVNode(_sfc_main$1j, {
+          vue.createVNode(_sfc_main$1k, {
             visible: addDialogVisible.value,
             "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => addDialogVisible.value = $event),
             width: width.value,
@@ -10913,7 +10963,7 @@
   });
 
   const _hoisted_1$P = { class: "m-fields-data-source-select" };
-  const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFieldsDataSourceSelect"
     },
@@ -10993,7 +11043,7 @@
                 onClick: editHandler
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(_sfc_main$1r, {
+                  vue.createVNode(_sfc_main$1s, {
                     icon: !notEditable.value ? vue.unref(iconsVue.Edit) : vue.unref(iconsVue.View)
                   }, null, 8, ["icon"])
                 ]),
@@ -11009,7 +11059,7 @@
     }
   });
 
-  const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "m-fields-display-conds"
     },
@@ -11147,7 +11197,7 @@
     key: 1,
     class: "fullWidth"
   };
-  const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFieldsEventSelect"
     },
@@ -11503,7 +11553,7 @@
     xmlns: "http://www.w3.org/2000/svg",
     "xmlns:xlink": "http://www.w3.org/1999/xlink"
   };
-  const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MEditorCodeIcon"
     },
@@ -11519,7 +11569,7 @@
 
   const _hoisted_1$M = { class: "m-fields-key-value" };
   const _hoisted_2$f = { key: 0 };
-  const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFieldsKeyValue"
     },
@@ -11649,14 +11699,17 @@
               /* STABLE */
             }, 8, ["size", "disabled", "icon"])
           ])) : vue.createCommentVNode("v-if", true),
-          __props.config.advanced && showCode.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1q, {
+          __props.config.advanced && showCode.value ? (vue.openBlock(), vue.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"])) : vue.createCommentVNode("v-if", true),
@@ -11665,7 +11718,7 @@
             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"])) : vue.createCommentVNode("v-if", true)
         ]);
@@ -11675,7 +11728,7 @@
 
   const _hoisted_1$L = { class: "m-fields-page-fragment-select" };
   const _hoisted_2$e = { class: "page-fragment-select-container" };
-  const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFieldsPageFragmentSelect"
     },
@@ -11733,7 +11786,7 @@
               onChange: changeHandler
             }, null, 8, ["model", "name", "size", "prop", "disabled"]),
             vue.createCommentVNode(" 编辑按钮 "),
-            __props.model[__props.name] ? (vue.openBlock(), vue.createBlock(_sfc_main$1r, {
+            __props.model[__props.name] ? (vue.openBlock(), vue.createBlock(_sfc_main$1s, {
               key: 0,
               class: "icon",
               icon: vue.unref(iconsVue.Edit),
@@ -11748,7 +11801,7 @@
   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__ */ vue.defineComponent({
+  const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
     __name: "BackgroundPosition",
     props: {
       config: {},
@@ -11860,7 +11913,7 @@
     return target;
   };
 
-  const _sfc_main$13 = {  };
+  const _sfc_main$14 = {  };
 
   const _hoisted_1$J = {
     xmlns: "http://www.w3.org/2000/svg",
@@ -11872,9 +11925,9 @@
       vue.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",
@@ -11889,9 +11942,9 @@
       }, 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",
@@ -11906,9 +11959,9 @@
       }, 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",
@@ -11923,9 +11976,9 @@
       }, 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__ */ vue.defineComponent({
+  const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
     __name: "Background",
     props: {
       values: {},
@@ -11984,7 +12037,7 @@
             name: "backgroundPosition",
             text: "背景定位",
             type: "component",
-            component: _sfc_main$14,
+            component: _sfc_main$15,
             labelWidth: "68px"
           }
         ]
@@ -12004,7 +12057,7 @@
     }
   });
 
-  const _sfc_main$_ = {  };
+  const _sfc_main$$ = {  };
 
   const _hoisted_1$F = {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12016,9 +12069,9 @@
       vue.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",
@@ -12030,9 +12083,9 @@
       vue.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",
@@ -12044,9 +12097,9 @@
       vue.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__ */ vue.defineComponent({
+  const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
     __name: "Font",
     props: {
       values: {},
@@ -12141,7 +12194,7 @@
   };
   const _hoisted_3$5 = { class: "next-input" };
   const _hoisted_4$4 = ["model-value", "title", "disabled", "onChange"];
-  const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
     __name: "Box",
     props: {
       disabled: { type: Boolean },
@@ -12234,7 +12287,7 @@
     }
   });
 
-  const _sfc_main$V = {  };
+  const _sfc_main$W = {  };
 
   const _hoisted_1$B = {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12246,9 +12299,9 @@
       vue.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",
@@ -12260,9 +12313,9 @@
       vue.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",
@@ -12274,9 +12327,9 @@
       vue.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",
@@ -12288,9 +12341,9 @@
       vue.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",
@@ -12302,9 +12355,9 @@
       vue.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",
@@ -12316,9 +12369,9 @@
       vue.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",
@@ -12330,9 +12383,9 @@
       vue.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",
@@ -12344,9 +12397,9 @@
       vue.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",
@@ -12358,9 +12411,9 @@
       vue.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",
@@ -12372,9 +12425,9 @@
       vue.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",
@@ -12386,9 +12439,9 @@
       vue.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",
@@ -12400,9 +12453,9 @@
       vue.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",
@@ -12414,9 +12467,9 @@
       vue.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",
@@ -12428,9 +12481,9 @@
       vue.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__ */ vue.defineComponent({
+  const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     __name: "Layout",
     props: {
       values: {},
@@ -12594,7 +12647,7 @@
               disabled: __props.disabled,
               onChange: change
             }, null, 8, ["model", "size", "disabled"]),
-            vue.withDirectives(vue.createVNode(_sfc_main$W, {
+            vue.withDirectives(vue.createVNode(_sfc_main$X, {
               model: __props.values,
               size: __props.size,
               disabled: __props.disabled,
@@ -12610,7 +12663,7 @@
     }
   });
 
-  const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
     __name: "Position",
     props: {
       values: {},
@@ -12721,7 +12774,7 @@
   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__ */ vue.defineComponent({
+  const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     __name: "Border",
     props: {
       model: {},
@@ -12849,7 +12902,7 @@
     }
   });
 
-  const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     __name: "Border",
     props: {
       values: {},
@@ -12887,7 +12940,7 @@
               disabled: __props.disabled,
               onChange: change
             }, null, 8, ["model", "size", "disabled"]),
-            vue.createVNode(_sfc_main$F, {
+            vue.createVNode(_sfc_main$G, {
               model: __props.values,
               size: __props.size,
               disabled: __props.disabled,
@@ -12901,7 +12954,7 @@
     }
   });
 
-  const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFieldsStyleSetter"
     },
@@ -12926,23 +12979,23 @@
         {
           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 = vue.shallowRef(
@@ -12970,7 +13023,7 @@
                   name: `${index}`
                 }, {
                   title: vue.withCtx(() => [
-                    vue.createVNode(_sfc_main$1r, { icon: vue.unref(iconsVue.Grid) }, null, 8, ["icon"]),
+                    vue.createVNode(_sfc_main$1s, { icon: vue.unref(iconsVue.Grid) }, null, 8, ["icon"]),
                     vue.createTextVNode(
                       vue.toDisplayString(item.title),
                       1
@@ -13006,7 +13059,7 @@
     class: "m-fields-ui-select",
     style: { "display": "flex" }
   };
-  const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFieldsUISelect"
     },
@@ -13189,7 +13242,7 @@
     }
   });
 
-  const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MEditorResizer"
     },
@@ -13216,7 +13269,7 @@
     }
   });
 
-  const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MEditorSplitView"
     },
@@ -13370,7 +13423,7 @@
                   6
                   /* CLASS, STYLE */
                 ),
-                vue.createVNode(_sfc_main$B, { onChange: changeLeft })
+                vue.createVNode(_sfc_main$C, { onChange: changeLeft })
               ],
               64
               /* STABLE_FRAGMENT */
@@ -13391,7 +13444,7 @@
               vue.Fragment,
               { key: 1 },
               [
-                vue.createVNode(_sfc_main$B, { onChange: changeRight }),
+                vue.createVNode(_sfc_main$C, { onChange: changeRight }),
                 vue.createElementVNode(
                   "div",
                   {
@@ -13421,7 +13474,7 @@
     class: "menu-item-text"
   };
   const _hoisted_2$a = { class: "el-dropdown-link menubar-menu-button" };
-  const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MEditorToolButton"
     },
@@ -13523,7 +13576,7 @@
                       __props.data.icon ? {
                         name: "icon",
                         fn: vue.withCtx(() => [
-                          vue.createVNode(_sfc_main$1r, {
+                          vue.createVNode(_sfc_main$1s, {
                             icon: __props.data.icon
                           }, null, 8, ["icon"])
                         ]),
@@ -13557,7 +13610,7 @@
                   __props.data.icon ? {
                     name: "icon",
                     fn: vue.withCtx(() => [
-                      vue.createVNode(_sfc_main$1r, {
+                      vue.createVNode(_sfc_main$1s, {
                         icon: __props.data.icon
                       }, null, 8, ["icon"])
                     ]),
@@ -13656,7 +13709,7 @@
     key: 1,
     style: { "width": "21px" }
   };
-  const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MEditorPageBarAddButton"
     },
@@ -13678,10 +13731,10 @@
         return showAddPageButton.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$k, [
           vue.createVNode(vue.unref(designPlugin.TMagicPopover), { "popper-class": "data-source-list-panel-add-menu" }, {
             reference: vue.withCtx(() => [
-              vue.createVNode(_sfc_main$1r, { icon: vue.unref(iconsVue.Plus) }, null, 8, ["icon"])
+              vue.createVNode(_sfc_main$1s, { icon: vue.unref(iconsVue.Plus) }, null, 8, ["icon"])
             ]),
             default: vue.withCtx(() => [
-              vue.createVNode(_sfc_main$z, {
+              vue.createVNode(_sfc_main$A, {
                 data: {
                   type: "button",
                   text: "页面",
@@ -13690,7 +13743,7 @@
                   }
                 }
               }, null, 8, ["data"]),
-              vue.createVNode(_sfc_main$z, {
+              vue.createVNode(_sfc_main$A, {
                 data: {
                   type: "button",
                   text: "页面片",
@@ -13717,7 +13770,7 @@
     class: "m-editor-page-bar-items",
     ref: "itemsContainer"
   };
-  const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MEditorPageBarScrollContainer"
     },
@@ -13855,14 +13908,14 @@
               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"))
             }, [
-              vue.createVNode(_sfc_main$1r, { icon: vue.unref(iconsVue.ArrowLeftBold) }, null, 8, ["icon"])
+              vue.createVNode(_sfc_main$1s, { icon: vue.unref(iconsVue.ArrowLeftBold) }, null, 8, ["icon"])
             ])) : vue.createCommentVNode("v-if", true),
             canScroll.value ? (vue.openBlock(), vue.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"))
             }, [
-              vue.createVNode(_sfc_main$1r, { icon: vue.unref(iconsVue.ArrowRightBold) }, null, 8, ["icon"])
+              vue.createVNode(_sfc_main$1s, { icon: vue.unref(iconsVue.ArrowRightBold) }, null, 8, ["icon"])
             ])) : vue.createCommentVNode("v-if", true)
           ],
           512
@@ -13879,7 +13932,7 @@
   };
   const _hoisted_2$7 = { class: "page-bar-popover-wrapper" };
   const _hoisted_3$3 = { class: "page-bar-popover-inner" };
-  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MEditorPageList"
     },
@@ -13920,7 +13973,7 @@
                       vue.Fragment,
                       null,
                       vue.renderList(__props.list, (item, index) => {
-                        return vue.openBlock(), vue.createBlock(_sfc_main$z, {
+                        return vue.openBlock(), vue.createBlock(_sfc_main$A, {
                           data: {
                             type: "button",
                             text: item.devconfig?.tabName || item.name || item.id,
@@ -13946,7 +13999,7 @@
   });
 
   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__ */ vue.defineComponent({
+  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     __name: "Search",
     props: {
       "query": {},
@@ -13985,7 +14038,7 @@
       };
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
-          vue.createVNode(_sfc_main$1r, {
+          vue.createVNode(_sfc_main$1s, {
             icon: vue.unref(iconsVue.Search),
             onClick: _cache[0] || (_cache[0] = ($event) => visible.value = !visible.value),
             class: vue.normalizeClass({ "icon-active": visible.value })
@@ -14013,7 +14066,7 @@
   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__ */ vue.defineComponent({
+  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MEditorPageBar"
     },
@@ -14089,20 +14142,20 @@
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [
-          vue.createVNode(_sfc_main$x, {
+          vue.createVNode(_sfc_main$y, {
             ref: "pageBarScrollContainer",
             "page-bar-sort-options": __props.pageBarSortOptions,
             length: list.value.length
           }, {
             prepend: vue.withCtx(() => [
               vue.renderSlot(_ctx.$slots, "page-bar-add-button", {}, () => [
-                vue.createVNode(_sfc_main$y)
+                vue.createVNode(_sfc_main$z)
               ]),
-              vue.createVNode(_sfc_main$v, {
+              vue.createVNode(_sfc_main$w, {
                 query: query.value,
                 "onUpdate:query": _cache[0] || (_cache[0] = ($event) => query.value = $event)
               }, null, 8, ["query"]),
-              vue.createVNode(_sfc_main$w, { list: list.value }, {
+              vue.createVNode(_sfc_main$x, { list: list.value }, {
                 "page-list-popover": vue.withCtx(({ list: list2 }) => [
                   vue.renderSlot(_ctx.$slots, "page-list-popover", { list: list2 })
                 ]),
@@ -14152,7 +14205,7 @@
                         default: vue.withCtx(() => [
                           vue.createElementVNode("div", null, [
                             vue.renderSlot(_ctx.$slots, "page-bar-popover", { page: item }, () => [
-                              vue.createVNode(_sfc_main$z, {
+                              vue.createVNode(_sfc_main$A, {
                                 data: {
                                   type: "button",
                                   text: "复制",
@@ -14160,7 +14213,7 @@
                                   handler: () => copy(item)
                                 }
                               }, null, 8, ["data"]),
-                              vue.createVNode(_sfc_main$z, {
+                              vue.createVNode(_sfc_main$A, {
                                 data: {
                                   type: "button",
                                   text: "删除",
@@ -14193,7 +14246,7 @@
 
   const _hoisted_1$f = { class: "m-editor-empty-panel" };
   const _hoisted_2$5 = { class: "m-editor-empty-content" };
-  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MEditorAddPageBox"
     },
@@ -14220,7 +14273,7 @@
               onClick: _cache[0] || (_cache[0] = ($event) => clickHandler(vue.unref(core.NodeType).PAGE))
             }, [
               vue.createElementVNode("div", null, [
-                vue.createVNode(_sfc_main$1r, { icon: vue.unref(iconsVue.Plus) }, null, 8, ["icon"])
+                vue.createVNode(_sfc_main$1s, { icon: vue.unref(iconsVue.Plus) }, null, 8, ["icon"])
               ]),
               _cache[2] || (_cache[2] = vue.createElementVNode(
                 "p",
@@ -14236,7 +14289,7 @@
               onClick: _cache[1] || (_cache[1] = ($event) => clickHandler(vue.unref(core.NodeType).PAGE_FRAGMENT))
             }, [
               vue.createElementVNode("div", null, [
-                vue.createVNode(_sfc_main$1r, { icon: vue.unref(iconsVue.Plus) }, null, 8, ["icon"])
+                vue.createVNode(_sfc_main$1s, { icon: vue.unref(iconsVue.Plus) }, null, 8, ["icon"])
               ]),
               _cache[3] || (_cache[3] = vue.createElementVNode(
                 "p",
@@ -14257,7 +14310,7 @@
     ref: "content",
     style: { "min-width": "900px" }
   };
-  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MEditorFramework"
     },
@@ -14329,13 +14382,13 @@
             vue.renderSlot(_ctx.$slots, "nav"),
             vue.renderSlot(_ctx.$slots, "content-before"),
             showSrc.value ? vue.renderSlot(_ctx.$slots, "src-code", { key: 0 }, () => [
-              vue.createVNode(_sfc_main$1q, {
+              vue.createVNode(_sfc_main$1r, {
                 class: "m-editor-content",
                 "init-values": root.value,
                 options: vue.unref(codeOptions),
                 onSave: saveCode
               }, null, 8, ["init-values", "options"])
-            ]) : (vue.openBlock(), vue.createBlock(_sfc_main$A, {
+            ]) : (vue.openBlock(), vue.createBlock(_sfc_main$B, {
               key: 1,
               ref: "splitView",
               class: "m-editor-content",
@@ -14355,10 +14408,10 @@
               ]),
               center: vue.withCtx(() => [
                 page.value ? vue.renderSlot(_ctx.$slots, "workspace", { key: 0 }) : vue.renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
-                  vue.createVNode(_sfc_main$t, { "disabled-page-fragment": __props.disabledPageFragment }, null, 8, ["disabled-page-fragment"])
+                  vue.createVNode(_sfc_main$u, { "disabled-page-fragment": __props.disabledPageFragment }, null, 8, ["disabled-page-fragment"])
                 ]),
                 vue.renderSlot(_ctx.$slots, "page-bar", {}, () => [
-                  vue.createVNode(_sfc_main$u, {
+                  vue.createVNode(_sfc_main$v, {
                     "disabled-page-fragment": __props.disabledPageFragment,
                     "page-bar-sort-options": __props.pageBarSortOptions,
                     "filter-function": __props.pageFilterFunction
@@ -14401,7 +14454,7 @@
     }
   });
 
-  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MEditorNavMenu"
     },
@@ -14593,7 +14646,7 @@
                       vue.Fragment,
                       null,
                       vue.renderList(buttons.value[key], (item, index) => {
-                        return vue.openBlock(), vue.createBlock(_sfc_main$z, {
+                        return vue.openBlock(), vue.createBlock(_sfc_main$A, {
                           data: item,
                           key: index
                         }, null, 8, ["data"]);
@@ -14618,7 +14671,7 @@
   });
 
   const _hoisted_1$d = { class: "m-editor-props-form-panel" };
-  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MEditorFormPanel"
     },
@@ -14703,12 +14756,12 @@
             onClick: _cache[0] || (_cache[0] = ($event) => showSrc.value = !showSrc.value)
           }, {
             default: vue.withCtx(() => [
-              vue.createVNode(_sfc_main$1r, { icon: vue.unref(iconsVue.Document) }, null, 8, ["icon"])
+              vue.createVNode(_sfc_main$1s, { icon: vue.unref(iconsVue.Document) }, null, 8, ["icon"])
             ]),
             _: 1
             /* STABLE */
           }, 8, ["type"])) : vue.createCommentVNode("v-if", true),
-          showSrc.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1q, {
+          showSrc.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1r, {
             key: 1,
             class: "m-editor-props-panel-src-code",
             height: `${vue.unref(editorContentHeight)}px`,
@@ -14773,7 +14826,7 @@
     class: "m-editor-props-panel"
   };
   const _hoisted_2$4 = { class: "m-editor-props-style-panel-title" };
-  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MEditorPropsPanel"
     },
@@ -14891,7 +14944,7 @@
           _hoisted_1$c,
           [
             vue.renderSlot(_ctx.$slots, "props-panel-header"),
-            vue.createVNode(_sfc_main$q, {
+            vue.createVNode(_sfc_main$r, {
               ref: "propertyFormPanel",
               class: vue.normalizeClass(["m-editor-props-property-panel", { "show-style-panel": vue.unref(showStylePanel) }]),
               config: curFormConfig.value,
@@ -14904,11 +14957,11 @@
               onMounted: mountedHandler,
               onUnmounted: unmountedHandler
             }, null, 8, ["class", "config", "values", "disabledShowSrc", "extendState"]),
-            vue.unref(showStylePanel) ? (vue.openBlock(), vue.createBlock(_sfc_main$B, {
+            vue.unref(showStylePanel) ? (vue.openBlock(), vue.createBlock(_sfc_main$C, {
               key: 0,
               onChange: widthChange
             })) : vue.createCommentVNode("v-if", true),
-            vue.unref(showStylePanel) ? (vue.openBlock(), vue.createBlock(_sfc_main$q, {
+            vue.unref(showStylePanel) ? (vue.openBlock(), vue.createBlock(_sfc_main$r, {
               key: 1,
               class: "m-editor-props-style-panel",
               "label-position": "top",
@@ -14937,7 +14990,7 @@
                       onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(toggleStylePanel)(false))
                     }, {
                       default: vue.withCtx(() => [
-                        vue.createVNode(_sfc_main$1r, { icon: vue.unref(iconsVue.Close) }, null, 8, ["icon"])
+                        vue.createVNode(_sfc_main$1s, { icon: vue.unref(iconsVue.Close) }, null, 8, ["icon"])
                       ]),
                       _: 1
                       /* STABLE */
@@ -14955,7 +15008,7 @@
               onClick: _cache[1] || (_cache[1] = ($event) => vue.unref(toggleStylePanel)(true))
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(_sfc_main$1r, { icon: vue.unref(iconsVue.Sugar) }, null, 8, ["icon"])
+                vue.createVNode(_sfc_main$1s, { icon: vue.unref(iconsVue.Sugar) }, null, 8, ["icon"])
               ]),
               _: 1
               /* STABLE */
@@ -14970,7 +15023,7 @@
     }
   });
 
-  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MEditorContentMenu"
     },
@@ -15110,7 +15163,7 @@
                     vue.Fragment,
                     null,
                     vue.renderList(__props.menuData, (item, index) => {
-                      return vue.openBlock(), vue.createBlock(_sfc_main$z, {
+                      return vue.openBlock(), vue.createBlock(_sfc_main$A, {
                         "event-type": "mouseup",
                         ref_for: true,
                         ref: "buttons",
@@ -15150,7 +15203,7 @@
     }
   });
 
-  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MEditorSearchInput"
     },
@@ -15200,7 +15253,7 @@
     key: 0,
     class: "m-editor-tree-node-children"
   };
-  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MEditorTreeNode"
     },
@@ -15277,7 +15330,7 @@
               onMouseenter: mouseenterHandler
             },
             [
-              vue.createVNode(_sfc_main$1r, {
+              vue.createVNode(_sfc_main$1s, {
                 class: "expand-icon",
                 style: vue.normalizeStyle(hasChildren.value ? "" : "color: transparent; cursor: default"),
                 icon: expanded.value ? vue.unref(iconsVue.ArrowDown) : vue.unref(iconsVue.ArrowRight),
@@ -15347,7 +15400,7 @@
     key: 1,
     class: "m-editor-tree-empty"
   };
-  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MEditorTree"
     },
@@ -15378,7 +15431,7 @@
               vue.Fragment,
               { key: 0 },
               vue.renderList(__props.data, (item) => {
-                return vue.openBlock(), vue.createBlock(_sfc_main$m, {
+                return vue.openBlock(), vue.createBlock(_sfc_main$n, {
                   key: item.id,
                   data: item,
                   indent: __props.indent,
@@ -15417,7 +15470,7 @@
     }
   });
 
-  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MEditorCodeBlockList"
     },
@@ -15523,7 +15576,7 @@
         deleteCode
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$l, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$m, {
           data: codeList.value,
           "node-status-map": vue.unref(nodeStatusMap),
           indent: __props.indent,
@@ -15554,7 +15607,7 @@
               placement: "bottom"
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(_sfc_main$1r, {
+                vue.createVNode(_sfc_main$1s, {
                   icon: editable.value ? vue.unref(iconsVue.Edit) : vue.unref(iconsVue.View),
                   class: "edit-icon",
                   onClick: vue.withModifiers(($event) => editCode(`${data.key}`), ["stop"])
@@ -15573,7 +15626,7 @@
               },
               {
                 default: vue.withCtx(() => [
-                  vue.createVNode(_sfc_main$1r, {
+                  vue.createVNode(_sfc_main$1s, {
                     icon: vue.unref(iconsVue.Close),
                     class: "edit-icon",
                     onClick: vue.withModifiers(($event) => deleteCode(`${data.key}`), ["stop"])
@@ -15664,7 +15717,7 @@
   };
 
   const _hoisted_1$9 = { class: "search-wrapper" };
-  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MEditorCodeBlockListPanel"
     },
@@ -15719,7 +15772,7 @@
               default: vue.withCtx(() => [
                 vue.renderSlot(_ctx.$slots, "code-block-panel-header", {}, () => [
                   vue.createElementVNode("div", _hoisted_1$9, [
-                    vue.createVNode(_sfc_main$n, { onSearch: filterTextChangeHandler }),
+                    vue.createVNode(_sfc_main$o, { onSearch: filterTextChangeHandler }),
                     editable.value ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicButton), {
                       key: 0,
                       class: "create-code-button",
@@ -15741,7 +15794,7 @@
                   ])
                 ]),
                 vue.createCommentVNode(" 代码块列表 "),
-                vue.createVNode(_sfc_main$k, {
+                vue.createVNode(_sfc_main$l, {
                   ref: "codeBlockList",
                   "custom-error": __props.customError,
                   indent: __props.indent,
@@ -15763,7 +15816,7 @@
               _: 3
               /* FORWARDED */
             }),
-            vue.unref(codeConfig) ? (vue.openBlock(), vue.createBlock(_sfc_main$1e, {
+            vue.unref(codeConfig) ? (vue.openBlock(), vue.createBlock(_sfc_main$1f, {
               key: 0,
               ref_key: "codeBlockEditor",
               ref: codeBlockEditor,
@@ -15773,7 +15826,7 @@
               onClose: editDialogCloseHandler
             }, null, 8, ["disabled", "content", "onSubmit"])) : vue.createCommentVNode("v-if", true),
             (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
-              menuData.value.length ? (vue.openBlock(), vue.createBlock(_sfc_main$o, {
+              menuData.value.length ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
                 key: 0,
                 "menu-data": menuData.value,
                 ref: "menu",
@@ -15820,6 +15873,71 @@
     };
   };
 
+  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      name: "MEditorDataSourceAddButton"
+    },
+    __name: "DataSourceAddButton",
+    props: {
+      datasourceTypeList: {},
+      addButtonConfig: {},
+      addButtonText: {}
+    },
+    emits: ["add"],
+    setup(__props) {
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicPopover), {
+          placement: "right",
+          trigger: "hover",
+          "popper-class": "data-source-list-panel-add-menu",
+          "destroy-on-close": true
+        }, {
+          reference: vue.withCtx(() => [
+            vue.createVNode(
+              vue.unref(designPlugin.TMagicButton),
+              vue.normalizeProps(vue.guardReactiveProps(__props.addButtonConfig || {})),
+              {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(
+                    vue.toDisplayString(__props.addButtonText || ""),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              },
+              16
+              /* FULL_PROPS */
+            )
+          ]),
+          default: vue.withCtx(() => [
+            (vue.openBlock(true), vue.createElementBlock(
+              vue.Fragment,
+              null,
+              vue.renderList(__props.datasourceTypeList, (item, index) => {
+                return vue.openBlock(), vue.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__ */ vue.defineComponent({
     ...{
       name: "MEditorDataSourceConfigPanel"
@@ -15876,7 +15994,7 @@
         }
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$1j, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$1k, {
           visible: boxVisible.value,
           "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => boxVisible.value = $event),
           width: width.value,
@@ -16005,7 +16123,7 @@
         filter: filterTextChangeHandler
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$l, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$m, {
           data: list.value,
           "node-status-map": vue.unref(nodeStatusMap),
           indent: __props.indent,
@@ -16036,7 +16154,7 @@
               placement: "bottom"
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(_sfc_main$1r, {
+                vue.createVNode(_sfc_main$1s, {
                   icon: editable.value ? vue.unref(iconsVue.Edit) : vue.unref(iconsVue.View),
                   class: "edit-icon",
                   onClick: vue.withModifiers(($event) => editHandler(`${data.key}`), ["stop"])
@@ -16055,7 +16173,7 @@
               },
               {
                 default: vue.withCtx(() => [
-                  vue.createVNode(_sfc_main$1r, {
+                  vue.createVNode(_sfc_main$1s, {
                     icon: vue.unref(iconsVue.Close),
                     class: "edit-icon",
                     onClick: vue.withModifiers(($event) => removeHandler(`${data.key}`), ["stop"])
@@ -16222,53 +16340,14 @@
             vue.createVNode(vue.unref(designPlugin.TMagicScrollbar), { class: "data-source-list-panel m-editor-layer-panel" }, {
               default: vue.withCtx(() => [
                 vue.createElementVNode("div", _hoisted_1$8, [
-                  vue.createVNode(_sfc_main$n, { onSearch: filterTextChangeHandler }),
-                  vue.unref(editable) ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicPopover), {
+                  vue.createVNode(_sfc_main$o, { onSearch: filterTextChangeHandler }),
+                  vue.unref(editable) ? (vue.openBlock(), vue.createBlock(_sfc_main$j, {
                     key: 0,
-                    placement: "right",
-                    trigger: "hover",
-                    "popper-class": "data-source-list-panel-add-menu",
-                    "destroy-on-close": true
-                  }, {
-                    reference: vue.withCtx(() => [
-                      vue.createVNode(vue.unref(designPlugin.TMagicButton), {
-                        type: "primary",
-                        size: "small"
-                      }, {
-                        default: vue.withCtx(() => [..._cache[0] || (_cache[0] = [
-                          vue.createTextVNode(
-                            "新增",
-                            -1
-                            /* CACHED */
-                          )
-                        ])]),
-                        _: 1
-                        /* STABLE */
-                      })
-                    ]),
-                    default: vue.withCtx(() => [
-                      (vue.openBlock(true), vue.createElementBlock(
-                        vue.Fragment,
-                        null,
-                        vue.renderList(datasourceTypeList.value, (item, index) => {
-                          return vue.openBlock(), vue.createBlock(_sfc_main$z, {
-                            data: {
-                              type: "button",
-                              text: item.text,
-                              handler: () => {
-                                addHandler(item.type);
-                              }
-                            },
-                            key: index
-                          }, null, 8, ["data"]);
-                        }),
-                        128
-                        /* KEYED_FRAGMENT */
-                      ))
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  })) : vue.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"])) : vue.createCommentVNode("v-if", true),
                   vue.renderSlot(_ctx.$slots, "data-source-panel-search")
                 ]),
                 vue.createCommentVNode(" 数据源列表 "),
@@ -16294,7 +16373,7 @@
               onClose: editDialogCloseHandler
             }, null, 8, ["disabled", "values", "title", "onSubmit"]),
             (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
-              menuData.value.length ? (vue.openBlock(), vue.createBlock(_sfc_main$o, {
+              menuData.value.length ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
                 key: 0,
                 "menu-data": menuData.value,
                 ref: "menu",
@@ -16517,7 +16596,7 @@
         show
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$o, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$p, {
           "menu-data": menuData.value,
           ref: "menu",
           style: { "overflow": "initial" }
@@ -16541,26 +16620,14 @@
         });
       };
       return (_ctx, _cache) => {
-        return __props.data.type !== "page" ? (vue.openBlock(), vue.createElementBlock(
-          vue.Fragment,
-          { key: 0 },
-          [
-            __props.data.visible === false ? (vue.openBlock(), vue.createBlock(_sfc_main$1r, {
-              key: 0,
-              icon: vue.unref(iconsVue.Hide),
-              onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => setNodeVisible(true), ["stop"])),
-              title: "点击显示"
-            }, null, 8, ["icon"])) : (vue.openBlock(), vue.createBlock(_sfc_main$1r, {
-              key: 1,
-              icon: vue.unref(iconsVue.View),
-              onClick: _cache[1] || (_cache[1] = vue.withModifiers(($event) => setNodeVisible(false), ["stop"])),
-              class: "node-lock",
-              title: "点击隐藏"
-            }, null, 8, ["icon"]))
-          ],
-          64
-          /* STABLE_FRAGMENT */
-        )) : vue.createCommentVNode("v-if", true);
+        return __props.data.type !== "page" ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicButton), {
+          key: 0,
+          link: "",
+          type: __props.data.visible === false ? "primary" : "default",
+          icon: __props.data.visible === false ? vue.unref(iconsVue.Hide) : vue.unref(iconsVue.View),
+          title: __props.data.visible === false ? "点击显示" : "点击隐藏",
+          onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => setNodeVisible(__props.data.visible === false), ["stop"]))
+        }, null, 8, ["type", "icon", "title"])) : vue.createCommentVNode("v-if", true);
       };
     }
   });
@@ -17081,8 +17148,8 @@
         return vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicScrollbar), { class: "m-editor-layer-panel" }, {
           default: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "layer-panel-header"),
-            vue.createVNode(_sfc_main$n, { onSearch: vue.unref(filterTextChangeHandler) }, null, 8, ["onSearch"]),
-            page.value && vue.unref(nodeStatusMap) ? (vue.openBlock(), vue.createBlock(_sfc_main$l, {
+            vue.createVNode(_sfc_main$o, { onSearch: vue.unref(filterTextChangeHandler) }, null, 8, ["onSearch"]),
+            page.value && vue.unref(nodeStatusMap) ? (vue.openBlock(), vue.createBlock(_sfc_main$m, {
               key: 0,
               tabindex: "-1",
               ref: "tree",
@@ -17211,7 +17278,7 @@
         return vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicScrollbar), null, {
           default: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "component-list-panel-header"),
-            vue.createVNode(_sfc_main$n, { onSearch: filterTextChangeHandler }),
+            vue.createVNode(_sfc_main$o, { onSearch: filterTextChangeHandler }),
             vue.renderSlot(_ctx.$slots, "component-list", { componentGroupList: list.value }, () => [
               vue.createVNode(vue.unref(designPlugin.TMagicCollapse), {
                 class: "ui-component-panel",
@@ -17232,7 +17299,7 @@
                             name: `${index}`
                           }, {
                             title: vue.withCtx(() => [
-                              vue.createVNode(_sfc_main$1r, { icon: vue.unref(iconsVue.Grid) }, null, 8, ["icon"]),
+                              vue.createVNode(_sfc_main$1s, { icon: vue.unref(iconsVue.Grid) }, null, 8, ["icon"]),
                               vue.createTextVNode(
                                 vue.toDisplayString(group.title),
                                 1
@@ -17260,7 +17327,7 @@
                                         content: item.desc
                                       }, {
                                         default: vue.withCtx(() => [
-                                          vue.createVNode(_sfc_main$1r, {
+                                          vue.createVNode(_sfc_main$1s, {
                                             icon: item.icon
                                           }, null, 8, ["icon"])
                                         ]),
@@ -17385,7 +17452,7 @@
             type: "component",
             icon: iconsVue.EditPen,
             text: "代码编辑",
-            component: _sfc_main$j,
+            component: _sfc_main$k,
             props: {
               indent: props.indent,
               nextLevelIndentIncrement: props.nextLevelIndentIncrement,
@@ -17486,7 +17553,7 @@
                       (...args) => vue.unref(dragstartHandler) && vue.unref(dragstartHandler)(...args)),
                       onDragend: ($event) => vue.unref(dragendHandler)(config.$key, $event)
                     }, [
-                      config.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$1r, {
+                      config.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$1s, {
                         key: 0,
                         icon: config.icon
                       }, null, 8, ["icon"])) : vue.createCommentVNode("v-if", true),
@@ -17666,7 +17733,7 @@
                   1
                   /* TEXT */
                 ),
-                vue.createVNode(_sfc_main$1r, {
+                vue.createVNode(_sfc_main$1s, {
                   icon: vue.unref(iconsVue.Close),
                   class: "close-icon",
                   onClick: _cache[1] || (_cache[1] = vue.withModifiers(($event) => tipsBarVisible.value = false, ["stop"]))
@@ -17682,7 +17749,7 @@
                     vue.Fragment,
                     null,
                     [
-                      vue.unref(floatBoxStates)[config.$key]?.status ? (vue.openBlock(), vue.createBlock(_sfc_main$1j, {
+                      vue.unref(floatBoxStates)[config.$key]?.status ? (vue.openBlock(), vue.createBlock(_sfc_main$1k, {
                         key: config.$key ?? index,
                         visible: vue.unref(floatBoxStates)[config.$key].status,
                         "onUpdate:visible": ($event) => vue.unref(floatBoxStates)[config.$key].status = $event,
@@ -18030,7 +18097,7 @@
               _: 1
               /* STABLE */
             })) : vue.createCommentVNode("v-if", true),
-            page.value && vue.unref(nodeStatusMap) && buttonVisible.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1j, {
+            page.value && vue.unref(nodeStatusMap) && buttonVisible.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1k, {
               key: 1,
               ref: "box",
               visible: visible.value,
@@ -18039,7 +18106,7 @@
               position: menuPosition.value
             }, {
               body: vue.withCtx(() => [
-                vue.createVNode(_sfc_main$l, {
+                vue.createVNode(_sfc_main$m, {
                   class: "m-editor-node-list-menu magic-editor-layer-tree",
                   data: nodeData.value,
                   "node-status-map": vue.unref(nodeStatusMap),
@@ -18329,7 +18396,7 @@
       };
       __expose({ show });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$o, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$p, {
           "menu-data": menuData.value,
           ref: "menu"
         }, null, 8, ["menu-data"]);
@@ -21452,7 +21519,7 @@
       };
       __expose(services);
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$s, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$t, {
           "disabled-page-fragment": __props.disabledPageFragment,
           "page-bar-sort-options": __props.pageBarSortOptions,
           "page-filter-function": __props.pageFilterFunction
@@ -21462,7 +21529,7 @@
           ]),
           nav: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "nav", { editorService: vue.unref(editorService) }, () => [
-              vue.createVNode(_sfc_main$r, { data: __props.menu }, null, 8, ["data"])
+              vue.createVNode(_sfc_main$s, { data: __props.menu }, null, 8, ["data"])
             ])
           ]),
           "content-before": vue.withCtx(() => [
@@ -21544,7 +21611,7 @@
           ]),
           "props-panel": vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "props-panel", {}, () => [
-              vue.createVNode(_sfc_main$p, {
+              vue.createVNode(_sfc_main$q, {
                 "extend-state": __props.extendFormState,
                 "disabled-show-src": __props.disabledShowSrc,
                 onMounted: propsPanelMountedHandler,
@@ -21606,25 +21673,25 @@
       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);
     }
   };
 
@@ -21640,60 +21707,61 @@
   exports.COPY_CODE_STORAGE_KEY = COPY_CODE_STORAGE_KEY;
   exports.COPY_DS_STORAGE_KEY = COPY_DS_STORAGE_KEY;
   exports.COPY_STORAGE_KEY = COPY_STORAGE_KEY;
-  exports.CodeBlockEditor = _sfc_main$1e;
-  exports.CodeBlockList = _sfc_main$k;
-  exports.CodeBlockListPanel = _sfc_main$j;
+  exports.CodeBlockEditor = _sfc_main$1f;
+  exports.CodeBlockList = _sfc_main$l;
+  exports.CodeBlockListPanel = _sfc_main$k;
   exports.CodeDeleteErrorType = CodeDeleteErrorType;
-  exports.CodeSelect = _sfc_main$1n;
-  exports.CodeSelectCol = _sfc_main$1l;
+  exports.CodeSelect = _sfc_main$1o;
+  exports.CodeSelectCol = _sfc_main$1m;
   exports.ColumnLayout = ColumnLayout;
   exports.ComponentListPanel = _sfc_main$b;
-  exports.CondOpSelect = _sfc_main$1k;
-  exports.ContentMenu = _sfc_main$o;
+  exports.CondOpSelect = _sfc_main$1l;
+  exports.ContentMenu = _sfc_main$p;
   exports.DEFAULT_LEFT_COLUMN_WIDTH = DEFAULT_LEFT_COLUMN_WIDTH;
   exports.DEFAULT_RIGHT_COLUMN_WIDTH = DEFAULT_RIGHT_COLUMN_WIDTH;
+  exports.DataSourceAddButton = _sfc_main$j;
   exports.DataSourceConfigPanel = _sfc_main$i;
-  exports.DataSourceFieldSelect = _sfc_main$1g;
-  exports.DataSourceFields = _sfc_main$1i;
-  exports.DataSourceInput = _sfc_main$1f;
-  exports.DataSourceMethodSelect = _sfc_main$1c;
-  exports.DataSourceMethods = _sfc_main$1d;
-  exports.DataSourceMocks = _sfc_main$1b;
-  exports.DataSourceSelect = _sfc_main$1a;
-  exports.DisplayConds = _sfc_main$19;
+  exports.DataSourceFieldSelect = _sfc_main$1h;
+  exports.DataSourceFields = _sfc_main$1j;
+  exports.DataSourceInput = _sfc_main$1g;
+  exports.DataSourceMethodSelect = _sfc_main$1d;
+  exports.DataSourceMethods = _sfc_main$1e;
+  exports.DataSourceMocks = _sfc_main$1c;
+  exports.DataSourceSelect = _sfc_main$1b;
+  exports.DisplayConds = _sfc_main$1a;
   exports.DragType = DragType;
-  exports.EventSelect = _sfc_main$18;
+  exports.EventSelect = _sfc_main$19;
   exports.Fixed2Other = Fixed2Other;
-  exports.FloatingBox = _sfc_main$1j;
+  exports.FloatingBox = _sfc_main$1k;
   exports.H_GUIDE_LINE_STORAGE_KEY = H_GUIDE_LINE_STORAGE_KEY;
-  exports.Icon = _sfc_main$1r;
+  exports.Icon = _sfc_main$1s;
   exports.IdleTask = IdleTask;
   exports.KeyBindingCommand = KeyBindingCommand;
-  exports.KeyValue = _sfc_main$16;
+  exports.KeyValue = _sfc_main$17;
   exports.Keys = Keys;
   exports.LEFT_COLUMN_WIDTH_STORAGE_KEY = LEFT_COLUMN_WIDTH_STORAGE_KEY;
   exports.LayerOffset = LayerOffset;
   exports.LayerPanel = _sfc_main$c;
   exports.Layout = Layout;
-  exports.LayoutContainer = _sfc_main$A;
+  exports.LayoutContainer = _sfc_main$B;
   exports.MIN_CENTER_COLUMN_WIDTH = MIN_CENTER_COLUMN_WIDTH;
   exports.MIN_LEFT_COLUMN_WIDTH = MIN_LEFT_COLUMN_WIDTH;
   exports.MIN_RIGHT_COLUMN_WIDTH = MIN_RIGHT_COLUMN_WIDTH;
   exports.PROPS_PANEL_WIDTH_STORAGE_KEY = PROPS_PANEL_WIDTH_STORAGE_KEY;
-  exports.PageFragmentSelect = _sfc_main$15;
-  exports.PropsFormPanel = _sfc_main$q;
-  exports.PropsPanel = _sfc_main$p;
+  exports.PageFragmentSelect = _sfc_main$16;
+  exports.PropsFormPanel = _sfc_main$r;
+  exports.PropsPanel = _sfc_main$q;
   exports.RIGHT_COLUMN_WIDTH_STORAGE_KEY = RIGHT_COLUMN_WIDTH_STORAGE_KEY;
-  exports.Resizer = _sfc_main$B;
+  exports.Resizer = _sfc_main$C;
   exports.ScrollViewer = ScrollViewer;
   exports.SideItemKey = SideItemKey;
-  exports.SplitView = _sfc_main$A;
-  exports.StyleSetter = _sfc_main$D;
-  exports.TMagicCodeEditor = _sfc_main$1q;
+  exports.SplitView = _sfc_main$B;
+  exports.StyleSetter = _sfc_main$E;
+  exports.TMagicCodeEditor = _sfc_main$1r;
   exports.TMagicEditor = _sfc_main;
-  exports.ToolButton = _sfc_main$z;
-  exports.Tree = _sfc_main$l;
-  exports.TreeNode = _sfc_main$m;
+  exports.ToolButton = _sfc_main$A;
+  exports.Tree = _sfc_main$m;
+  exports.TreeNode = _sfc_main$n;
   exports.UI_SELECT_MODE_EVENT_NAME = UI_SELECT_MODE_EVENT_NAME;
   exports.UndoRedo = UndoRedo;
   exports.V_GUIDE_LINE_STORAGE_KEY = V_GUIDE_LINE_STORAGE_KEY;