@tmagic/editor 1.6.0 → 1.7.0-beta.0

package/dist/tmagic-editor.umd.cjs

@@ -4820,7 +4820,7 @@
     return (array && array.length) ? baseUniq(array) : [];
   }
 
-  const _hoisted_1$10 = ["src"];
+  const _hoisted_1$$ = ["src"];
   const _sfc_main$1r = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MEditorIcon"
@@ -4832,7 +4832,7 @@
     setup(__props) {
       const isRelativePath = (str) => /^(\.|(\.\.)?\/)/.test(str);
       return (_ctx, _cache) => {
-        return !_ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicIcon), {
+        return !__props.icon ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicIcon), {
           key: 0,
           class: "magic-editor-icon"
         }, {
@@ -4841,20 +4841,20 @@
           ]),
           _: 1
           /* STABLE */
-        })) : typeof _ctx.icon === "string" && (_ctx.icon.startsWith("http") || isRelativePath(_ctx.icon)) ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicIcon), {
+        })) : typeof __props.icon === "string" && (__props.icon.startsWith("http") || isRelativePath(__props.icon)) ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicIcon), {
           key: 1,
           class: "magic-editor-icon"
         }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("img", { src: _ctx.icon }, null, 8, _hoisted_1$10)
+            vue.createElementVNode("img", { src: __props.icon }, null, 8, _hoisted_1$$)
           ]),
           _: 1
           /* STABLE */
-        })) : typeof _ctx.icon === "string" ? (vue.openBlock(), vue.createElementBlock(
+        })) : typeof __props.icon === "string" ? (vue.openBlock(), vue.createElementBlock(
           "i",
           {
             key: 2,
-            class: vue.normalizeClass(["magic-editor-icon", _ctx.icon])
+            class: vue.normalizeClass(["magic-editor-icon", __props.icon])
           },
           null,
           2
@@ -4864,7 +4864,7 @@
           class: "magic-editor-icon"
         }, {
           default: vue.withCtx(() => [
-            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.toRaw(_ctx.icon))))
+            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.toRaw(__props.icon))))
           ]),
           _: 1
           /* STABLE */
@@ -4882,10 +4882,10 @@
   emmetMonacoEs.emmetHTML(monaco__namespace);
   emmetMonacoEs.emmetCSS(monaco__namespace, ["css", "scss"]);
 
