@tmagic/editor 1.6.0 → 1.7.0-beta.0

package/dist/tmagic-editor.js

@@ -7,13 +7,13 @@ 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, vModelText, vShow, shallowRef, withModifiers, toHandlers, createSlots, getCurrentInstance, Transition, resolveDirective, mergeDefaults } from 'vue';
+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 { 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';
 import { emmetHTML, emmetCSS } from 'emmet-monaco-es';
 import * as monaco from 'monaco-editor';
-import { HookCodeType, HookType, NODE_DISABLE_CODE_BLOCK_KEY, NODE_DISABLE_DATA_SOURCE_KEY, NODE_CONDS_KEY, Target, Watcher, NodeType, ActionType, DepTargetType, traverseTarget, createCodeBlockTarget, createDataSourceTarget, createDataSourceCondTarget, createDataSourceMethodTarget, updateNode } from '@tmagic/core';
+import { HookCodeType, HookType, NODE_DISABLE_CODE_BLOCK_KEY, NODE_DISABLE_DATA_SOURCE_KEY, NODE_CONDS_RESULT_KEY, NODE_CONDS_KEY, Target, Watcher, NodeType, ActionType, DepTargetType, traverseTarget, createCodeBlockTarget, createDataSourceTarget, createDataSourceCondTarget, createDataSourceMethodTarget, updateNode } from '@tmagic/core';
 export { DepTargetType } from '@tmagic/core';
 import { isPage, isPageFragment, isPop, getNodePath, isNumber, getElById, calcValueByFontsize, isValueIncludeDataSource, toLine, guid, getValueByKeyPath, setValueByKeyPath, getNodeInfo, DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX, dataSourceTemplateRegExp, getKeysArray, getKeys, convertToNumber, getIdFromEl, traverseNode, getDefaultValueFromFields, DATA_SOURCE_FIELDS_CHANGE_EVENT_PREFIX, removeClassName, addClassName, removeClassNameByClassName, getNodes, getDepNodeIds } from '@tmagic/utils';
 export * from '@tmagic/utils';
@@ -27,7 +27,7 @@ import { detailedDiff } from 'deep-object-diff';
 import Sortable from 'sortablejs';
 import KeyController from 'keycon';
 
-const _hoisted_1$10 = ["src"];
+const _hoisted_1$$ = ["src"];
 const _sfc_main$1r = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorIcon"
@@ -39,7 +39,7 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const isRelativePath = (str) => /^(\.|(\.\.)?\/)/.test(str);
     return (_ctx, _cache) => {
-      return !_ctx.icon ? (openBlock(), createBlock(unref(TMagicIcon), {
+      return !__props.icon ? (openBlock(), createBlock(unref(TMagicIcon), {
         key: 0,
         class: "magic-editor-icon"
       }, {
@@ -48,20 +48,20 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
         ]),
         _: 1
         /* STABLE */
-      })) : typeof _ctx.icon === "string" && (_ctx.icon.startsWith("http") || isRelativePath(_ctx.icon)) ? (openBlock(), createBlock(unref(TMagicIcon), {
+      })) : typeof __props.icon === "string" && (__props.icon.startsWith("http") || isRelativePath(__props.icon)) ? (openBlock(), createBlock(unref(TMagicIcon), {
         key: 1,
         class: "magic-editor-icon"
       }, {
         default: withCtx(() => [
-          createElementVNode("img", { src: _ctx.icon }, null, 8, _hoisted_1$10)
+          createElementVNode("img", { src: __props.icon }, null, 8, _hoisted_1$$)
         ]),
         _: 1
         /* STABLE */
-      })) : typeof _ctx.icon === "string" ? (openBlock(), createElementBlock(
+      })) : typeof __props.icon === "string" ? (openBlock(), createElementBlock(
         "i",
         {
           key: 2,
-          class: normalizeClass(["magic-editor-icon", _ctx.icon])
+          class: normalizeClass(["magic-editor-icon", __props.icon])
         },
         null,
         2
@@ -71,7 +71,7 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
         class: "magic-editor-icon"
       }, {
         default: withCtx(() => [
-          (openBlock(), createBlock(resolveDynamicComponent(toRaw(_ctx.icon))))
+          (openBlock(), createBlock(resolveDynamicComponent(toRaw(__props.icon))))
         ]),
         _: 1
         /* STABLE */
@@ -89,10 +89,10 @@ const getEditorConfig = (key) => $TMAGIC_EDITOR[key];
 emmetHTML(monaco);
 emmetCSS(monaco, ["css", "scss"]);
 
-const _hoisted_1$$ = {
+const _hoisted_1$_ = {
   class: /* @__PURE__ */ normalizeClass(`magic-code-editor`)
 };
-const _hoisted_2$n = {
+const _hoisted_2$o = {
   ref: "codeEditor",
   class: "magic-code-editor-content"
 };
@@ -287,7 +287,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$$, [
+      return openBlock(), createElementBlock("div", _hoisted_1$_, [
         (openBlock(), createBlock(Teleport, {
           to: "body",
           disabled: !fullScreen.value
@@ -296,10 +296,10 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
             "div",
             {
               class: normalizeClass(`magic-code-editor-wrapper${fullScreen.value ? " full-screen" : ""}`),
-              style: normalizeStyle(!fullScreen.value && _ctx.height ? `height: ${_ctx.height}` : "100%")
+              style: normalizeStyle(!fullScreen.value && __props.height ? `height: ${__props.height}` : "100%")
             },
             [
-              !_ctx.disabledFullScreen ? (openBlock(), createBlock(unref(TMagicButton), {
+              !__props.disabledFullScreen ? (openBlock(), createBlock(unref(TMagicButton), {
                 key: 0,
                 class: "magic-code-editor-full-screen-icon",
                 circle: "",
@@ -314,7 +314,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
               })) : createCommentVNode("v-if", true),
               createElementVNode(
                 "div",
-                _hoisted_2$n,
+                _hoisted_2$o,
                 null,
                 512
                 /* NEED_PATCH */
@@ -353,14 +353,14 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1q, {
-        height: _ctx.config.height,
-        "init-values": _ctx.model[_ctx.name],
-        language: _ctx.config.language,
+        height: __props.config.height,
+        "init-values": __props.model[__props.name],
+        language: __props.config.language,
         options: {
-          ..._ctx.config.options,
-          readOnly: _ctx.disabled
+          ...__props.config.options,
+          readOnly: __props.disabled
         },
-        parse: _ctx.config.parse,
+        parse: __props.config.parse,
         onSave: save
       }, null, 8, ["height", "init-values", "language", "options", "parse"]);
     };
@@ -554,18 +554,18 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(
         "div",
         {
-          class: normalizeClass(["m-fields-code-select", _ctx.config.className])
+          class: normalizeClass(["m-fields-code-select", __props.config.className])
         },
         [
           createVNode(unref(TMagicCard), null, {
             default: withCtx(() => [
               createVNode(unref(MContainer), {
                 config: codeConfig.value,
-                size: _ctx.size,
-                prop: _ctx.prop,
-                disabled: _ctx.disabled,
-                lastValues: _ctx.lastValues,
-                model: _ctx.model[_ctx.name],
+                size: __props.size,
+                prop: __props.prop,
+                disabled: __props.disabled,
+                lastValues: __props.lastValues,
+                model: __props.model[__props.name],
                 onChange: changeHandler
               }, null, 8, ["config", "size", "prop", "disabled", "lastValues", "model"])
             ]),
@@ -716,8 +716,19 @@ const advancedTabConfig = {
 };
 const displayTabConfig = {
   title: "显示条件",
-  display: (_vm, { model }) => model.type !== "page",
+  display: (_state, { model }) => model.type !== "page",
   items: [
+    {
+      name: NODE_CONDS_RESULT_KEY,
+      type: "select",
+      text: "条件成立时",
+      defaultValue: false,
+      options: [
+        { text: "显示", value: false },
+        { text: "隐藏", value: true }
+      ],
+      extra: (_state, { model }) => `条件成立时${model[NODE_CONDS_RESULT_KEY] ? "隐藏" : "显示"}，不成立时${model[NODE_CONDS_RESULT_KEY] ? "显示" : "隐藏"}；<br />同一条件组内的所有条件配置同时成立时表示该条件组成立，任意一个条件组成立时表示条件成立(条件组内为且的关系，条件组间为或的关系)；<br />条件为空时表示成立；`
+    },
     {
       type: "display-conds",
       name: NODE_CONDS_KEY,
@@ -2150,6 +2161,7 @@ class Editor extends BaseService {
   }
   /**
    * 更新节点
+   * update后会触发依赖收集，收集完后会掉stage.update方法
    * @param config 新的节点配置，配置中需要有id信息
    * @returns 更新后的节点配置
    */
@@ -3240,9 +3252,9 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(MForm), {
         ref: "form",
         config: codeParamsConfig.value,
-        "init-values": _ctx.model,
-        disabled: _ctx.disabled,
-        size: _ctx.size,
+        "init-values": __props.model,
+        disabled: __props.disabled,
+        size: __props.size,
         "watch-props": false,
         onChange: onParamsChangeHandler
       }, null, 8, ["config", "init-values", "disabled", "size"]);
@@ -3250,8 +3262,8 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$_ = { class: "m-fields-code-select-col" };
-const _hoisted_2$m = { class: "code-select-container" };
+const _hoisted_1$Z = { class: "m-fields-code-select-col" };
+const _hoisted_2$n = { class: "code-select-container" };
 const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsCodeSelectCol"
@@ -3351,22 +3363,22 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
       eventBus?.emit("edit-code", id);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$_, [
-        createElementVNode("div", _hoisted_2$m, [
+      return openBlock(), createElementBlock("div", _hoisted_1$Z, [
+        createElementVNode("div", _hoisted_2$n, [
           createCommentVNode(" 代码块下拉框 "),
           createVNode(unref(MContainer), {
             class: "select",
             config: selectConfig,
-            model: _ctx.model,
-            size: _ctx.size,
+            model: __props.model,
+            size: __props.size,
             onChange: onCodeIdChangeHandler
           }, null, 8, ["model", "size"]),
           createCommentVNode(" 查看/编辑按钮 "),
-          _ctx.model[_ctx.name] && hasCodeBlockSidePanel.value ? (openBlock(), createBlock(unref(TMagicButton), {
+          __props.model[__props.name] && hasCodeBlockSidePanel.value ? (openBlock(), createBlock(unref(TMagicButton), {
             key: 0,
             class: "m-fields-select-action-button",
-            size: _ctx.size,
-            onClick: _cache[0] || (_cache[0] = ($event) => editCode(_ctx.model[_ctx.name]))
+            size: __props.size,
+            onClick: _cache[0] || (_cache[0] = ($event) => editCode(__props.model[__props.name]))
           }, {
             default: withCtx(() => [
               createVNode(_sfc_main$1r, {
@@ -3380,9 +3392,9 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
         createCommentVNode(" 参数填写框 "),
         paramsConfig.value.length ? (openBlock(), createBlock(_sfc_main$1m, {
           name: "params",
-          key: _ctx.model[_ctx.name],
-          model: _ctx.model,
-          size: _ctx.size,
+          key: __props.model[__props.name],
+          model: __props.model,
+          size: __props.size,
           "params-config": paramsConfig.value,
           onChange: onParamsChangeHandler
         }, null, 8, ["model", "size", "params-config"])) : createCommentVNode("v-if", true)
@@ -3445,12 +3457,12 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TMagicSelect), {
-        modelValue: _ctx.model[_ctx.name],
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
+        modelValue: __props.model[__props.name],
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
         clearable: "",
         filterable: "",
-        size: _ctx.size,
-        disabled: _ctx.disabled,
+        size: __props.size,
+        disabled: __props.disabled,
         onChange: fieldChangeHandler
       }, {
         default: withCtx(() => [
@@ -3490,7 +3502,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$Z = {
+const _hoisted_1$Y = {
   ref: "title",
   class: "m-editor-float-box-title"
 };
@@ -3638,13 +3650,13 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
           [
             createElementVNode(
               "div",
-              _hoisted_1$Z,
+              _hoisted_1$Y,
               [
                 renderSlot(_ctx.$slots, "title", {}, () => [
                   createElementVNode(
                     "span",
                     null,
-                    toDisplayString(_ctx.title),
+                    toDisplayString(__props.title),
                     1
                     /* TEXT */
                   )
@@ -4187,8 +4199,8 @@ const useNodeStatus$1 = (nodeData) => {
   };
 };
 
-const _hoisted_1$Y = { class: "m-editor-data-source-fields" };
-const _hoisted_2$l = { class: "m-editor-data-source-fields-footer" };
+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({
   ...{
     name: "MFieldsDataSourceFields"
@@ -4454,16 +4466,16 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
     const parentFloating = inject("parentFloating", ref(null));
     const { boxPosition, calcBoxPosition } = useNextFloatBoxPosition(uiService, parentFloating);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$Y, [
+      return openBlock(), createElementBlock("div", _hoisted_1$X, [
         createVNode(unref(MagicTable), {
-          data: _ctx.model[_ctx.name],
+          data: __props.model[__props.name],
           columns: fieldColumns,
           border: true
         }, null, 8, ["data"]),
-        createElementVNode("div", _hoisted_2$l, [
+        createElementVNode("div", _hoisted_2$m, [
           createVNode(unref(TMagicButton), {
             size: "small",
-            disabled: _ctx.disabled,
+            disabled: __props.disabled,
             plain: "",
             onClick: _cache[0] || (_cache[0] = ($event) => newFromJsonHandler())
           }, {
@@ -4480,7 +4492,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
           createVNode(unref(TMagicButton), {
             size: "small",
             type: "primary",
-            disabled: _ctx.disabled,
+            disabled: __props.disabled,
             plain: "",
             onClick: _cache[1] || (_cache[1] = ($event) => newHandler())
           }, {
@@ -4511,8 +4523,8 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
               title: fieldTitle.value,
               config: dataSourceFieldsConfig,
               values: fieldValues.value,
-              parentValues: _ctx.model[_ctx.name],
-              disabled: _ctx.disabled,
+              parentValues: __props.model[__props.name],
+              disabled: __props.disabled,
               onSubmit: fieldChange
             }, null, 8, ["title", "values", "parentValues", "disabled"])
           ]),
@@ -4533,7 +4545,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
             createVNode(unref(MFormBox), {
               config: jsonFromConfig,
               values: jsonFromValues.value,
-              disabled: _ctx.disabled,
+              disabled: __props.disabled,
               onSubmit: addFromJsonFromChange
             }, null, 8, ["values", "disabled"])
           ]),
@@ -4545,7 +4557,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$X = { class: "m-editor-data-source-field-select" };
+const _hoisted_1$W = { class: "m-editor-data-source-field-select" };
 const _sfc_main$1h = /* @__PURE__ */ defineComponent({
   __name: "FieldSelect",
   props: /* @__PURE__ */ mergeModels({
@@ -4627,8 +4639,8 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
       eventBus?.emit("edit-data-source", removeDataSourceFieldPrefix(id));
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$X, [
-        _ctx.checkStrictly ? (openBlock(), createElementBlock(
+      return openBlock(), createElementBlock("div", _hoisted_1$W, [
+        __props.checkStrictly ? (openBlock(), createElementBlock(
           Fragment,
           { key: 0 },
           [
@@ -4636,8 +4648,8 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
               "model-value": selectDataSourceId.value,
               clearable: "",
               filterable: "",
-              size: _ctx.size,
-              disabled: _ctx.disabled,
+              size: __props.size,
+              disabled: __props.disabled,
               onChange: dsChangeHandler
             }, {
               default: withCtx(() => [
@@ -4679,11 +4691,11 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
               "model-value": selectFieldsId.value,
               clearable: "",
               filterable: "",
-              size: _ctx.size,
-              disabled: _ctx.disabled,
+              size: __props.size,
+              disabled: __props.disabled,
               options: fieldsOptions.value,
               props: {
-                checkStrictly: _ctx.checkStrictly
+                checkStrictly: __props.checkStrictly
               },
               onChange: fieldChangeHandler
             }, null, 8, ["model-value", "size", "disabled", "options", "props"])
@@ -4695,11 +4707,11 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
           clearable: "",
           filterable: "",
           "model-value": modelValue.value,
-          disabled: _ctx.disabled,
-          size: _ctx.size,
+          disabled: __props.disabled,
+          size: __props.size,
           options: cascaderOptions.value,
           props: {
-            checkStrictly: _ctx.checkStrictly
+            checkStrictly: __props.checkStrictly
           },
           onChange: onChangeHandler
         }, null, 8, ["model-value", "disabled", "size", "options", "props"])),
@@ -4710,7 +4722,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [
             createVNode(unref(TMagicButton), {
               class: "m-fields-select-action-button",
-              size: _ctx.size,
+              size: __props.size,
               onClick: _cache[0] || (_cache[0] = ($event) => editHandler(selectDataSourceId.value))
             }, {
               default: withCtx(() => [
@@ -4730,7 +4742,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$W = { class: "m-fields-data-source-field-select" };
+const _hoisted_1$V = { class: "m-fields-data-source-field-select" };
 const _sfc_main$1g = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsDataSourceFieldSelect"
@@ -4833,39 +4845,38 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$W, [
-        !disabledDataSource.value && (showDataSourceFieldSelect.value || !_ctx.config.fieldConfig) ? (openBlock(), createBlock(_sfc_main$1h, {
+      return openBlock(), createElementBlock("div", _hoisted_1$V, [
+        !disabledDataSource.value && (showDataSourceFieldSelect.value || !__props.config.fieldConfig) ? (openBlock(), createBlock(_sfc_main$1h, {
           key: 0,
-          "model-value": _ctx.model[_ctx.name],
-          disabled: _ctx.disabled,
-          size: _ctx.size,
-          value: _ctx.config.value,
+          "model-value": __props.model[__props.name],
+          disabled: __props.disabled,
+          size: __props.size,
+          value: __props.config.value,
           checkStrictly: checkStrictly.value,
-          dataSourceFieldType: _ctx.config.dataSourceFieldType,
+          dataSourceFieldType: __props.config.dataSourceFieldType,
           onChange: onChangeHandler
         }, null, 8, ["model-value", "disabled", "size", "value", "checkStrictly", "dataSourceFieldType"])) : (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
           key: 1,
-          config: _ctx.config.fieldConfig,
-          model: _ctx.model,
-          name: _ctx.name,
-          disabled: _ctx.disabled,
-          size: _ctx.size,
-          "last-values": _ctx.lastValues,
-          "init-values": _ctx.initValues,
-          values: _ctx.values,
-          prop: _ctx.prop,
+          config: __props.config.fieldConfig,
+          model: __props.model,
+          name: __props.name,
+          disabled: __props.disabled,
+          size: __props.size,
+          "last-values": __props.lastValues,
+          "init-values": __props.initValues,
+          values: __props.values,
+          prop: __props.prop,
           onChange: onChangeHandler
         }, null, 40, ["config", "model", "name", "disabled", "size", "last-values", "init-values", "values", "prop"])),
-        _ctx.config.fieldConfig && !disabledDataSource.value ? (openBlock(), createBlock(unref(TMagicTooltip), {
+        __props.config.fieldConfig && !disabledDataSource.value ? (openBlock(), createBlock(unref(TMagicTooltip), {
           key: 2,
           disabled: showDataSourceFieldSelect.value,
           content: "选择数据源"
         }, {
           default: withCtx(() => [
             createVNode(unref(TMagicButton), {
-              style: { "margin-left": "5px" },
               type: showDataSourceFieldSelect.value ? "primary" : "default",
-              size: _ctx.size,
+              size: __props.size,
               onClick: _cache[0] || (_cache[0] = ($event) => showDataSourceFieldSelect.value = !showDataSourceFieldSelect.value)
             }, {
               default: withCtx(() => [
@@ -4883,9 +4894,9 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$V = { style: { "display": "flex", "flex-direction": "column", "line-height": "1.2em" } };
-const _hoisted_2$k = { style: { "font-size": "10px", "color": "rgba(0, 0, 0, 0.6)" } };
-const _hoisted_3$7 = { class: "el-input__inner t-input__inner" };
+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 _hoisted_3$8 = { class: "el-input__inner t-input__inner" };
 const _sfc_main$1f = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsDataSourceInput"
@@ -5067,11 +5078,11 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
         key: 0,
         modelValue: state.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.value = $event),
-        disabled: _ctx.disabled,
-        size: _ctx.size,
+        disabled: __props.disabled,
+        size: __props.size,
         clearable: true,
         onChange: changeHandler
-      }, null, 8, ["modelValue", "disabled", "size"])) : _ctx.disabled || isFocused.value ? (openBlock(), createBlock(resolveDynamicComponent(unref(getDesignConfig)("components")?.autocomplete.component || "el-autocomplete"), mergeProps(
+      }, null, 8, ["modelValue", "disabled", "size"])) : __props.disabled || isFocused.value ? (openBlock(), createBlock(resolveDynamicComponent(unref(getDesignConfig)("components")?.autocomplete.component || "el-autocomplete"), mergeProps(
         {
           key: 1,
           class: "tmagic-design-auto-complete",
@@ -5080,8 +5091,8 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => state.value = $event)
         },
         unref(getDesignConfig)("components")?.autocomplete.props({
-          disabled: _ctx.disabled,
-          size: _ctx.size,
+          disabled: __props.disabled,
+          size: __props.size,
           fetchSuggestions: querySearch,
           triggerOnFocus: false,
           clearable: true
@@ -5097,7 +5108,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
           createVNode(_sfc_main$1r, { icon: unref(Coin) }, null, 8, ["icon"])
         ]),
         default: withCtx(({ item }) => [
-          createElementVNode("div", _hoisted_1$V, [
+          createElementVNode("div", _hoisted_1$U, [
             createElementVNode(
               "div",
               null,
@@ -5107,7 +5118,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
             ),
             createElementVNode(
               "span",
-              _hoisted_2$k,
+              _hoisted_2$l,
               toDisplayString(item.value),
               1
               /* TEXT */
@@ -5120,7 +5131,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
         "div",
         {
           key: 2,
-          class: normalizeClass(`tmagic-data-source-input-text el-input t-input t-size-${_ctx.size?.[0]} el-input--${_ctx.size}`),
+          class: normalizeClass(`tmagic-data-source-input-text el-input t-input t-size-${__props.size?.[0]} el-input--${__props.size}`),
           onMouseup: mouseupHandler
         },
         [
@@ -5130,7 +5141,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
               class: normalizeClass(`tmagic-data-source-input-text-wrapper el-input__wrapper ${isFocused.value ? " is-focus" : ""}`)
             },
             [
-              createElementVNode("div", _hoisted_3$7, [
+              createElementVNode("div", _hoisted_3$8, [
                 (openBlock(true), createElementBlock(
                   Fragment,
                   null,
@@ -5151,7 +5162,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
                         )) : createCommentVNode("v-if", true),
                         item.type === "var" ? (openBlock(), createBlock(unref(TMagicTag), {
                           key: index,
-                          size: _ctx.size
+                          size: __props.size
                         }, {
                           default: withCtx(() => [
                             createTextVNode(
@@ -5188,9 +5199,9 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$U = { style: { "display": "flex", "margin-bottom": "10px" } };
-const _hoisted_2$j = { style: { "flex": "1" } };
-const _hoisted_3$6 = { style: { "flex": "1" } };
+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({
   ...{
@@ -5385,7 +5396,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
             "onUpdate:width": _cache[2] || (_cache[2] = ($event) => width.value = $event),
             height: unref(codeBlockEditorHeight),
             "onUpdate:height": _cache[3] || (_cache[3] = ($event) => isRef(codeBlockEditorHeight) ? codeBlockEditorHeight.value = $event : null),
-            title: _ctx.content.name ? `${_ctx.disabled ? "查看" : "编辑"}${_ctx.content.name}` : "新增代码",
+            title: __props.content.name ? `${__props.disabled ? "查看" : "编辑"}${__props.content.name}` : "新增代码",
             position: unref(boxPosition),
             "before-close": beforeClose
           }, {
@@ -5396,10 +5407,10 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
                 ref: formBox,
                 "label-width": "80px",
                 "close-on-press-escape": false,
-                title: _ctx.content.name,
+                title: __props.content.name,
                 config: functionConfig.value,
-                values: _ctx.content,
-                disabled: _ctx.disabled,
+                values: __props.content,
+                disabled: __props.disabled,
                 style: { "height": "100%" },
                 onChange: changeHandler,
                 onSubmit: submitForm,
@@ -5407,7 +5418,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
                 onClosed: closedHandler
               }, {
                 left: withCtx(() => [
-                  !_ctx.disabled ? (openBlock(), createBlock(unref(TMagicButton), {
+                  !__props.disabled ? (openBlock(), createBlock(unref(TMagicButton), {
                     key: 0,
                     type: "primary",
                     link: "",
@@ -5473,8 +5484,8 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
                 ])
               ]),
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_1$U, [
-                  createElementVNode("div", _hoisted_2$j, [
+                createElementVNode("div", _hoisted_1$T, [
+                  createElementVNode("div", _hoisted_2$k, [
                     createVNode(unref(TMagicTag), {
                       size: "small",
                       type: "info"
@@ -5490,7 +5501,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
                       /* STABLE */
                     })
                   ]),
-                  createElementVNode("div", _hoisted_3$6, [
+                  createElementVNode("div", _hoisted_3$7, [
                     createVNode(unref(TMagicTag), {
                       size: "small",
                       type: "success"
@@ -5512,7 +5523,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
                   type: "diff",
                   language: "json",
                   "disabled-full-screen": true,
-                  initValues: _ctx.content.content,
+                  initValues: __props.content.content,
                   modifiedValues: formBox.value?.form?.values.content,
                   height: `${unref(windowRect).height - 150}px`
                 }, null, 8, ["initValues", "modifiedValues", "height"])
@@ -5529,8 +5540,8 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$T = { class: "m-editor-data-source-methods" };
-const _hoisted_2$i = { class: "m-editor-data-source-methods-footer" };
+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({
   ...{
     name: "MFieldsDataSourceMethods"
@@ -5648,17 +5659,17 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
       codeBlockEditorRef.value?.hide();
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$T, [
+      return openBlock(), createElementBlock("div", _hoisted_1$S, [
         createVNode(unref(MagicTable), {
-          data: _ctx.model[_ctx.name],
+          data: __props.model[__props.name],
           columns: methodColumns,
           border: true
         }, null, 8, ["data"]),
-        createElementVNode("div", _hoisted_2$i, [
+        createElementVNode("div", _hoisted_2$j, [
           createVNode(unref(TMagicButton), {
             size: "small",
             type: "primary",
-            disabled: _ctx.disabled,
+            disabled: __props.disabled,
             plain: "",
             onClick: createCodeHandler
           }, {
@@ -5676,10 +5687,10 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
         codeConfig.value ? (openBlock(), createBlock(_sfc_main$1e, {
           key: 0,
           ref: "codeBlockEditor",
-          disabled: _ctx.disabled,
+          disabled: __props.disabled,
           content: codeConfig.value,
           "is-data-source": true,
-          "data-source-type": _ctx.model.type,
+          "data-source-type": __props.model.type,
           onSubmit: submitCodeHandler
         }, null, 8, ["disabled", "content", "data-source-type"])) : createCommentVNode("v-if", true)
       ]);
@@ -5687,8 +5698,8 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$S = { class: "m-fields-data-source-method-select" };
-const _hoisted_2$h = { class: "data-source-method-select-container" };
+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({
   ...{
     name: "MFieldsDataSourceMethodSelect"
@@ -5774,23 +5785,23 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
       eventBus?.emit("edit-data-source", id);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$S, [
-        createElementVNode("div", _hoisted_2$h, [
+      return openBlock(), createElementBlock("div", _hoisted_1$R, [
+        createElementVNode("div", _hoisted_2$i, [
           createVNode(unref(MContainer), {
             class: "select",
             config: cascaderConfig.value,
-            model: _ctx.model,
-            size: _ctx.size,
+            model: __props.model,
+            size: __props.size,
             onChange: onChangeHandler
           }, null, 8, ["config", "model", "size"]),
-          _ctx.model[_ctx.name] && isCustomMethod.value && hasDataSourceSidePanel.value ? (openBlock(), createBlock(unref(TMagicTooltip), {
+          __props.model[__props.name] && isCustomMethod.value && hasDataSourceSidePanel.value ? (openBlock(), createBlock(unref(TMagicTooltip), {
             key: 0,
             content: notEditable.value ? "查看" : "编辑"
           }, {
             default: withCtx(() => [
               createVNode(unref(TMagicButton), {
                 class: "m-fields-select-action-button",
-                size: _ctx.size,
+                size: __props.size,
                 onClick: editCodeHandler
               }, {
                 default: withCtx(() => [
@@ -5809,9 +5820,9 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
         paramsConfig.value.length ? (openBlock(), createBlock(_sfc_main$1m, {
           key: 0,
           name: "params",
-          model: _ctx.model,
-          size: _ctx.size,
-          disabled: _ctx.disabled,
+          model: __props.model,
+          size: __props.size,
+          disabled: __props.disabled,
           "params-config": paramsConfig.value,
           onChange: onChangeHandler
         }, null, 8, ["model", "size", "disabled", "params-config"])) : createCommentVNode("v-if", true)
@@ -5820,8 +5831,8 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$R = { class: "m-editor-data-source-fields" };
-const _hoisted_2$g = { class: "m-editor-data-source-fields-footer" };
+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({
   ...{
     name: "MFieldsDataSourceMocks"
@@ -6026,16 +6037,16 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
     const parentFloating = inject("parentFloating", ref(null));
     const { boxPosition, calcBoxPosition } = useNextFloatBoxPosition(uiService, parentFloating);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$R, [
+      return openBlock(), createElementBlock("div", _hoisted_1$Q, [
         createVNode(unref(MagicTable), {
-          data: _ctx.model[_ctx.name],
+          data: __props.model[__props.name],
           columns
         }, null, 8, ["data"]),
-        createElementVNode("div", _hoisted_2$g, [
+        createElementVNode("div", _hoisted_2$h, [
           createVNode(unref(TMagicButton), {
             size: "small",
             type: "primary",
-            disabled: _ctx.disabled,
+            disabled: __props.disabled,
             plain: "",
             onClick: _cache[0] || (_cache[0] = ($event) => newHandler())
           }, {
@@ -6065,8 +6076,8 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
               "label-width": "120px",
               config: formConfig,
               values: formValues.value,
-              parentValues: _ctx.model[_ctx.name],
-              disabled: _ctx.disabled,
+              parentValues: __props.model[__props.name],
+              disabled: __props.disabled,
               onSubmit: formChangeHandler
             }, null, 8, ["values", "parentValues", "disabled"])
           ]),
@@ -6078,7 +6089,7 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$Q = { class: "m-fields-data-source-select" };
+const _hoisted_1$P = { class: "m-fields-data-source-select" };
 const _sfc_main$1a = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsDataSourceSelect"
@@ -6136,25 +6147,25 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
       eventBus?.emit("edit-data-source", id);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$Q, [
+      return openBlock(), createElementBlock("div", _hoisted_1$P, [
         createVNode(unref(MSelect), {
-          model: _ctx.model,
-          name: _ctx.name,
-          size: _ctx.size,
-          prop: _ctx.prop,
-          disabled: _ctx.disabled,
+          model: __props.model,
+          name: __props.name,
+          size: __props.size,
+          prop: __props.prop,
+          disabled: __props.disabled,
           config: selectConfig.value,
-          "last-values": _ctx.lastValues,
+          "last-values": __props.lastValues,
           onChange: changeHandler
         }, null, 8, ["model", "name", "size", "prop", "disabled", "config", "last-values"]),
-        _ctx.model[_ctx.name] && hasDataSourceSidePanel.value ? (openBlock(), createBlock(unref(TMagicTooltip), {
+        __props.model[__props.name] && hasDataSourceSidePanel.value ? (openBlock(), createBlock(unref(TMagicTooltip), {
           key: 0,
           content: notEditable.value ? "查看" : "编辑"
         }, {
           default: withCtx(() => [
             createVNode(unref(TMagicButton), {
               class: "m-fields-select-action-button",
-              size: _ctx.size,
+              size: __props.size,
               onClick: editHandler
             }, {
               default: withCtx(() => [
@@ -6206,7 +6217,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
         {
           type: "table",
           name: "cond",
-          operateColWidth: 100,
+          operateColWidth: 80,
           enableToggleMode: false,
           items: [
             parentFields.value.length ? {
@@ -6240,7 +6251,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
               type: "cond-op-select",
               parentFields: parentFields.value,
               label: "条件",
-              width: 160,
+              width: 140,
               name: "op"
             },
             {
@@ -6294,20 +6305,20 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(MGroupList), {
         style: { "width": "100%" },
         config: config.value,
-        name: _ctx.name,
-        disabled: _ctx.disabled,
-        model: _ctx.model,
-        "last-values": _ctx.lastValues,
-        prop: _ctx.prop,
-        size: _ctx.size,
+        name: __props.name,
+        disabled: __props.disabled,
+        model: __props.model,
+        "last-values": __props.lastValues,
+        prop: __props.prop,
+        size: __props.size,
         onChange: changeHandler
       }, null, 8, ["config", "name", "disabled", "model", "last-values", "prop", "size"]);
     };
   }
 });
 
-const _hoisted_1$P = { class: "m-fields-event-select" };
-const _hoisted_2$f = {
+const _hoisted_1$O = { class: "m-fields-event-select" };
+const _hoisted_2$g = {
   key: 1,
   class: "fullWidth"
 };
@@ -6588,21 +6599,21 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
     const onChangeHandler = (v, eventData) => emit("change", props.model[props.name], eventData);
     return (_ctx, _cache) => {
       const _component_m_form_table = resolveComponent("m-form-table");
-      return openBlock(), createElementBlock("div", _hoisted_1$P, [
+      return openBlock(), createElementBlock("div", _hoisted_1$O, [
         isOldVersion.value ? (openBlock(), createBlock(_component_m_form_table, {
           key: 0,
           name: "events",
-          size: _ctx.size,
-          disabled: _ctx.disabled,
-          model: _ctx.model,
+          size: __props.size,
+          disabled: __props.disabled,
+          model: __props.model,
           config: tableConfig.value,
           onChange: onChangeHandler
-        }, null, 8, ["size", "disabled", "model", "config"])) : (openBlock(), createElementBlock("div", _hoisted_2$f, [
+        }, null, 8, ["size", "disabled", "model", "config"])) : (openBlock(), createElementBlock("div", _hoisted_2$g, [
           createVNode(unref(TMagicButton), {
             class: "create-button",
             type: "primary",
-            size: _ctx.size,
-            disabled: _ctx.disabled,
+            size: __props.size,
+            disabled: __props.disabled,
             onClick: _cache[0] || (_cache[0] = ($event) => addEvent())
           }, {
             default: withCtx(() => [..._cache[1] || (_cache[1] = [
@@ -6618,15 +6629,15 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
           (openBlock(true), createElementBlock(
             Fragment,
             null,
-            renderList(_ctx.model[_ctx.name], (cardItem, index) => {
+            renderList(__props.model[__props.name], (cardItem, index) => {
               return openBlock(), createBlock(unref(MPanel), {
                 key: index,
-                disabled: _ctx.disabled,
-                size: _ctx.size,
-                prop: `${_ctx.prop}.${index}`,
+                disabled: __props.disabled,
+                size: __props.size,
+                prop: `${__props.prop}.${index}`,
                 config: actionsConfig.value,
                 model: cardItem,
-                "label-width": _ctx.config.labelWidth || "100px",
+                "label-width": __props.config.labelWidth || "100px",
                 onChange: onChangeHandler
               }, {
                 header: withCtx(() => [
@@ -6634,17 +6645,17 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
                     class: "fullWidth",
                     config: eventNameConfig.value,
                     model: cardItem,
-                    disabled: _ctx.disabled,
-                    size: _ctx.size,
-                    prop: `${_ctx.prop}.${index}`,
+                    disabled: __props.disabled,
+                    size: __props.size,
+                    prop: `${__props.prop}.${index}`,
                     onChange: eventNameChangeHandler
                   }, null, 8, ["config", "model", "disabled", "size", "prop"]),
                   createVNode(unref(TMagicButton), {
                     style: { "color": "#f56c6c" },
                     link: "",
                     icon: unref(Delete),
-                    disabled: _ctx.disabled,
-                    size: _ctx.size,
+                    disabled: __props.disabled,
+                    size: __props.size,
                     onClick: ($event) => removeEvent(index)
                   }, null, 8, ["icon", "disabled", "size", "onClick"])
                 ]),
@@ -6661,7 +6672,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$O = {
+const _hoisted_1$N = {
   viewBox: "0 0 32 32",
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg",
@@ -6674,15 +6685,15 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
   __name: "CodeIcon",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("svg", _hoisted_1$O, [..._cache[0] || (_cache[0] = [
+      return openBlock(), createElementBlock("svg", _hoisted_1$N, [..._cache[0] || (_cache[0] = [
         createStaticVNode('<defs><rect id="path-1" x="0" y="0" width="32" height="32"></rect></defs><g id="组件规范" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="03图标" transform="translate(-561.000000, -2356.000000)"><g id="icon/line/Universal/code" transform="translate(561.000000, 2356.000000)"><g id="路径"><mask id="mask-2" fill="white"><use xlink:href="#path-1"></use></mask><use id="蒙版" fill="#D8D8D8" opacity="0" xlink:href="#path-1"></use><path d="M21.9284587,7.9482233 L29.8079004,15.827665 C29.9055315,15.9252961 29.9055315,16.0835874 29.8079004,16.1812184 L21.9284587,24.0606602 C21.8308276,24.1582912 21.6725364,24.1582912 21.5749053,24.0606602 L20.3374684,22.8232233 C20.2419143,22.7276698 20.2398813,22.5740096 20.331369,22.4759832 L20.3374687,22.4696702 L26.8027181,16.0044417 L20.3374687,9.53921328 C20.2398372,9.44158265 20.2398369,9.2832914 20.3374679,9.18566017 L21.5749053,7.9482233 C21.6725364,7.85059223 21.8308276,7.85059223 21.9284587,7.9482233 Z M10.3999684,7.9482233 L11.6374053,9.18566017 C11.7329594,9.28121371 11.7349925,9.43487387 11.6435048,9.53290029 L11.637405,9.53921328 L5.17215562,16.0044417 L11.637405,22.4696702 C11.7329593,22.5652236 11.7349926,22.7188837 11.643505,22.8169103 L11.6374053,22.8232233 L10.3999684,24.0606602 C10.3023374,24.1582912 10.1440461,24.1582912 10.046415,24.0606602 L2.1669733,16.1812184 C2.06934223,16.0835874 2.06934223,15.9252961 2.1669733,15.827665 L10.046415,7.9482233 C10.1440461,7.85059223 10.3023374,7.85059223 10.3999684,7.9482233 Z M17.2612532,9.29310422 L18.9262468,9.83189578 C19.0576112,9.87440526 19.1296423,10.0153579 19.0871328,10.1467222 L15.0848232,22.514807 C15.0423138,22.6461714 14.9013612,22.7182025 14.7699968,22.675693 L13.1050032,22.1369014 C12.9736388,22.0943919 12.9016077,21.9534393 12.9441172,21.822075 L16.9464268,9.45399022 C16.9889362,9.32262585 17.1298888,9.25059474 17.2612532,9.29310422 Z" id="形状" fill="#1D1F24" mask="url(#mask-2)"></path></g></g><g id="icon切图" transform="translate(226.000000, 1782.000000)"></g></g></g>', 2)
       ])]);
     };
   }
 });
 
-const _hoisted_1$N = { class: "m-fields-key-value" };
-const _hoisted_2$e = { key: 0 };
+const _hoisted_1$M = { class: "m-fields-key-value" };
+const _hoisted_2$f = { key: 0 };
 const _sfc_main$16 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsKeyValue"
@@ -6745,8 +6756,8 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
       emit("change", v);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$N, [
-        !showCode.value ? (openBlock(), createElementBlock("div", _hoisted_2$e, [
+      return openBlock(), createElementBlock("div", _hoisted_1$M, [
+        !showCode.value ? (openBlock(), createElementBlock("div", _hoisted_2$f, [
           (openBlock(true), createElementBlock(
             Fragment,
             null,
@@ -6759,8 +6770,8 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
                   placeholder: "key",
                   modelValue: records.value[index][0],
                   "onUpdate:modelValue": ($event) => records.value[index][0] = $event,
-                  disabled: _ctx.disabled,
-                  size: _ctx.size,
+                  disabled: __props.disabled,
+                  size: __props.size,
                   onChange: keyChangeHandler
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "size"]),
                 _cache[1] || (_cache[1] = createElementVNode(
@@ -6774,15 +6785,15 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
                   placeholder: "value",
                   modelValue: records.value[index][1],
                   "onUpdate:modelValue": ($event) => records.value[index][1] = $event,
-                  disabled: _ctx.disabled,
-                  size: _ctx.size,
+                  disabled: __props.disabled,
+                  size: __props.size,
                   onChange: valueChangeHandler
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "size"]),
                 createVNode(unref(TMagicButton), {
                   class: "m-fields-key-value-delete",
                   type: "danger",
-                  size: _ctx.size,
-                  disabled: _ctx.disabled,
+                  size: __props.size,
+                  disabled: __props.disabled,
                   circle: "",
                   plain: "",
                   icon: unref(Delete),
@@ -6795,8 +6806,8 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
           )),
           createVNode(unref(TMagicButton), {
             type: "primary",
-            size: _ctx.size,
-            disabled: _ctx.disabled,
+            size: __props.size,
+            disabled: __props.disabled,
             plain: "",
             icon: unref(Plus),
             onClick: addHandler
@@ -6812,21 +6823,21 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
             /* STABLE */
           }, 8, ["size", "disabled", "icon"])
         ])) : createCommentVNode("v-if", true),
-        _ctx.config.advanced && showCode.value ? (openBlock(), createBlock(_sfc_main$1q, {
+        __props.config.advanced && showCode.value ? (openBlock(), createBlock(_sfc_main$1q, {
           key: 1,
           height: "200px",
-          "init-values": _ctx.model[_ctx.name],
+          "init-values": __props.model[__props.name],
           language: "javascript",
           options: {
-            readOnly: _ctx.disabled
+            readOnly: __props.disabled
           },
           parse: true,
           onSave: save
         }, null, 8, ["init-values", "options"])) : createCommentVNode("v-if", true),
-        _ctx.config.advanced ? (openBlock(), createBlock(unref(TMagicButton), {
+        __props.config.advanced ? (openBlock(), createBlock(unref(TMagicButton), {
           key: 2,
           size: "default",
-          disabled: _ctx.disabled,
+          disabled: __props.disabled,
           link: "",
           icon: _sfc_main$17,
           onClick: _cache[0] || (_cache[0] = ($event) => showCode.value = !showCode.value)
@@ -6836,8 +6847,8 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$M = { class: "m-fields-page-fragment-select" };
-const _hoisted_2$d = { class: "page-fragment-select-container" };
+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({
   ...{
     name: "MFieldsPageFragmentSelect"
@@ -6884,22 +6895,22 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       const _component_m_form_container = resolveComponent("m-form-container");
-      return openBlock(), createElementBlock("div", _hoisted_1$M, [
-        createElementVNode("div", _hoisted_2$d, [
+      return openBlock(), createElementBlock("div", _hoisted_1$L, [
+        createElementVNode("div", _hoisted_2$e, [
           createCommentVNode(" 页面片下拉框 "),
           createVNode(_component_m_form_container, {
             class: "select",
             config: selectConfig,
-            model: _ctx.model,
-            size: _ctx.size,
+            model: __props.model,
+            size: __props.size,
             onChange: changeHandler
           }, null, 8, ["model", "size"]),
           createCommentVNode(" 编辑按钮 "),
-          _ctx.model[_ctx.name] ? (openBlock(), createBlock(_sfc_main$1r, {
+          __props.model[__props.name] ? (openBlock(), createBlock(_sfc_main$1r, {
             key: 0,
             class: "icon",
             icon: unref(Edit),
-            onClick: _cache[0] || (_cache[0] = ($event) => editPageFragment(_ctx.model[_ctx.name]))
+            onClick: _cache[0] || (_cache[0] = ($event) => editPageFragment(__props.model[__props.name]))
           }, null, 8, ["icon"])) : createCommentVNode("v-if", true)
         ])
       ]);
@@ -6907,9 +6918,9 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$L = { class: "background-position-container" };
-const _hoisted_2$c = { class: "presets-value-list" };
-const _hoisted_3$5 = { class: "custom-value" };
+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({
   __name: "BackgroundPosition",
   props: {
@@ -6965,8 +6976,8 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
       emit("change", v);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$L, [
-        createElementVNode("div", _hoisted_2$c, [
+      return openBlock(), createElementBlock("div", _hoisted_1$K, [
+        createElementVNode("div", _hoisted_2$d, [
           (openBlock(true), createElementBlock(
             Fragment,
             null,
@@ -6974,14 +6985,15 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
               return openBlock(), createBlock(unref(TMagicButton), {
                 key: index,
                 link: "",
-                class: normalizeClass(_ctx.model[_ctx.name] === item.value && "btn-active"),
+                class: normalizeClass(__props.model[__props.name] === item.value && "btn-active"),
+                disabled: __props.disabled,
                 onClick: ($event) => changeHandler(item.value)
               }, {
                 default: withCtx(() => [
                   createElementVNode(
                     "div",
                     {
-                      class: normalizeClass(["position-icon", item.class, _ctx.model[_ctx.name] === item.value && "active"])
+                      class: normalizeClass(["position-icon", item.class, __props.model[__props.name] === item.value && "active"])
                     },
                     null,
                     2
@@ -6990,21 +7002,22 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 2
                 /* DYNAMIC */
-              }, 1032, ["class", "onClick"]);
+              }, 1032, ["class", "disabled", "onClick"]);
             }),
             128
             /* KEYED_FRAGMENT */
           ))
         ]),
-        createElementVNode("div", _hoisted_3$5, [
+        createElementVNode("div", _hoisted_3$6, [
           createVNode(unref(TMagicInput), {
-            modelValue: _ctx.model[_ctx.name],
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
-            size: "small",
+            modelValue: __props.model[__props.name],
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
             placeholder: "自定义背景位置",
             clearable: "",
+            size: __props.size,
+            disabled: __props.disabled,
             onChange: changeHandler
-          }, null, 8, ["modelValue"])
+          }, null, 8, ["modelValue", "size", "disabled"])
         ])
       ]);
     };
@@ -7021,13 +7034,13 @@ const _export_sfc = (sfc, props) => {
 
 const _sfc_main$13 = {  };
 
-const _hoisted_1$K = {
+const _hoisted_1$J = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 
 function _sfc_render$k(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1$K, [...(_cache[0] || (_cache[0] = [
+  return (openBlock(), createElementBlock("svg", _hoisted_1$J, [...(_cache[0] || (_cache[0] = [
     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)
   ]))]))
 }
@@ -7035,13 +7048,13 @@ const BackgroundRepeat = /*#__PURE__*/_export_sfc(_sfc_main$13, [['render',_sfc_
 
 const _sfc_main$12 = {  };
 
-const _hoisted_1$J = {
+const _hoisted_1$I = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 
 function _sfc_render$j(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1$J, [...(_cache[0] || (_cache[0] = [
+  return (openBlock(), createElementBlock("svg", _hoisted_1$I, [...(_cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M796.444444 170.666667h-227.555555v682.666666h227.555555V170.666667z m-56.888888 625.777777h-113.777778V227.555556h113.777778v568.888888zM455.111111 170.666667H227.555556v682.666666h227.555555V170.666667zM398.222222 796.444444H284.444444V227.555556h113.777778v568.888888zM910.222222 56.888889h56.888889v910.222222h-56.888889zM56.888889 56.888889h56.888889v910.222222H56.888889z",
       fill: "#333333"
@@ -7052,13 +7065,13 @@ const BackgroundRepeatX = /*#__PURE__*/_export_sfc(_sfc_main$12, [['render',_sfc
 
 const _sfc_main$11 = {  };
 
-const _hoisted_1$I = {
+const _hoisted_1$H = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 
 function _sfc_render$i(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1$I, [...(_cache[0] || (_cache[0] = [
+  return (openBlock(), createElementBlock("svg", _hoisted_1$H, [...(_cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M170.666667 227.555556v227.555555h682.666666V227.555556H170.666667z m625.777777 56.888888v113.777778H227.555556V284.444444h568.888888zM170.666667 568.888889v227.555555h682.666666v-227.555555H170.666667z m625.777777 56.888889v113.777778H227.555556v-113.777778h568.888888zM56.888889 56.888889h910.222222v56.888889H56.888889zM56.888889 910.222222h910.222222v56.888889H56.888889z",
       fill: "#333333"
@@ -7069,13 +7082,13 @@ const BackgroundRepeatY = /*#__PURE__*/_export_sfc(_sfc_main$11, [['render',_sfc
 
 const _sfc_main$10 = {  };
 
-const _hoisted_1$H = {
+const _hoisted_1$G = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 
 function _sfc_render$h(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1$H, [...(_cache[0] || (_cache[0] = [
+  return (openBlock(), createElementBlock("svg", _hoisted_1$G, [...(_cache[0] || (_cache[0] = [
     createElementVNode("path", {
       d: "M912.526651 867.741144 555.540144 510.712681l356.986507-357.000833c11.171434-11.18576 11.171434-29.257348 0-40.443108-11.20111-11.18576-29.272697-11.18576-40.444131 0L515.096013 470.267527 158.096203 113.267716c-11.187807-11.159154-29.258371-11.159154-40.444131 0-11.186783 11.186783-11.186783 29.286 0 40.47176L474.623229 510.712681 117.623419 867.741144c-11.159154 11.172457-11.159154 29.216415 0 40.443108 11.18576 11.17348 29.284977 11.17348 40.47176 0l357.000833-357.027439 356.985484 357.027439c11.171434 11.17348 29.243021 11.17348 40.444131 0C923.698085 896.957559 923.725714 878.913601 912.526651 867.741144z",
       fill: "#5D5D5D"
@@ -7087,7 +7100,9 @@ const BackgroundNoRepeat = /*#__PURE__*/_export_sfc(_sfc_main$10, [['render',_sf
 const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   __name: "Background",
   props: {
-    values: {}
+    values: {},
+    disabled: { type: Boolean },
+    size: {}
   },
   emits: ["change"],
   setup(__props, { emit: __emit }) {
@@ -7152,22 +7167,24 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(MContainer), {
         config,
-        model: _ctx.values,
+        model: __props.values,
+        size: __props.size,
+        disabled: __props.disabled,
         onChange: change
-      }, null, 8, ["model"]);
+      }, null, 8, ["model", "size", "disabled"]);
     };
   }
 });
 
 const _sfc_main$_ = {  };
 
-const _hoisted_1$G = {
+const _hoisted_1$F = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 
 function _sfc_render$g(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1$G, [...(_cache[0] || (_cache[0] = [
+  return (openBlock(), createElementBlock("svg", _hoisted_1$F, [...(_cache[0] || (_cache[0] = [
     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 */)
   ]))]))
 }
@@ -7175,13 +7192,13 @@ const AlignLeft = /*#__PURE__*/_export_sfc(_sfc_main$_, [['render',_sfc_render$g
 
 const _sfc_main$Z = {  };
 
-const _hoisted_1$F = {
+const _hoisted_1$E = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 
 function _sfc_render$f(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1$F, [...(_cache[0] || (_cache[0] = [
+  return (openBlock(), createElementBlock("svg", _hoisted_1$E, [...(_cache[0] || (_cache[0] = [
     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 */)
   ]))]))
 }
@@ -7189,13 +7206,13 @@ const AlignCenter = /*#__PURE__*/_export_sfc(_sfc_main$Z, [['render',_sfc_render
 
 const _sfc_main$Y = {  };
 
-const _hoisted_1$E = {
+const _hoisted_1$D = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 
 function _sfc_render$e(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1$E, [...(_cache[0] || (_cache[0] = [
+  return (openBlock(), createElementBlock("svg", _hoisted_1$D, [...(_cache[0] || (_cache[0] = [
     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 */)
   ]))]))
 }
@@ -7204,7 +7221,9 @@ const AlignRight = /*#__PURE__*/_export_sfc(_sfc_main$Y, [['render',_sfc_render$
 const _sfc_main$X = /* @__PURE__ */ defineComponent({
   __name: "Font",
   props: {
-    values: {}
+    values: {},
+    disabled: { type: Boolean },
+    size: {}
   },
   emits: ["change"],
   setup(__props, { emit: __emit }) {
@@ -7278,23 +7297,27 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(MContainer), {
         config,
-        model: _ctx.values,
+        model: __props.values,
+        size: __props.size,
+        disabled: __props.disabled,
         onChange: change
-      }, null, 8, ["model"]);
+      }, null, 8, ["model", "size", "disabled"]);
     };
   }
 });
 
-const _hoisted_1$D = { class: "layout-box-container" };
-const _hoisted_2$b = {
+const _hoisted_1$C = { class: "layout-box-container" };
+const _hoisted_2$c = {
   key: 0,
   class: "help-txt"
 };
-const _hoisted_3$4 = { class: "next-input" };
-const _hoisted_4$4 = ["onUpdate:modelValue", "title", "onChange"];
+const _hoisted_3$5 = { class: "next-input" };
+const _hoisted_4$4 = ["model-value", "title", "disabled", "onChange"];
 const _sfc_main$W = /* @__PURE__ */ defineComponent({
   __name: "Box",
   props: {
+    disabled: { type: Boolean },
+    size: {},
     model: {}
   },
   emits: ["change"],
@@ -7342,7 +7365,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
       });
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$D, [
+      return openBlock(), createElementBlock("div", _hoisted_1$C, [
         (openBlock(), createElementBlock(
           Fragment,
           null,
@@ -7356,20 +7379,19 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
               [
                 item.text ? (openBlock(), createElementBlock(
                   "span",
-                  _hoisted_2$b,
+                  _hoisted_2$c,
                   toDisplayString(item.text),
                   1
                   /* TEXT */
                 )) : createCommentVNode("v-if", true),
-                createElementVNode("span", _hoisted_3$4, [
-                  withDirectives(createElementVNode("input", {
-                    "onUpdate:modelValue": ($event) => _ctx.model[item.name] = $event,
-                    title: _ctx.model[item.name],
-                    onChange: ($event) => change($event, item.name),
-                    placeholder: "0"
-                  }, null, 40, _hoisted_4$4), [
-                    [vModelText, _ctx.model[item.name]]
-                  ])
+                createElementVNode("span", _hoisted_3$5, [
+                  createElementVNode("input", {
+                    "model-value": __props.model[item.name],
+                    placeholder: "0",
+                    title: __props.model[item.name],
+                    disabled: __props.disabled,
+                    onChange: ($event) => change($event, item.name)
+                  }, null, 40, _hoisted_4$4)
                 ])
               ],
               2
@@ -7386,13 +7408,13 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
 
 const _sfc_main$V = {  };
 
-const _hoisted_1$C = {
+const _hoisted_1$B = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 
 function _sfc_render$d(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1$C, [...(_cache[0] || (_cache[0] = [
+  return (openBlock(), createElementBlock("svg", _hoisted_1$B, [...(_cache[0] || (_cache[0] = [
     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 */)
   ]))]))
 }
@@ -7400,13 +7422,13 @@ const DisplayBlock = /*#__PURE__*/_export_sfc(_sfc_main$V, [['render',_sfc_rende
 
 const _sfc_main$U = {  };
 
-const _hoisted_1$B = {
+const _hoisted_1$A = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 
 function _sfc_render$c(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1$B, [...(_cache[0] || (_cache[0] = [
+  return (openBlock(), createElementBlock("svg", _hoisted_1$A, [...(_cache[0] || (_cache[0] = [
     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 */)
   ]))]))
 }
@@ -7414,13 +7436,13 @@ const DisplayFlex = /*#__PURE__*/_export_sfc(_sfc_main$U, [['render',_sfc_render
 
 const _sfc_main$T = {  };
 
-const _hoisted_1$A = {
+const _hoisted_1$z = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 
 function _sfc_render$b(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1$A, [...(_cache[0] || (_cache[0] = [
+  return (openBlock(), createElementBlock("svg", _hoisted_1$z, [...(_cache[0] || (_cache[0] = [
     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 */)
   ]))]))
 }
@@ -7428,13 +7450,13 @@ const DisplayInline = /*#__PURE__*/_export_sfc(_sfc_main$T, [['render',_sfc_rend
 
 const _sfc_main$S = {  };
 
-const _hoisted_1$z = {
+const _hoisted_1$y = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 
 function _sfc_render$a(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1$z, [...(_cache[0] || (_cache[0] = [
+  return (openBlock(), createElementBlock("svg", _hoisted_1$y, [...(_cache[0] || (_cache[0] = [
     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 */)
   ]))]))
 }
@@ -7442,13 +7464,13 @@ const DisplayInlineBlock = /*#__PURE__*/_export_sfc(_sfc_main$S, [['render',_sfc
 
 const _sfc_main$R = {  };
 
-const _hoisted_1$y = {
+const _hoisted_1$x = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 
 function _sfc_render$9(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1$y, [...(_cache[0] || (_cache[0] = [
+  return (openBlock(), createElementBlock("svg", _hoisted_1$x, [...(_cache[0] || (_cache[0] = [
     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 */)
   ]))]))
 }
@@ -7456,13 +7478,13 @@ const DisplayNone = /*#__PURE__*/_export_sfc(_sfc_main$R, [['render',_sfc_render
 
 const _sfc_main$Q = {  };
 
-const _hoisted_1$x = {
+const _hoisted_1$w = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 
 function _sfc_render$8(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1$x, [...(_cache[0] || (_cache[0] = [
+  return (openBlock(), createElementBlock("svg", _hoisted_1$w, [...(_cache[0] || (_cache[0] = [
     createElementVNode("path", { d: "M896 320H128V0h768v320z m0 320H128v-256h768v256z m-128 192l-256 192-256-192 192-0.032V704h128v128h192z" }, null, -1 /* CACHED */)
   ]))]))
 }
@@ -7470,13 +7492,13 @@ const FlexDirectionColumn = /*#__PURE__*/_export_sfc(_sfc_main$Q, [['render',_sf
 
 const _sfc_main$P = {  };
 
-const _hoisted_1$w = {
+const _hoisted_1$v = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 
 function _sfc_render$7(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1$w, [...(_cache[0] || (_cache[0] = [
+  return (openBlock(), createElementBlock("svg", _hoisted_1$v, [...(_cache[0] || (_cache[0] = [
     createElementVNode("path", { d: "M896 704H128v320h768V704z m0-320H128v256h768v-256z m-128-192l-256-192-256 192 192 0.032V320h128V192h192z" }, null, -1 /* CACHED */)
   ]))]))
 }
@@ -7484,13 +7506,13 @@ const FlexDirectionColumnReverse = /*#__PURE__*/_export_sfc(_sfc_main$P, [['rend
 
 const _sfc_main$O = {  };
 
-const _hoisted_1$v = {
+const _hoisted_1$u = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 
 function _sfc_render$6(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1$v, [...(_cache[0] || (_cache[0] = [
+  return (openBlock(), createElementBlock("svg", _hoisted_1$u, [...(_cache[0] || (_cache[0] = [
     createElementVNode("path", { d: "M320 128v768H0V128h320z m320 0v768h-256V128h256z m192 128l192 256-192 256-0.032-192H704v-128h128V256z" }, null, -1 /* CACHED */)
   ]))]))
 }
@@ -7498,13 +7520,13 @@ const FlexDirectionRow = /*#__PURE__*/_export_sfc(_sfc_main$O, [['render',_sfc_r
 
 const _sfc_main$N = {  };
 
-const _hoisted_1$u = {
+const _hoisted_1$t = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 
 function _sfc_render$5(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1$u, [...(_cache[0] || (_cache[0] = [
+  return (openBlock(), createElementBlock("svg", _hoisted_1$t, [...(_cache[0] || (_cache[0] = [
     createElementVNode("path", { d: "M704 128v768h320V128H704zM384 128v768h256V128h-256zM192 256l-192 256 192 256 0.032-192H320v-128H192V256z" }, null, -1 /* CACHED */)
   ]))]))
 }
@@ -7512,13 +7534,13 @@ const FlexDirectionRowReverse = /*#__PURE__*/_export_sfc(_sfc_main$N, [['render'
 
 const _sfc_main$M = {  };
 
-const _hoisted_1$t = {
+const _hoisted_1$s = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 
 function _sfc_render$4(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1$t, [...(_cache[0] || (_cache[0] = [
+  return (openBlock(), createElementBlock("svg", _hoisted_1$s, [...(_cache[0] || (_cache[0] = [
     createElementVNode("path", { d: "M480 1024V0h64v1024h-64z m128-64V64h320v896H608zM96 960V64h320v896H96z" }, null, -1 /* CACHED */)
   ]))]))
 }
@@ -7526,13 +7548,13 @@ const JustifyContentCenter = /*#__PURE__*/_export_sfc(_sfc_main$M, [['render',_s
 
 const _sfc_main$L = {  };
 
-const _hoisted_1$s = {
+const _hoisted_1$r = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 
 function _sfc_render$3(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1$s, [...(_cache[0] || (_cache[0] = [
+  return (openBlock(), createElementBlock("svg", _hoisted_1$r, [...(_cache[0] || (_cache[0] = [
     createElementVNode("path", { d: "M416 160H96v704h320V160z m384 0H480v704h320V160z m128-160h-64v1024h64V0z" }, null, -1 /* CACHED */)
   ]))]))
 }
@@ -7540,13 +7562,13 @@ const JustifyContentFlexEnd = /*#__PURE__*/_export_sfc(_sfc_main$L, [['render',_
 
 const _sfc_main$K = {  };
 
-const _hoisted_1$r = {
+const _hoisted_1$q = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 
 function _sfc_render$2(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1$r, [...(_cache[0] || (_cache[0] = [
+  return (openBlock(), createElementBlock("svg", _hoisted_1$q, [...(_cache[0] || (_cache[0] = [
     createElementVNode("path", { d: "M608 160h320v704H608V160zM224 160h320v704H224V160zM96 0h64v1024H96V0z" }, null, -1 /* CACHED */)
   ]))]))
 }
@@ -7554,13 +7576,13 @@ const JustifyContentFlexStart = /*#__PURE__*/_export_sfc(_sfc_main$K, [['render'
 
 const _sfc_main$J = {  };
 
-const _hoisted_1$q = {
+const _hoisted_1$p = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 
 function _sfc_render$1(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1$q, [...(_cache[0] || (_cache[0] = [
+  return (openBlock(), createElementBlock("svg", _hoisted_1$p, [...(_cache[0] || (_cache[0] = [
     createElementVNode("path", { d: "M320 864H192v160H128v-160H0V160h128V0h64v160h128v704z m704 0h-128v160h-64v-160h-128V160h128V0h64v160h128v704z" }, null, -1 /* CACHED */)
   ]))]))
 }
@@ -7568,13 +7590,13 @@ const JustifyContentSpaceAround = /*#__PURE__*/_export_sfc(_sfc_main$J, [['rende
 
 const _sfc_main$I = {  };
 
-const _hoisted_1$p = {
+const _hoisted_1$o = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
 };
 
 function _sfc_render(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1$p, [...(_cache[0] || (_cache[0] = [
+  return (openBlock(), createElementBlock("svg", _hoisted_1$o, [...(_cache[0] || (_cache[0] = [
     createElementVNode("path", { d: "M64 1024H0V0h64v1024z m384-160H128V160h320v704z m448 0H576V160h320v704z m128 160h-64V0h64v1024z" }, null, -1 /* CACHED */)
   ]))]))
 }
@@ -7583,7 +7605,9 @@ const JustifyContentSpaceBetween = /*#__PURE__*/_export_sfc(_sfc_main$I, [['rend
 const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "Layout",
   props: {
-    values: {}
+    values: {},
+    disabled: { type: Boolean },
+    size: {}
   },
   emits: ["change"],
   setup(__props, { emit: __emit }) {
@@ -7737,14 +7761,18 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
         [
           createVNode(unref(MContainer), {
             config,
-            model: _ctx.values,
+            model: __props.values,
+            size: __props.size,
+            disabled: __props.disabled,
             onChange: change
-          }, null, 8, ["model"]),
+          }, null, 8, ["model", "size", "disabled"]),
           withDirectives(createVNode(_sfc_main$W, {
-            model: _ctx.values,
+            model: __props.values,
+            size: __props.size,
+            disabled: __props.disabled,
             onChange: change
-          }, null, 8, ["model"]), [
-            [vShow, !["fixed", "absolute"].includes(_ctx.values.position)]
+          }, null, 8, ["model", "size", "disabled"]), [
+            [vShow, !["fixed", "absolute"].includes(__props.values.position)]
           ])
         ],
         64
@@ -7757,7 +7785,9 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
 const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "Position",
   props: {
-    values: {}
+    values: {},
+    disabled: { type: Boolean },
+    size: {}
   },
   emits: ["change"],
   setup(__props, { emit: __emit }) {
@@ -7848,23 +7878,27 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(MContainer), {
         config,
-        model: _ctx.values,
+        model: __props.values,
+        size: __props.size,
+        disabled: __props.disabled,
         onChange: change
-      }, null, 8, ["model"]);
+      }, null, 8, ["model", "size", "disabled"]);
     };
   }
 });
 
-const _hoisted_1$o = { class: "border-box-container" };
-const _hoisted_2$a = { class: "border-icon-container" };
-const _hoisted_3$3 = { class: "border-icon-container-row" };
+const _hoisted_1$n = { class: "border-box-container" };
+const _hoisted_2$b = { class: "border-icon-container" };
+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({
   __name: "Border",
   props: {
-    model: {}
+    model: {},
+    disabled: { type: Boolean },
+    size: {}
   },
   emits: ["change"],
   setup(__props, { emit: __emit }) {
@@ -7914,9 +7948,9 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
       });
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$o, [
-        createElementVNode("div", _hoisted_2$a, [
-          createElementVNode("div", _hoisted_3$3, [
+      return openBlock(), createElementBlock("div", _hoisted_1$n, [
+        createElementVNode("div", _hoisted_2$b, [
+          createElementVNode("div", _hoisted_3$4, [
             createElementVNode(
               "div",
               {
@@ -7976,9 +8010,11 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_6$1, [
           createVNode(unref(MContainer), {
             config: config.value,
-            model: _ctx.model,
+            model: __props.model,
+            size: __props.size,
+            disabled: __props.disabled,
             onChange: change
-          }, null, 8, ["config", "model"])
+          }, null, 8, ["config", "model", "size", "disabled"])
         ])
       ]);
     };
@@ -7988,7 +8024,9 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
 const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "Border",
   props: {
-    values: {}
+    values: {},
+    disabled: { type: Boolean },
+    size: {}
   },
   emits: ["change"],
   setup(__props, { emit: __emit }) {
@@ -8016,13 +8054,17 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
         [
           createVNode(unref(MContainer), {
             config,
-            model: _ctx.values,
+            model: __props.values,
+            size: __props.size,
+            disabled: __props.disabled,
             onChange: change
-          }, null, 8, ["model"]),
+          }, null, 8, ["model", "size", "disabled"]),
           createVNode(_sfc_main$F, {
-            model: _ctx.values,
+            model: __props.values,
+            size: __props.size,
+            disabled: __props.disabled,
             onChange: change
-          }, null, 8, ["model"])
+          }, null, 8, ["model", "size", "disabled"])
         ],
         64
         /* STABLE_FRAGMENT */
@@ -8031,7 +8073,6 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$n = { class: "m-fields-style-setter" };
 const _sfc_main$D = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFieldsStyleSetter"
@@ -8085,44 +8126,48 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       emit("change", v, eventData);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$n, [
-        createVNode(unref(TMagicCollapse), { "model-value": collapseValue.value }, {
-          default: withCtx(() => [
-            (openBlock(), createElementBlock(
-              Fragment,
-              null,
-              renderList(list, (item, index) => {
-                return createVNode(unref(TMagicCollapseItem), {
-                  key: index,
-                  name: `${index}`
-                }, {
-                  title: withCtx(() => [
-                    createVNode(_sfc_main$1r, { icon: unref(Grid) }, null, 8, ["icon"]),
-                    createTextVNode(
-                      toDisplayString(item.title),
-                      1
-                      /* TEXT */
-                    )
-                  ]),
-                  default: withCtx(() => [
-                    item.component ? (openBlock(), createBlock(resolveDynamicComponent(item.component), {
-                      key: 0,
-                      values: _ctx.model[_ctx.name],
-                      onChange: change
-                    }, null, 40, ["values"])) : createCommentVNode("v-if", true)
-                  ]),
-                  _: 2
-                  /* DYNAMIC */
-                }, 1032, ["name"]);
-              }),
-              64
-              /* STABLE_FRAGMENT */
-            ))
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["model-value"])
-      ]);
+      return openBlock(), createBlock(unref(TMagicCollapse), {
+        class: "m-fields-style-setter",
+        modelValue: collapseValue.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => collapseValue.value = $event)
+      }, {
+        default: withCtx(() => [
+          (openBlock(), createElementBlock(
+            Fragment,
+            null,
+            renderList(list, (item, index) => {
+              return createVNode(unref(TMagicCollapseItem), {
+                key: index,
+                name: `${index}`
+              }, {
+                title: withCtx(() => [
+                  createVNode(_sfc_main$1r, { icon: unref(Grid) }, null, 8, ["icon"]),
+                  createTextVNode(
+                    toDisplayString(item.title),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                default: withCtx(() => [
+                  item.component ? (openBlock(), createBlock(resolveDynamicComponent(item.component), {
+                    key: 0,
+                    values: __props.model[__props.name],
+                    size: __props.size,
+                    disabled: __props.disabled,
+                    onChange: change
+                  }, null, 40, ["values", "size", "disabled"])) : createCommentVNode("v-if", true)
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, 1032, ["name"]);
+            }),
+            64
+            /* STABLE_FRAGMENT */
+          ))
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["modelValue"]);
     };
   }
 });
@@ -8215,8 +8260,8 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
         createVNode(unref(TMagicButton), {
           type: "danger",
           icon: unref(Delete),
-          disabled: _ctx.disabled,
-          size: _ctx.size,
+          disabled: __props.disabled,
+          size: __props.size,
           link: "",
           style: { "padding": "0" }
         }, {
@@ -8244,8 +8289,8 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
                   style: { "padding": "0" },
                   type: "danger",
                   icon: unref(Close),
-                  disabled: _ctx.disabled,
-                  size: _ctx.size,
+                  disabled: __props.disabled,
+                  size: __props.size,
                   link: "",
                   onClick: withModifiers(deleteHandler, ["stop"])
                 }, null, 8, ["icon", "disabled", "size"])
@@ -8261,8 +8306,8 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
                 createVNode(unref(TMagicButton), {
                   link: "",
                   style: { "padding": "0", "margin": "0" },
-                  disabled: _ctx.disabled,
-                  size: _ctx.size,
+                  disabled: __props.disabled,
+                  size: __props.size,
                   onClick: _cache[0] || (_cache[0] = ($event) => selectNode(val.value)),
                   onMouseenter: _cache[1] || (_cache[1] = ($event) => unref(highlight)(val.value)),
                   onMouseleave: unhighlight
@@ -8293,8 +8338,8 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
             createVNode(unref(TMagicButton), {
               link: "",
               style: { "padding": "0", "margin": "0" },
-              disabled: _ctx.disabled,
-              size: _ctx.size,
+              disabled: __props.disabled,
+              size: __props.size,
               onClick: startSelect
             }, {
               default: withCtx(() => [..._cache[3] || (_cache[3] = [
@@ -8488,8 +8533,8 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
               createElementVNode(
                 "div",
                 {
-                  class: normalizeClass(["m-editor-layout-left", _ctx.leftClass]),
-                  style: normalizeStyle(`width: ${_ctx.left}px`)
+                  class: normalizeClass(["m-editor-layout-left", __props.leftClass]),
+                  style: normalizeStyle(`width: ${__props.left}px`)
                 },
                 [
                   renderSlot(_ctx.$slots, "left")
@@ -8505,7 +8550,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
           createElementVNode(
             "div",
             {
-              class: normalizeClass(["m-editor-layout-center", _ctx.centerClass]),
+              class: normalizeClass(["m-editor-layout-center", __props.centerClass]),
               style: normalizeStyle(`width: ${center.value}px`)
             },
             [
@@ -8522,8 +8567,8 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
               createElementVNode(
                 "div",
                 {
-                  class: normalizeClass(["m-editor-layout-right", _ctx.rightClass]),
-                  style: normalizeStyle(`width: ${_ctx.right}px`)
+                  class: normalizeClass(["m-editor-layout-right", __props.rightClass]),
+                  style: normalizeStyle(`width: ${__props.right}px`)
                 },
                 [
                   renderSlot(_ctx.$slots, "right")
@@ -8547,7 +8592,7 @@ const _hoisted_1$l = {
   key: 1,
   class: "menu-item-text"
 };
-const _hoisted_2$9 = { class: "el-dropdown-link menubar-menu-button" };
+const _hoisted_2$a = { class: "el-dropdown-link menubar-menu-button" };
 const _sfc_main$z = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorToolButton"
@@ -8613,53 +8658,61 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
         "div",
         {
           key: 0,
-          class: normalizeClass(["menu-item", `${_ctx.data.type} ${_ctx.data.className || ""}`]),
-          onClick: _cache[0] || (_cache[0] = ($event) => clickHandler(_ctx.data, $event)),
-          onMousedown: _cache[1] || (_cache[1] = ($event) => mousedownHandler(_ctx.data, $event)),
-          onMouseup: _cache[2] || (_cache[2] = ($event) => mouseupHandler(_ctx.data, $event))
+          class: normalizeClass(["menu-item", `${__props.data.type} ${__props.data.className || ""}`]),
+          onClick: _cache[0] || (_cache[0] = ($event) => clickHandler(__props.data, $event)),
+          onMousedown: _cache[1] || (_cache[1] = ($event) => mousedownHandler(__props.data, $event)),
+          onMouseup: _cache[2] || (_cache[2] = ($event) => mouseupHandler(__props.data, $event))
         },
         [
-          _ctx.data.type === "divider" ? (openBlock(), createBlock(unref(TMagicDivider), {
+          __props.data.type === "divider" ? (openBlock(), createBlock(unref(TMagicDivider), {
             key: 0,
-            direction: _ctx.data.direction || "vertical"
-          }, null, 8, ["direction"])) : _ctx.data.type === "text" ? (openBlock(), createElementBlock(
+            direction: __props.data.direction || "vertical"
+          }, null, 8, ["direction"])) : __props.data.type === "text" ? (openBlock(), createElementBlock(
             "div",
             _hoisted_1$l,
-            toDisplayString(_ctx.data.text),
+            toDisplayString(__props.data.text),
             1
             /* TEXT */
-          )) : _ctx.data.type === "button" ? (openBlock(), createElementBlock(
+          )) : __props.data.type === "button" ? (openBlock(), createElementBlock(
             Fragment,
             { key: 2 },
             [
-              _ctx.data.tooltip ? (openBlock(), createBlock(unref(TMagicTooltip), {
+              __props.data.tooltip ? (openBlock(), createBlock(unref(TMagicTooltip), {
                 key: 0,
                 effect: "dark",
                 placement: "bottom-start",
-                content: _ctx.data.tooltip
+                content: __props.data.tooltip
               }, {
                 default: withCtx(() => [
                   createVNode(unref(TMagicButton), {
                     size: "small",
                     link: "",
                     disabled: disabled.value
-                  }, {
-                    default: withCtx(() => [
-                      _ctx.data.icon ? (openBlock(), createBlock(_sfc_main$1r, {
-                        key: 0,
-                        icon: _ctx.data.icon
-                      }, null, 8, ["icon"])) : createCommentVNode("v-if", true),
-                      createElementVNode(
-                        "span",
-                        null,
-                        toDisplayString(_ctx.data.text),
-                        1
-                        /* TEXT */
-                      )
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }, 8, ["disabled"])
+                  }, createSlots({
+                    _: 2
+                    /* DYNAMIC */
+                  }, [
+                    __props.data.icon ? {
+                      name: "icon",
+                      fn: withCtx(() => [
+                        createVNode(_sfc_main$1r, {
+                          icon: __props.data.icon
+                        }, null, 8, ["icon"])
+                      ]),
+                      key: "0"
+                    } : void 0,
+                    __props.data.text ? {
+                      name: "default",
+                      fn: withCtx(() => [
+                        createTextVNode(
+                          toDisplayString(__props.data.text),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      key: "1"
+                    } : void 0
+                  ]), 1032, ["disabled"])
                 ]),
                 _: 1
                 /* STABLE */
@@ -8668,43 +8721,51 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
                 size: "small",
                 link: "",
                 disabled: disabled.value,
-                title: _ctx.data.text
-              }, {
-                default: withCtx(() => [
-                  _ctx.data.icon ? (openBlock(), createBlock(_sfc_main$1r, {
-                    key: 0,
-                    icon: _ctx.data.icon
-                  }, null, 8, ["icon"])) : createCommentVNode("v-if", true),
-                  createElementVNode(
-                    "span",
-                    null,
-                    toDisplayString(_ctx.data.text),
-                    1
-                    /* TEXT */
-                  )
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["disabled", "title"]))
+                title: __props.data.text
+              }, createSlots({
+                _: 2
+                /* DYNAMIC */
+              }, [
+                __props.data.icon ? {
+                  name: "icon",
+                  fn: withCtx(() => [
+                    createVNode(_sfc_main$1r, {
+                      icon: __props.data.icon
+                    }, null, 8, ["icon"])
+                  ]),
+                  key: "0"
+                } : void 0,
+                __props.data.text ? {
+                  name: "default",
+                  fn: withCtx(() => [
+                    createTextVNode(
+                      toDisplayString(__props.data.text),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  key: "1"
+                } : void 0
+              ]), 1032, ["disabled", "title"]))
             ],
             64
             /* STABLE_FRAGMENT */
-          )) : _ctx.data.type === "dropdown" ? (openBlock(), createBlock(unref(TMagicDropdown), {
+          )) : __props.data.type === "dropdown" ? (openBlock(), createBlock(unref(TMagicDropdown), {
             key: 3,
             trigger: "click",
             disabled: disabled.value,
             onCommand: dropdownHandler
           }, {
             dropdown: withCtx(() => [
-              _ctx.data.items && _ctx.data.items.length ? (openBlock(), createBlock(unref(TMagicDropdownMenu), { key: 0 }, {
+              __props.data.items && __props.data.items.length ? (openBlock(), createBlock(unref(TMagicDropdownMenu), { key: 0 }, {
                 default: withCtx(() => [
                   (openBlock(true), createElementBlock(
                     Fragment,
                     null,
-                    renderList(_ctx.data.items, (subItem, index) => {
+                    renderList(__props.data.items, (subItem, index) => {
                       return openBlock(), createBlock(unref(TMagicDropdownItem), {
                         key: index,
-                        command: { data: _ctx.data, subItem }
+                        command: { data: __props.data, subItem }
                       }, {
                         default: withCtx(() => [
                           createTextVNode(
@@ -8726,9 +8787,9 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
               })) : createCommentVNode("v-if", true)
             ]),
             default: withCtx(() => [
-              createElementVNode("span", _hoisted_2$9, [
+              createElementVNode("span", _hoisted_2$a, [
                 createTextVNode(
-                  toDisplayString(_ctx.data.text),
+                  toDisplayString(__props.data.text),
                   1
                   /* TEXT */
                 ),
@@ -8743,9 +8804,9 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["disabled"])) : _ctx.data.type === "component" ? (openBlock(), createBlock(
-            resolveDynamicComponent(_ctx.data.component),
-            mergeProps({ key: 4 }, _ctx.data.props || {}, toHandlers(_ctx.data.listeners || {})),
+          }, 8, ["disabled"])) : __props.data.type === "component" ? (openBlock(), createBlock(
+            resolveDynamicComponent(__props.data.component),
+            mergeProps({ key: 4 }, __props.data.props || {}, toHandlers(__props.data.listeners || {})),
             null,
             16
             /* FULL_PROPS */
@@ -8763,7 +8824,7 @@ const _hoisted_1$k = {
   id: "m-editor-page-bar-add-icon",
   class: "m-editor-page-bar-item m-editor-page-bar-item-icon"
 };
-const _hoisted_2$8 = {
+const _hoisted_2$9 = {
   key: 1,
   style: { "width": "21px" }
 };
@@ -8814,7 +8875,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
           _: 1
           /* STABLE */
         })
-      ])) : (openBlock(), createElementBlock("div", _hoisted_2$8));
+      ])) : (openBlock(), createElementBlock("div", _hoisted_2$9));
     };
   }
 });
@@ -8823,7 +8884,7 @@ const _hoisted_1$j = {
   class: "m-editor-page-bar",
   ref: "pageBar"
 };
-const _hoisted_2$7 = {
+const _hoisted_2$8 = {
   key: 0,
   class: "m-editor-page-bar-items",
   ref: "itemsContainer"
@@ -8952,9 +9013,9 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
         _hoisted_1$j,
         [
           renderSlot(_ctx.$slots, "prepend"),
-          _ctx.length ? (openBlock(), createElementBlock(
+          __props.length ? (openBlock(), createElementBlock(
             "div",
-            _hoisted_2$7,
+            _hoisted_2$8,
             [
               renderSlot(_ctx.$slots, "default")
             ],
@@ -8988,6 +9049,8 @@ const _hoisted_1$i = {
   id: "m-editor-page-bar-list-icon",
   class: "m-editor-page-bar-item m-editor-page-bar-item-icon"
 };
+const _hoisted_2$7 = { class: "page-bar-popover-wrapper" };
+const _hoisted_3$3 = { class: "page-bar-popover-inner" };
 const _sfc_main$w = /* @__PURE__ */ defineComponent({
   ...{
     name: "MEditorPageList"
@@ -9022,25 +9085,27 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
             })
           ]),
           default: withCtx(() => [
-            createElementVNode("div", null, [
-              renderSlot(_ctx.$slots, "page-list-popover", { list: _ctx.list }, () => [
-                (openBlock(true), createElementBlock(
-                  Fragment,
-                  null,
-                  renderList(_ctx.list, (item, index) => {
-                    return openBlock(), createBlock(_sfc_main$z, {
-                      data: {
-                        type: "button",
-                        text: item.devconfig?.tabName || item.name || item.id,
-                        className: item.id === page.value?.id ? "active" : "",
-                        handler: () => switchPage(item.id)
-                      },
-                      key: index
-                    }, null, 8, ["data"]);
-                  }),
-                  128
-                  /* KEYED_FRAGMENT */
-                ))
+            createElementVNode("div", _hoisted_2$7, [
+              createElementVNode("div", _hoisted_3$3, [
+                renderSlot(_ctx.$slots, "page-list-popover", { list: __props.list }, () => [
+                  (openBlock(true), createElementBlock(
+                    Fragment,
+                    null,
+                    renderList(__props.list, (item, index) => {
+                      return openBlock(), createBlock(_sfc_main$z, {
+                        data: {
+                          type: "button",
+                          text: item.devconfig?.tabName || item.name || item.id,
+                          className: item.id === page.value?.id ? "active" : "",
+                          handler: () => switchPage(item.id)
+                        },
+                        key: index
+                      }, null, 8, ["data"]);
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ])
               ])
             ])
           ]),
@@ -9198,7 +9263,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$g, [
         createVNode(_sfc_main$x, {
           ref: "pageBarScrollContainer",
-          "page-bar-sort-options": _ctx.pageBarSortOptions,
+          "page-bar-sort-options": __props.pageBarSortOptions,
           length: list.value.length
         }, {
           prepend: withCtx(() => [
@@ -9337,7 +9402,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
               /* CACHED */
             ))
           ]),
-          !_ctx.disabledPageFragment ? (openBlock(), createElementBlock("div", {
+          !__props.disabledPageFragment ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: "m-editor-empty-button",
             onClick: _cache[1] || (_cache[1] = ($event) => clickHandler(unref(NodeType).PAGE_FRAGMENT))
@@ -9462,13 +9527,13 @@ 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": _ctx.disabledPageFragment }, null, 8, ["disabled-page-fragment"])
+                createVNode(_sfc_main$t, { "disabled-page-fragment": __props.disabledPageFragment }, null, 8, ["disabled-page-fragment"])
               ]),
               renderSlot(_ctx.$slots, "page-bar", {}, () => [
                 createVNode(_sfc_main$u, {
-                  "disabled-page-fragment": _ctx.disabledPageFragment,
-                  "page-bar-sort-options": _ctx.pageBarSortOptions,
-                  "filter-function": _ctx.pageFilterFunction
+                  "disabled-page-fragment": __props.disabledPageFragment,
+                  "page-bar-sort-options": __props.pageBarSortOptions,
+                  "filter-function": __props.pageFilterFunction
                 }, {
                   "page-bar-add-button": withCtx(() => [
                     renderSlot(_ctx.$slots, "page-bar-add-button")
@@ -9680,7 +9745,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
         "div",
         {
           class: "m-editor-nav-menu",
-          style: normalizeStyle({ height: `${_ctx.height}px` }),
+          style: normalizeStyle({ height: `${__props.height}px` }),
           ref: "navMenu"
         },
         [
@@ -9788,12 +9853,12 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
               ref: "configForm",
               class: normalizeClass(propsPanelSize.value),
               "popper-class": `m-editor-props-panel-popper ${propsPanelSize.value}`,
-              "label-width": _ctx.labelWidth,
-              "label-position": _ctx.labelPosition,
+              "label-width": __props.labelWidth,
+              "label-position": __props.labelPosition,
               size: propsPanelSize.value,
-              "init-values": _ctx.values,
-              config: _ctx.config,
-              "extend-state": _ctx.extendState,
+              "init-values": __props.values,
+              config: __props.config,
+              "extend-state": __props.extendState,
               onChange: submit,
               onError: errorHandler
             }, null, 8, ["class", "popper-class", "label-width", "label-position", "size", "init-values", "config", "extend-state"])
@@ -9801,7 +9866,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
           _: 1
           /* STABLE */
         }),
-        !_ctx.disabledShowSrc ? (openBlock(), createBlock(unref(TMagicButton), {
+        !__props.disabledShowSrc ? (openBlock(), createBlock(unref(TMagicButton), {
           key: 0,
           class: "m-editor-props-panel-src-icon",
           circle: "",
@@ -9819,7 +9884,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
           key: 1,
           class: "m-editor-props-panel-src-code",
           height: `${unref(editorContentHeight)}px`,
-          "init-values": _ctx.codeValueKey ? _ctx.values[_ctx.codeValueKey] : _ctx.values,
+          "init-values": __props.codeValueKey ? __props.values[__props.codeValueKey] : __props.values,
           options: unref(codeOptions),
           parse: true,
           onSave: saveCode
@@ -10003,8 +10068,8 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
             class: normalizeClass(["m-editor-props-property-panel", { "show-style-panel": unref(showStylePanel) }]),
             config: curFormConfig.value,
             values: values.value,
-            disabledShowSrc: _ctx.disabledShowSrc,
-            extendState: _ctx.extendState,
+            disabledShowSrc: __props.disabledShowSrc,
+            extendState: __props.extendState,
             onSubmit: submit,
             onSubmitError: errorHandler,
             onFormError: errorHandler,
@@ -10022,8 +10087,8 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
             "code-value-key": "style",
             config: styleFormConfig,
             values: values.value,
-            disabledShowSrc: _ctx.disabledShowSrc,
-            extendState: _ctx.extendState,
+            disabledShowSrc: __props.disabledShowSrc,
+            extendState: __props.extendState,
             onSubmit: submit,
             onSubmitError: errorHandler,
             onFormError: errorHandler
@@ -10216,12 +10281,12 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                 (openBlock(true), createElementBlock(
                   Fragment,
                   null,
-                  renderList(_ctx.menuData, (item, index) => {
+                  renderList(__props.menuData, (item, index) => {
                     return openBlock(), createBlock(_sfc_main$z, {
                       "event-type": "mouseup",
                       ref_for: true,
                       ref: "buttons",
-                      class: normalizeClass({ active: _ctx.active && item.id === _ctx.active }),
+                      class: normalizeClass({ active: __props.active && item.id === __props.active }),
                       data: item,
                       key: index,
                       onMouseup: clickHandler,
@@ -10237,7 +10302,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                   key: 0,
                   class: "sub-menu",
                   ref: "subMenu",
-                  active: _ctx.active,
+                  active: __props.active,
                   "menu-data": subMenuData.value,
                   "is-sub-menu": true,
                   onHide: hide
@@ -10367,10 +10432,10 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
       return withDirectives((openBlock(), createElementBlock("div", {
         class: "m-editor-tree-node",
         draggable: draggable.value,
-        "data-node-id": _ctx.data.id,
-        "data-parent-id": _ctx.parent?.id,
-        "data-parents-id": _ctx.parentsId,
-        "data-is-container": Array.isArray(_ctx.data.items),
+        "data-node-id": __props.data.id,
+        "data-parent-id": __props.parent?.id,
+        "data-parents-id": __props.parentsId,
+        "data-is-container": Array.isArray(__props.data.items),
         onDragstart: handleDragStart,
         onDragleave: handleDragLeave,
         onDragend: handleDragEnd
@@ -10379,7 +10444,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
           "div",
           {
             class: normalizeClass(["tree-node", { selected: selected.value, expanded: expanded.value }]),
-            style: normalizeStyle(`padding-left: ${_ctx.indent}px`),
+            style: normalizeStyle(`padding-left: ${__props.indent}px`),
             onContextmenu: nodeContextmenuHandler,
             onMouseenter: mouseenterHandler
           },
@@ -10394,18 +10459,18 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
               class: "tree-node-content",
               onClick: nodeClickHandler
             }, [
-              renderSlot(_ctx.$slots, "tree-node-content", { data: _ctx.data }, () => [
+              renderSlot(_ctx.$slots, "tree-node-content", { data: __props.data }, () => [
                 createElementVNode("div", _hoisted_2$3, [
-                  renderSlot(_ctx.$slots, "tree-node-label", { data: _ctx.data }, () => [
+                  renderSlot(_ctx.$slots, "tree-node-label", { data: __props.data }, () => [
                     createTextVNode(
-                      toDisplayString(`${_ctx.data.name} (${_ctx.data.id})`),
+                      toDisplayString(`${__props.data.name} (${__props.data.id})`),
                       1
                       /* TEXT */
                     )
                   ])
                 ]),
                 createElementVNode("div", _hoisted_3$1, [
-                  renderSlot(_ctx.$slots, "tree-node-tool", { data: _ctx.data })
+                  renderSlot(_ctx.$slots, "tree-node-tool", { data: __props.data })
                 ])
               ])
             ])
@@ -10417,14 +10482,14 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
           (openBlock(true), createElementBlock(
             Fragment,
             null,
-            renderList(_ctx.data.items, (item) => {
+            renderList(__props.data.items, (item) => {
               return openBlock(), createBlock(_component_TreeNode, {
                 key: item.id,
                 data: item,
-                parent: _ctx.data,
-                parentsId: [..._ctx.parentsId, _ctx.data.id],
-                "node-status-map": _ctx.nodeStatusMap,
-                indent: _ctx.indent + _ctx.nextLevelIndentIncrement
+                parent: __props.data,
+                parentsId: [...__props.parentsId, __props.data.id],
+                "node-status-map": __props.nodeStatusMap,
+                indent: __props.indent + __props.nextLevelIndentIncrement
               }, {
                 "tree-node-content": withCtx(({ data: nodeData }) => [
                   renderSlot(_ctx.$slots, "tree-node-content", { data: nodeData })
@@ -10435,9 +10500,9 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                 "tree-node-tool": withCtx(({ data: nodeData }) => [
                   renderSlot(_ctx.$slots, "tree-node-tool", { data: nodeData })
                 ]),
-                _: 2
-                /* DYNAMIC */
-              }, 1032, ["data", "parent", "parentsId", "node-status-map", "indent"]);
+                _: 3
+                /* FORWARDED */
+              }, 8, ["data", "parent", "parentsId", "node-status-map", "indent"]);
             }),
             128
             /* KEYED_FRAGMENT */
@@ -10481,16 +10546,16 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
           onDragover: handleDragOver
         },
         [
-          _ctx.data?.length ? (openBlock(true), createElementBlock(
+          __props.data?.length ? (openBlock(true), createElementBlock(
             Fragment,
             { key: 0 },
-            renderList(_ctx.data, (item) => {
+            renderList(__props.data, (item) => {
               return openBlock(), createBlock(_sfc_main$m, {
                 key: item.id,
                 data: item,
-                indent: _ctx.indent,
-                "next-level-indent-increment": _ctx.nextLevelIndentIncrement,
-                "node-status-map": _ctx.nodeStatusMap
+                indent: __props.indent,
+                "next-level-indent-increment": __props.nextLevelIndentIncrement,
+                "node-status-map": __props.nodeStatusMap
               }, {
                 "tree-node-content": withCtx(({ data: nodeData }) => [
                   renderSlot(_ctx.$slots, "tree-node-content", { data: nodeData })
@@ -10501,9 +10566,9 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                 "tree-node-tool": withCtx(({ data: nodeData }) => [
                   renderSlot(_ctx.$slots, "tree-node-tool", { data: nodeData })
                 ]),
-                _: 2
-                /* DYNAMIC */
-              }, 1032, ["data", "indent", "next-level-indent-increment", "node-status-map"]);
+                _: 3
+                /* FORWARDED */
+              }, 8, ["data", "indent", "next-level-indent-increment", "node-status-map"]);
             }),
             128
             /* KEYED_FRAGMENT */
@@ -10511,7 +10576,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
             createElementVNode(
               "p",
               null,
-              toDisplayString(_ctx.emptyText),
+              toDisplayString(__props.emptyText),
               1
               /* TEXT */
             )
@@ -10633,8 +10698,8 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(_sfc_main$l, {
         data: codeList.value,
         "node-status-map": unref(nodeStatusMap),
-        indent: _ctx.indent,
-        "next-level-indent-increment": _ctx.nextLevelIndentIncrement,
+        indent: __props.indent,
+        "next-level-indent-increment": __props.nextLevelIndentIncrement,
         onNodeClick: clickHandler,
         onNodeContextmenu: nodeContentMenuHandler
       }, {
@@ -10850,9 +10915,9 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
               createCommentVNode(" 代码块列表 "),
               createVNode(_sfc_main$k, {
                 ref: "codeBlockList",
-                "custom-error": _ctx.customError,
-                indent: _ctx.indent,
-                "next-level-indent-increment": _ctx.nextLevelIndentIncrement,
+                "custom-error": __props.customError,
+                indent: __props.indent,
+                "next-level-indent-increment": __props.nextLevelIndentIncrement,
                 onEdit: unref(editCode),
                 onRemove: unref(deleteCode),
                 onNodeContextmenu: unref(nodeContentMenuHandler)
@@ -10990,16 +11055,16 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
         "onUpdate:width": _cache[1] || (_cache[1] = ($event) => width.value = $event),
         height: unref(editorHeight),
         "onUpdate:height": _cache[2] || (_cache[2] = ($event) => isRef(editorHeight) ? editorHeight.value = $event : null),
-        title: _ctx.title,
+        title: __props.title,
         position: unref(boxPosition)
       }, {
         body: withCtx(() => [
           createVNode(unref(MFormBox), {
             "label-width": "80px",
-            title: _ctx.title,
+            title: __props.title,
             config: dataSourceConfig.value,
             values: initValues.value,
-            disabled: _ctx.disabled,
+            disabled: __props.disabled,
             style: { "height": "100%" },
             onSubmit: submitHandler,
             onError: errorHandler
@@ -11115,8 +11180,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(_sfc_main$l, {
         data: list.value,
         "node-status-map": unref(nodeStatusMap),
-        indent: _ctx.indent,
-        "next-level-indent-increment": _ctx.nextLevelIndentIncrement,
+        indent: __props.indent,
+        "next-level-indent-increment": __props.nextLevelIndentIncrement,
         onNodeClick: clickHandler,
         onNodeContextmenu: nodeContentMenuHandler
       }, {
@@ -11381,8 +11446,8 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
               createCommentVNode(" 数据源列表 "),
               createVNode(_sfc_main$h, {
                 ref: "dataSourceList",
-                indent: _ctx.indent,
-                "next-level-indent-increment": _ctx.nextLevelIndentIncrement,
+                indent: __props.indent,
+                "next-level-indent-increment": __props.nextLevelIndentIncrement,
                 onEdit: unref(editHandler),
                 onRemove: removeHandler,
                 onNodeContextmenu: unref(nodeContentMenuHandler)
@@ -11648,11 +11713,11 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       });
     };
     return (_ctx, _cache) => {
-      return _ctx.data.type !== "page" ? (openBlock(), createElementBlock(
+      return __props.data.type !== "page" ? (openBlock(), createElementBlock(
         Fragment,
         { key: 0 },
         [
-          _ctx.data.visible === false ? (openBlock(), createBlock(_sfc_main$1r, {
+          __props.data.visible === false ? (openBlock(), createBlock(_sfc_main$1r, {
             key: 0,
             icon: unref(Hide),
             onClick: _cache[0] || (_cache[0] = withModifiers(($event) => setNodeVisible(true), ["stop"])),
@@ -12195,8 +12260,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             ref: "tree",
             data: nodeData.value,
             "node-status-map": unref(nodeStatusMap),
-            indent: _ctx.indent,
-            "next-level-indent-increment": _ctx.nextLevelIndentIncrement,
+            indent: __props.indent,
+            "next-level-indent-increment": __props.nextLevelIndentIncrement,
             onNodeDragover: unref(handleDragOver),
             onNodeDragstart: unref(handleDragStart),
             onNodeDragleave: unref(handleDragLeave),
@@ -12222,8 +12287,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           (openBlock(), createBlock(Teleport, { to: "body" }, [
             createVNode(_sfc_main$e, {
               ref: "menu",
-              "layer-content-menu": _ctx.layerContentMenu,
-              "custom-content-menu": _ctx.customContentMenu,
+              "layer-content-menu": __props.layerContentMenu,
+              "custom-content-menu": __props.customContentMenu,
               onCollapseAll: collapseAllHandler
             }, null, 8, ["layer-content-menu", "custom-content-menu"])
           ]))
@@ -12256,8 +12321,15 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         items: group.items.filter((item) => item.text.includes(searchText.value))
       }))
     );
-    const collapseValue = computed(
-      () => Array(list.value?.length).fill(1).map((x, i) => `${i}`)
+    const collapseValue = ref();
+    watch(
+      list,
+      () => {
+        collapseValue.value = Array(list.value?.length).fill(1).map((x, i) => `${i}`);
+      },
+      {
+        immediate: true
+      }
     );
     let timeout;
     let clientX;
@@ -12315,7 +12387,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "component-list", { componentGroupList: list.value }, () => [
             createVNode(unref(TMagicCollapse), {
               class: "ui-component-panel",
-              "model-value": collapseValue.value
+              modelValue: collapseValue.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => collapseValue.value = $event)
             }, {
               default: withCtx(() => [
                 (openBlock(true), createElementBlock(
@@ -12390,7 +12463,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
               ]),
               _: 3
               /* FORWARDED */
-            }, 8, ["model-value"])
+            }, 8, ["modelValue"])
           ])
         ]),
         _: 3
@@ -12569,7 +12642,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         Fragment,
         null,
         [
-          _ctx.data.type === "tabs" && _ctx.data.items.length ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
+          __props.data.type === "tabs" && __props.data.items.length ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
             createElementVNode("div", _hoisted_2$1, [
               (openBlock(true), createElementBlock(
                 Fragment,
@@ -12901,7 +12974,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         "div",
         {
           ref: "bar",
-          class: normalizeClass(["m-editor-scroll-bar", _ctx.isHorizontal ? "horizontal" : "vertical"])
+          class: normalizeClass(["m-editor-scroll-bar", __props.isHorizontal ? "horizontal" : "vertical"])
         },
         [
           createElementVNode(
@@ -13017,19 +13090,19 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             /* STYLE */
           ),
           renderSlot(_ctx.$slots, "content"),
-          scrollHeight.value > _ctx.wrapHeight ? (openBlock(), createBlock(_sfc_main$9, {
+          scrollHeight.value > __props.wrapHeight ? (openBlock(), createBlock(_sfc_main$9, {
             key: 0,
             "scroll-size": scrollHeight.value,
             pos: vOffset.value,
-            size: _ctx.wrapHeight,
+            size: __props.wrapHeight,
             onScroll: vScrollHandler
           }, null, 8, ["scroll-size", "pos", "size"])) : createCommentVNode("v-if", true),
-          scrollWidth.value > _ctx.wrapWidth ? (openBlock(), createBlock(_sfc_main$9, {
+          scrollWidth.value > __props.wrapWidth ? (openBlock(), createBlock(_sfc_main$9, {
             key: 1,
             "is-horizontal": true,
             "scroll-size": scrollWidth.value,
             pos: hOffset.value,
-            size: _ctx.wrapWidth,
+            size: __props.wrapWidth,
             onScroll: hScrollHandler
           }, null, 8, ["scroll-size", "pos", "size"])) : createCommentVNode("v-if", true)
         ],
@@ -13616,13 +13689,13 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         onClick: _cache[0] || (_cache[0] = ($event) => stageWrapRef.value?.container?.focus())
       }, {
         content: withCtx(() => [
-          !_ctx.disabledStageOverlay ? (openBlock(), createBlock(_sfc_main$6, { key: 0 })) : createCommentVNode("v-if", true),
+          !__props.disabledStageOverlay ? (openBlock(), createBlock(_sfc_main$6, { key: 0 })) : createCommentVNode("v-if", true),
           (openBlock(), createBlock(Teleport, { to: "body" }, [
             createVNode(_sfc_main$4, {
               ref: "menu",
               "is-multi-select": isMultiSelect.value,
-              "stage-content-menu": _ctx.stageContentMenu,
-              "custom-content-menu": _ctx.customContentMenu
+              "stage-content-menu": __props.stageContentMenu,
+              "custom-content-menu": __props.customContentMenu
             }, null, 8, ["is-multi-select", "stage-content-menu", "custom-content-menu"])
           ]))
         ]),
@@ -13735,9 +13808,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           page.value && (unref(stageOptions)?.render || unref(stageOptions)?.runtimeUrl) ? (openBlock(), createBlock(_sfc_main$3, {
             key: 0,
             "stage-options": unref(stageOptions),
-            "disabled-stage-overlay": _ctx.disabledStageOverlay,
-            "stage-content-menu": _ctx.stageContentMenu,
-            "custom-content-menu": _ctx.customContentMenu
+            "disabled-stage-overlay": __props.disabledStageOverlay,
+            "stage-content-menu": __props.stageContentMenu,
+            "custom-content-menu": __props.customContentMenu
           }, null, 8, ["stage-options", "disabled-stage-overlay", "stage-content-menu", "custom-content-menu"])) : createCommentVNode("v-if", true)
         ]),
         renderSlot(_ctx.$slots, "workspace-content")
@@ -16552,16 +16625,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     __expose(services);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$s, {
-        "disabled-page-fragment": _ctx.disabledPageFragment,
-        "page-bar-sort-options": _ctx.pageBarSortOptions,
-        "page-filter-function": _ctx.pageFilterFunction
+        "disabled-page-fragment": __props.disabledPageFragment,
+        "page-bar-sort-options": __props.pageBarSortOptions,
+        "page-filter-function": __props.pageFilterFunction
       }, {
         header: withCtx(() => [
           renderSlot(_ctx.$slots, "header")
         ]),
         nav: withCtx(() => [
           renderSlot(_ctx.$slots, "nav", { editorService: unref(editorService) }, () => [
-            createVNode(_sfc_main$r, { data: _ctx.menu }, null, 8, ["data"])
+            createVNode(_sfc_main$r, { data: __props.menu }, null, 8, ["data"])
           ])
         ]),
         "content-before": withCtx(() => [
@@ -16573,11 +16646,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         sidebar: withCtx(() => [
           renderSlot(_ctx.$slots, "sidebar", { editorService: unref(editorService) }, () => [
             createVNode(_sfc_main$a, {
-              data: _ctx.sidebar,
-              "layer-content-menu": _ctx.layerContentMenu,
-              "custom-content-menu": _ctx.customContentMenu,
-              indent: _ctx.treeIndent,
-              "next-level-indent-increment": _ctx.treeNextLevelIndentIncrement
+              data: __props.sidebar,
+              "layer-content-menu": __props.layerContentMenu,
+              "custom-content-menu": __props.customContentMenu,
+              indent: __props.treeIndent,
+              "next-level-indent-increment": __props.treeNextLevelIndentIncrement
             }, {
               "layer-panel-header": withCtx(() => [
                 renderSlot(_ctx.$slots, "layer-panel-header")
@@ -16626,9 +16699,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         workspace: withCtx(() => [
           renderSlot(_ctx.$slots, "workspace", { editorService: unref(editorService) }, () => [
             createVNode(_sfc_main$1, {
-              "disabled-stage-overlay": _ctx.disabledStageOverlay,
-              "stage-content-menu": _ctx.stageContentMenu,
-              "custom-content-menu": _ctx.customContentMenu
+              "disabled-stage-overlay": __props.disabledStageOverlay,
+              "stage-content-menu": __props.stageContentMenu,
+              "custom-content-menu": __props.customContentMenu
             }, {
               stage: withCtx(() => [
                 renderSlot(_ctx.$slots, "stage")
@@ -16644,8 +16717,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "props-panel": withCtx(() => [
           renderSlot(_ctx.$slots, "props-panel", {}, () => [
             createVNode(_sfc_main$p, {
-              "extend-state": _ctx.extendFormState,
-              "disabled-show-src": _ctx.disabledShowSrc,
+              "extend-state": __props.extendFormState,
+              "disabled-show-src": __props.disabledShowSrc,
               onMounted: propsPanelMountedHandler,
               onUnmounted: propsPanelUnmountedHandler,
               onFormError: propsPanelFormErrorHandler,