@tmagic/form 1.6.0 → 1.6.1

package/dist/tmagic-form.umd.cjs

@@ -3312,31 +3312,31 @@
       return (_ctx, _cache) => {
         const _component_m_fields_hidden = vue.resolveComponent("m-fields-hidden");
         const _component_Container = vue.resolveComponent("Container", true);
-        return _ctx.config ? (vue.openBlock(), vue.createElementBlock("div", {
+        return __props.config ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
-          "data-tmagic-id": _ctx.config.id,
+          "data-tmagic-id": __props.config.id,
           "data-tmagic-form-item-prop": itemProp.value,
-          style: vue.normalizeStyle(_ctx.config.tip ? "display: flex;align-items: baseline;" : ""),
-          class: vue.normalizeClass(`m-form-container m-container-${type.value || ""} ${_ctx.config.className || ""}`)
+          style: vue.normalizeStyle(__props.config.tip ? "display: flex;align-items: baseline;" : ""),
+          class: vue.normalizeClass(`m-form-container m-container-${type.value || ""} ${__props.config.className || ""}`)
         }, [
           type.value === "hidden" ? (vue.openBlock(), vue.createBlock(_component_m_fields_hidden, {
             key: 0,
-            model: _ctx.model,
-            config: _ctx.config,
-            name: _ctx.config.name,
+            model: __props.model,
+            config: __props.config,
+            name: __props.config.name,
             disabled: disabled.value,
             prop: itemProp.value
           }, null, 8, ["model", "config", "name", "disabled", "prop"])) : items.value && !text.value && type.value && display$1.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tagName.value), {
-            key: key(_ctx.config),
-            size: _ctx.size,
-            model: _ctx.model,
-            "last-values": _ctx.lastValues,
-            "is-compare": _ctx.isCompare,
-            config: _ctx.config,
+            key: key(__props.config),
+            size: __props.size,
+            model: __props.model,
+            "last-values": __props.lastValues,
+            "is-compare": __props.isCompare,
+            config: __props.config,
             disabled: disabled.value,
             name: name.value,
             prop: itemProp.value,
-            "step-active": _ctx.stepActive,
+            "step-active": __props.stepActive,
             "expand-more": expand.value,
             "label-width": itemLabelWidth.value,
             onChange: onChangeHandler,
@@ -3346,17 +3346,17 @@
             { key: 2 },
             [
               vue.createVNode(vue.unref(design.TMagicFormItem), {
-                style: vue.normalizeStyle(_ctx.config.tip ? "flex: 1" : ""),
+                style: vue.normalizeStyle(__props.config.tip ? "flex: 1" : ""),
                 class: vue.normalizeClass({ "tmagic-form-hidden": `${itemLabelWidth.value}` === "0" || !text.value }),
                 prop: itemProp.value,
                 "label-width": itemLabelWidth.value,
-                "label-position": _ctx.config.labelPosition,
+                "label-position": __props.config.labelPosition,
                 rules: rule.value
               }, {
                 label: vue.withCtx(() => [
                   vue.createElementVNode("span", {
                     innerHTML: type.value === "checkbox" ? "" : text.value,
-                    title: _ctx.config.labelTitle
+                    title: __props.config.labelTitle
                   }, null, 8, _hoisted_2$7)
                 ]),
                 default: vue.withCtx(() => [
@@ -3366,11 +3366,11 @@
                     ]),
                     default: vue.withCtx(() => [
                       (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tagName.value), {
-                        key: key(_ctx.config),
-                        size: _ctx.size,
-                        model: _ctx.model,
-                        "last-values": _ctx.lastValues,
-                        config: _ctx.config,
+                        key: key(__props.config),
+                        size: __props.size,
+                        model: __props.model,
+                        "last-values": __props.lastValues,
+                        config: __props.config,
                         name: name.value,
                         disabled: disabled.value,
                         prop: itemProp.value,
@@ -3381,11 +3381,11 @@
                     _: 1
                     /* STABLE */
                   })) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tagName.value), {
-                    key: key(_ctx.config),
-                    size: _ctx.size,
-                    model: _ctx.model,
-                    "last-values": _ctx.lastValues,
-                    config: _ctx.config,
+                    key: key(__props.config),
+                    size: __props.size,
+                    model: __props.model,
+                    "last-values": __props.lastValues,
+                    config: __props.config,
                     name: name.value,
                     disabled: disabled.value,
                     prop: itemProp.value,
@@ -3401,13 +3401,13 @@
                 _: 1
                 /* STABLE */
               }, 8, ["style", "class", "prop", "label-width", "label-position", "rules"]),
-              _ctx.config.tip ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
+              __props.config.tip ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
                 key: 0,
                 placement: "left"
               }, {
                 content: vue.withCtx(() => [
                   vue.createElementVNode("div", {
-                    innerHTML: _ctx.config.tip
+                    innerHTML: __props.config.tip
                   }, null, 8, _hoisted_5$3)
                 ]),
                 default: vue.withCtx(() => [
@@ -3432,17 +3432,17 @@
               vue.createCommentVNode(" 对比 "),
               vue.createCommentVNode(" 上次内容 "),
               vue.createVNode(vue.unref(design.TMagicFormItem), {
-                style: vue.normalizeStyle([_ctx.config.tip ? "flex: 1" : "", { "background": "#f7dadd" }]),
+                style: vue.normalizeStyle([__props.config.tip ? "flex: 1" : "", { "background": "#f7dadd" }]),
                 class: vue.normalizeClass({ "tmagic-form-hidden": `${itemLabelWidth.value}` === "0" || !text.value }),
                 prop: itemProp.value,
                 "label-width": itemLabelWidth.value,
-                "label-position": _ctx.config.labelPosition,
+                "label-position": __props.config.labelPosition,
                 rules: rule.value
               }, {
                 label: vue.withCtx(() => [
                   vue.createElementVNode("span", {
                     innerHTML: type.value === "checkbox" ? "" : text.value,
-                    title: _ctx.config.labelTitle
+                    title: __props.config.labelTitle
                   }, null, 8, _hoisted_6$2)
                 ]),
                 default: vue.withCtx(() => [
@@ -3452,10 +3452,10 @@
                     ]),
                     default: vue.withCtx(() => [
                       (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tagName.value), {
-                        key: key(_ctx.config),
-                        size: _ctx.size,
-                        model: _ctx.lastValues,
-                        config: _ctx.config,
+                        key: key(__props.config),
+                        size: __props.size,
+                        model: __props.lastValues,
+                        config: __props.config,
                         name: name.value,
                         disabled: disabled.value,
                         prop: itemProp.value,
@@ -3465,10 +3465,10 @@
                     _: 1
                     /* STABLE */
                   })) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tagName.value), {
-                    key: key(_ctx.config),
-                    size: _ctx.size,
-                    model: _ctx.lastValues,
-                    config: _ctx.config,
+                    key: key(__props.config),
+                    size: __props.size,
+                    model: __props.lastValues,
+                    config: __props.config,
                     name: name.value,
                     disabled: disabled.value,
                     prop: itemProp.value,
@@ -3483,13 +3483,13 @@
                 _: 1
                 /* STABLE */
               }, 8, ["style", "class", "prop", "label-width", "label-position", "rules"]),
-              _ctx.config.tip ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
+              __props.config.tip ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
                 key: 0,
                 placement: "left"
               }, {
                 content: vue.withCtx(() => [
                   vue.createElementVNode("div", {
-                    innerHTML: _ctx.config.tip
+                    innerHTML: __props.config.tip
                   }, null, 8, _hoisted_9)
                 ]),
                 default: vue.withCtx(() => [
@@ -3506,17 +3506,17 @@
               })) : vue.createCommentVNode("v-if", true),
               vue.createCommentVNode(" 当前内容 "),
               vue.createVNode(vue.unref(design.TMagicFormItem), {
-                style: vue.normalizeStyle([_ctx.config.tip ? "flex: 1" : "", { "background": "#def7da" }]),
+                style: vue.normalizeStyle([__props.config.tip ? "flex: 1" : "", { "background": "#def7da" }]),
                 class: vue.normalizeClass({ "tmagic-form-hidden": `${itemLabelWidth.value}` === "0" || !text.value }),
                 prop: itemProp.value,
                 "label-width": itemLabelWidth.value,
-                "label-position": _ctx.config.labelPosition,
+                "label-position": __props.config.labelPosition,
                 rules: rule.value
               }, {
                 label: vue.withCtx(() => [
                   vue.createElementVNode("span", {
                     innerHTML: type.value === "checkbox" ? "" : text.value,
-                    title: _ctx.config.labelTitle
+                    title: __props.config.labelTitle
                   }, null, 8, _hoisted_10)
                 ]),
                 default: vue.withCtx(() => [
@@ -3526,10 +3526,10 @@
                     ]),
                     default: vue.withCtx(() => [
                       (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tagName.value), {
-                        key: key(_ctx.config),
-                        size: _ctx.size,
-                        model: _ctx.model,
-                        config: _ctx.config,
+                        key: key(__props.config),
+                        size: __props.size,
+                        model: __props.model,
+                        config: __props.config,
                         name: name.value,
                         disabled: disabled.value,
                         prop: itemProp.value,
@@ -3539,10 +3539,10 @@
                     _: 1
                     /* STABLE */
                   })) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tagName.value), {
-                    key: key(_ctx.config),
-                    size: _ctx.size,
-                    model: _ctx.model,
-                    config: _ctx.config,
+                    key: key(__props.config),
+                    size: __props.size,
+                    model: __props.model,
+                    config: __props.config,
                     name: name.value,
                     disabled: disabled.value,
                     prop: itemProp.value,
@@ -3557,13 +3557,13 @@
                 _: 1
                 /* STABLE */
               }, 8, ["style", "class", "prop", "label-width", "label-position", "rules"]),
-              _ctx.config.tip ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
+              __props.config.tip ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
                 key: 1,
                 placement: "left"
               }, {
                 content: vue.withCtx(() => [
                   vue.createElementVNode("div", {
-                    innerHTML: _ctx.config.tip
+                    innerHTML: __props.config.tip
                   }, null, 8, _hoisted_13)
                 ]),
                 default: vue.withCtx(() => [
@@ -3585,19 +3585,19 @@
             vue.Fragment,
             { key: 4 },
             [
-              (isValidName() ? _ctx.model[name.value] : _ctx.model) ? (vue.openBlock(true), vue.createElementBlock(
+              (isValidName() ? __props.model[name.value] : __props.model) ? (vue.openBlock(true), vue.createElementBlock(
                 vue.Fragment,
                 { key: 0 },
                 vue.renderList(items.value, (item) => {
                   return vue.openBlock(), vue.createBlock(_component_Container, {
                     key: key(item),
-                    model: isValidName() ? _ctx.model[name.value] : _ctx.model,
-                    "last-values": isValidName() ? _ctx.lastValues[name.value] || {} : _ctx.lastValues,
-                    "is-compare": _ctx.isCompare,
+                    model: isValidName() ? __props.model[name.value] : __props.model,
+                    "last-values": isValidName() ? __props.lastValues[name.value] || {} : __props.lastValues,
+                    "is-compare": __props.isCompare,
                     config: item,
-                    size: _ctx.size,
+                    size: __props.size,
                     disabled: disabled.value,
-                    "step-active": _ctx.stepActive,
+                    "step-active": __props.stepActive,
                     "expand-more": expand.value,
                     "label-width": itemLabelWidth.value,
                     prop: itemProp.value,
@@ -3612,7 +3612,7 @@
             64
             /* STABLE_FRAGMENT */
           )) : vue.createCommentVNode("v-if", true),
-          _ctx.config.expand && type.value !== "fieldset" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [
+          __props.config.expand && type.value !== "fieldset" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [
             vue.createVNode(vue.unref(design.TMagicButton), {
               type: "primary",
               size: "small",
@@ -3688,7 +3688,7 @@
       const key = (item, index) => item[mForm?.keyProp || "__key"] ?? index;
       const onAddDiffCount = () => emit("addDiffCount");
       return (_ctx, _cache) => {
-        return (name.value ? _ctx.model[name.value] : _ctx.model) ? (vue.openBlock(), vue.createElementBlock(
+        return (name.value ? __props.model[name.value] : __props.model) ? (vue.openBlock(), vue.createElementBlock(
           "fieldset",
           {
             key: 0,
@@ -3696,25 +3696,25 @@
             style: vue.normalizeStyle(show.value ? "padding: 15px" : "border: 0")
           },
           [
-            name.value && _ctx.config.checkbox ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(!show.value ? "div" : "legend"), { key: 0 }, {
+            name.value && __props.config.checkbox ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(!show.value ? "div" : "legend"), { key: 0 }, {
               default: vue.withCtx(() => [
                 vue.createVNode(vue.unref(design.TMagicCheckbox), {
-                  modelValue: _ctx.model[name.value].value,
+                  modelValue: __props.model[name.value].value,
                   "onUpdate:modelValue": [
-                    _cache[0] || (_cache[0] = ($event) => _ctx.model[name.value].value = $event),
+                    _cache[0] || (_cache[0] = ($event) => __props.model[name.value].value = $event),
                     valueChangeHandler
                   ],
-                  prop: `${_ctx.prop}${_ctx.prop ? "." : ""}${_ctx.config.name}.value`,
+                  prop: `${__props.prop}${__props.prop ? "." : ""}${__props.config.name}.value`,
                   "true-value": 1,
                   "false-value": 0
                 }, {
                   default: vue.withCtx(() => [
                     vue.createElementVNode("span", {
-                      innerHTML: _ctx.config.legend
+                      innerHTML: __props.config.legend
                     }, null, 8, _hoisted_1$d),
-                    _ctx.config.extra ? (vue.openBlock(), vue.createElementBlock("span", {
+                    __props.config.extra ? (vue.openBlock(), vue.createElementBlock("span", {
                       key: 0,
-                      innerHTML: _ctx.config.extra,
+                      innerHTML: __props.config.extra,
                       class: "m-form-tip"
                     }, null, 8, _hoisted_2$6)) : vue.createCommentVNode("v-if", true)
                   ]),
@@ -3726,31 +3726,31 @@
               /* STABLE */
             })) : (vue.openBlock(), vue.createElementBlock("legend", _hoisted_3$4, [
               vue.createElementVNode("span", {
-                innerHTML: _ctx.config.legend
+                innerHTML: __props.config.legend
               }, null, 8, _hoisted_4$2),
-              _ctx.config.extra ? (vue.openBlock(), vue.createElementBlock("span", {
+              __props.config.extra ? (vue.openBlock(), vue.createElementBlock("span", {
                 key: 0,
-                innerHTML: _ctx.config.extra,
+                innerHTML: __props.config.extra,
                 class: "m-form-tip"
               }, null, 8, _hoisted_5$2)) : vue.createCommentVNode("v-if", true)
             ])),
-            _ctx.config.schematic && show.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$1, [
+            __props.config.schematic && show.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$1, [
               vue.createElementVNode("div", _hoisted_7, [
                 (vue.openBlock(true), vue.createElementBlock(
                   vue.Fragment,
                   null,
-                  vue.renderList(_ctx.config.items, (item, index) => {
+                  vue.renderList(__props.config.items, (item, index) => {
                     return vue.openBlock(), vue.createBlock(_sfc_main$x, {
                       key: key(item, index),
-                      model: name.value ? _ctx.model[name.value] : _ctx.model,
-                      lastValues: name.value ? _ctx.lastValues[name.value] : _ctx.lastValues,
-                      "is-compare": _ctx.isCompare,
-                      rules: name.value ? _ctx.rules[name.value] : [],
+                      model: name.value ? __props.model[name.value] : __props.model,
+                      lastValues: name.value ? __props.lastValues[name.value] : __props.lastValues,
+                      "is-compare": __props.isCompare,
+                      rules: name.value ? __props.rules[name.value] : [],
                       config: item,
-                      prop: _ctx.prop,
-                      disabled: _ctx.disabled,
+                      prop: __props.prop,
+                      disabled: __props.disabled,
                       labelWidth: lWidth.value,
-                      size: _ctx.size,
+                      size: __props.size,
                       onChange: changeHandler,
                       onAddDiffCount: _cache[1] || (_cache[1] = ($event) => onAddDiffCount())
                     }, null, 8, ["model", "lastValues", "is-compare", "rules", "config", "prop", "disabled", "labelWidth", "size"]);
@@ -3761,23 +3761,23 @@
               ]),
               vue.createElementVNode("img", {
                 class: "m-form-schematic",
-                src: _ctx.config.schematic
+                src: __props.config.schematic
               }, null, 8, _hoisted_8)
             ])) : show.value ? (vue.openBlock(true), vue.createElementBlock(
               vue.Fragment,
               { key: 3 },
-              vue.renderList(_ctx.config.items, (item, index) => {
+              vue.renderList(__props.config.items, (item, index) => {
                 return vue.openBlock(), vue.createBlock(_sfc_main$x, {
                   key: key(item, index),
-                  model: name.value ? _ctx.model[name.value] : _ctx.model,
-                  lastValues: name.value ? _ctx.lastValues[name.value] : _ctx.lastValues,
-                  "is-compare": _ctx.isCompare,
-                  rules: name.value ? _ctx.rules[name.value] : [],
+                  model: name.value ? __props.model[name.value] : __props.model,
+                  lastValues: name.value ? __props.lastValues[name.value] : __props.lastValues,
+                  "is-compare": __props.isCompare,
+                  rules: name.value ? __props.rules[name.value] : [],
                   config: item,
-                  prop: _ctx.prop,
+                  prop: __props.prop,
                   labelWidth: lWidth.value,
-                  size: _ctx.size,
-                  disabled: _ctx.disabled,
+                  size: __props.size,
+                  disabled: __props.disabled,
                   onChange: changeHandler,
                   onAddDiffCount: _cache[2] || (_cache[2] = ($event) => onAddDiffCount())
                 }, null, 8, ["model", "lastValues", "is-compare", "rules", "config", "prop", "labelWidth", "size", "disabled"]);
@@ -3878,7 +3878,7 @@
           vue.createElementVNode("div", null, [
             vue.createVNode(vue.unref(design.TMagicButton), {
               link: "",
-              disabled: _ctx.disabled,
+              disabled: __props.disabled,
               onClick: expandHandler
             }, {
               default: vue.withCtx(() => [
@@ -3903,7 +3903,7 @@
               size: "small",
               link: "",
               icon: vue.unref(iconsVue.Delete),
-              disabled: _ctx.disabled,
+              disabled: __props.disabled,
               onClick: removeHandler
             }, null, 8, ["icon", "disabled"]), [
               [vue.vShow, showDelete.value]
@@ -3914,7 +3914,7 @@
               size: "small",
               type: "primary",
               icon: vue.unref(iconsVue.DocumentCopy),
-              disabled: _ctx.disabled,
+              disabled: __props.disabled,
               onClick: copyHandler
             }, {
               default: vue.withCtx(() => [..._cache[6] || (_cache[6] = [
@@ -3934,7 +3934,7 @@
                 vue.withDirectives(vue.createVNode(vue.unref(design.TMagicButton), {
                   link: "",
                   size: "small",
-                  disabled: _ctx.disabled,
+                  disabled: __props.disabled,
                   icon: vue.unref(iconsVue.CaretTop),
                   onClick: _cache[0] || (_cache[0] = ($event) => changeOrder(-1))
                 }, {
@@ -3948,12 +3948,12 @@
                   _: 1
                   /* STABLE */
                 }, 8, ["disabled", "icon"]), [
-                  [vue.vShow, _ctx.index !== 0]
+                  [vue.vShow, __props.index !== 0]
                 ]),
                 vue.withDirectives(vue.createVNode(vue.unref(design.TMagicButton), {
                   link: "",
                   size: "small",
-                  disabled: _ctx.disabled,
+                  disabled: __props.disabled,
                   icon: vue.unref(iconsVue.CaretBottom),
                   onClick: _cache[1] || (_cache[1] = ($event) => changeOrder(1))
                 }, {
@@ -3967,13 +3967,13 @@
                   _: 1
                   /* STABLE */
                 }, 8, ["disabled", "icon"]), [
-                  [vue.vShow, _ctx.index !== length.value - 1]
+                  [vue.vShow, __props.index !== length.value - 1]
                 ])
               ],
               64
               /* STABLE_FRAGMENT */
             )) : vue.createCommentVNode("v-if", true),
-            _ctx.config.moveSpecifyLocation ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicPopover), {
+            __props.config.moveSpecifyLocation ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicPopover), {
               key: 2,
               trigger: "click",
               placement: "top",
@@ -3986,7 +3986,7 @@
                   size: "small",
                   type: "primary",
                   icon: vue.unref(iconsVue.Position),
-                  disabled: _ctx.disabled,
+                  disabled: __props.disabled,
                   onClick: _cache[2] || (_cache[2] = ($event) => moveSpecifyLocationVisible.value = true)
                 }, {
                   default: vue.withCtx(() => [..._cache[9] || (_cache[9] = [
@@ -4014,7 +4014,7 @@
                       "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => moveSpecifyLocationIndex.value = $event),
                       size: "small",
                       min: 1,
-                      disabled: _ctx.disabled
+                      disabled: __props.disabled
                     }, null, 8, ["modelValue", "disabled"]),
                     _cache[11] || (_cache[11] = vue.createTextVNode(
                       "行 ",
@@ -4068,13 +4068,13 @@
           expand.value ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
             key: 0,
             config: rowConfig.value,
-            model: _ctx.model,
-            lastValues: _ctx.lastValues,
-            "is-compare": _ctx.isCompare,
-            labelWidth: _ctx.labelWidth,
-            prop: `${_ctx.prop}${_ctx.prop ? "." : ""}${String(_ctx.index)}`,
-            size: _ctx.size,
-            disabled: _ctx.disabled,
+            model: __props.model,
+            lastValues: __props.lastValues,
+            "is-compare": __props.isCompare,
+            labelWidth: __props.labelWidth,
+            prop: `${__props.prop}${__props.prop ? "." : ""}${String(__props.index)}`,
+            size: __props.size,
+            disabled: __props.disabled,
             onChange: changeHandler,
             onAddDiffCount: _cache[5] || (_cache[5] = ($event) => onAddDiffCount())
           }, null, 8, ["config", "model", "lastValues", "is-compare", "labelWidth", "prop", "size", "disabled"])) : vue.createCommentVNode("v-if", true)
@@ -4180,12 +4180,12 @@
       const getLastValues = (item, index) => item?.[index] || {};
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
-          _ctx.config.extra ? (vue.openBlock(), vue.createElementBlock("div", {
+          __props.config.extra ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
-            innerHTML: _ctx.config.extra,
+            innerHTML: __props.config.extra,
             style: { "color": "rgba(0, 0, 0, 0.45)" }
           }, null, 8, _hoisted_2$4)) : vue.createCommentVNode("v-if", true),
-          !_ctx.model[_ctx.name] || !_ctx.model[_ctx.name].length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$2, [..._cache[1] || (_cache[1] = [
+          !__props.model[__props.name] || !__props.model[__props.name].length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$2, [..._cache[1] || (_cache[1] = [
             vue.createElementVNode(
               "span",
               { class: "el-table__empty-text" },
@@ -4196,19 +4196,19 @@
           ])])) : (vue.openBlock(true), vue.createElementBlock(
             vue.Fragment,
             { key: 2 },
-            vue.renderList(_ctx.model[_ctx.name], (item, index) => {
+            vue.renderList(__props.model[__props.name], (item, index) => {
               return vue.openBlock(), vue.createBlock(_sfc_main$v, {
                 key: index,
                 model: item,
-                lastValues: getLastValues(_ctx.lastValues[_ctx.name], index),
-                "is-compare": _ctx.isCompare,
-                config: _ctx.config,
-                prop: _ctx.prop,
+                lastValues: getLastValues(__props.lastValues[__props.name], index),
+                "is-compare": __props.isCompare,
+                config: __props.config,
+                prop: __props.prop,
                 index,
-                "label-width": _ctx.labelWidth,
-                size: _ctx.size,
-                disabled: _ctx.disabled,
-                "group-model": _ctx.model[_ctx.name],
+                "label-width": __props.labelWidth,
+                size: __props.size,
+                disabled: __props.disabled,
+                "group-model": __props.model[__props.name],
                 onRemoveItem: removeHandler,
                 onCopyItem: copyHandler,
                 onSwapItem: swapHandler,
@@ -4222,8 +4222,8 @@
           addable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
             key: 3,
             type: "primary",
-            size: _ctx.config.enableToggleMode ? "small" : "default",
-            disabled: _ctx.disabled,
+            size: __props.config.enableToggleMode ? "small" : "default",
+            disabled: __props.disabled,
             onClick: addHandler
           }, {
             default: vue.withCtx(() => [..._cache[2] || (_cache[2] = [
@@ -4236,7 +4236,7 @@
             _: 1
             /* STABLE */
           }, 8, ["size", "disabled"])) : vue.createCommentVNode("v-if", true),
-          _ctx.config.enableToggleMode ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+          __props.config.enableToggleMode ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
             key: 4,
             icon: vue.unref(iconsVue.Grid),
             size: "small",
@@ -4307,14 +4307,14 @@
                 icon: expand.value ? vue.unref(iconsVue.CaretBottom) : vue.unref(iconsVue.CaretRight),
                 onClick: _cache[0] || (_cache[0] = ($event) => expand.value = !expand.value)
               }, null, 8, ["icon"]),
-              _ctx.config && _ctx.config.extra ? (vue.openBlock(), vue.createElementBlock("span", {
+              __props.config && __props.config.extra ? (vue.openBlock(), vue.createElementBlock("span", {
                 key: 0,
-                innerHTML: _ctx.config.extra,
+                innerHTML: __props.config.extra,
                 class: "m-form-tip"
               }, null, 8, _hoisted_2$3)) : vue.createCommentVNode("v-if", true),
               vue.renderSlot(_ctx.$slots, "header", {}, () => [
                 vue.createTextVNode(
-                  vue.toDisplayString(filter(_ctx.config.title)),
+                  vue.toDisplayString(filter(__props.config.title)),
                   1
                   /* TEXT */
                 )
@@ -4324,7 +4324,7 @@
           default: vue.withCtx(() => [
             vue.createElementVNode("div", null, [
               vue.renderSlot(_ctx.$slots, "default"),
-              _ctx.config.schematic ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$1, [
+              __props.config.schematic ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$1, [
                 vue.createElementVNode("div", _hoisted_4$1, [
                   (vue.openBlock(true), vue.createElementBlock(
                     vue.Fragment,
@@ -4333,13 +4333,13 @@
                       return vue.openBlock(), vue.createBlock(_sfc_main$x, {
                         key: item[vue.unref(mForm)?.keyProp || "__key"] ?? index,
                         config: item,
-                        model: _ctx.name ? _ctx.model[_ctx.name] : _ctx.model,
-                        lastValues: _ctx.name ? _ctx.lastValues[_ctx.name] : _ctx.lastValues,
-                        "is-compare": _ctx.isCompare,
-                        prop: _ctx.prop,
-                        size: _ctx.size,
-                        disabled: _ctx.disabled,
-                        "label-width": _ctx.config.labelWidth || _ctx.labelWidth,
+                        model: __props.name ? __props.model[__props.name] : __props.model,
+                        lastValues: __props.name ? __props.lastValues[__props.name] : __props.lastValues,
+                        "is-compare": __props.isCompare,
+                        prop: __props.prop,
+                        size: __props.size,
+                        disabled: __props.disabled,
+                        "label-width": __props.config.labelWidth || __props.labelWidth,
                         onChange: changeHandler,
                         onAddDiffCount: _cache[1] || (_cache[1] = ($event) => onAddDiffCount())
                       }, null, 8, ["config", "model", "lastValues", "is-compare", "prop", "size", "disabled", "label-width"]);
@@ -4350,7 +4350,7 @@
                 ]),
                 vue.createElementVNode("img", {
                   class: "m-form-schematic",
-                  src: _ctx.config.schematic
+                  src: __props.config.schematic
                 }, null, 8, _hoisted_5$1)
               ])) : (vue.openBlock(true), vue.createElementBlock(
                 vue.Fragment,
@@ -4359,13 +4359,13 @@
                   return vue.openBlock(), vue.createBlock(_sfc_main$x, {
                     key: item[vue.unref(mForm)?.keyProp || "__key"] ?? index,
                     config: item,
-                    model: _ctx.name ? _ctx.model[_ctx.name] : _ctx.model,
-                    lastValues: _ctx.name ? _ctx.lastValues[_ctx.name] : _ctx.lastValues,
-                    "is-compare": _ctx.isCompare,
-                    prop: _ctx.prop,
-                    size: _ctx.size,
-                    disabled: _ctx.disabled,
-                    "label-width": _ctx.config.labelWidth || _ctx.labelWidth,
+                    model: __props.name ? __props.model[__props.name] : __props.model,
+                    lastValues: __props.name ? __props.lastValues[__props.name] : __props.lastValues,
+                    "is-compare": __props.isCompare,
+                    prop: __props.prop,
+                    size: __props.size,
+                    disabled: __props.disabled,
+                    "label-width": __props.config.labelWidth || __props.labelWidth,
                     onChange: changeHandler,
                     onAddDiffCount: _cache[2] || (_cache[2] = ($event) => onAddDiffCount())
                   }, null, 8, ["config", "model", "lastValues", "is-compare", "prop", "size", "disabled", "label-width"]);
@@ -4408,18 +4408,18 @@
       const changeHandler = (v, eventData) => emit("change", v, eventData);
       const onAddDiffCount = () => emit("addDiffCount");
       return (_ctx, _cache) => {
-        return vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(design.TMagicCol), { span: _ctx.span }, {
+        return vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(design.TMagicCol), { span: __props.span }, {
           default: vue.withCtx(() => [
             vue.createVNode(_sfc_main$x, {
-              model: _ctx.model,
-              lastValues: _ctx.lastValues,
-              "is-compare": _ctx.isCompare,
-              config: _ctx.config,
-              prop: _ctx.prop,
-              "label-width": _ctx.config.labelWidth || _ctx.labelWidth,
-              "expand-more": _ctx.expandMore,
-              size: _ctx.size,
-              disabled: _ctx.disabled,
+              model: __props.model,
+              lastValues: __props.lastValues,
+              "is-compare": __props.isCompare,
+              config: __props.config,
+              prop: __props.prop,
+              "label-width": __props.config.labelWidth || __props.labelWidth,
+              "expand-more": __props.expandMore,
+              size: __props.size,
+              disabled: __props.disabled,
               onChange: changeHandler,
               onAddDiffCount
             }, null, 8, ["model", "lastValues", "is-compare", "config", "prop", "label-width", "expand-more", "size", "disabled"])
@@ -4427,7 +4427,7 @@
           _: 1
           /* STABLE */
         }, 8, ["span"])), [
-          [vue.vShow, display$1.value && _ctx.config.type !== "hidden"]
+          [vue.vShow, display$1.value && __props.config.type !== "hidden"]
         ]);
       };
     }
@@ -4465,19 +4465,19 @@
             (vue.openBlock(true), vue.createElementBlock(
               vue.Fragment,
               null,
-              vue.renderList(_ctx.config.items, (col, index) => {
+              vue.renderList(__props.config.items, (col, index) => {
                 return vue.openBlock(), vue.createBlock(_sfc_main$s, {
                   key: col[vue.unref(mForm)?.keyProp || "__key"] ?? index,
-                  span: col.span || _ctx.config.span || 24 / _ctx.config.items.length,
+                  span: col.span || __props.config.span || 24 / __props.config.items.length,
                   config: col,
-                  labelWidth: _ctx.config.labelWidth || _ctx.labelWidth,
-                  expandMore: _ctx.expandMore,
-                  model: _ctx.name ? _ctx.model[_ctx.name] : _ctx.model,
-                  lastValues: _ctx.name ? _ctx.lastValues[_ctx.name] : _ctx.lastValues,
-                  "is-compare": _ctx.isCompare,
-                  prop: _ctx.prop,
-                  size: _ctx.size,
-                  disabled: _ctx.disabled,
+                  labelWidth: __props.config.labelWidth || __props.labelWidth,
+                  expandMore: __props.expandMore,
+                  model: __props.name ? __props.model[__props.name] : __props.model,
+                  lastValues: __props.name ? __props.lastValues[__props.name] : __props.lastValues,
+                  "is-compare": __props.isCompare,
+                  prop: __props.prop,
+                  size: __props.size,
+                  disabled: __props.disabled,
                   onChange: changeHandler,
                   onAddDiffCount
                 }, null, 8, ["span", "config", "labelWidth", "expandMore", "model", "lastValues", "is-compare", "prop", "size", "disabled"]);
@@ -4531,13 +4531,13 @@
           vue.createVNode(vue.unref(design.TMagicSteps), {
             active: active.value,
             "align-center": "",
-            space: _ctx.config.space
+            space: __props.config.space
           }, {
             default: vue.withCtx(() => [
               (vue.openBlock(true), vue.createElementBlock(
                 vue.Fragment,
                 null,
-                vue.renderList(_ctx.config.items, (item, index) => {
+                vue.renderList(__props.config.items, (item, index) => {
                   return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicStep), {
                     key: item.__key,
                     title: item.title,
@@ -4555,7 +4555,7 @@
           (vue.openBlock(true), vue.createElementBlock(
             vue.Fragment,
             null,
-            vue.renderList(_ctx.config.items, (step, index) => {
+            vue.renderList(__props.config.items, (step, index) => {
               return vue.openBlock(), vue.createElementBlock(
                 vue.Fragment,
                 null,
@@ -4571,13 +4571,13 @@
                           item ? vue.withDirectives((vue.openBlock(), vue.createBlock(_sfc_main$x, {
                             key: item[vue.unref(mForm)?.keyProp || "__key"],
                             config: item,
-                            model: step.name ? _ctx.model[step.name] : _ctx.model,
-                            lastValues: step.name ? _ctx.lastValues[step.name] : _ctx.lastValues,
-                            "is-compare": _ctx.isCompare,
+                            model: step.name ? __props.model[step.name] : __props.model,
+                            lastValues: step.name ? __props.lastValues[step.name] : __props.lastValues,
+                            "is-compare": __props.isCompare,
                             prop: `${step.name}`,
-                            size: _ctx.size,
-                            disabled: _ctx.disabled,
-                            "label-width": _ctx.config.labelWidth || _ctx.labelWidth,
+                            size: __props.size,
+                            disabled: __props.disabled,
+                            "label-width": __props.config.labelWidth || __props.labelWidth,
                             onChange: changeHandler,
                             onAddDiffCount: _cache[0] || (_cache[0] = ($event) => onAddDiffCount())
                           }, null, 8, ["config", "model", "lastValues", "is-compare", "prop", "size", "disabled", "label-width"])), [
@@ -5000,36 +5000,36 @@
               {
                 ref_key: "mTable",
                 ref: mTable,
-                class: vue.normalizeClass(["m-fields-table", { "m-fields-table-item-extra": _ctx.config.itemExtra }])
+                class: vue.normalizeClass(["m-fields-table", { "m-fields-table-item-extra": __props.config.itemExtra }])
               },
               [
-                _ctx.config.extra ? (vue.openBlock(), vue.createElementBlock("span", {
+                __props.config.extra ? (vue.openBlock(), vue.createElementBlock("span", {
                   key: 0,
                   style: { "color": "rgba(0, 0, 0, 0.45)" },
-                  innerHTML: _ctx.config.extra
+                  innerHTML: __props.config.extra
                 }, null, 8, _hoisted_2$2)) : vue.createCommentVNode("v-if", true),
                 vue.createVNode(vue.unref(design.TMagicTooltip), {
                   content: "拖拽可排序",
                   placement: "left-start",
-                  disabled: _ctx.config.dropSort !== true
+                  disabled: __props.config.dropSort !== true
                 }, {
                   default: vue.withCtx(() => [
-                    _ctx.model[modelName.value] ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTable), {
+                    __props.model[modelName.value] ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTable), {
                       ref_key: "tMagicTable",
                       ref: tMagicTable,
                       style: { "width": "100%" },
-                      "row-key": _ctx.config.rowKey || "id",
+                      "row-key": __props.config.rowKey || "id",
                       data: data.value,
                       lastData: lastData.value,
-                      border: _ctx.config.border,
-                      "max-height": _ctx.config.maxHeight,
+                      border: __props.config.border,
+                      "max-height": __props.config.maxHeight,
                       "default-expand-all": true,
                       key: updateKey.value,
                       onSelect: selectHandle,
                       onSortChange: sortChange
                     }, {
                       default: vue.withCtx(() => [
-                        _ctx.config.itemExtra && !_ctx.config.dropSort ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
+                        __props.config.itemExtra && !__props.config.dropSort ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
                           key: 0,
                           fixed: "left",
                           width: "30",
@@ -5037,7 +5037,7 @@
                         }, {
                           default: vue.withCtx((scope) => [
                             vue.createElementVNode("span", {
-                              innerHTML: itemExtra(_ctx.config.itemExtra, scope.$index),
+                              innerHTML: itemExtra(__props.config.itemExtra, scope.$index),
                               class: "m-form-tip"
                             }, null, 8, _hoisted_3)
                           ]),
@@ -5046,9 +5046,9 @@
                         })) : vue.createCommentVNode("v-if", true),
                         vue.createVNode(vue.unref(design.TMagicTableColumn), {
                           label: "操作",
-                          width: _ctx.config.operateColWidth || 100,
+                          width: __props.config.operateColWidth || 100,
                           align: "center",
-                          fixed: _ctx.config.fixed === false ? void 0 : "left"
+                          fixed: __props.config.fixed === false ? void 0 : "left"
                         }, {
                           default: vue.withCtx((scope) => [
                             vue.renderSlot(_ctx.$slots, "operateCol", { scope }),
@@ -5069,14 +5069,14 @@
                               type: "primary",
                               title: "复制",
                               icon: vue.unref(iconsVue.DocumentCopy),
-                              disabled: _ctx.disabled,
+                              disabled: __props.disabled,
                               onClick: ($event) => copyHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
                             }, null, 8, ["icon", "disabled", "onClick"])) : vue.createCommentVNode("v-if", true)
                           ]),
                           _: 3
                           /* FORWARDED */
                         }, 8, ["width", "fixed"]),
-                        _ctx.sort && _ctx.model[modelName.value] && _ctx.model[modelName.value].length > 1 ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
+                        __props.sort && __props.model[modelName.value] && __props.model[modelName.value].length > 1 ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
                           key: 1,
                           label: "排序",
                           width: "60"
@@ -5096,7 +5096,7 @@
                                     size: "small",
                                     type: "primary",
                                     icon: vue.unref(iconsVue.ArrowUp),
-                                    disabled: _ctx.disabled,
+                                    disabled: __props.disabled,
                                     link: "",
                                     onClick: ($event) => upHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1),
                                     onDblclick: ($event) => topHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
@@ -5108,7 +5108,7 @@
                               1024
                               /* DYNAMIC_SLOTS */
                             )) : vue.createCommentVNode("v-if", true),
-                            scope.$index + 1 + pagecontext.value * pagesize.value - 1 !== _ctx.model[modelName.value].length - 1 ? (vue.openBlock(), vue.createBlock(
+                            scope.$index + 1 + pagecontext.value * pagesize.value - 1 !== __props.model[modelName.value].length - 1 ? (vue.openBlock(), vue.createBlock(
                               vue.unref(design.TMagicTooltip),
                               {
                                 key: 1,
@@ -5122,7 +5122,7 @@
                                     size: "small",
                                     type: "primary",
                                     icon: vue.unref(iconsVue.ArrowDown),
-                                    disabled: _ctx.disabled,
+                                    disabled: __props.disabled,
                                     link: "",
                                     onClick: ($event) => downHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1),
                                     onDblclick: ($event) => bottomHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
@@ -5145,7 +5145,7 @@
                           type: "selection",
                           width: "45"
                         })) : vue.createCommentVNode("v-if", true),
-                        _ctx.showIndex && _ctx.config.showIndex ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
+                        __props.showIndex && __props.config.showIndex ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
                           key: 3,
                           width: "60",
                           label: "序号"
@@ -5163,7 +5163,7 @@
                         (vue.openBlock(true), vue.createElementBlock(
                           vue.Fragment,
                           null,
-                          vue.renderList(_ctx.config.items, (column, index) => {
+                          vue.renderList(__props.config.items, (column, index) => {
                             return vue.openBlock(), vue.createElementBlock(
                               vue.Fragment,
                               null,
@@ -5175,20 +5175,20 @@
                                   sortable: column.sortable,
                                   "sort-orders": ["ascending", "descending"],
                                   key: column[vue.unref(mForm)?.keyProp || "__key"] ?? index,
-                                  "class-name": _ctx.config.dropSort === true ? "el-table__column--dropable" : ""
+                                  "class-name": __props.config.dropSort === true ? "el-table__column--dropable" : ""
                                 }, {
                                   default: vue.withCtx((scope) => [
                                     scope.$index > -1 ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
                                       key: 0,
                                       labelWidth: "0",
-                                      disabled: _ctx.disabled,
+                                      disabled: __props.disabled,
                                       prop: getProp(scope.$index),
                                       rules: column.rules,
                                       config: makeConfig(column, scope.row),
                                       model: scope.row,
                                       lastValues: lastData.value[scope.$index],
-                                      "is-compare": _ctx.isCompare,
-                                      size: _ctx.size,
+                                      "is-compare": __props.isCompare,
+                                      size: __props.size,
                                       onChange: changeHandler,
                                       onAddDiffCount: _cache[0] || (_cache[0] = ($event) => onAddDiffCount())
                                     }, null, 8, ["disabled", "prop", "rules", "config", "model", "lastValues", "is-compare", "size"])) : vue.createCommentVNode("v-if", true)
@@ -5218,7 +5218,7 @@
                     key: 0,
                     size: "small",
                     type: "primary",
-                    disabled: _ctx.disabled,
+                    disabled: __props.disabled,
                     plain: "",
                     onClick: _cache[1] || (_cache[1] = ($event) => newHandler())
                   }, {
@@ -5233,7 +5233,7 @@
                     /* STABLE */
                   }, 8, ["disabled"])) : vue.createCommentVNode("v-if", true),
                   vue.createElementVNode("div", _hoisted_5, [
-                    _ctx.enableToggleMode && _ctx.config.enableToggleMode !== false && !isFullscreen.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+                    __props.enableToggleMode && __props.config.enableToggleMode !== false && !isFullscreen.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
                       key: 0,
                       icon: vue.unref(iconsVue.Grid),
                       size: "small",
@@ -5250,7 +5250,7 @@
                       _: 1
                       /* STABLE */
                     }, 8, ["icon"])) : vue.createCommentVNode("v-if", true),
-                    _ctx.config.enableFullscreen !== false ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+                    __props.config.enableFullscreen !== false ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
                       key: 1,
                       icon: vue.unref(iconsVue.FullScreen),
                       size: "small",
@@ -5273,7 +5273,7 @@
                       ref_key: "excelBtn",
                       ref: excelBtn,
                       action: "/noop",
-                      disabled: _ctx.disabled,
+                      disabled: __props.disabled,
                       "on-change": excelHandler,
                       "auto-upload": false
                     }, {
@@ -5281,7 +5281,7 @@
                         vue.createVNode(vue.unref(design.TMagicButton), {
                           size: "small",
                           type: "success",
-                          disabled: _ctx.disabled,
+                          disabled: __props.disabled,
                           plain: ""
                         }, {
                           default: vue.withCtx(() => [..._cache[5] || (_cache[5] = [
@@ -5302,7 +5302,7 @@
                       key: 3,
                       size: "small",
                       type: "warning",
-                      disabled: _ctx.disabled,
+                      disabled: __props.disabled,
                       plain: "",
                       onClick: _cache[2] || (_cache[2] = ($event) => clearHandler())
                     }, {
@@ -5318,14 +5318,14 @@
                     }, 8, ["disabled"])) : vue.createCommentVNode("v-if", true)
                   ])
                 ]),
-                _ctx.config.pagination ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+                __props.config.pagination ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
                   vue.createVNode(vue.unref(design.TMagicPagination), {
                     layout: "total, sizes, prev, pager, next, jumper",
-                    "hide-on-single-page": _ctx.model[modelName.value].length < pagesize.value,
+                    "hide-on-single-page": __props.model[modelName.value].length < pagesize.value,
                     "current-page": pagecontext.value + 1,
                     "page-sizes": [pagesize.value, 60, 120, 300],
                     "page-size": pagesize.value,
-                    total: _ctx.model[modelName.value].length,
+                    total: __props.model[modelName.value].length,
                     onSizeChange: handleSizeChange,
                     onCurrentChange: handleCurrentChange
                   }, null, 8, ["hide-on-single-page", "current-page", "page-sizes", "page-size", "total"])
@@ -5466,12 +5466,12 @@
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeTabName.value = $event)
           },
           vue.unref(tabsComponent)?.props({
-            type: _ctx.config.tabType,
-            editable: _ctx.config.editable || false,
-            tabPosition: _ctx.config.tabPosition || "top"
+            type: __props.config.tabType,
+            editable: __props.config.editable || false,
+            tabPosition: __props.config.tabPosition || "top"
           }) || {},
           {
-            class: `tmagic-design-tabs ${_ctx.config.dynamic ? "magic-form-dynamic-tab" : "magic-form-tab"}`,
+            class: `tmagic-design-tabs ${__props.config.dynamic ? "magic-form-dynamic-tab" : "magic-form-tab"}`,
             onTabClick: tabClickHandler,
             onTabAdd,
             onTabRemove
@@ -5514,14 +5514,14 @@
                           return vue.openBlock(), vue.createBlock(_sfc_main$x, {
                             key: item[vue.unref(mForm)?.keyProp || "__key"],
                             config: item,
-                            disabled: _ctx.disabled,
-                            model: _ctx.config.dynamic ? (_ctx.name ? _ctx.model[_ctx.name] : _ctx.model)[tabIndex] : tab.name ? (_ctx.name ? _ctx.model[_ctx.name] : _ctx.model)[tab.name] : _ctx.name ? _ctx.model[_ctx.name] : _ctx.model,
-                            "last-values": vue.unref(isEmpty)(_ctx.lastValues) ? {} : _ctx.config.dynamic ? (_ctx.name ? _ctx.lastValues[_ctx.name] : _ctx.lastValues)[tabIndex] : tab.name ? (_ctx.name ? _ctx.lastValues[_ctx.name] : _ctx.lastValues)[tab.name] : _ctx.name ? _ctx.lastValues[_ctx.name] : _ctx.lastValues,
-                            "is-compare": _ctx.isCompare,
-                            prop: _ctx.config.dynamic ? `${_ctx.prop}${_ctx.prop ? "." : ""}${String(tabIndex)}` : _ctx.prop,
-                            size: _ctx.size,
-                            "label-width": tab.labelWidth || _ctx.labelWidth,
-                            "expand-more": _ctx.expandMore,
+                            disabled: __props.disabled,
+                            model: __props.config.dynamic ? (__props.name ? __props.model[__props.name] : __props.model)[tabIndex] : tab.name ? (__props.name ? __props.model[__props.name] : __props.model)[tab.name] : __props.name ? __props.model[__props.name] : __props.model,
+                            "last-values": vue.unref(isEmpty)(__props.lastValues) ? {} : __props.config.dynamic ? (__props.name ? __props.lastValues[__props.name] : __props.lastValues)[tabIndex] : tab.name ? (__props.name ? __props.lastValues[__props.name] : __props.lastValues)[tab.name] : __props.name ? __props.lastValues[__props.name] : __props.lastValues,
+                            "is-compare": __props.isCompare,
+                            prop: __props.config.dynamic ? `${__props.prop}${__props.prop ? "." : ""}${String(tabIndex)}` : __props.prop,
+                            size: __props.size,
+                            "label-width": tab.labelWidth || __props.labelWidth,
+                            "expand-more": __props.expandMore,
                             onChange: changeHandler,
                             onAddDiffCount: ($event) => onAddDiffCount(tabIndex)
                           }, null, 8, ["config", "disabled", "model", "last-values", "is-compare", "prop", "size", "label-width", "expand-more", "onAddDiffCount"]);
@@ -5678,14 +5678,14 @@
           style: { "width": "100%" },
           clearable: "",
           filterable: "",
-          size: _ctx.size,
-          placeholder: _ctx.config.placeholder,
-          disabled: _ctx.disabled,
+          size: __props.size,
+          placeholder: __props.config.placeholder,
+          disabled: __props.disabled,
           options: options.value,
-          "popper-class": _ctx.config.popperClass,
+          "popper-class": __props.config.popperClass,
           props: {
-            multiple: _ctx.config.multiple ?? false,
-            emitPath: _ctx.config.emitPath ?? true,
+            multiple: __props.config.multiple ?? false,
+            emitPath: __props.config.emitPath ?? true,
             checkStrictly: checkStrictly.value ?? false
           },
           onChange: changeHandler
@@ -5740,17 +5740,17 @@
       };
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicCheckbox), {
-          modelValue: _ctx.model[_ctx.name],
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
-          size: _ctx.size,
+          modelValue: __props.model[__props.name],
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
+          size: __props.size,
           trueValue: activeValue.value,
           falseValue: inactiveValue.value,
-          disabled: _ctx.disabled,
+          disabled: __props.disabled,
           onChange: changeHandler
         }, {
           default: vue.withCtx(() => [
             vue.createTextVNode(
-              vue.toDisplayString(_ctx.config.text),
+              vue.toDisplayString(__props.config.text),
               1
               /* TEXT */
             )
@@ -5798,10 +5798,10 @@
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicCheckboxGroup), {
-          modelValue: _ctx.model[_ctx.name],
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
-          size: _ctx.size,
-          disabled: _ctx.disabled,
+          modelValue: __props.model[__props.name],
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
+          size: __props.size,
+          disabled: __props.disabled,
           onChange: changeHandler
         }, {
           default: vue.withCtx(() => [
@@ -5860,10 +5860,10 @@
       const changeHandler = (value) => emit("change", value);
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicColorPicker), {
-          modelValue: _ctx.model[_ctx.name],
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
-          size: _ctx.size,
-          disabled: _ctx.disabled,
+          modelValue: __props.model[__props.name],
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
+          size: __props.size,
+          disabled: __props.disabled,
           showAlpha: true,
           onChange: changeHandler
         }, null, 8, ["modelValue", "size", "disabled"]);
@@ -5898,14 +5898,14 @@
       };
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicDatePicker), {
-          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),
           type: "date",
-          size: _ctx.size,
-          placeholder: _ctx.config.placeholder,
-          disabled: _ctx.disabled,
-          format: _ctx.config.format || "YYYY/MM/DD",
-          "value-format": _ctx.config.valueFormat || "YYYY/MM/DD",
+          size: __props.size,
+          placeholder: __props.config.placeholder,
+          disabled: __props.disabled,
+          format: __props.config.format || "YYYY/MM/DD",
+          "value-format": __props.config.valueFormat || "YYYY/MM/DD",
           onChange: changeHandler
         }, null, 8, ["modelValue", "size", "placeholder", "disabled", "format", "value-format"]);
       };
@@ -5999,13 +5999,13 @@
           "range-separator": "-",
           "start-placeholder": "开始日期",
           "end-placeholder": "结束日期",
-          size: _ctx.size,
+          size: __props.size,
           "unlink-panels": true,
-          disabled: _ctx.disabled,
-          "default-time": _ctx.config.defaultTime,
-          "value-format": _ctx.config.valueFormat || "YYYY/MM/DD HH:mm:ss",
-          "date-format": _ctx.config.dateFormat || "YYYY/MM/DD",
-          "time-format": _ctx.config.timeFormat || "HH:mm:ss",
+          disabled: __props.disabled,
+          "default-time": __props.config.defaultTime,
+          "value-format": __props.config.valueFormat || "YYYY/MM/DD HH:mm:ss",
+          "date-format": __props.config.dateFormat || "YYYY/MM/DD",
+          "time-format": __props.config.timeFormat || "HH:mm:ss",
           onChange: changeHandler
         }, null, 8, ["modelValue", "size", "disabled", "default-time", "value-format", "date-format", "time-format"]);
       };
@@ -6050,16 +6050,16 @@
       };
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicDatePicker), {
-          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),
           "popper-class": "magic-datetime-picker-popper",
           type: "datetime",
-          size: _ctx.size,
-          placeholder: _ctx.config.placeholder,
-          disabled: _ctx.disabled,
-          format: _ctx.config.format || "YYYY/MM/DD HH:mm:ss",
-          "value-format": _ctx.config.valueFormat || "YYYY/MM/DD HH:mm:ss",
-          "default-time": _ctx.config.defaultTime,
+          size: __props.size,
+          placeholder: __props.config.placeholder,
+          disabled: __props.disabled,
+          format: __props.config.format || "YYYY/MM/DD HH:mm:ss",
+          "value-format": __props.config.valueFormat || "YYYY/MM/DD HH:mm:ss",
+          "default-time": __props.config.defaultTime,
           onChange: changeHandler
         }, null, 8, ["modelValue", "size", "placeholder", "disabled", "format", "value-format", "default-time"]);
       };
@@ -6090,10 +6090,10 @@
       }
       useAddField(props.prop);
       return (_ctx, _cache) => {
-        return _ctx.model ? (vue.openBlock(), vue.createElementBlock(
+        return __props.model ? (vue.openBlock(), vue.createElementBlock(
           "span",
           _hoisted_1$8,
-          vue.toDisplayString(_ctx.model[_ctx.name]),
+          vue.toDisplayString(__props.model[__props.name]),
           1
           /* TEXT */
         )) : vue.createCommentVNode("v-if", true);
@@ -6223,18 +6223,18 @@
       const props = __props;
       useAddField(props.prop);
       return (_ctx, _cache) => {
-        return _ctx.model ? vue.withDirectives((vue.openBlock(), vue.createElementBlock(
+        return __props.model ? vue.withDirectives((vue.openBlock(), vue.createElementBlock(
           "input",
           {
             key: 0,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
             type: "hidden"
           },
           null,
           512
           /* NEED_PATCH */
         )), [
-          [vue.vModelText, _ctx.model[_ctx.name]]
+          [vue.vModelText, __props.model[__props.name]]
         ]) : vue.createCommentVNode("v-if", true);
       };
     }
@@ -6388,27 +6388,27 @@
           ref_key: "tMagicForm",
           ref: tMagicForm,
           model: values.value,
-          "label-width": _ctx.labelWidth,
-          style: vue.normalizeStyle(`height: ${_ctx.height}`),
-          inline: _ctx.inline,
-          "label-position": _ctx.labelPosition,
+          "label-width": __props.labelWidth,
+          style: vue.normalizeStyle(`height: ${__props.height}`),
+          inline: __props.inline,
+          "label-position": __props.labelPosition,
           onSubmit: submitHandler
         }, {
           default: vue.withCtx(() => [
-            initialized.value && Array.isArray(_ctx.config) ? (vue.openBlock(true), vue.createElementBlock(
+            initialized.value && Array.isArray(__props.config) ? (vue.openBlock(true), vue.createElementBlock(
               vue.Fragment,
               { key: 0 },
-              vue.renderList(_ctx.config, (item, index) => {
+              vue.renderList(__props.config, (item, index) => {
                 return vue.openBlock(), vue.createBlock(_sfc_main$x, {
-                  disabled: _ctx.disabled,
-                  key: item[_ctx.keyProp] ?? index,
+                  disabled: __props.disabled,
+                  key: item[__props.keyProp] ?? index,
                   config: item,
                   model: values.value,
                   "last-values": lastValuesProcessed.value,
-                  "is-compare": _ctx.isCompare,
-                  "label-width": item.labelWidth || _ctx.labelWidth,
-                  "step-active": _ctx.stepActive,
-                  size: _ctx.size,
+                  "is-compare": __props.isCompare,
+                  "label-width": item.labelWidth || __props.labelWidth,
+                  "step-active": __props.stepActive,
+                  size: __props.size,
                   onChange: changeHandler
                 }, null, 8, ["disabled", "config", "model", "last-values", "is-compare", "label-width", "step-active", "size"]);
               }),
@@ -6518,10 +6518,10 @@
           class: "m-form-dialog",
           top: "20px",
           "append-to-body": "",
-          title: _ctx.title,
-          width: _ctx.width,
-          zIndex: _ctx.zIndex,
-          fullscreen: _ctx.fullscreen,
+          title: __props.title,
+          width: __props.width,
+          zIndex: __props.zIndex,
+          fullscreen: __props.fullscreen,
           "close-on-click-modal": false,
           onClose: closeHandler
         }, {
@@ -6592,13 +6592,13 @@
                         key: 2,
                         type: "primary",
                         size: "small",
-                        disabled: _ctx.disabled,
+                        disabled: __props.disabled,
                         loading: saveFetch.value,
                         onClick: save
                       }, {
                         default: vue.withCtx(() => [
                           vue.createTextVNode(
-                            vue.toDisplayString(_ctx.confirmText),
+                            vue.toDisplayString(__props.confirmText),
                             1
                             /* TEXT */
                           )
@@ -6630,15 +6630,15 @@
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => stepActive.value = $event),
                   ref_key: "form",
                   ref: form,
-                  size: _ctx.size,
-                  disabled: _ctx.disabled,
-                  config: _ctx.config,
-                  "init-values": _ctx.values,
-                  "parent-values": _ctx.parentValues,
-                  "label-width": _ctx.labelWidth,
-                  "label-position": _ctx.labelPosition,
-                  inline: _ctx.inline,
-                  "prevent-submit-default": _ctx.preventSubmitDefault,
+                  size: __props.size,
+                  disabled: __props.disabled,
+                  config: __props.config,
+                  "init-values": __props.values,
+                  "parent-values": __props.parentValues,
+                  "label-width": __props.labelWidth,
+                  "label-position": __props.labelPosition,
+                  inline: __props.inline,
+                  "prevent-submit-default": __props.preventSubmitDefault,
                   onChange: changeHandler
                 }, null, 8, ["modelValue", "size", "disabled", "config", "init-values", "parent-values", "label-width", "label-position", "inline", "prevent-submit-default"]),
                 vue.renderSlot(_ctx.$slots, "default")
@@ -6723,16 +6723,16 @@
         editor.value && (editor.value.dialogVisible = false);
       };
       return (_ctx, _cache) => {
-        return _ctx.config.href && !_ctx.disabled ? (vue.openBlock(), vue.createElementBlock("a", {
+        return __props.config.href && !__props.disabled ? (vue.openBlock(), vue.createElementBlock("a", {
           key: 0,
           target: "_blank",
           href: href.value,
-          style: vue.normalizeStyle(_ctx.config.css || {})
-        }, vue.toDisplayString(displayText.value), 13, _hoisted_1$5)) : _ctx.config.href && _ctx.disabled ? (vue.openBlock(), vue.createElementBlock(
+          style: vue.normalizeStyle(__props.config.css || {})
+        }, vue.toDisplayString(displayText.value), 13, _hoisted_1$5)) : __props.config.href && __props.disabled ? (vue.openBlock(), vue.createElementBlock(
           "span",
           {
             key: 1,
-            style: vue.normalizeStyle(_ctx.config.disabledCss || {})
+            style: vue.normalizeStyle(__props.config.disabledCss || {})
           },
           vue.toDisplayString(displayText.value),
           5
@@ -6756,12 +6756,12 @@
           vue.createVNode(_sfc_main$c, {
             ref_key: "editor",
             ref: editor,
-            title: _ctx.config.formTitle || "编辑扩展配置",
-            width: _ctx.config.formWidth,
+            title: __props.config.formTitle || "编辑扩展配置",
+            width: __props.config.formWidth,
             values: formValue.value,
             config: formConfig.value,
-            parentValues: _ctx.values,
-            fullscreen: _ctx.config.fullscreen,
+            parentValues: __props.values,
+            fullscreen: __props.config.fullscreen,
             onSubmit: action
           }, null, 8, ["title", "width", "values", "config", "parentValues", "fullscreen"])
         ]));
@@ -6799,18 +6799,18 @@
         mForm?.$emit("field-input", props.prop, v);
       };
       return (_ctx, _cache) => {
-        return _ctx.model ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicInputNumber), {
+        return __props.model ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicInputNumber), {
           key: 0,
-          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: "",
           "controls-position": "right",
-          size: _ctx.size,
-          max: _ctx.config.max,
-          min: _ctx.config.min,
-          step: _ctx.config.step,
-          placeholder: _ctx.config.placeholder,
-          disabled: _ctx.disabled,
+          size: __props.size,
+          max: __props.config.max,
+          min: __props.config.min,
+          step: __props.config.step,
+          placeholder: __props.config.placeholder,
+          disabled: __props.disabled,
           onChange: changeHandler,
           onInput: inputHandler
         }, null, 8, ["modelValue", "size", "max", "min", "step", "placeholder", "disabled"])) : vue.createCommentVNode("v-if", true);
@@ -6852,11 +6852,11 @@
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
           vue.createVNode(vue.unref(design.TMagicInput), {
-            modelValue: _ctx.model[_ctx.name][0],
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name][0] = $event),
+            modelValue: __props.model[__props.name][0],
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name][0] = $event),
             clearable: "",
-            size: _ctx.size,
-            disabled: _ctx.disabled,
+            size: __props.size,
+            disabled: __props.disabled,
             onChange: minChangeHandler
           }, null, 8, ["modelValue", "size", "disabled"]),
           _cache[2] || (_cache[2] = vue.createElementVNode(
@@ -6867,11 +6867,11 @@
             /* CACHED */
           )),
           vue.createVNode(vue.unref(design.TMagicInput), {
-            modelValue: _ctx.model[_ctx.name][1],
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.model[_ctx.name][1] = $event),
+            modelValue: __props.model[__props.name][1],
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.model[__props.name][1] = $event),
             clearable: "",
-            size: _ctx.size,
-            disabled: _ctx.disabled,
+            size: __props.size,
+            disabled: __props.disabled,
             onChange: maxChangeHandler
           }, null, 8, ["modelValue", "size", "disabled"])
         ]);
@@ -6909,19 +6909,28 @@
         changeHandler(props.model[props.name]);
       };
       useAddField(props.prop);
+      const iconSize = vue.computed(() => {
+        if (props.size === "small") {
+          return "12";
+        }
+        if (props.size === "large") {
+          return "16";
+        }
+        return "14";
+      });
       return (_ctx, _cache) => {
-        return _ctx.model ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicRadioGroup), {
+        return __props.model ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicRadioGroup), {
           key: 0,
-          modelValue: _ctx.model[_ctx.name],
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
-          size: _ctx.size,
-          disabled: _ctx.disabled
+          modelValue: __props.model[__props.name],
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
+          size: __props.size,
+          disabled: __props.disabled
         }, {
           default: vue.withCtx(() => [
             (vue.openBlock(true), vue.createElementBlock(
               vue.Fragment,
               null,
-              vue.renderList(_ctx.config.options, (option) => {
+              vue.renderList(__props.config.options, (option) => {
                 return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(itemComponent.value), {
                   value: option.value,
                   key: `${option.value}`,
@@ -6935,22 +6944,16 @@
                     }, {
                       default: vue.withCtx(() => [
                         vue.createElementVNode("div", null, [
-                          option.icon ? (vue.openBlock(), vue.createBlock(
-                            vue.unref(design.TMagicIcon),
-                            {
-                              key: 0,
-                              size: "16"
-                            },
-                            {
-                              default: vue.withCtx(() => [
-                                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(option.icon)))
-                              ]),
-                              _: 2
-                              /* DYNAMIC */
-                            },
-                            1024
-                            /* DYNAMIC_SLOTS */
-                          )) : vue.createCommentVNode("v-if", true),
+                          option.icon ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicIcon), {
+                            key: 0,
+                            size: iconSize.value
+                          }, {
+                            default: vue.withCtx(() => [
+                              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(option.icon)))
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1032, ["size"])) : vue.createCommentVNode("v-if", true),
                           vue.createElementVNode(
                             "span",
                             null,
@@ -6963,22 +6966,16 @@
                       _: 2
                       /* DYNAMIC */
                     }, 1032, ["content"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
-                      option.icon ? (vue.openBlock(), vue.createBlock(
-                        vue.unref(design.TMagicIcon),
-                        {
-                          key: 0,
-                          size: "16"
-                        },
-                        {
-                          default: vue.withCtx(() => [
-                            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(option.icon)))
-                          ]),
-                          _: 2
-                          /* DYNAMIC */
-                        },
-                        1024
-                        /* DYNAMIC_SLOTS */
-                      )) : vue.createCommentVNode("v-if", true),
+                      option.icon ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicIcon), {
+                        key: 0,
+                        size: iconSize.value
+                      }, {
+                        default: vue.withCtx(() => [
+                          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(option.icon)))
+                        ]),
+                        _: 2
+                        /* DYNAMIC */
+                      }, 1032, ["size"])) : vue.createCommentVNode("v-if", true),
                       vue.createElementVNode(
                         "span",
                         null,
@@ -7329,29 +7326,29 @@
       });
       return (_ctx, _cache) => {
         const _directive_loading = vue.resolveDirective("loading");
-        return _ctx.model ? vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(design.TMagicSelect), {
+        return __props.model ? vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(design.TMagicSelect), {
           key: 0,
-          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),
           class: "m-select",
           ref_key: "tMagicSelect",
           ref: tMagicSelect,
-          clearable: typeof _ctx.config.clearable !== "undefined" ? _ctx.config.clearable : true,
-          filterable: typeof _ctx.config.filterable !== "undefined" ? _ctx.config.filterable : true,
+          clearable: typeof __props.config.clearable !== "undefined" ? __props.config.clearable : true,
+          filterable: typeof __props.config.filterable !== "undefined" ? __props.config.filterable : true,
           "popper-class": `m-select-popper ${vue.unref(popperClass)}`,
-          size: _ctx.size,
+          size: __props.size,
           remote: remote.value,
-          placeholder: _ctx.config.placeholder,
-          multiple: _ctx.config.multiple,
-          "value-key": _ctx.config.valueKey || "value",
-          "allow-create": _ctx.config.allowCreate,
-          disabled: _ctx.disabled,
-          "remote-method": _ctx.config.remote && remoteMethod,
+          placeholder: __props.config.placeholder,
+          multiple: __props.config.multiple,
+          "value-key": __props.config.valueKey || "value",
+          "allow-create": __props.config.allowCreate,
+          disabled: __props.disabled,
+          "remote-method": __props.config.remote && remoteMethod,
           onChange: changeHandler,
           onVisibleChange: visibleHandler
         }, {
           default: vue.withCtx(() => [
-            _ctx.config.group ? (vue.openBlock(true), vue.createElementBlock(
+            __props.config.group ? (vue.openBlock(true), vue.createElementBlock(
               vue.Fragment,
               { key: 0 },
               vue.renderList(options.value, (group, index) => {
@@ -7416,7 +7413,7 @@
                   vue.mergeProps(
                     {
                       class: "tmagic-design-option",
-                      key: _ctx.config.valueKey ? option.value[_ctx.config.valueKey] : option.value
+                      key: __props.config.valueKey ? option.value[__props.config.valueKey] : option.value
                     },
                     { ref_for: true },
                     vue.unref(optionComponent)?.props({
@@ -7502,19 +7499,19 @@
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicSwitch), {
-          modelValue: _ctx.model[_ctx.name],
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
-          size: _ctx.size,
+          modelValue: __props.model[__props.name],
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
+          size: __props.size,
           activeValue: activeValue.value,
           inactiveValue: inactiveValue.value,
-          disabled: _ctx.disabled,
+          disabled: __props.disabled,
           onChange: changeHandler
         }, null, 8, ["modelValue", "size", "activeValue", "inactiveValue", "disabled"]);
       };
     }
   });
 
-  const _hoisted_1$1 = { style: { "width": "100%" } };
+  const _hoisted_1$1 = { class: "m-fields-text" };
   const _hoisted_2 = { style: { "display": "flex", "justify-content": "flex-end" } };
   const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     ...{
@@ -7657,14 +7654,14 @@
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
           vue.createVNode(vue.unref(design.TMagicInput), {
-            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),
             ref_key: "input",
             ref: input,
             clearable: "",
-            size: _ctx.size,
-            placeholder: _ctx.config.placeholder,
-            disabled: _ctx.disabled,
+            size: __props.size,
+            placeholder: __props.config.placeholder,
+            disabled: __props.disabled,
             onChange: changeHandler,
             onInput: inputHandler,
             onKeyup: _cache[1] || (_cache[1] = ($event) => keyUpHandler($event))
@@ -7678,7 +7675,7 @@
                 appendConfig.value.type === "button" ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
                   key: 0,
                   style: { "color": "#409eff" },
-                  size: _ctx.size,
+                  size: __props.size,
                   onClick: vue.withModifiers(buttonClickHandler, ["prevent"])
                 }, {
                   default: vue.withCtx(() => [
@@ -7795,13 +7792,13 @@
       };
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicInput), {
-          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),
           type: "textarea",
-          size: _ctx.size,
+          size: __props.size,
           clearable: "",
-          placeholder: _ctx.config.placeholder,
-          disabled: _ctx.disabled,
+          placeholder: __props.config.placeholder,
+          disabled: __props.disabled,
           onChange: changeHandler,
           onInput: inputHandler
         }, null, 8, ["modelValue", "size", "placeholder", "disabled"]);
@@ -7835,13 +7832,13 @@
       };
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTimePicker), {
-          modelValue: _ctx.model[_ctx.name],
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
-          "value-format": _ctx.config.valueFormat || "HH:mm:ss",
-          format: _ctx.config.format || "HH:mm:ss",
-          size: _ctx.size,
-          placeholder: _ctx.config.placeholder,
-          disabled: _ctx.disabled,
+          modelValue: __props.model[__props.name],
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
+          "value-format": __props.config.valueFormat || "HH:mm:ss",
+          format: __props.config.format || "HH:mm:ss",
+          size: __props.size,
+          placeholder: __props.config.placeholder,
+          disabled: __props.disabled,
           onChange: changeHandler
         }, null, 8, ["modelValue", "value-format", "format", "size", "placeholder", "disabled"]);
       };
@@ -7914,10 +7911,10 @@
           "range-separator": "-",
           "start-placeholder": "开始时间",
           "end-placeholder": "结束时间",
-          size: _ctx.size,
+          size: __props.size,
           "unlink-panels": true,
-          disabled: _ctx.disabled,
-          "default-time": _ctx.config.defaultTime,
+          disabled: __props.disabled,
+          "default-time": __props.config.defaultTime,
           onChange: changeHandler
         }, null, 8, ["modelValue", "size", "disabled", "default-time"]);
       };
@@ -8008,14 +8005,14 @@
           ref: drawer,
           modelValue: visible.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
-          title: _ctx.title,
-          "close-on-press-escape": _ctx.closeOnPressEscape,
+          title: __props.title,
+          "close-on-press-escape": __props.closeOnPressEscape,
           "append-to-body": true,
           "show-close": true,
           "close-on-click-modal": true,
-          size: _ctx.width,
-          zIndex: _ctx.zIndex,
-          "before-close": _ctx.beforeClose,
+          size: __props.width,
+          zIndex: __props.zIndex,
+          "before-close": __props.beforeClose,
           onOpen: openHandler,
           onOpened: openedHandler,
           onClose: closeHandler,
@@ -8052,13 +8049,13 @@
                       }),
                       vue.createVNode(vue.unref(design.TMagicButton), {
                         type: "primary",
-                        disabled: _ctx.disabled,
+                        disabled: __props.disabled,
                         loading: saveFetch.value,
                         onClick: submitHandler
                       }, {
                         default: vue.withCtx(() => [
                           vue.createTextVNode(
-                            vue.toDisplayString(_ctx.confirmText),
+                            vue.toDisplayString(__props.confirmText),
                             1
                             /* TEXT */
                           )
@@ -8089,15 +8086,15 @@
                 vue.createVNode(_sfc_main$d, {
                   ref_key: "form",
                   ref: form,
-                  size: _ctx.size,
-                  disabled: _ctx.disabled,
-                  config: _ctx.config,
-                  "init-values": _ctx.values,
-                  "parent-values": _ctx.parentValues,
-                  "label-width": _ctx.labelWidth,
-                  "label-position": _ctx.labelPosition,
-                  inline: _ctx.inline,
-                  "prevent-submit-default": _ctx.preventSubmitDefault,
+                  size: __props.size,
+                  disabled: __props.disabled,
+                  config: __props.config,
+                  "init-values": __props.values,
+                  "parent-values": __props.parentValues,
+                  "label-width": __props.labelWidth,
+                  "label-position": __props.labelPosition,
+                  inline: __props.inline,
+                  "prevent-submit-default": __props.preventSubmitDefault,
                   onChange: changeHandler
                 }, null, 8, ["size", "disabled", "config", "init-values", "parent-values", "label-width", "label-position", "inline", "prevent-submit-default"]),
                 vue.renderSlot(_ctx.$slots, "default")
@@ -8197,15 +8194,15 @@
                     vue.createVNode(_sfc_main$d, {
                       ref_key: "form",
                       ref: form,
-                      size: _ctx.size,
-                      disabled: _ctx.disabled,
-                      config: _ctx.config,
-                      "init-values": _ctx.values,
-                      "parent-values": _ctx.parentValues,
-                      "label-width": _ctx.labelWidth,
-                      "label-position": _ctx.labelPosition,
-                      inline: _ctx.inline,
-                      "prevent-submit-default": _ctx.preventSubmitDefault,
+                      size: __props.size,
+                      disabled: __props.disabled,
+                      config: __props.config,
+                      "init-values": __props.values,
+                      "parent-values": __props.parentValues,
+                      "label-width": __props.labelWidth,
+                      "label-position": __props.labelPosition,
+                      inline: __props.inline,
+                      "prevent-submit-default": __props.preventSubmitDefault,
                       onChange: changeHandler
                     }, null, 8, ["size", "disabled", "config", "init-values", "parent-values", "label-width", "label-position", "inline", "prevent-submit-default"]),
                     vue.renderSlot(_ctx.$slots, "default")
@@ -8231,14 +8228,14 @@
                   vue.renderSlot(_ctx.$slots, "footer", {}, () => [
                     vue.createVNode(vue.unref(design.TMagicButton), {
                       type: "primary",
-                      size: _ctx.size,
-                      disabled: _ctx.disabled,
+                      size: __props.size,
+                      disabled: __props.disabled,
                       loading: saveFetch.value,
                       onClick: submitHandler
                     }, {
                       default: vue.withCtx(() => [
                         vue.createTextVNode(
-                          vue.toDisplayString(_ctx.confirmText),
+                          vue.toDisplayString(__props.confirmText),
                           1
                           /* TEXT */
                         )