-  const _hoisted_1$$ = {
+  const _hoisted_1$_ = {
     class: /* @__PURE__ */ vue.normalizeClass(`magic-code-editor`)
   };
-  const _hoisted_2$n = {
+  const _hoisted_2$o = {
     ref: "codeEditor",
     class: "magic-code-editor-content"
   };
@@ -5080,7 +5080,7 @@
         }
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$$, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$_, [
           (vue.openBlock(), vue.createBlock(vue.Teleport, {
             to: "body",
             disabled: !fullScreen.value
@@ -5089,10 +5089,10 @@
               "div",
               {
                 class: vue.normalizeClass(`magic-code-editor-wrapper${fullScreen.value ? " full-screen" : ""}`),
-                style: vue.normalizeStyle(!fullScreen.value && _ctx.height ? `height: ${_ctx.height}` : "100%")
+                style: vue.normalizeStyle(!fullScreen.value && __props.height ? `height: ${__props.height}` : "100%")
               },
               [
-                !_ctx.disabledFullScreen ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicButton), {
+                !__props.disabledFullScreen ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicButton), {
                   key: 0,
                   class: "magic-code-editor-full-screen-icon",
                   circle: "",
@@ -5107,7 +5107,7 @@
                 })) : vue.createCommentVNode("v-if", true),
                 vue.createElementVNode(
                   "div",
-                  _hoisted_2$n,
+                  _hoisted_2$o,
                   null,
                   512
                   /* NEED_PATCH */
@@ -5146,14 +5146,14 @@
       };
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.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"]);
       };
@@ -5347,18 +5347,18 @@
         return vue.openBlock(), vue.createElementBlock(
           "div",
           {
-            class: vue.normalizeClass(["m-fields-code-select", _ctx.config.className])
+            class: vue.normalizeClass(["m-fields-code-select", __props.config.className])
           },
           [
             vue.createVNode(vue.unref(designPlugin.TMagicCard), null, {
               default: vue.withCtx(() => [
                 vue.createVNode(vue.unref(formPlugin.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"])
               ]),
@@ -5509,8 +5509,19 @@
   };
   const displayTabConfig = {
     title: "显示条件",
-    display: (_vm, { model }) => model.type !== "page",
+    display: (_state, { model }) => model.type !== "page",
     items: [
+      {
+        name: core.NODE_CONDS_RESULT_KEY,
+        type: "select",
+        text: "条件成立时",
+        defaultValue: false,
+        options: [
+          { text: "显示", value: false },
+          { text: "隐藏", value: true }
+        ],
+        extra: (_state, { model }) => `条件成立时${model[core.NODE_CONDS_RESULT_KEY] ? "隐藏" : "显示"}，不成立时${model[core.NODE_CONDS_RESULT_KEY] ? "显示" : "隐藏"}；<br />同一条件组内的所有条件配置同时成立时表示该条件组成立，任意一个条件组成立时表示条件成立(条件组内为且的关系，条件组间为或的关系)；<br />条件为空时表示成立；`
+      },
       {
         type: "display-conds",
         name: core.NODE_CONDS_KEY,
@@ -6943,6 +6954,7 @@
     }
     /**
      * 更新节点
+     * update后会触发依赖收集，收集完后会掉stage.update方法
      * @param config 新的节点配置，配置中需要有id信息
      * @returns 更新后的节点配置
      */
@@ -8033,9 +8045,9 @@
         return vue.openBlock(), vue.createBlock(vue.unref(formPlugin.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"]);
@@ -8043,8 +8055,8 @@
     }
   });
 
-  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__ */ vue.defineComponent({
     ...{
       name: "MFieldsCodeSelectCol"
@@ -8144,22 +8156,22 @@
         eventBus?.emit("edit-code", id);
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$_, [
-          vue.createElementVNode("div", _hoisted_2$m, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Z, [
+          vue.createElementVNode("div", _hoisted_2$n, [
             vue.createCommentVNode(" 代码块下拉框 "),
             vue.createVNode(vue.unref(formPlugin.MContainer), {
               class: "select",
               config: selectConfig,
-              model: _ctx.model,
-              size: _ctx.size,
+              model: __props.model,
+              size: __props.size,
               onChange: onCodeIdChangeHandler
             }, null, 8, ["model", "size"]),
             vue.createCommentVNode(" 查看/编辑按钮 "),
-            _ctx.model[_ctx.name] && hasCodeBlockSidePanel.value ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicButton), {
+            __props.model[__props.name] && hasCodeBlockSidePanel.value ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.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: vue.withCtx(() => [
                 vue.createVNode(_sfc_main$1r, {
@@ -8173,9 +8185,9 @@
           vue.createCommentVNode(" 参数填写框 "),
           paramsConfig.value.length ? (vue.openBlock(), vue.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"])) : vue.createCommentVNode("v-if", true)
@@ -8238,12 +8250,12 @@
       };
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(designPlugin.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: vue.withCtx(() => [
@@ -8283,7 +8295,7 @@
     }
   });
 
-  const _hoisted_1$Z = {
+  const _hoisted_1$Y = {
     ref: "title",
     class: "m-editor-float-box-title"
   };
@@ -8431,13 +8443,13 @@
             [
               vue.createElementVNode(
                 "div",
-                _hoisted_1$Z,
+                _hoisted_1$Y,
                 [
                   vue.renderSlot(_ctx.$slots, "title", {}, () => [
                     vue.createElementVNode(
                       "span",
                       null,
-                      vue.toDisplayString(_ctx.title),
+                      vue.toDisplayString(__props.title),
                       1
                       /* TEXT */
                     )
@@ -8980,8 +8992,8 @@
     };
   };
 
-  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__ */ vue.defineComponent({
     ...{
       name: "MFieldsDataSourceFields"
@@ -9247,16 +9259,16 @@
       const parentFloating = vue.inject("parentFloating", vue.ref(null));
       const { boxPosition, calcBoxPosition } = useNextFloatBoxPosition(uiService, parentFloating);
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Y, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$X, [
           vue.createVNode(vue.unref(tablePlugin.MagicTable), {
-            data: _ctx.model[_ctx.name],
+            data: __props.model[__props.name],
             columns: fieldColumns,
             border: true
           }, null, 8, ["data"]),
-          vue.createElementVNode("div", _hoisted_2$l, [
+          vue.createElementVNode("div", _hoisted_2$m, [
             vue.createVNode(vue.unref(designPlugin.TMagicButton), {
               size: "small",
-              disabled: _ctx.disabled,
+              disabled: __props.disabled,
               plain: "",
               onClick: _cache[0] || (_cache[0] = ($event) => newFromJsonHandler())
             }, {
@@ -9273,7 +9285,7 @@
             vue.createVNode(vue.unref(designPlugin.TMagicButton), {
               size: "small",
               type: "primary",
-              disabled: _ctx.disabled,
+              disabled: __props.disabled,
               plain: "",
               onClick: _cache[1] || (_cache[1] = ($event) => newHandler())
             }, {
@@ -9304,8 +9316,8 @@
                 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"])
             ]),
@@ -9326,7 +9338,7 @@
               vue.createVNode(vue.unref(formPlugin.MFormBox), {
                 config: jsonFromConfig,
                 values: jsonFromValues.value,
-                disabled: _ctx.disabled,
+                disabled: __props.disabled,
                 onSubmit: addFromJsonFromChange
               }, null, 8, ["values", "disabled"])
             ]),
@@ -9338,7 +9350,7 @@
     }
   });
 
-  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__ */ vue.defineComponent({
     __name: "FieldSelect",
     props: /* @__PURE__ */ vue.mergeModels({
@@ -9420,8 +9432,8 @@
         eventBus?.emit("edit-data-source", removeDataSourceFieldPrefix(id));
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$X, [
-          _ctx.checkStrictly ? (vue.openBlock(), vue.createElementBlock(
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$W, [
+          __props.checkStrictly ? (vue.openBlock(), vue.createElementBlock(
             vue.Fragment,
             { key: 0 },
             [
@@ -9429,8 +9441,8 @@
                 "model-value": selectDataSourceId.value,
                 clearable: "",
                 filterable: "",
-                size: _ctx.size,
-                disabled: _ctx.disabled,
+                size: __props.size,
+                disabled: __props.disabled,
                 onChange: dsChangeHandler
               }, {
                 default: vue.withCtx(() => [
@@ -9472,11 +9484,11 @@
                 "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"])
@@ -9488,11 +9500,11 @@
             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"])),
@@ -9503,7 +9515,7 @@
             default: vue.withCtx(() => [
               vue.createVNode(vue.unref(designPlugin.TMagicButton), {
                 class: "m-fields-select-action-button",
-                size: _ctx.size,
+                size: __props.size,
                 onClick: _cache[0] || (_cache[0] = ($event) => editHandler(selectDataSourceId.value))
               }, {
                 default: vue.withCtx(() => [
@@ -9523,7 +9535,7 @@
     }
   });
 
-  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__ */ vue.defineComponent({
     ...{
       name: "MFieldsDataSourceFieldSelect"
@@ -9626,39 +9638,38 @@
         }
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$W, [
-          !disabledDataSource.value && (showDataSourceFieldSelect.value || !_ctx.config.fieldConfig) ? (vue.openBlock(), vue.createBlock(_sfc_main$1h, {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$V, [
+          !disabledDataSource.value && (showDataSourceFieldSelect.value || !__props.config.fieldConfig) ? (vue.openBlock(), vue.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"])) : (vue.openBlock(), vue.createBlock(vue.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 ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicTooltip), {
+          __props.config.fieldConfig && !disabledDataSource.value ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicTooltip), {
             key: 2,
             disabled: showDataSourceFieldSelect.value,
             content: "选择数据源"
           }, {
             default: vue.withCtx(() => [
               vue.createVNode(vue.unref(designPlugin.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: vue.withCtx(() => [
@@ -9676,9 +9687,9 @@
     }
   });
 
-  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__ */ vue.defineComponent({
     ...{
       name: "MFieldsDataSourceInput"
@@ -9860,11 +9871,11 @@
           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 ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(designPlugin.getDesignConfig)("components")?.autocomplete.component || "el-autocomplete"), vue.mergeProps(
+        }, null, 8, ["modelValue", "disabled", "size"])) : __props.disabled || isFocused.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(designPlugin.getDesignConfig)("components")?.autocomplete.component || "el-autocomplete"), vue.mergeProps(
           {
             key: 1,
             class: "tmagic-design-auto-complete",
@@ -9873,8 +9884,8 @@
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => state.value = $event)
           },
           vue.unref(designPlugin.getDesignConfig)("components")?.autocomplete.props({
-            disabled: _ctx.disabled,
-            size: _ctx.size,
+            disabled: __props.disabled,
+            size: __props.size,
             fetchSuggestions: querySearch,
             triggerOnFocus: false,
             clearable: true
@@ -9890,7 +9901,7 @@
             vue.createVNode(_sfc_main$1r, { icon: vue.unref(iconsVue.Coin) }, null, 8, ["icon"])
           ]),
           default: vue.withCtx(({ item }) => [
-            vue.createElementVNode("div", _hoisted_1$V, [
+            vue.createElementVNode("div", _hoisted_1$U, [
               vue.createElementVNode(
                 "div",
                 null,
@@ -9900,7 +9911,7 @@
               ),
               vue.createElementVNode(
                 "span",
-                _hoisted_2$k,
+                _hoisted_2$l,
                 vue.toDisplayString(item.value),
                 1
                 /* TEXT */
@@ -9913,7 +9924,7 @@
           "div",
           {
             key: 2,
-            class: vue.normalizeClass(`tmagic-data-source-input-text el-input t-input t-size-${_ctx.size?.[0]} el-input--${_ctx.size}`),
+            class: vue.normalizeClass(`tmagic-data-source-input-text el-input t-input t-size-${__props.size?.[0]} el-input--${__props.size}`),
             onMouseup: mouseupHandler
           },
           [
@@ -9923,7 +9934,7 @@
                 class: vue.normalizeClass(`tmagic-data-source-input-text-wrapper el-input__wrapper ${isFocused.value ? " is-focus" : ""}`)
               },
               [
-                vue.createElementVNode("div", _hoisted_3$7, [
+                vue.createElementVNode("div", _hoisted_3$8, [
                   (vue.openBlock(true), vue.createElementBlock(
                     vue.Fragment,
                     null,
@@ -9944,7 +9955,7 @@
                           )) : vue.createCommentVNode("v-if", true),
                           item.type === "var" ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicTag), {
                             key: index,
-                            size: _ctx.size
+                            size: __props.size
                           }, {
                             default: vue.withCtx(() => [
                               vue.createTextVNode(
@@ -9981,9 +9992,9 @@
     }
   });
 
-  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__ */ vue.defineComponent({
     ...{
@@ -10178,7 +10189,7 @@
               "onUpdate:width": _cache[2] || (_cache[2] = ($event) => width.value = $event),
               height: vue.unref(codeBlockEditorHeight),
               "onUpdate:height": _cache[3] || (_cache[3] = ($event) => vue.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: vue.unref(boxPosition),
               "before-close": beforeClose
             }, {
@@ -10189,10 +10200,10 @@
                   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,
@@ -10200,7 +10211,7 @@
                   onClosed: closedHandler
                 }, {
                   left: vue.withCtx(() => [
-                    !_ctx.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicButton), {
+                    !__props.disabled ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicButton), {
                       key: 0,
                       type: "primary",
                       link: "",
@@ -10266,8 +10277,8 @@
                   ])
                 ]),
                 default: vue.withCtx(() => [
-                  vue.createElementVNode("div", _hoisted_1$U, [
-                    vue.createElementVNode("div", _hoisted_2$j, [
+                  vue.createElementVNode("div", _hoisted_1$T, [
+                    vue.createElementVNode("div", _hoisted_2$k, [
                       vue.createVNode(vue.unref(designPlugin.TMagicTag), {
                         size: "small",
                         type: "info"
@@ -10283,7 +10294,7 @@
                         /* STABLE */
                       })
                     ]),
-                    vue.createElementVNode("div", _hoisted_3$6, [
+                    vue.createElementVNode("div", _hoisted_3$7, [
                       vue.createVNode(vue.unref(designPlugin.TMagicTag), {
                         size: "small",
                         type: "success"
@@ -10305,7 +10316,7 @@
                     type: "diff",
                     language: "json",
                     "disabled-full-screen": true,
-                    initValues: _ctx.content.content,
+                    initValues: __props.content.content,
                     modifiedValues: formBox.value?.form?.values.content,
                     height: `${vue.unref(windowRect).height - 150}px`
                   }, null, 8, ["initValues", "modifiedValues", "height"])
@@ -10322,8 +10333,8 @@
     }
   });
 
-  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__ */ vue.defineComponent({
     ...{
       name: "MFieldsDataSourceMethods"
@@ -10441,17 +10452,17 @@
         codeBlockEditorRef.value?.hide();
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$T, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$S, [
           vue.createVNode(vue.unref(tablePlugin.MagicTable), {
-            data: _ctx.model[_ctx.name],
+            data: __props.model[__props.name],
             columns: methodColumns,
             border: true
           }, null, 8, ["data"]),
-          vue.createElementVNode("div", _hoisted_2$i, [
+          vue.createElementVNode("div", _hoisted_2$j, [
             vue.createVNode(vue.unref(designPlugin.TMagicButton), {
               size: "small",
               type: "primary",
-              disabled: _ctx.disabled,
+              disabled: __props.disabled,
               plain: "",
               onClick: createCodeHandler
             }, {
@@ -10469,10 +10480,10 @@
           codeConfig.value ? (vue.openBlock(), vue.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"])) : vue.createCommentVNode("v-if", true)
         ]);
@@ -10480,8 +10491,8 @@
     }
   });
 
-  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__ */ vue.defineComponent({
     ...{
       name: "MFieldsDataSourceMethodSelect"
@@ -10567,23 +10578,23 @@
         eventBus?.emit("edit-data-source", id);
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$S, [
-          vue.createElementVNode("div", _hoisted_2$h, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$R, [
+          vue.createElementVNode("div", _hoisted_2$i, [
             vue.createVNode(vue.unref(formPlugin.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 ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicTooltip), {
+            __props.model[__props.name] && isCustomMethod.value && hasDataSourceSidePanel.value ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicTooltip), {
               key: 0,
               content: notEditable.value ? "查看" : "编辑"
             }, {
               default: vue.withCtx(() => [
                 vue.createVNode(vue.unref(designPlugin.TMagicButton), {
                   class: "m-fields-select-action-button",
-                  size: _ctx.size,
+                  size: __props.size,
                   onClick: editCodeHandler
                 }, {
                   default: vue.withCtx(() => [
@@ -10602,9 +10613,9 @@
           paramsConfig.value.length ? (vue.openBlock(), vue.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"])) : vue.createCommentVNode("v-if", true)
@@ -10613,8 +10624,8 @@
     }
   });
 
-  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__ */ vue.defineComponent({
     ...{
       name: "MFieldsDataSourceMocks"
@@ -10819,16 +10830,16 @@
       const parentFloating = vue.inject("parentFloating", vue.ref(null));
       const { boxPosition, calcBoxPosition } = useNextFloatBoxPosition(uiService, parentFloating);
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$R, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Q, [
           vue.createVNode(vue.unref(tablePlugin.MagicTable), {
-            data: _ctx.model[_ctx.name],
+            data: __props.model[__props.name],
             columns
           }, null, 8, ["data"]),
-          vue.createElementVNode("div", _hoisted_2$g, [
+          vue.createElementVNode("div", _hoisted_2$h, [
             vue.createVNode(vue.unref(designPlugin.TMagicButton), {
               size: "small",
               type: "primary",
-              disabled: _ctx.disabled,
+              disabled: __props.disabled,
               plain: "",
               onClick: _cache[0] || (_cache[0] = ($event) => newHandler())
             }, {
@@ -10858,8 +10869,8 @@
                 "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"])
             ]),
@@ -10871,7 +10882,7 @@
     }
   });
 
-  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__ */ vue.defineComponent({
     ...{
       name: "MFieldsDataSourceSelect"
@@ -10929,25 +10940,25 @@
         eventBus?.emit("edit-data-source", id);
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Q, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$P, [
           vue.createVNode(vue.unref(formPlugin.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 ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicTooltip), {
+          __props.model[__props.name] && hasDataSourceSidePanel.value ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicTooltip), {
             key: 0,
             content: notEditable.value ? "查看" : "编辑"
           }, {
             default: vue.withCtx(() => [
               vue.createVNode(vue.unref(designPlugin.TMagicButton), {
                 class: "m-fields-select-action-button",
-                size: _ctx.size,
+                size: __props.size,
                 onClick: editHandler
               }, {
                 default: vue.withCtx(() => [
@@ -10999,7 +11010,7 @@
           {
             type: "table",
             name: "cond",
-            operateColWidth: 100,
+            operateColWidth: 80,
             enableToggleMode: false,
             items: [
               parentFields.value.length ? {
@@ -11033,7 +11044,7 @@
                 type: "cond-op-select",
                 parentFields: parentFields.value,
                 label: "条件",
-                width: 160,
+                width: 140,
                 name: "op"
               },
               {
@@ -11087,20 +11098,20 @@
         return vue.openBlock(), vue.createBlock(vue.unref(formPlugin.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"
   };
@@ -11381,21 +11392,21 @@
       const onChangeHandler = (v, eventData) => emit("change", props.model[props.name], eventData);
       return (_ctx, _cache) => {
         const _component_m_form_table = vue.resolveComponent("m-form-table");
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$P, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$O, [
           isOldVersion.value ? (vue.openBlock(), vue.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"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$f, [
+          }, null, 8, ["size", "disabled", "model", "config"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$g, [
             vue.createVNode(vue.unref(designPlugin.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: vue.withCtx(() => [..._cache[1] || (_cache[1] = [
@@ -11411,15 +11422,15 @@
             (vue.openBlock(true), vue.createElementBlock(
               vue.Fragment,
               null,
-              vue.renderList(_ctx.model[_ctx.name], (cardItem, index) => {
+              vue.renderList(__props.model[__props.name], (cardItem, index) => {
                 return vue.openBlock(), vue.createBlock(vue.unref(formPlugin.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: vue.withCtx(() => [
@@ -11427,17 +11438,17 @@
                       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"]),
                     vue.createVNode(vue.unref(designPlugin.TMagicButton), {
                       style: { "color": "#f56c6c" },
                       link: "",
                       icon: vue.unref(iconsVue.Delete),
-                      disabled: _ctx.disabled,
-                      size: _ctx.size,
+                      disabled: __props.disabled,
+                      size: __props.size,
                       onClick: ($event) => removeEvent(index)
                     }, null, 8, ["icon", "disabled", "size", "onClick"])
                   ]),
@@ -11454,7 +11465,7 @@
     }
   });
 
-  const _hoisted_1$O = {
+  const _hoisted_1$N = {
     viewBox: "0 0 32 32",
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
@@ -11467,15 +11478,15 @@
     __name: "CodeIcon",
     setup(__props) {
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$O, [..._cache[0] || (_cache[0] = [
+        return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$N, [..._cache[0] || (_cache[0] = [
           vue.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__ */ vue.defineComponent({
     ...{
       name: "MFieldsKeyValue"
@@ -11538,8 +11549,8 @@
         emit("change", v);
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$N, [
-          !showCode.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$e, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$M, [
+          !showCode.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$f, [
             (vue.openBlock(true), vue.createElementBlock(
               vue.Fragment,
               null,
@@ -11552,8 +11563,8 @@
                     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] = vue.createElementVNode(
@@ -11567,15 +11578,15 @@
                     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"]),
                   vue.createVNode(vue.unref(designPlugin.TMagicButton), {
                     class: "m-fields-key-value-delete",
                     type: "danger",
-                    size: _ctx.size,
-                    disabled: _ctx.disabled,
+                    size: __props.size,
+                    disabled: __props.disabled,
                     circle: "",
                     plain: "",
                     icon: vue.unref(iconsVue.Delete),
@@ -11588,8 +11599,8 @@
             )),
             vue.createVNode(vue.unref(designPlugin.TMagicButton), {
               type: "primary",
-              size: _ctx.size,
-              disabled: _ctx.disabled,
+              size: __props.size,
+              disabled: __props.disabled,
               plain: "",
               icon: vue.unref(iconsVue.Plus),
               onClick: addHandler
@@ -11605,21 +11616,21 @@
               /* STABLE */
             }, 8, ["size", "disabled", "icon"])
           ])) : vue.createCommentVNode("v-if", true),
-          _ctx.config.advanced && showCode.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1q, {
+          __props.config.advanced && showCode.value ? (vue.openBlock(), vue.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"])) : vue.createCommentVNode("v-if", true),
-          _ctx.config.advanced ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicButton), {
+          __props.config.advanced ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.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)
@@ -11629,8 +11640,8 @@
     }
   });
 
-  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__ */ vue.defineComponent({
     ...{
       name: "MFieldsPageFragmentSelect"
@@ -11677,22 +11688,22 @@
       };
       return (_ctx, _cache) => {
         const _component_m_form_container = vue.resolveComponent("m-form-container");
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$M, [
-          vue.createElementVNode("div", _hoisted_2$d, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$L, [
+          vue.createElementVNode("div", _hoisted_2$e, [
             vue.createCommentVNode(" 页面片下拉框 "),
             vue.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"]),
             vue.createCommentVNode(" 编辑按钮 "),
-            _ctx.model[_ctx.name] ? (vue.openBlock(), vue.createBlock(_sfc_main$1r, {
+            __props.model[__props.name] ? (vue.openBlock(), vue.createBlock(_sfc_main$1r, {
               key: 0,
               class: "icon",
               icon: vue.unref(iconsVue.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"])) : vue.createCommentVNode("v-if", true)
           ])
         ]);
@@ -11700,9 +11711,9 @@
     }
   });
 
-  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__ */ vue.defineComponent({
     __name: "BackgroundPosition",
     props: {
@@ -11758,8 +11769,8 @@
         emit("change", v);
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$L, [
-          vue.createElementVNode("div", _hoisted_2$c, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$K, [
+          vue.createElementVNode("div", _hoisted_2$d, [
             (vue.openBlock(true), vue.createElementBlock(
               vue.Fragment,
               null,
@@ -11767,14 +11778,15 @@
                 return vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicButton), {
                   key: index,
                   link: "",
-                  class: vue.normalizeClass(_ctx.model[_ctx.name] === item.value && "btn-active"),
+                  class: vue.normalizeClass(__props.model[__props.name] === item.value && "btn-active"),
+                  disabled: __props.disabled,
                   onClick: ($event) => changeHandler(item.value)
                 }, {
                   default: vue.withCtx(() => [
                     vue.createElementVNode(
                       "div",
                       {
-                        class: vue.normalizeClass(["position-icon", item.class, _ctx.model[_ctx.name] === item.value && "active"])
+                        class: vue.normalizeClass(["position-icon", item.class, __props.model[__props.name] === item.value && "active"])
                       },
                       null,
                       2
@@ -11783,21 +11795,22 @@
                   ]),
                   _: 2
                   /* DYNAMIC */
-                }, 1032, ["class", "onClick"]);
+                }, 1032, ["class", "disabled", "onClick"]);
               }),
               128
               /* KEYED_FRAGMENT */
             ))
           ]),
-          vue.createElementVNode("div", _hoisted_3$5, [
+          vue.createElementVNode("div", _hoisted_3$6, [
             vue.createVNode(vue.unref(designPlugin.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"])
           ])
         ]);
       };
@@ -11814,13 +11827,13 @@
 
   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 (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$K, [...(_cache[0] || (_cache[0] = [
+    return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$J, [...(_cache[0] || (_cache[0] = [
       vue.createStaticVNode("<path d=\"M884.736 102.4l-147.456 0c-20.48 0-36.864 16.384-36.864 36.864l0 147.456C696.32 311.296 712.704 327.68 733.184 327.68l147.456 0c20.48 0 36.864-16.384 36.864-36.864L917.504 139.264C921.6 118.784 905.216 102.4 884.736 102.4zM884.736 290.816l-147.456 0L737.28 139.264l147.456 0L884.736 290.816z\"></path><path d=\"M884.736 696.32l-147.456 0c-20.48 0-36.864 16.384-36.864 36.864l0 147.456c0 20.48 16.384 36.864 36.864 36.864l147.456 0c20.48 0 36.864-16.384 36.864-36.864l0-147.456C921.6 712.704 905.216 696.32 884.736 696.32zM884.736 884.736l-147.456 0 0-147.456 147.456 0L884.736 884.736z\"></path><path d=\"M884.736 401.408l-147.456 0c-20.48 0-36.864 16.384-36.864 36.864l0 147.456c0 20.48 16.384 36.864 36.864 36.864l147.456 0c20.48 0 36.864-16.384 36.864-36.864l0-147.456C921.6 417.792 905.216 401.408 884.736 401.408zM884.736 585.728l-147.456 0 0-147.456 147.456 0L884.736 585.728z\"></path><path d=\"M585.728 401.408l-147.456 0c-20.48 0-36.864 16.384-36.864 36.864l0 147.456c0 20.48 16.384 36.864 36.864 36.864l147.456 0c20.48 0 36.864-16.384 36.864-36.864l0-147.456C622.592 417.792 606.208 401.408 585.728 401.408zM585.728 585.728l-147.456 0 0-147.456 147.456 0L585.728 585.728z\"></path><path d=\"M585.728 102.4l-147.456 0c-20.48 0-36.864 16.384-36.864 36.864l0 147.456c0 20.48 16.384 36.864 36.864 36.864l147.456 0c20.48 0 36.864-16.384 36.864-36.864L622.592 139.264C622.592 118.784 606.208 102.4 585.728 102.4zM585.728 290.816l-147.456 0L438.272 139.264l147.456 0L585.728 290.816z\"></path><path d=\"M585.728 696.32l-147.456 0c-20.48 0-36.864 16.384-36.864 36.864l0 147.456c0 20.48 16.384 36.864 36.864 36.864l147.456 0c20.48 0 36.864-16.384 36.864-36.864l0-147.456C622.592 712.704 606.208 696.32 585.728 696.32zM585.728 884.736l-147.456 0 0-147.456 147.456 0L585.728 884.736z\"></path><path d=\"M290.816 696.32 139.264 696.32c-20.48 0-36.864 16.384-36.864 36.864l0 147.456c0 20.48 16.384 36.864 36.864 36.864l147.456 0c20.48 0 36.864-16.384 36.864-36.864l0-147.456C327.68 712.704 311.296 696.32 290.816 696.32zM290.816 884.736 139.264 884.736l0-147.456 147.456 0L286.72 884.736z\"></path><path d=\"M290.816 401.408 139.264 401.408c-20.48 0-36.864 16.384-36.864 36.864l0 147.456c0 20.48 16.384 36.864 36.864 36.864l147.456 0c20.48 0 36.864-16.384 36.864-36.864l0-147.456C327.68 417.792 311.296 401.408 290.816 401.408zM290.816 585.728 139.264 585.728l0-147.456 147.456 0L286.72 585.728z\"></path><path d=\"M290.816 102.4 139.264 102.4c-20.48 0-36.864 16.384-36.864 36.864l0 147.456C102.4 311.296 118.784 327.68 139.264 327.68l147.456 0C311.296 327.68 327.68 311.296 327.68 290.816L327.68 139.264C327.68 118.784 311.296 102.4 290.816 102.4zM290.816 290.816 139.264 290.816 139.264 139.264l147.456 0L286.72 290.816z\"></path>", 9)
     ]))]))
   }
@@ -11828,13 +11841,13 @@
 
   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 (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$J, [...(_cache[0] || (_cache[0] = [
+    return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$I, [...(_cache[0] || (_cache[0] = [
       vue.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"
@@ -11845,13 +11858,13 @@
 
   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 (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$I, [...(_cache[0] || (_cache[0] = [
+    return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$H, [...(_cache[0] || (_cache[0] = [
       vue.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"
@@ -11862,13 +11875,13 @@
 
   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 (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$H, [...(_cache[0] || (_cache[0] = [
+    return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$G, [...(_cache[0] || (_cache[0] = [
       vue.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"
@@ -11880,7 +11893,9 @@
   const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
     __name: "Background",
     props: {
-      values: {}
+      values: {},
+      disabled: { type: Boolean },
+      size: {}
     },
     emits: ["change"],
     setup(__props, { emit: __emit }) {
@@ -11945,22 +11960,24 @@
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(formPlugin.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 (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$G, [...(_cache[0] || (_cache[0] = [
+    return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$F, [...(_cache[0] || (_cache[0] = [
       vue.createElementVNode("path", { d: "M128 810.666667h768v85.333333H128z m0-170.666667h512v85.333333H128z m0-170.666667h768v85.333334H128z m0-341.333333h768v85.333333H128z m0 170.666667h512v85.333333H128z" }, null, -1 /* CACHED */)
     ]))]))
   }
@@ -11968,13 +11985,13 @@
 
   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 (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$F, [...(_cache[0] || (_cache[0] = [
+    return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$E, [...(_cache[0] || (_cache[0] = [
       vue.createElementVNode("path", { d: "M128 810.666667h768v85.333333H128z m128-170.666667h512v85.333333H256z m-128-170.666667h768v85.333334H128z m0-341.333333h768v85.333333H128z m128 170.666667h512v85.333333H256z" }, null, -1 /* CACHED */)
     ]))]))
   }
@@ -11982,13 +11999,13 @@
 
   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 (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$E, [...(_cache[0] || (_cache[0] = [
+    return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$D, [...(_cache[0] || (_cache[0] = [
       vue.createElementVNode("path", { d: "M128 128h768v85.333333H128z m0 682.666667h768v85.333333H128z m213.333333-170.666667h554.666667v85.333333H341.333333z m-213.333333-170.666667h768v85.333334H128z m213.333333-170.666666h554.666667v85.333333H341.333333z" }, null, -1 /* CACHED */)
     ]))]))
   }
@@ -11997,7 +12014,9 @@
   const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
     __name: "Font",
     props: {
-      values: {}
+      values: {},
+      disabled: { type: Boolean },
+      size: {}
     },
     emits: ["change"],
     setup(__props, { emit: __emit }) {
@@ -12071,23 +12090,27 @@
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(formPlugin.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__ */ vue.defineComponent({
     __name: "Box",
     props: {
+      disabled: { type: Boolean },
+      size: {},
       model: {}
     },
     emits: ["change"],
@@ -12135,7 +12158,7 @@
         });
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C, [
           (vue.openBlock(), vue.createElementBlock(
             vue.Fragment,
             null,
@@ -12149,20 +12172,19 @@
                 [
                   item.text ? (vue.openBlock(), vue.createElementBlock(
                     "span",
-                    _hoisted_2$b,
+                    _hoisted_2$c,
                     vue.toDisplayString(item.text),
                     1
                     /* TEXT */
                   )) : vue.createCommentVNode("v-if", true),
-                  vue.createElementVNode("span", _hoisted_3$4, [
-                    vue.withDirectives(vue.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), [
-                      [vue.vModelText, _ctx.model[item.name]]
-                    ])
+                  vue.createElementVNode("span", _hoisted_3$5, [
+                    vue.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
@@ -12179,13 +12201,13 @@
 
   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 (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$C, [...(_cache[0] || (_cache[0] = [
+    return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$B, [...(_cache[0] || (_cache[0] = [
       vue.createElementVNode("path", { d: "M960 128a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H64a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h896z m0 64H64v640h896V192z m-96 64a32 32 0 0 1 32 32v448a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V288a32 32 0 0 1 32-32h704z" }, null, -1 /* CACHED */)
     ]))]))
   }
@@ -12193,13 +12215,13 @@
 
   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 (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$B, [...(_cache[0] || (_cache[0] = [
+    return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$A, [...(_cache[0] || (_cache[0] = [
       vue.createElementVNode("path", { d: "M960 128a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H64a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h896z m0 64H64v640h896V192zM352 256v512H160V256h192z m256 0v512h-192V256h192z m256 0v512h-192V256h192z" }, null, -1 /* CACHED */)
     ]))]))
   }
@@ -12207,13 +12229,13 @@
 
   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 (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$A, [...(_cache[0] || (_cache[0] = [
+    return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$z, [...(_cache[0] || (_cache[0] = [
       vue.createElementVNode("path", { d: "M787.616 651.36a142.72 142.72 0 0 0 52.864 31.904 205.504 205.504 0 0 0 67.264 10.848 245.76 245.76 0 0 0 38.784-2.4c9.504-1.6 19.36-4 30.208-7.04 8.16-2.24 15.968-5.12 23.36-8.32l23.392-10.816V587.52h-8.736c-3.968 3.424-8.96 7.648-15.104 12.544a190.272 190.272 0 0 1-19.936 13.504 120.32 120.32 0 0 1-27.616 12.544 102.528 102.528 0 0 1-62.72-0.576 80 80 0 0 1-29.824-17.088 89.28 89.28 0 0 1-21.664-32.512c-5.696-13.664-8.64-30.784-8.64-51.296 0-19.744 2.72-36.384 7.968-50.08 5.248-13.664 12.384-24.896 20.992-33.056 9.12-8.832 18.816-14.816 29.632-18.816a101.824 101.824 0 0 1 63.68-0.736c9.408 3.136 18.08 7.04 26.112 11.68 13.024 7.808 25.28 16.768 36.672 26.784H1024v-78.72c-6.08-2.88-13.12-6.08-21.12-9.6a205.984 205.984 0 0 0-57.152-15.36 270.016 270.016 0 0 0-37.056-2.304c-24.864 0-47.744 4-68.704 11.84-20.992 7.776-38.432 18.784-52.64 33.6a144.256 144.256 0 0 0-33.632 54.176 207.68 207.68 0 0 0-12.48 70.176c0 27.84 3.968 52.352 12.16 73.568a146.08 146.08 0 0 0 34.176 53.184l0.064 0.416z m-186.112 34.656a122.912 122.912 0 0 0 42.784-21.504c11.2-8.32 20.224-19.296 26.24-31.936 6.56-13.664 9.888-28.704 9.664-43.904 0-22.784-6.272-41.024-18.912-54.72-12.544-13.92-29.664-23.04-51.104-27.36v-2.304c14.4-6.24 26.688-16.448 35.52-29.408 8.384-12.544 12.544-27.008 12.544-43.52 0-14.24-2.944-26.784-9.12-37.6a65.696 65.696 0 0 0-27.936-26.24 117.44 117.44 0 0 0-36.48-12.096A437.312 437.312 0 0 0 526.656 352h-127.552v340.384h143.392c23.84 0 43.52-2.112 59.008-6.4z m-118.112-271.584h7.968c16.544 0 29.472 0.128 38.656 0.352 9.248 0.576 16.864 1.728 23.04 4a26.24 26.24 0 0 1 14.4 13.12c2.656 5.28 4.064 11.072 4.128 16.96 0.16 6.656-1.056 13.248-3.52 19.392a28.064 28.064 0 0 1-15.04 13.696c-7.04 2.912-14.56 4.48-22.208 4.576-9.472 0.32-20.864 0.544-34.24 0.544h-13.184v-72.64z m6.144 215.52h-6.144v-84.8h18.464c12.64 0 24.736 0 36.384 0.256 9.216-0.16 18.432 0.896 27.36 3.2 9.696 2.848 16.544 7.232 20.512 13.12 4 5.92 6.08 14.24 6.08 25.088 0 8.192-1.728 15.488-4.992 21.824-3.232 6.336-9.696 11.392-18.24 15.392-8.544 4-18.24 5.696-28.48 6.272-10.304 0.224-27.392 0.224-51.328 0.224l0.384-0.576z m-378.56-6.016h124.672l23.36 68.416H348.8L224.32 353.728H124.416L0 692.384h87.52l23.488-68.416-0.064-0.032z m62.336-183.552l41.472 121.44h-82.88l41.408-121.44z" }, null, -1 /* CACHED */)
     ]))]))
   }
@@ -12221,13 +12243,13 @@
 
   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 (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$z, [...(_cache[0] || (_cache[0] = [
+    return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$y, [...(_cache[0] || (_cache[0] = [
       vue.createElementVNode("path", { d: "M960 128a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H64a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h896z m0 64H64v640h896V192z m-131.936 158.496c65.984 1.824 109.024 32.512 129.184 92.064l-65.952 15.136-1.856-5.664c-9.984-27.52-30.432-42.112-61.376-43.84-46.72 2.784-71.456 35.296-74.208 97.6 1.856 63.2 26.56 96.64 74.24 100.32 37.536-0.928 59.52-23.36 65.92-67.328L960 559.36l-1.792 7.232c-16.96 63.872-60.352 95.84-130.144 95.84-93.44-4.608-142.464-56.8-147.04-156.672 4.576-98.048 53.6-149.792 147.04-155.296z m-568.928 4.128l114.08 302.336H297.6l-22.016-65.984H160.192L138.24 656.96H64l112.672-302.336h82.464z m278.976 0l7.68 0.32c62.816 3.36 96 27.104 99.52 71.136 0 35.744-19.712 59.552-59.104 71.456 42.144 9.184 65.952 32.544 71.456 70.08 0 59.552-37.568 89.344-112.672 89.344h-148.416v-302.336h141.536z m-4.128 173.152H465.28v81.088h67.328c33.92 0 51.296-13.76 52.224-41.248-2.752-25.632-19.68-38.912-50.848-39.84zM217.92 408.224h-1.376l-0.96 7.36c-1.184 7.232-3.168 13.92-5.92 20.128l-34.336 103.04h87.936l-38.464-104.416-2.624-9.024c-1.6-5.888-3.04-11.584-4.256-17.088z m309.184-2.752H465.28v71.456h61.824c29.344-0.928 44.448-13.76 45.376-38.464-0.96-22.016-16.032-32.992-45.376-32.992z" }, null, -1 /* CACHED */)
     ]))]))
   }
@@ -12235,13 +12257,13 @@
 
   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 (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$y, [...(_cache[0] || (_cache[0] = [
+    return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$x, [...(_cache[0] || (_cache[0] = [
       vue.createElementVNode("path", { d: "M931.37 477.14c-43.94-69.49-93.39-125.03-147.99-166.35L663.31 441.46c8.79 21.36 13.63 44.91 13.63 69.62 0 96.27-73.84 174.32-164.95 174.32-21.63 0-42.28-4.39-61.32-12.47l-94.09 102.52a455.097 455.097 0 0 0 155.41 26.2c172.62 0 312.43-85.54 419.59-256.63 12.83-20.43 12.72-47.45-0.21-67.88zM795.52 127.99L682.24 252.82C627.73 231 570.1 220.04 512.11 220.5c-171.15 0-310.99 85.66-419.48 256.75-12.93 20.43-13.04 47.33-0.2 67.78 46.95 75.15 100.3 133.68 160.01 175.82L131.9 853.65l38.9 42.36 663.6-725.76-38.88-42.26zM519.68 438.37c-3.72-0.59-7.46-0.81-11.27-0.81-45.63 0-82.43 39.03-82.43 87.16 0 4.97 0.42 9.81 1.14 14.54l-57.15 60.14-5.92 8.33c-13.15-24.94-20.5-53.68-20.5-84.28 0-96.3 73.84-174.45 164.95-174.45 27.2 0 52.76 6.93 75.4 19.29l-64.22 70.08z m52.05 135.53c21.74-23.26 27.17-55.48 16.31-81.39l-96.42 103.16c26.59 9.08 58.38 1.48 80.11-21.77z" }, null, -1 /* CACHED */)
     ]))]))
   }
@@ -12249,13 +12271,13 @@
 
   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 (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$x, [...(_cache[0] || (_cache[0] = [
+    return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$w, [...(_cache[0] || (_cache[0] = [
       vue.createElementVNode("path", { d: "M896 320H128V0h768v320z m0 320H128v-256h768v256z m-128 192l-256 192-256-192 192-0.032V704h128v128h192z" }, null, -1 /* CACHED */)
     ]))]))
   }
@@ -12263,13 +12285,13 @@
 
   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 (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$w, [...(_cache[0] || (_cache[0] = [
+    return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$v, [...(_cache[0] || (_cache[0] = [
       vue.createElementVNode("path", { d: "M896 704H128v320h768V704z m0-320H128v256h768v-256z m-128-192l-256-192-256 192 192 0.032V320h128V192h192z" }, null, -1 /* CACHED */)
     ]))]))
   }
@@ -12277,13 +12299,13 @@
 
   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 (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$v, [...(_cache[0] || (_cache[0] = [
+    return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$u, [...(_cache[0] || (_cache[0] = [
       vue.createElementVNode("path", { d: "M320 128v768H0V128h320z m320 0v768h-256V128h256z m192 128l192 256-192 256-0.032-192H704v-128h128V256z" }, null, -1 /* CACHED */)
     ]))]))
   }
@@ -12291,13 +12313,13 @@
 
   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 (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$u, [...(_cache[0] || (_cache[0] = [
+    return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$t, [...(_cache[0] || (_cache[0] = [
       vue.createElementVNode("path", { d: "M704 128v768h320V128H704zM384 128v768h256V128h-256zM192 256l-192 256 192 256 0.032-192H320v-128H192V256z" }, null, -1 /* CACHED */)
     ]))]))
   }
@@ -12305,13 +12327,13 @@
 
   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 (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$t, [...(_cache[0] || (_cache[0] = [
+    return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$s, [...(_cache[0] || (_cache[0] = [
       vue.createElementVNode("path", { d: "M480 1024V0h64v1024h-64z m128-64V64h320v896H608zM96 960V64h320v896H96z" }, null, -1 /* CACHED */)
     ]))]))
   }
@@ -12319,13 +12341,13 @@
 
   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 (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$s, [...(_cache[0] || (_cache[0] = [
+    return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$r, [...(_cache[0] || (_cache[0] = [
       vue.createElementVNode("path", { d: "M416 160H96v704h320V160z m384 0H480v704h320V160z m128-160h-64v1024h64V0z" }, null, -1 /* CACHED */)
     ]))]))
   }
@@ -12333,13 +12355,13 @@
 
   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 (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$r, [...(_cache[0] || (_cache[0] = [
+    return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$q, [...(_cache[0] || (_cache[0] = [
       vue.createElementVNode("path", { d: "M608 160h320v704H608V160zM224 160h320v704H224V160zM96 0h64v1024H96V0z" }, null, -1 /* CACHED */)
     ]))]))
   }
@@ -12347,13 +12369,13 @@
 
   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 (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$q, [...(_cache[0] || (_cache[0] = [
+    return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$p, [...(_cache[0] || (_cache[0] = [
       vue.createElementVNode("path", { d: "M320 864H192v160H128v-160H0V160h128V0h64v160h128v704z m704 0h-128v160h-64v-160h-128V160h128V0h64v160h128v704z" }, null, -1 /* CACHED */)
     ]))]))
   }
@@ -12361,13 +12383,13 @@
 
   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 (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$p, [...(_cache[0] || (_cache[0] = [
+    return (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$o, [...(_cache[0] || (_cache[0] = [
       vue.createElementVNode("path", { d: "M64 1024H0V0h64v1024z m384-160H128V160h320v704z m448 0H576V160h320v704z m128 160h-64V0h64v1024z" }, null, -1 /* CACHED */)
     ]))]))
   }
@@ -12376,7 +12398,9 @@
   const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
     __name: "Layout",
     props: {
-      values: {}
+      values: {},
+      disabled: { type: Boolean },
+      size: {}
     },
     emits: ["change"],
     setup(__props, { emit: __emit }) {
@@ -12530,14 +12554,18 @@
           [
             vue.createVNode(vue.unref(formPlugin.MContainer), {
               config,
-              model: _ctx.values,
+              model: __props.values,
+              size: __props.size,
+              disabled: __props.disabled,
               onChange: change
-            }, null, 8, ["model"]),
+            }, null, 8, ["model", "size", "disabled"]),
             vue.withDirectives(vue.createVNode(_sfc_main$W, {
-              model: _ctx.values,
+              model: __props.values,
+              size: __props.size,
+              disabled: __props.disabled,
               onChange: change
-            }, null, 8, ["model"]), [
-              [vue.vShow, !["fixed", "absolute"].includes(_ctx.values.position)]
+            }, null, 8, ["model", "size", "disabled"]), [
+              [vue.vShow, !["fixed", "absolute"].includes(__props.values.position)]
             ])
           ],
           64
@@ -12550,7 +12578,9 @@
   const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     __name: "Position",
     props: {
-      values: {}
+      values: {},
+      disabled: { type: Boolean },
+      size: {}
     },
     emits: ["change"],
     setup(__props, { emit: __emit }) {
@@ -12641,23 +12671,27 @@
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(formPlugin.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__ */ vue.defineComponent({
     __name: "Border",
     props: {
-      model: {}
+      model: {},
+      disabled: { type: Boolean },
+      size: {}
     },
     emits: ["change"],
     setup(__props, { emit: __emit }) {
@@ -12707,9 +12741,9 @@
         });
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, [
-          vue.createElementVNode("div", _hoisted_2$a, [
-            vue.createElementVNode("div", _hoisted_3$3, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$n, [
+          vue.createElementVNode("div", _hoisted_2$b, [
+            vue.createElementVNode("div", _hoisted_3$4, [
               vue.createElementVNode(
                 "div",
                 {
@@ -12769,9 +12803,11 @@
           vue.createElementVNode("div", _hoisted_6$1, [
             vue.createVNode(vue.unref(formPlugin.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"])
           ])
         ]);
       };
@@ -12781,7 +12817,9 @@
   const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     __name: "Border",
     props: {
-      values: {}
+      values: {},
+      disabled: { type: Boolean },
+      size: {}
     },
     emits: ["change"],
     setup(__props, { emit: __emit }) {
@@ -12809,13 +12847,17 @@
           [
             vue.createVNode(vue.unref(formPlugin.MContainer), {
               config,
-              model: _ctx.values,
+              model: __props.values,
+              size: __props.size,
+              disabled: __props.disabled,
               onChange: change
-            }, null, 8, ["model"]),
+            }, null, 8, ["model", "size", "disabled"]),
             vue.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 */
@@ -12824,7 +12866,6 @@
     }
   });
 
-  const _hoisted_1$n = { class: "m-fields-style-setter" };
   const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFieldsStyleSetter"
@@ -12878,44 +12919,48 @@
         emit("change", v, eventData);
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$n, [
-          vue.createVNode(vue.unref(designPlugin.TMagicCollapse), { "model-value": collapseValue.value }, {
-            default: vue.withCtx(() => [
-              (vue.openBlock(), vue.createElementBlock(
-                vue.Fragment,
-                null,
-                vue.renderList(list, (item, index) => {
-                  return vue.createVNode(vue.unref(designPlugin.TMagicCollapseItem), {
-                    key: index,
-                    name: `${index}`
-                  }, {
-                    title: vue.withCtx(() => [
-                      vue.createVNode(_sfc_main$1r, { icon: vue.unref(iconsVue.Grid) }, null, 8, ["icon"]),
-                      vue.createTextVNode(
-                        vue.toDisplayString(item.title),
-                        1
-                        /* TEXT */
-                      )
-                    ]),
-                    default: vue.withCtx(() => [
-                      item.component ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.component), {
-                        key: 0,
-                        values: _ctx.model[_ctx.name],
-                        onChange: change
-                      }, null, 40, ["values"])) : vue.createCommentVNode("v-if", true)
-                    ]),
-                    _: 2
-                    /* DYNAMIC */
-                  }, 1032, ["name"]);
-                }),
-                64
-                /* STABLE_FRAGMENT */
-              ))
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["model-value"])
-        ]);
+        return vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicCollapse), {
+          class: "m-fields-style-setter",
+          modelValue: collapseValue.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => collapseValue.value = $event)
+        }, {
+          default: vue.withCtx(() => [
+            (vue.openBlock(), vue.createElementBlock(
+              vue.Fragment,
+              null,
+              vue.renderList(list, (item, index) => {
+                return vue.createVNode(vue.unref(designPlugin.TMagicCollapseItem), {
+                  key: index,
+                  name: `${index}`
+                }, {
+                  title: vue.withCtx(() => [
+                    vue.createVNode(_sfc_main$1r, { icon: vue.unref(iconsVue.Grid) }, null, 8, ["icon"]),
+                    vue.createTextVNode(
+                      vue.toDisplayString(item.title),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  default: vue.withCtx(() => [
+                    item.component ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.component), {
+                      key: 0,
+                      values: __props.model[__props.name],
+                      size: __props.size,
+                      disabled: __props.disabled,
+                      onChange: change
+                    }, null, 40, ["values", "size", "disabled"])) : vue.createCommentVNode("v-if", true)
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, 1032, ["name"]);
+              }),
+              64
+              /* STABLE_FRAGMENT */
+            ))
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["modelValue"]);
       };
     }
   });
@@ -13008,8 +13053,8 @@
           vue.createVNode(vue.unref(designPlugin.TMagicButton), {
             type: "danger",
             icon: vue.unref(iconsVue.Delete),
-            disabled: _ctx.disabled,
-            size: _ctx.size,
+            disabled: __props.disabled,
+            size: __props.size,
             link: "",
             style: { "padding": "0" }
           }, {
@@ -13037,8 +13082,8 @@
                     style: { "padding": "0" },
                     type: "danger",
                     icon: vue.unref(iconsVue.Close),
-                    disabled: _ctx.disabled,
-                    size: _ctx.size,
+                    disabled: __props.disabled,
+                    size: __props.size,
                     link: "",
                     onClick: vue.withModifiers(deleteHandler, ["stop"])
                   }, null, 8, ["icon", "disabled", "size"])
@@ -13054,8 +13099,8 @@
                   vue.createVNode(vue.unref(designPlugin.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) => vue.unref(highlight)(val.value)),
                     onMouseleave: unhighlight
@@ -13086,8 +13131,8 @@
               vue.createVNode(vue.unref(designPlugin.TMagicButton), {
                 link: "",
                 style: { "padding": "0", "margin": "0" },
-                disabled: _ctx.disabled,
-                size: _ctx.size,
+                disabled: __props.disabled,
+                size: __props.size,
                 onClick: startSelect
               }, {
                 default: vue.withCtx(() => [..._cache[3] || (_cache[3] = [
@@ -13281,8 +13326,8 @@
                 vue.createElementVNode(
                   "div",
                   {
-                    class: vue.normalizeClass(["m-editor-layout-left", _ctx.leftClass]),
-                    style: vue.normalizeStyle(`width: ${_ctx.left}px`)
+                    class: vue.normalizeClass(["m-editor-layout-left", __props.leftClass]),
+                    style: vue.normalizeStyle(`width: ${__props.left}px`)
                   },
                   [
                     vue.renderSlot(_ctx.$slots, "left")
@@ -13298,7 +13343,7 @@
             vue.createElementVNode(
               "div",
               {
-                class: vue.normalizeClass(["m-editor-layout-center", _ctx.centerClass]),
+                class: vue.normalizeClass(["m-editor-layout-center", __props.centerClass]),
                 style: vue.normalizeStyle(`width: ${center.value}px`)
               },
               [
@@ -13315,8 +13360,8 @@
                 vue.createElementVNode(
                   "div",
                   {
-                    class: vue.normalizeClass(["m-editor-layout-right", _ctx.rightClass]),
-                    style: vue.normalizeStyle(`width: ${_ctx.right}px`)
+                    class: vue.normalizeClass(["m-editor-layout-right", __props.rightClass]),
+                    style: vue.normalizeStyle(`width: ${__props.right}px`)
                   },
                   [
                     vue.renderSlot(_ctx.$slots, "right")
@@ -13340,7 +13385,7 @@
     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__ */ vue.defineComponent({
     ...{
       name: "MEditorToolButton"
@@ -13406,53 +13451,61 @@
           "div",
           {
             key: 0,
-            class: vue.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: vue.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" ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicDivider), {
+            __props.data.type === "divider" ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicDivider), {
               key: 0,
-              direction: _ctx.data.direction || "vertical"
-            }, null, 8, ["direction"])) : _ctx.data.type === "text" ? (vue.openBlock(), vue.createElementBlock(
+              direction: __props.data.direction || "vertical"
+            }, null, 8, ["direction"])) : __props.data.type === "text" ? (vue.openBlock(), vue.createElementBlock(
               "div",
               _hoisted_1$l,
-              vue.toDisplayString(_ctx.data.text),
+              vue.toDisplayString(__props.data.text),
               1
               /* TEXT */
-            )) : _ctx.data.type === "button" ? (vue.openBlock(), vue.createElementBlock(
+            )) : __props.data.type === "button" ? (vue.openBlock(), vue.createElementBlock(
               vue.Fragment,
               { key: 2 },
               [
-                _ctx.data.tooltip ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicTooltip), {
+                __props.data.tooltip ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicTooltip), {
                   key: 0,
                   effect: "dark",
                   placement: "bottom-start",
-                  content: _ctx.data.tooltip
+                  content: __props.data.tooltip
                 }, {
                   default: vue.withCtx(() => [
                     vue.createVNode(vue.unref(designPlugin.TMagicButton), {
                       size: "small",
                       link: "",
                       disabled: disabled.value
-                    }, {
-                      default: vue.withCtx(() => [
-                        _ctx.data.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$1r, {
-                          key: 0,
-                          icon: _ctx.data.icon
-                        }, null, 8, ["icon"])) : vue.createCommentVNode("v-if", true),
-                        vue.createElementVNode(
-                          "span",
-                          null,
-                          vue.toDisplayString(_ctx.data.text),
-                          1
-                          /* TEXT */
-                        )
-                      ]),
-                      _: 1
-                      /* STABLE */
-                    }, 8, ["disabled"])
+                    }, vue.createSlots({
+                      _: 2
+                      /* DYNAMIC */
+                    }, [
+                      __props.data.icon ? {
+                        name: "icon",
+                        fn: vue.withCtx(() => [
+                          vue.createVNode(_sfc_main$1r, {
+                            icon: __props.data.icon
+                          }, null, 8, ["icon"])
+                        ]),
+                        key: "0"
+                      } : void 0,
+                      __props.data.text ? {
+                        name: "default",
+                        fn: vue.withCtx(() => [
+                          vue.createTextVNode(
+                            vue.toDisplayString(__props.data.text),
+                            1
+                            /* TEXT */
+                          )
+                        ]),
+                        key: "1"
+                      } : void 0
+                    ]), 1032, ["disabled"])
                   ]),
                   _: 1
                   /* STABLE */
@@ -13461,43 +13514,51 @@
                   size: "small",
                   link: "",
                   disabled: disabled.value,
-                  title: _ctx.data.text
-                }, {
-                  default: vue.withCtx(() => [
-                    _ctx.data.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$1r, {
-                      key: 0,
-                      icon: _ctx.data.icon
-                    }, null, 8, ["icon"])) : vue.createCommentVNode("v-if", true),
-                    vue.createElementVNode(
-                      "span",
-                      null,
-                      vue.toDisplayString(_ctx.data.text),
-                      1
-                      /* TEXT */
-                    )
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }, 8, ["disabled", "title"]))
+                  title: __props.data.text
+                }, vue.createSlots({
+                  _: 2
+                  /* DYNAMIC */
+                }, [
+                  __props.data.icon ? {
+                    name: "icon",
+                    fn: vue.withCtx(() => [
+                      vue.createVNode(_sfc_main$1r, {
+                        icon: __props.data.icon
+                      }, null, 8, ["icon"])
+                    ]),
+                    key: "0"
+                  } : void 0,
+                  __props.data.text ? {
+                    name: "default",
+                    fn: vue.withCtx(() => [
+                      vue.createTextVNode(
+                        vue.toDisplayString(__props.data.text),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    key: "1"
+                  } : void 0
+                ]), 1032, ["disabled", "title"]))
               ],
               64
               /* STABLE_FRAGMENT */
-            )) : _ctx.data.type === "dropdown" ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicDropdown), {
+            )) : __props.data.type === "dropdown" ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicDropdown), {
               key: 3,
               trigger: "click",
               disabled: disabled.value,
               onCommand: dropdownHandler
             }, {
               dropdown: vue.withCtx(() => [
-                _ctx.data.items && _ctx.data.items.length ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicDropdownMenu), { key: 0 }, {
+                __props.data.items && __props.data.items.length ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicDropdownMenu), { key: 0 }, {
                   default: vue.withCtx(() => [
                     (vue.openBlock(true), vue.createElementBlock(
                       vue.Fragment,
                       null,
-                      vue.renderList(_ctx.data.items, (subItem, index) => {
+                      vue.renderList(__props.data.items, (subItem, index) => {
                         return vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicDropdownItem), {
                           key: index,
-                          command: { data: _ctx.data, subItem }
+                          command: { data: __props.data, subItem }
                         }, {
                           default: vue.withCtx(() => [
                             vue.createTextVNode(
@@ -13519,9 +13580,9 @@
                 })) : vue.createCommentVNode("v-if", true)
               ]),
               default: vue.withCtx(() => [
-                vue.createElementVNode("span", _hoisted_2$9, [
+                vue.createElementVNode("span", _hoisted_2$a, [
                   vue.createTextVNode(
-                    vue.toDisplayString(_ctx.data.text),
+                    vue.toDisplayString(__props.data.text),
                     1
                     /* TEXT */
                   ),
@@ -13536,9 +13597,9 @@
               ]),
               _: 1
               /* STABLE */
-            }, 8, ["disabled"])) : _ctx.data.type === "component" ? (vue.openBlock(), vue.createBlock(
-              vue.resolveDynamicComponent(_ctx.data.component),
-              vue.mergeProps({ key: 4 }, _ctx.data.props || {}, vue.toHandlers(_ctx.data.listeners || {})),
+            }, 8, ["disabled"])) : __props.data.type === "component" ? (vue.openBlock(), vue.createBlock(
+              vue.resolveDynamicComponent(__props.data.component),
+              vue.mergeProps({ key: 4 }, __props.data.props || {}, vue.toHandlers(__props.data.listeners || {})),
               null,
               16
               /* FULL_PROPS */
@@ -13556,7 +13617,7 @@
     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" }
   };
@@ -13607,7 +13668,7 @@
             _: 1
             /* STABLE */
           })
-        ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$8));
+        ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$9));
       };
     }
   });
@@ -13616,7 +13677,7 @@
     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"
@@ -13745,9 +13806,9 @@
           _hoisted_1$j,
           [
             vue.renderSlot(_ctx.$slots, "prepend"),
-            _ctx.length ? (vue.openBlock(), vue.createElementBlock(
+            __props.length ? (vue.openBlock(), vue.createElementBlock(
               "div",
-              _hoisted_2$7,
+              _hoisted_2$8,
               [
                 vue.renderSlot(_ctx.$slots, "default")
               ],
@@ -13781,6 +13842,8 @@
     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__ */ vue.defineComponent({
     ...{
       name: "MEditorPageList"
@@ -13815,25 +13878,27 @@
               })
             ]),
             default: vue.withCtx(() => [
-              vue.createElementVNode("div", null, [
-                vue.renderSlot(_ctx.$slots, "page-list-popover", { list: _ctx.list }, () => [
-                  (vue.openBlock(true), vue.createElementBlock(
-                    vue.Fragment,
-                    null,
-                    vue.renderList(_ctx.list, (item, index) => {
-                      return vue.openBlock(), vue.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 */
-                  ))
+              vue.createElementVNode("div", _hoisted_2$7, [
+                vue.createElementVNode("div", _hoisted_3$3, [
+                  vue.renderSlot(_ctx.$slots, "page-list-popover", { list: __props.list }, () => [
+                    (vue.openBlock(true), vue.createElementBlock(
+                      vue.Fragment,
+                      null,
+                      vue.renderList(__props.list, (item, index) => {
+                        return vue.openBlock(), vue.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 */
+                    ))
+                  ])
                 ])
               ])
             ]),
@@ -13991,7 +14056,7 @@
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [
           vue.createVNode(_sfc_main$x, {
             ref: "pageBarScrollContainer",
-            "page-bar-sort-options": _ctx.pageBarSortOptions,
+            "page-bar-sort-options": __props.pageBarSortOptions,
             length: list.value.length
           }, {
             prepend: vue.withCtx(() => [
@@ -14130,7 +14195,7 @@
                 /* CACHED */
               ))
             ]),
-            !_ctx.disabledPageFragment ? (vue.openBlock(), vue.createElementBlock("div", {
+            !__props.disabledPageFragment ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
               class: "m-editor-empty-button",
               onClick: _cache[1] || (_cache[1] = ($event) => clickHandler(vue.unref(core.NodeType).PAGE_FRAGMENT))
@@ -14255,13 +14320,13 @@
               ]),
               center: vue.withCtx(() => [
                 page.value ? vue.renderSlot(_ctx.$slots, "workspace", { key: 0 }) : vue.renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
-                  vue.createVNode(_sfc_main$t, { "disabled-page-fragment": _ctx.disabledPageFragment }, null, 8, ["disabled-page-fragment"])
+                  vue.createVNode(_sfc_main$t, { "disabled-page-fragment": __props.disabledPageFragment }, null, 8, ["disabled-page-fragment"])
                 ]),
                 vue.renderSlot(_ctx.$slots, "page-bar", {}, () => [
                   vue.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": vue.withCtx(() => [
                       vue.renderSlot(_ctx.$slots, "page-bar-add-button")
@@ -14473,7 +14538,7 @@
           "div",
           {
             class: "m-editor-nav-menu",
-            style: vue.normalizeStyle({ height: `${_ctx.height}px` }),
+            style: vue.normalizeStyle({ height: `${__props.height}px` }),
             ref: "navMenu"
           },
           [
@@ -14581,12 +14646,12 @@
                 ref: "configForm",
                 class: vue.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"])
@@ -14594,7 +14659,7 @@
             _: 1
             /* STABLE */
           }),
-          !_ctx.disabledShowSrc ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicButton), {
+          !__props.disabledShowSrc ? (vue.openBlock(), vue.createBlock(vue.unref(designPlugin.TMagicButton), {
             key: 0,
             class: "m-editor-props-panel-src-icon",
             circle: "",
@@ -14612,7 +14677,7 @@
             key: 1,
             class: "m-editor-props-panel-src-code",
             height: `${vue.unref(editorContentHeight)}px`,
-            "init-values": _ctx.codeValueKey ? _ctx.values[_ctx.codeValueKey] : _ctx.values,
+            "init-values": __props.codeValueKey ? __props.values[__props.codeValueKey] : __props.values,
             options: vue.unref(codeOptions),
             parse: true,
             onSave: saveCode
@@ -14796,8 +14861,8 @@
               class: vue.normalizeClass(["m-editor-props-property-panel", { "show-style-panel": vue.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,
@@ -14815,8 +14880,8 @@
               "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
@@ -15009,12 +15074,12 @@
                   (vue.openBlock(true), vue.createElementBlock(
                     vue.Fragment,
                     null,
-                    vue.renderList(_ctx.menuData, (item, index) => {
+                    vue.renderList(__props.menuData, (item, index) => {
                       return vue.openBlock(), vue.createBlock(_sfc_main$z, {
                         "event-type": "mouseup",
                         ref_for: true,
                         ref: "buttons",
-                        class: vue.normalizeClass({ active: _ctx.active && item.id === _ctx.active }),
+                        class: vue.normalizeClass({ active: __props.active && item.id === __props.active }),
                         data: item,
                         key: index,
                         onMouseup: clickHandler,
@@ -15030,7 +15095,7 @@
                     key: 0,
                     class: "sub-menu",
                     ref: "subMenu",
-                    active: _ctx.active,
+                    active: __props.active,
                     "menu-data": subMenuData.value,
                     "is-sub-menu": true,
                     onHide: hide
@@ -15160,10 +15225,10 @@
         return vue.withDirectives((vue.openBlock(), vue.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
@@ -15172,7 +15237,7 @@
             "div",
             {
               class: vue.normalizeClass(["tree-node", { selected: selected.value, expanded: expanded.value }]),
-              style: vue.normalizeStyle(`padding-left: ${_ctx.indent}px`),
+              style: vue.normalizeStyle(`padding-left: ${__props.indent}px`),
               onContextmenu: nodeContextmenuHandler,
               onMouseenter: mouseenterHandler
             },
@@ -15187,18 +15252,18 @@
                 class: "tree-node-content",
                 onClick: nodeClickHandler
               }, [
-                vue.renderSlot(_ctx.$slots, "tree-node-content", { data: _ctx.data }, () => [
+                vue.renderSlot(_ctx.$slots, "tree-node-content", { data: __props.data }, () => [
                   vue.createElementVNode("div", _hoisted_2$3, [
-                    vue.renderSlot(_ctx.$slots, "tree-node-label", { data: _ctx.data }, () => [
+                    vue.renderSlot(_ctx.$slots, "tree-node-label", { data: __props.data }, () => [
                       vue.createTextVNode(
-                        vue.toDisplayString(`${_ctx.data.name} (${_ctx.data.id})`),
+                        vue.toDisplayString(`${__props.data.name} (${__props.data.id})`),
                         1
                         /* TEXT */
                       )
                     ])
                   ]),
                   vue.createElementVNode("div", _hoisted_3$1, [
-                    vue.renderSlot(_ctx.$slots, "tree-node-tool", { data: _ctx.data })
+                    vue.renderSlot(_ctx.$slots, "tree-node-tool", { data: __props.data })
                   ])
                 ])
               ])
@@ -15210,14 +15275,14 @@
             (vue.openBlock(true), vue.createElementBlock(
               vue.Fragment,
               null,
-              vue.renderList(_ctx.data.items, (item) => {
+              vue.renderList(__props.data.items, (item) => {
                 return vue.openBlock(), vue.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": vue.withCtx(({ data: nodeData }) => [
                     vue.renderSlot(_ctx.$slots, "tree-node-content", { data: nodeData })
@@ -15228,9 +15293,9 @@
                   "tree-node-tool": vue.withCtx(({ data: nodeData }) => [
                     vue.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 */
@@ -15274,16 +15339,16 @@
             onDragover: handleDragOver
           },
           [
-            _ctx.data?.length ? (vue.openBlock(true), vue.createElementBlock(
+            __props.data?.length ? (vue.openBlock(true), vue.createElementBlock(
               vue.Fragment,
               { key: 0 },
-              vue.renderList(_ctx.data, (item) => {
+              vue.renderList(__props.data, (item) => {
                 return vue.openBlock(), vue.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": vue.withCtx(({ data: nodeData }) => [
                     vue.renderSlot(_ctx.$slots, "tree-node-content", { data: nodeData })
@@ -15294,9 +15359,9 @@
                   "tree-node-tool": vue.withCtx(({ data: nodeData }) => [
                     vue.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 */
@@ -15304,7 +15369,7 @@
               vue.createElementVNode(
                 "p",
                 null,
-                vue.toDisplayString(_ctx.emptyText),
+                vue.toDisplayString(__props.emptyText),
                 1
                 /* TEXT */
               )
@@ -15426,8 +15491,8 @@
         return vue.openBlock(), vue.createBlock(_sfc_main$l, {
           data: codeList.value,
           "node-status-map": vue.unref(nodeStatusMap),
-          indent: _ctx.indent,
-          "next-level-indent-increment": _ctx.nextLevelIndentIncrement,
+          indent: __props.indent,
+          "next-level-indent-increment": __props.nextLevelIndentIncrement,
           onNodeClick: clickHandler,
           onNodeContextmenu: nodeContentMenuHandler
         }, {
@@ -15643,9 +15708,9 @@
                 vue.createCommentVNode(" 代码块列表 "),
                 vue.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: vue.unref(editCode),
                   onRemove: vue.unref(deleteCode),
                   onNodeContextmenu: vue.unref(nodeContentMenuHandler)
@@ -15783,16 +15848,16 @@
           "onUpdate:width": _cache[1] || (_cache[1] = ($event) => width.value = $event),
           height: vue.unref(editorHeight),
           "onUpdate:height": _cache[2] || (_cache[2] = ($event) => vue.isRef(editorHeight) ? editorHeight.value = $event : null),
-          title: _ctx.title,
+          title: __props.title,
           position: vue.unref(boxPosition)
         }, {
           body: vue.withCtx(() => [
             vue.createVNode(vue.unref(formPlugin.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
@@ -15908,8 +15973,8 @@
         return vue.openBlock(), vue.createBlock(_sfc_main$l, {
           data: list.value,
           "node-status-map": vue.unref(nodeStatusMap),
-          indent: _ctx.indent,
-          "next-level-indent-increment": _ctx.nextLevelIndentIncrement,
+          indent: __props.indent,
+          "next-level-indent-increment": __props.nextLevelIndentIncrement,
           onNodeClick: clickHandler,
           onNodeContextmenu: nodeContentMenuHandler
         }, {
@@ -16174,8 +16239,8 @@
                 vue.createCommentVNode(" 数据源列表 "),
                 vue.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: vue.unref(editHandler),
                   onRemove: removeHandler,
                   onNodeContextmenu: vue.unref(nodeContentMenuHandler)
@@ -16441,11 +16506,11 @@
         });
       };
       return (_ctx, _cache) => {
-        return _ctx.data.type !== "page" ? (vue.openBlock(), vue.createElementBlock(
+        return __props.data.type !== "page" ? (vue.openBlock(), vue.createElementBlock(
           vue.Fragment,
           { key: 0 },
           [
-            _ctx.data.visible === false ? (vue.openBlock(), vue.createBlock(_sfc_main$1r, {
+            __props.data.visible === false ? (vue.openBlock(), vue.createBlock(_sfc_main$1r, {
               key: 0,
               icon: vue.unref(iconsVue.Hide),
               onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => setNodeVisible(true), ["stop"])),
@@ -16988,8 +17053,8 @@
               ref: "tree",
               data: nodeData.value,
               "node-status-map": vue.unref(nodeStatusMap),
-              indent: _ctx.indent,
-              "next-level-indent-increment": _ctx.nextLevelIndentIncrement,
+              indent: __props.indent,
+              "next-level-indent-increment": __props.nextLevelIndentIncrement,
               onNodeDragover: vue.unref(handleDragOver),
               onNodeDragstart: vue.unref(handleDragStart),
               onNodeDragleave: vue.unref(handleDragLeave),
@@ -17015,8 +17080,8 @@
             (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
               vue.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"])
             ]))
@@ -17049,8 +17114,15 @@
           items: group.items.filter((item) => item.text.includes(searchText.value))
         }))
       );
-      const collapseValue = vue.computed(
-        () => Array(list.value?.length).fill(1).map((x, i) => `${i}`)
+      const collapseValue = vue.ref();
+      vue.watch(
+        list,
+        () => {
+          collapseValue.value = Array(list.value?.length).fill(1).map((x, i) => `${i}`);
+        },
+        {
+          immediate: true
+        }
       );
       let timeout;
       let clientX;
@@ -17108,7 +17180,8 @@
             vue.renderSlot(_ctx.$slots, "component-list", { componentGroupList: list.value }, () => [
               vue.createVNode(vue.unref(designPlugin.TMagicCollapse), {
                 class: "ui-component-panel",
-                "model-value": collapseValue.value
+                modelValue: collapseValue.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => collapseValue.value = $event)
               }, {
                 default: vue.withCtx(() => [
                   (vue.openBlock(true), vue.createElementBlock(
@@ -17183,7 +17256,7 @@
                 ]),
                 _: 3
                 /* FORWARDED */
-              }, 8, ["model-value"])
+              }, 8, ["modelValue"])
             ])
           ]),
           _: 3
@@ -17362,7 +17435,7 @@
           vue.Fragment,
           null,
           [
-            _ctx.data.type === "tabs" && _ctx.data.items.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
+            __props.data.type === "tabs" && __props.data.items.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
               vue.createElementVNode("div", _hoisted_2$1, [
                 (vue.openBlock(true), vue.createElementBlock(
                   vue.Fragment,
@@ -17694,7 +17767,7 @@
           "div",
           {
             ref: "bar",
-            class: vue.normalizeClass(["m-editor-scroll-bar", _ctx.isHorizontal ? "horizontal" : "vertical"])
+            class: vue.normalizeClass(["m-editor-scroll-bar", __props.isHorizontal ? "horizontal" : "vertical"])
           },
           [
             vue.createElementVNode(
@@ -17810,19 +17883,19 @@
               /* STYLE */
             ),
             vue.renderSlot(_ctx.$slots, "content"),
-            scrollHeight.value > _ctx.wrapHeight ? (vue.openBlock(), vue.createBlock(_sfc_main$9, {
+            scrollHeight.value > __props.wrapHeight ? (vue.openBlock(), vue.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"])) : vue.createCommentVNode("v-if", true),
-            scrollWidth.value > _ctx.wrapWidth ? (vue.openBlock(), vue.createBlock(_sfc_main$9, {
+            scrollWidth.value > __props.wrapWidth ? (vue.openBlock(), vue.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"])) : vue.createCommentVNode("v-if", true)
           ],
@@ -18409,13 +18482,13 @@
           onClick: _cache[0] || (_cache[0] = ($event) => stageWrapRef.value?.container?.focus())
         }, {
           content: vue.withCtx(() => [
-            !_ctx.disabledStageOverlay ? (vue.openBlock(), vue.createBlock(_sfc_main$6, { key: 0 })) : vue.createCommentVNode("v-if", true),
+            !__props.disabledStageOverlay ? (vue.openBlock(), vue.createBlock(_sfc_main$6, { key: 0 })) : vue.createCommentVNode("v-if", true),
             (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
               vue.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"])
             ]))
           ]),
@@ -18528,9 +18601,9 @@
             page.value && (vue.unref(stageOptions)?.render || vue.unref(stageOptions)?.runtimeUrl) ? (vue.openBlock(), vue.createBlock(_sfc_main$3, {
               key: 0,
               "stage-options": vue.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"])) : vue.createCommentVNode("v-if", true)
           ]),
           vue.renderSlot(_ctx.$slots, "workspace-content")
@@ -21345,16 +21418,16 @@
       __expose(services);
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.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: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "header")
           ]),
           nav: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "nav", { editorService: vue.unref(editorService) }, () => [
-              vue.createVNode(_sfc_main$r, { data: _ctx.menu }, null, 8, ["data"])
+              vue.createVNode(_sfc_main$r, { data: __props.menu }, null, 8, ["data"])
             ])
           ]),
           "content-before": vue.withCtx(() => [
@@ -21366,11 +21439,11 @@
           sidebar: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "sidebar", { editorService: vue.unref(editorService) }, () => [
               vue.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": vue.withCtx(() => [
                   vue.renderSlot(_ctx.$slots, "layer-panel-header")
@@ -21419,9 +21492,9 @@
           workspace: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "workspace", { editorService: vue.unref(editorService) }, () => [
               vue.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: vue.withCtx(() => [
                   vue.renderSlot(_ctx.$slots, "stage")
@@ -21437,8 +21510,8 @@
           "props-panel": vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "props-panel", {}, () => [
               vue.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,