@tmagic/form 1.3.0-alpha.0 → 1.3.0-alpha.10

package/dist/tmagic-form.js

@@ -1,9 +1,9 @@
-import { toRaw, defineComponent, inject, ref, computed, resolveComponent, watchEffect, watch, openBlock, createElementBlock, normalizeStyle, normalizeClass, unref, createBlock, resolveDynamicComponent, Fragment, createVNode, withCtx, createElementVNode, createCommentVNode, renderList, createTextVNode, toDisplayString, withDirectives, vShow, renderSlot, onMounted, toRefs, mergeProps, getCurrentInstance, reactive, onBeforeUnmount, vModelText, provide, onBeforeMount, resolveDirective, createSlots, withModifiers } from 'vue';
+import { toRaw, defineComponent, inject, ref, computed, resolveComponent, watchEffect, watch, openBlock, createElementBlock, normalizeStyle, normalizeClass, createBlock, resolveDynamicComponent, Fragment, createVNode, unref, withCtx, createElementVNode, createCommentVNode, renderList, createTextVNode, toDisplayString, withDirectives, vShow, renderSlot, onMounted, toRefs, mergeProps, getCurrentInstance, reactive, onBeforeUnmount, vModelText, provide, onBeforeMount, resolveDirective, createSlots, withModifiers } from 'vue';
 import { WarningFilled, CaretBottom, CaretRight, Delete, CaretTop, Grid, ArrowUp, ArrowDown, FullScreen } from '@element-plus/icons-vue';
 import { cloneDeep, isEqual, isEmpty } from 'lodash-es';
 import { TMagicFormItem, TMagicTooltip, TMagicIcon, TMagicButton, TMagicCheckbox, TMagicCard, TMagicCol, TMagicRow, TMagicSteps, TMagicStep, TMagicTable, TMagicTableColumn, TMagicUpload, TMagicPagination, tMagicMessage, getConfig as getConfig$1, TMagicBadge, TMagicCascader, TMagicCheckboxGroup, TMagicColorPicker, TMagicDatePicker, TMagicForm, TMagicInput, TMagicDialog, TMagicInputNumber, TMagicRadioGroup, TMagicRadio, TMagicOptionGroup, TMagicOption, TMagicSelect, TMagicSwitch, TMagicTimePicker } from '@tmagic/design';
 import Sortable from 'sortablejs';
-import { asyncLoadJs, sleep, datetimeFormatter, isNumber } from '@tmagic/utils';
+import { asyncLoadJs, sleep, datetimeFormatter, getValueByKeyPath, isNumber } from '@tmagic/utils';
 import cloneDeep$1 from 'lodash-es/cloneDeep';
 
 const isTableSelect = (type) => typeof type === "string" && ["table-select", "tableSelect"].includes(type);
@@ -167,35 +167,35 @@ const initValue = async (mForm, { initValues, config }) => {
 };
 
 const _hoisted_1$b = ["innerHTML"];
-const _hoisted_2$7 = ["innerHTML"];
-const _hoisted_3$7 = ["innerHTML"];
-const _hoisted_4$6 = ["innerHTML"];
-const _hoisted_5$4 = ["innerHTML"];
-const _hoisted_6$3 = ["innerHTML"];
-const _hoisted_7$3 = ["innerHTML"];
-const _hoisted_8$2 = ["innerHTML"];
-const _hoisted_9$1 = ["innerHTML"];
-const _hoisted_10$1 = ["innerHTML"];
+const _hoisted_2$6 = ["innerHTML"];
+const _hoisted_3$4 = ["innerHTML"];
+const _hoisted_4$4 = ["innerHTML"];
+const _hoisted_5$3 = ["innerHTML"];
+const _hoisted_6$1 = ["innerHTML"];
+const _hoisted_7$1 = ["innerHTML"];
+const _hoisted_8$1 = ["innerHTML"];
+const _hoisted_9 = ["innerHTML"];
+const _hoisted_10 = ["innerHTML"];
 const _hoisted_11 = ["innerHTML"];
 const _hoisted_12 = ["innerHTML"];
 const _hoisted_13 = {
   key: 5,
   style: { "text-align": "center" }
 };
-const __default__$v = defineComponent({
-  name: "MFormContainer"
-});
 const _sfc_main$v = /* @__PURE__ */ defineComponent({
-  ...__default__$v,
+  ...{
+    name: "MFormContainer"
+  },
+  __name: "Container",
   props: {
-    model: null,
+    model: {},
     lastValues: { default: () => ({}) },
-    config: null,
+    config: {},
     prop: { default: "" },
     disabled: { type: Boolean },
-    labelWidth: null,
+    labelWidth: {},
     expandMore: { type: Boolean, default: false },
-    stepActive: null,
+    stepActive: {},
     size: { default: "small" },
     isCompare: { type: Boolean, default: false }
   },
@@ -327,94 +327,94 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_m_fields_hidden = resolveComponent("m-fields-hidden");
       const _component_Container = resolveComponent("Container", true);
-      return __props.config ? (openBlock(), createElementBlock("div", {
+      return _ctx.config ? (openBlock(), createElementBlock("div", {
         key: 0,
-        style: normalizeStyle(__props.config.tip ? "display: flex;align-items: baseline;" : ""),
-        class: normalizeClass([__props.config.className, "m-form-container"])
+        style: normalizeStyle(_ctx.config.tip ? "display: flex;align-items: baseline;" : ""),
+        class: normalizeClass([_ctx.config.className, "m-form-container"])
       }, [
-        unref(type) === "hidden" ? (openBlock(), createBlock(_component_m_fields_hidden, {
+        type.value === "hidden" ? (openBlock(), createBlock(_component_m_fields_hidden, {
           key: 0,
-          model: __props.model,
-          config: __props.config,
-          name: __props.config.name,
-          disabled: unref(disabled),
-          prop: unref(itemProp)
-        }, null, 8, ["model", "config", "name", "disabled", "prop"])) : unref(items) && !__props.config.text && unref(type) && unref(display$1) ? (openBlock(), createBlock(resolveDynamicComponent(unref(tagName)), {
-          key: key(__props.config),
-          size: __props.size,
-          model: __props.model,
-          "last-values": __props.lastValues,
-          "is-compare": __props.isCompare,
-          config: __props.config,
-          disabled: unref(disabled),
-          name: unref(name),
-          prop: unref(itemProp),
-          "step-active": __props.stepActive,
+          model: _ctx.model,
+          config: _ctx.config,
+          name: _ctx.config.name,
+          disabled: disabled.value,
+          prop: itemProp.value
+        }, null, 8, ["model", "config", "name", "disabled", "prop"])) : items.value && !_ctx.config.text && type.value && display$1.value ? (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
+          key: key(_ctx.config),
+          size: _ctx.size,
+          model: _ctx.model,
+          "last-values": _ctx.lastValues,
+          "is-compare": _ctx.isCompare,
+          config: _ctx.config,
+          disabled: disabled.value,
+          name: name.value,
+          prop: itemProp.value,
+          "step-active": _ctx.stepActive,
           "expand-more": expand.value,
-          "label-width": unref(itemLabelWidth),
+          "label-width": itemLabelWidth.value,
           onChange: onChangeHandler,
           onAddDiffCount
-        }, null, 40, ["size", "model", "last-values", "is-compare", "config", "disabled", "name", "prop", "step-active", "expand-more", "label-width"])) : unref(type) && unref(display$1) && !unref(showDiff) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+        }, null, 40, ["size", "model", "last-values", "is-compare", "config", "disabled", "name", "prop", "step-active", "expand-more", "label-width"])) : type.value && display$1.value && !showDiff.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
           createVNode(unref(TMagicFormItem), {
-            style: normalizeStyle(__props.config.tip ? "flex: 1" : ""),
-            class: normalizeClass({ hidden: `${unref(itemLabelWidth)}` === "0" || !__props.config.text }),
-            prop: unref(itemProp),
-            "label-width": unref(itemLabelWidth),
-            rules: unref(rule)
+            style: normalizeStyle(_ctx.config.tip ? "flex: 1" : ""),
+            class: normalizeClass({ hidden: `${itemLabelWidth.value}` === "0" || !_ctx.config.text }),
+            prop: itemProp.value,
+            "label-width": itemLabelWidth.value,
+            rules: rule.value
           }, {
             label: withCtx(() => [
               createElementVNode("span", {
-                innerHTML: unref(type) === "checkbox" ? "" : __props.config.text
+                innerHTML: type.value === "checkbox" ? "" : _ctx.config.text
               }, null, 8, _hoisted_1$b)
             ]),
             default: withCtx(() => [
-              unref(tooltip) ? (openBlock(), createBlock(unref(TMagicTooltip), { key: 0 }, {
+              tooltip.value ? (openBlock(), createBlock(unref(TMagicTooltip), { key: 0 }, {
                 content: withCtx(() => [
-                  createElementVNode("div", { innerHTML: unref(tooltip) }, null, 8, _hoisted_2$7)
+                  createElementVNode("div", { innerHTML: tooltip.value }, null, 8, _hoisted_2$6)
                 ]),
                 default: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent(unref(tagName)), {
-                    key: key(__props.config),
-                    size: __props.size,
-                    model: __props.model,
-                    "last-values": __props.lastValues,
-                    config: __props.config,
-                    name: unref(name),
-                    disabled: unref(disabled),
-                    prop: unref(itemProp),
+                  (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
+                    key: key(_ctx.config),
+                    size: _ctx.size,
+                    model: _ctx.model,
+                    "last-values": _ctx.lastValues,
+                    config: _ctx.config,
+                    name: name.value,
+                    disabled: disabled.value,
+                    prop: itemProp.value,
                     onChange: onChangeHandler,
                     onAddDiffCount
                   }, null, 40, ["size", "model", "last-values", "config", "name", "disabled", "prop"]))
                 ]),
                 _: 1
-              })) : (openBlock(), createBlock(resolveDynamicComponent(unref(tagName)), {
-                key: key(__props.config),
-                size: __props.size,
-                model: __props.model,
-                "last-values": __props.lastValues,
-                config: __props.config,
-                name: unref(name),
-                disabled: unref(disabled),
-                prop: unref(itemProp),
+              })) : (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
+                key: key(_ctx.config),
+                size: _ctx.size,
+                model: _ctx.model,
+                "last-values": _ctx.lastValues,
+                config: _ctx.config,
+                name: name.value,
+                disabled: disabled.value,
+                prop: itemProp.value,
                 onChange: onChangeHandler,
                 onAddDiffCount
               }, null, 40, ["size", "model", "last-values", "config", "name", "disabled", "prop"])),
-              unref(extra) && unref(type) !== "table" ? (openBlock(), createElementBlock("div", {
+              extra.value && type.value !== "table" ? (openBlock(), createElementBlock("div", {
                 key: 2,
-                innerHTML: unref(extra),
+                innerHTML: extra.value,
                 class: "m-form-tip"
-              }, null, 8, _hoisted_3$7)) : createCommentVNode("", true)
+              }, null, 8, _hoisted_3$4)) : createCommentVNode("", true)
             ]),
             _: 1
           }, 8, ["style", "class", "prop", "label-width", "rules"]),
-          __props.config.tip ? (openBlock(), createBlock(unref(TMagicTooltip), {
+          _ctx.config.tip ? (openBlock(), createBlock(unref(TMagicTooltip), {
             key: 0,
             placement: "left"
           }, {
             content: withCtx(() => [
               createElementVNode("div", {
-                innerHTML: __props.config.tip
-              }, null, 8, _hoisted_4$6)
+                innerHTML: _ctx.config.tip
+              }, null, 8, _hoisted_4$4)
             ]),
             default: withCtx(() => [
               createVNode(unref(TMagicIcon), { style: { "line-height": "40px", "margin-left": "5px" } }, {
@@ -426,63 +426,63 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           })) : createCommentVNode("", true)
-        ], 64)) : unref(type) && unref(display$1) && unref(showDiff) ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
+        ], 64)) : type.value && display$1.value && showDiff.value ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
           createVNode(unref(TMagicFormItem), {
-            style: normalizeStyle([__props.config.tip ? "flex: 1" : "", { "background": "#f7dadd" }]),
-            class: normalizeClass({ hidden: `${unref(itemLabelWidth)}` === "0" || !__props.config.text }),
-            prop: unref(itemProp),
-            "label-width": unref(itemLabelWidth),
-            rules: unref(rule)
+            style: normalizeStyle([_ctx.config.tip ? "flex: 1" : "", { "background": "#f7dadd" }]),
+            class: normalizeClass({ hidden: `${itemLabelWidth.value}` === "0" || !_ctx.config.text }),
+            prop: itemProp.value,
+            "label-width": itemLabelWidth.value,
+            rules: rule.value
           }, {
             label: withCtx(() => [
               createElementVNode("span", {
-                innerHTML: unref(type) === "checkbox" ? "" : __props.config.text
-              }, null, 8, _hoisted_5$4)
+                innerHTML: type.value === "checkbox" ? "" : _ctx.config.text
+              }, null, 8, _hoisted_5$3)
             ]),
             default: withCtx(() => [
-              unref(tooltip) ? (openBlock(), createBlock(unref(TMagicTooltip), { key: 0 }, {
+              tooltip.value ? (openBlock(), createBlock(unref(TMagicTooltip), { key: 0 }, {
                 content: withCtx(() => [
-                  createElementVNode("div", { innerHTML: unref(tooltip) }, null, 8, _hoisted_6$3)
+                  createElementVNode("div", { innerHTML: tooltip.value }, null, 8, _hoisted_6$1)
                 ]),
                 default: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent(unref(tagName)), {
-                    key: key(__props.config),
-                    size: __props.size,
-                    model: __props.lastValues,
-                    config: __props.config,
-                    name: unref(name),
-                    disabled: unref(disabled),
-                    prop: unref(itemProp),
+                  (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
+                    key: key(_ctx.config),
+                    size: _ctx.size,
+                    model: _ctx.lastValues,
+                    config: _ctx.config,
+                    name: name.value,
+                    disabled: disabled.value,
+                    prop: itemProp.value,
                     onChange: onChangeHandler
                   }, null, 40, ["size", "model", "config", "name", "disabled", "prop"]))
                 ]),
                 _: 1
-              })) : (openBlock(), createBlock(resolveDynamicComponent(unref(tagName)), {
-                key: key(__props.config),
-                size: __props.size,
-                model: __props.lastValues,
-                config: __props.config,
-                name: unref(name),
-                disabled: unref(disabled),
-                prop: unref(itemProp),
+              })) : (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
+                key: key(_ctx.config),
+                size: _ctx.size,
+                model: _ctx.lastValues,
+                config: _ctx.config,
+                name: name.value,
+                disabled: disabled.value,
+                prop: itemProp.value,
                 onChange: onChangeHandler
               }, null, 40, ["size", "model", "config", "name", "disabled", "prop"])),
-              unref(extra) ? (openBlock(), createElementBlock("div", {
+              extra.value ? (openBlock(), createElementBlock("div", {
                 key: 2,
-                innerHTML: unref(extra),
+                innerHTML: extra.value,
                 class: "m-form-tip"
-              }, null, 8, _hoisted_7$3)) : createCommentVNode("", true)
+              }, null, 8, _hoisted_7$1)) : createCommentVNode("", true)
             ]),
             _: 1
           }, 8, ["style", "class", "prop", "label-width", "rules"]),
-          __props.config.tip ? (openBlock(), createBlock(unref(TMagicTooltip), {
+          _ctx.config.tip ? (openBlock(), createBlock(unref(TMagicTooltip), {
             key: 0,
             placement: "left"
           }, {
             content: withCtx(() => [
               createElementVNode("div", {
-                innerHTML: __props.config.tip
-              }, null, 8, _hoisted_8$2)
+                innerHTML: _ctx.config.tip
+              }, null, 8, _hoisted_8$1)
             ]),
             default: withCtx(() => [
               createVNode(unref(TMagicIcon), { style: { "line-height": "40px", "margin-left": "5px" } }, {
@@ -495,60 +495,60 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
             _: 1
           })) : createCommentVNode("", true),
           createVNode(unref(TMagicFormItem), {
-            style: normalizeStyle([__props.config.tip ? "flex: 1" : "", { "background": "#def7da" }]),
-            class: normalizeClass({ hidden: `${unref(itemLabelWidth)}` === "0" || !__props.config.text }),
-            prop: unref(itemProp),
-            "label-width": unref(itemLabelWidth),
-            rules: unref(rule)
+            style: normalizeStyle([_ctx.config.tip ? "flex: 1" : "", { "background": "#def7da" }]),
+            class: normalizeClass({ hidden: `${itemLabelWidth.value}` === "0" || !_ctx.config.text }),
+            prop: itemProp.value,
+            "label-width": itemLabelWidth.value,
+            rules: rule.value
           }, {
             label: withCtx(() => [
               createElementVNode("span", {
-                innerHTML: unref(type) === "checkbox" ? "" : __props.config.text
-              }, null, 8, _hoisted_9$1)
+                innerHTML: type.value === "checkbox" ? "" : _ctx.config.text
+              }, null, 8, _hoisted_9)
             ]),
             default: withCtx(() => [
-              unref(tooltip) ? (openBlock(), createBlock(unref(TMagicTooltip), { key: 0 }, {
+              tooltip.value ? (openBlock(), createBlock(unref(TMagicTooltip), { key: 0 }, {
                 content: withCtx(() => [
-                  createElementVNode("div", { innerHTML: unref(tooltip) }, null, 8, _hoisted_10$1)
+                  createElementVNode("div", { innerHTML: tooltip.value }, null, 8, _hoisted_10)
                 ]),
                 default: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent(unref(tagName)), {
-                    key: key(__props.config),
-                    size: __props.size,
-                    model: __props.model,
-                    config: __props.config,
-                    name: unref(name),
-                    disabled: unref(disabled),
-                    prop: unref(itemProp),
+                  (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
+                    key: key(_ctx.config),
+                    size: _ctx.size,
+                    model: _ctx.model,
+                    config: _ctx.config,
+                    name: name.value,
+                    disabled: disabled.value,
+                    prop: itemProp.value,
                     onChange: onChangeHandler
                   }, null, 40, ["size", "model", "config", "name", "disabled", "prop"]))
                 ]),
                 _: 1
-              })) : (openBlock(), createBlock(resolveDynamicComponent(unref(tagName)), {
-                key: key(__props.config),
-                size: __props.size,
-                model: __props.model,
-                config: __props.config,
-                name: unref(name),
-                disabled: unref(disabled),
-                prop: unref(itemProp),
+              })) : (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
+                key: key(_ctx.config),
+                size: _ctx.size,
+                model: _ctx.model,
+                config: _ctx.config,
+                name: name.value,
+                disabled: disabled.value,
+                prop: itemProp.value,
                 onChange: onChangeHandler
               }, null, 40, ["size", "model", "config", "name", "disabled", "prop"])),
-              unref(extra) ? (openBlock(), createElementBlock("div", {
+              extra.value ? (openBlock(), createElementBlock("div", {
                 key: 2,
-                innerHTML: unref(extra),
+                innerHTML: extra.value,
                 class: "m-form-tip"
               }, null, 8, _hoisted_11)) : createCommentVNode("", true)
             ]),
             _: 1
           }, 8, ["style", "class", "prop", "label-width", "rules"]),
-          __props.config.tip ? (openBlock(), createBlock(unref(TMagicTooltip), {
+          _ctx.config.tip ? (openBlock(), createBlock(unref(TMagicTooltip), {
             key: 1,
             placement: "left"
           }, {
             content: withCtx(() => [
               createElementVNode("div", {
-                innerHTML: __props.config.tip
+                innerHTML: _ctx.config.tip
               }, null, 8, _hoisted_12)
             ]),
             default: withCtx(() => [
@@ -561,26 +561,26 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           })) : createCommentVNode("", true)
-        ], 64)) : unref(items) && unref(display$1) ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
-          (unref(name) || unref(name) === 0 ? __props.model[unref(name)] : __props.model) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(items), (item) => {
+        ], 64)) : items.value && display$1.value ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
+          (name.value || name.value === 0 ? _ctx.model[name.value] : _ctx.model) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(items.value, (item) => {
             return openBlock(), createBlock(_component_Container, {
               key: key(item),
-              model: unref(name) || unref(name) === 0 ? __props.model[unref(name)] : __props.model,
-              "last-values": unref(name) || unref(name) === 0 ? __props.lastValues[unref(name)] || {} : __props.lastValues,
-              "is-compare": __props.isCompare,
+              model: name.value || name.value === 0 ? _ctx.model[name.value] : _ctx.model,
+              "last-values": name.value || name.value === 0 ? _ctx.lastValues[name.value] || {} : _ctx.lastValues,
+              "is-compare": _ctx.isCompare,
               config: item,
-              size: __props.size,
-              disabled: unref(disabled),
-              "step-active": __props.stepActive,
+              size: _ctx.size,
+              disabled: disabled.value,
+              "step-active": _ctx.stepActive,
               "expand-more": expand.value,
-              "label-width": unref(itemLabelWidth),
-              prop: unref(itemProp),
+              "label-width": itemLabelWidth.value,
+              prop: itemProp.value,
               onChange: onChangeHandler,
               onAddDiffCount
             }, null, 8, ["model", "last-values", "is-compare", "config", "size", "disabled", "step-active", "expand-more", "label-width", "prop"]);
           }), 128)) : createCommentVNode("", true)
         ], 64)) : createCommentVNode("", true),
-        __props.config.expand && unref(type) !== "fieldset" ? (openBlock(), createElementBlock("div", _hoisted_13, [
+        _ctx.config.expand && type.value !== "fieldset" ? (openBlock(), createElementBlock("div", _hoisted_13, [
           createVNode(unref(TMagicButton), {
             type: "primary",
             size: "small",
@@ -600,29 +600,29 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$a = ["innerHTML"];
-const _hoisted_2$6 = ["innerHTML"];
-const _hoisted_3$6 = { key: 1 };
-const _hoisted_4$5 = ["innerHTML"];
-const _hoisted_5$3 = ["innerHTML"];
-const _hoisted_6$2 = {
+const _hoisted_2$5 = ["innerHTML"];
+const _hoisted_3$3 = { key: 1 };
+const _hoisted_4$3 = ["innerHTML"];
+const _hoisted_5$2 = ["innerHTML"];
+const _hoisted_6 = {
   key: 2,
   style: { "display": "flex" }
 };
-const _hoisted_7$2 = { style: { "flex": "1" } };
-const _hoisted_8$1 = ["src"];
-const __default__$u = defineComponent({
-  name: "MFormFieldset"
-});
+const _hoisted_7 = { style: { "flex": "1" } };
+const _hoisted_8 = ["src"];
 const _sfc_main$u = /* @__PURE__ */ defineComponent({
-  ...__default__$u,
+  ...{
+    name: "MFormFieldset"
+  },
+  __name: "Fieldset",
   props: {
-    labelWidth: null,
+    labelWidth: {},
     prop: { default: "" },
-    size: null,
-    model: null,
+    size: {},
+    model: {},
     lastValues: { default: () => ({}) },
     isCompare: { type: Boolean, default: false },
-    config: null,
+    config: {},
     rules: { default: {} },
     disabled: { type: Boolean }
   },
@@ -649,61 +649,61 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     const key = (item, index) => item[mForm?.keyProp || "__key"] ?? index;
     const onAddDiffCount = () => emit("addDiffCount");
     return (_ctx, _cache) => {
-      return (unref(name) ? __props.model[unref(name)] : __props.model) ? (openBlock(), createElementBlock("fieldset", {
+      return (name.value ? _ctx.model[name.value] : _ctx.model) ? (openBlock(), createElementBlock("fieldset", {
         key: 0,
         class: "m-fieldset",
-        style: normalizeStyle(unref(show) ? "padding: 15px 15px 0 5px;" : "border: 0")
+        style: normalizeStyle(show.value ? "padding: 15px 15px 0 5px;" : "border: 0")
       }, [
-        unref(name) && __props.config.checkbox ? (openBlock(), createBlock(resolveDynamicComponent(!unref(show) ? "div" : "legend"), { key: 0 }, {
+        name.value && _ctx.config.checkbox ? (openBlock(), createBlock(resolveDynamicComponent(!show.value ? "div" : "legend"), { key: 0 }, {
           default: withCtx(() => [
             createVNode(unref(TMagicCheckbox), {
-              modelValue: __props.model[unref(name)].value,
+              modelValue: _ctx.model[name.value].value,
               "onUpdate:modelValue": [
-                _cache[0] || (_cache[0] = ($event) => __props.model[unref(name)].value = $event),
+                _cache[0] || (_cache[0] = ($event) => _ctx.model[name.value].value = $event),
                 change
               ],
-              prop: `${__props.prop}${__props.prop ? "." : ""}${__props.config.name}.value`,
+              prop: `${_ctx.prop}${_ctx.prop ? "." : ""}${_ctx.config.name}.value`,
               "true-label": 1,
               "false-label": 0
             }, {
               default: withCtx(() => [
                 createElementVNode("span", {
-                  innerHTML: __props.config.legend
+                  innerHTML: _ctx.config.legend
                 }, null, 8, _hoisted_1$a),
-                __props.config.extra ? (openBlock(), createElementBlock("span", {
+                _ctx.config.extra ? (openBlock(), createElementBlock("span", {
                   key: 0,
-                  innerHTML: __props.config.extra,
+                  innerHTML: _ctx.config.extra,
                   class: "m-form-tip"
-                }, null, 8, _hoisted_2$6)) : createCommentVNode("", true)
+                }, null, 8, _hoisted_2$5)) : createCommentVNode("", true)
               ]),
               _: 1
             }, 8, ["modelValue", "prop"])
           ]),
           _: 1
-        })) : (openBlock(), createElementBlock("legend", _hoisted_3$6, [
+        })) : (openBlock(), createElementBlock("legend", _hoisted_3$3, [
           createElementVNode("span", {
-            innerHTML: __props.config.legend
-          }, null, 8, _hoisted_4$5),
-          __props.config.extra ? (openBlock(), createElementBlock("span", {
+            innerHTML: _ctx.config.legend
+          }, null, 8, _hoisted_4$3),
+          _ctx.config.extra ? (openBlock(), createElementBlock("span", {
             key: 0,
-            innerHTML: __props.config.extra,
+            innerHTML: _ctx.config.extra,
             class: "m-form-tip"
-          }, null, 8, _hoisted_5$3)) : createCommentVNode("", true)
+          }, null, 8, _hoisted_5$2)) : createCommentVNode("", true)
         ])),
-        __props.config.schematic && unref(show) ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
-          createElementVNode("div", _hoisted_7$2, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.config.items, (item, index) => {
+        _ctx.config.schematic && show.value ? (openBlock(), createElementBlock("div", _hoisted_6, [
+          createElementVNode("div", _hoisted_7, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.config.items, (item, index) => {
               return openBlock(), createBlock(_sfc_main$v, {
                 key: key(item, index),
-                model: unref(name) ? __props.model[unref(name)] : __props.model,
-                lastValues: unref(name) ? __props.lastValues[unref(name)] : __props.lastValues,
-                "is-compare": __props.isCompare,
-                rules: unref(name) ? __props.rules[unref(name)] : [],
+                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] : [],
                 config: item,
-                prop: __props.prop,
-                disabled: __props.disabled,
-                labelWidth: unref(lWidth),
-                size: __props.size,
+                prop: _ctx.prop,
+                disabled: _ctx.disabled,
+                labelWidth: lWidth.value,
+                size: _ctx.size,
                 onChange: change,
                 onAddDiffCount: _cache[1] || (_cache[1] = ($event) => onAddDiffCount())
               }, null, 8, ["model", "lastValues", "is-compare", "rules", "config", "prop", "disabled", "labelWidth", "size"]);
@@ -711,20 +711,20 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
           ]),
           createElementVNode("img", {
             class: "m-form-schematic",
-            src: __props.config.schematic
-          }, null, 8, _hoisted_8$1)
-        ])) : unref(show) ? (openBlock(true), createElementBlock(Fragment, { key: 3 }, renderList(__props.config.items, (item, index) => {
+            src: _ctx.config.schematic
+          }, null, 8, _hoisted_8)
+        ])) : show.value ? (openBlock(true), createElementBlock(Fragment, { key: 3 }, renderList(_ctx.config.items, (item, index) => {
           return openBlock(), createBlock(_sfc_main$v, {
             key: key(item, index),
-            model: unref(name) ? __props.model[unref(name)] : __props.model,
-            lastValues: unref(name) ? __props.lastValues[unref(name)] : __props.lastValues,
-            "is-compare": __props.isCompare,
-            rules: unref(name) ? __props.rules[unref(name)] : [],
+            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] : [],
             config: item,
-            prop: __props.prop,
-            labelWidth: unref(lWidth),
-            size: __props.size,
-            disabled: __props.disabled,
+            prop: _ctx.prop,
+            labelWidth: lWidth.value,
+            size: _ctx.size,
+            disabled: _ctx.disabled,
             onChange: change,
             onAddDiffCount: _cache[2] || (_cache[2] = ($event) => onAddDiffCount())
           }, null, 8, ["model", "lastValues", "is-compare", "rules", "config", "prop", "labelWidth", "size", "disabled"]);
@@ -735,34 +735,29 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$9 = { class: "m-fields-group-list-item" };
-const _hoisted_2$5 = /* @__PURE__ */ createTextVNode("上移");
-const _hoisted_3$5 = /* @__PURE__ */ createTextVNode("下移");
-const _hoisted_4$4 = ["innerHTML"];
-const __default__$t = defineComponent({
-  name: "MFormGroupListItem"
-});
+const _hoisted_2$4 = ["innerHTML"];
 const _sfc_main$t = /* @__PURE__ */ defineComponent({
-  ...__default__$t,
+  ...{
+    name: "MFormGroupListItem"
+  },
+  __name: "GroupListItem",
   props: {
-    model: null,
-    lastValues: null,
+    model: {},
+    lastValues: {},
     isCompare: { type: Boolean },
-    groupModel: null,
-    config: null,
-    labelWidth: null,
-    prop: null,
-    size: null,
-    index: null,
+    groupModel: {},
+    config: {},
+    labelWidth: {},
+    prop: {},
+    size: {},
+    index: {},
     disabled: { type: Boolean }
   },
   emits: ["swap-item", "remove-item", "change", "addDiffCount"],
   setup(__props, { emit }) {
     const props = __props;
     const mForm = inject("mForm");
-    const expand = ref(false);
-    watchEffect(() => {
-      expand.value = !props.index;
-    });
+    const expand = ref(props.config.expandAll || !props.index);
     const rowConfig = computed(() => ({
       type: "row",
       span: props.config.span || 24,
@@ -806,12 +801,12 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
         createElementVNode("div", null, [
           createVNode(unref(TMagicButton), {
             text: "",
-            disabled: __props.disabled,
+            disabled: _ctx.disabled,
             icon: expand.value ? unref(CaretBottom) : unref(CaretRight),
             onClick: expandHandler
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(title)), 1)
+              createTextVNode(toDisplayString(title.value), 1)
             ]),
             _: 1
           }, 8, ["disabled", "icon"]),
@@ -819,20 +814,20 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             style: { "color": "#f56c6c" },
             text: "",
             icon: unref(Delete),
-            disabled: __props.disabled,
+            disabled: _ctx.disabled,
             onClick: removeHandler
           }, null, 8, ["icon", "disabled"]), [
-            [vShow, showDelete(parseInt(String(__props.index)))]
+            [vShow, showDelete(parseInt(String(_ctx.index)))]
           ]),
           movable() ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             withDirectives(createVNode(unref(TMagicButton), {
               text: "",
-              disabled: __props.disabled,
+              disabled: _ctx.disabled,
               size: "small",
               onClick: _cache[0] || (_cache[0] = ($event) => changeOrder(-1))
             }, {
               default: withCtx(() => [
-                _hoisted_2$5,
+                createTextVNode("上移"),
                 createVNode(unref(TMagicIcon), null, {
                   default: withCtx(() => [
                     createVNode(unref(CaretTop))
@@ -842,16 +837,16 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["disabled"]), [
-              [vShow, __props.index !== 0]
+              [vShow, _ctx.index !== 0]
             ]),
             withDirectives(createVNode(unref(TMagicButton), {
-              disabled: __props.disabled,
+              disabled: _ctx.disabled,
               text: "",
               size: "small",
               onClick: _cache[1] || (_cache[1] = ($event) => changeOrder(1))
             }, {
               default: withCtx(() => [
-                _hoisted_3$5,
+                createTextVNode("下移"),
                 createVNode(unref(TMagicIcon), null, {
                   default: withCtx(() => [
                     createVNode(unref(CaretBottom))
@@ -861,25 +856,25 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["disabled"]), [
-              [vShow, __props.index !== unref(length) - 1]
+              [vShow, _ctx.index !== length.value - 1]
             ])
           ], 64)) : createCommentVNode("", true),
-          unref(itemExtra) ? (openBlock(), createElementBlock("span", {
+          itemExtra.value ? (openBlock(), createElementBlock("span", {
             key: 1,
-            innerHTML: unref(itemExtra),
+            innerHTML: itemExtra.value,
             class: "m-form-tip"
-          }, null, 8, _hoisted_4$4)) : createCommentVNode("", true)
+          }, null, 8, _hoisted_2$4)) : createCommentVNode("", true)
         ]),
         expand.value ? (openBlock(), createBlock(_sfc_main$v, {
           key: 0,
-          config: unref(rowConfig),
-          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,
+          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,
           onChange: changeHandler,
           onAddDiffCount: _cache[2] || (_cache[2] = ($event) => onAddDiffCount())
         }, null, 8, ["config", "model", "lastValues", "is-compare", "labelWidth", "prop", "size", "disabled"])) : createCommentVNode("", true)
@@ -889,31 +884,29 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$8 = { class: "m-fields-group-list" };
-const _hoisted_2$4 = ["innerHTML"];
-const _hoisted_3$4 = {
+const _hoisted_2$3 = ["innerHTML"];
+const _hoisted_3$2 = {
   key: 1,
   class: "el-table__empty-block"
 };
-const _hoisted_4$3 = /* @__PURE__ */ createElementVNode("span", { class: "el-table__empty-text" }, "暂无数据", -1);
-const _hoisted_5$2 = [
-  _hoisted_4$3
+const _hoisted_4$2 = /* @__PURE__ */ createElementVNode("span", { class: "el-table__empty-text" }, "暂无数据", -1);
+const _hoisted_5$1 = [
+  _hoisted_4$2
 ];
-const _hoisted_6$1 = /* @__PURE__ */ createTextVNode("添加组");
-const _hoisted_7$1 = /* @__PURE__ */ createTextVNode("切换为表格");
-const __default__$s = defineComponent({
-  name: "MFormGroupList"
-});
 const _sfc_main$s = /* @__PURE__ */ defineComponent({
-  ...__default__$s,
+  ...{
+    name: "MFormGroupList"
+  },
+  __name: "GroupList",
   props: {
-    model: null,
-    lastValues: null,
+    model: {},
+    lastValues: {},
     isCompare: { type: Boolean },
-    config: null,
-    name: null,
-    labelWidth: null,
-    prop: null,
-    size: null,
+    config: {},
+    name: {},
+    labelWidth: {},
+    prop: {},
+    size: {},
     disabled: { type: Boolean }
   },
   emits: ["change", "addDiffCount"],
@@ -984,49 +977,49 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     const getLastValues = (item, index) => item?.[index] || {};
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$8, [
-        __props.config.extra ? (openBlock(), createElementBlock("div", {
+        _ctx.config.extra ? (openBlock(), createElementBlock("div", {
           key: 0,
-          innerHTML: __props.config.extra,
+          innerHTML: _ctx.config.extra,
           style: { "color": "rgba(0, 0, 0, 0.45)" }
-        }, null, 8, _hoisted_2$4)) : createCommentVNode("", true),
-        !__props.model[__props.name] || !__props.model[__props.name].length ? (openBlock(), createElementBlock("div", _hoisted_3$4, _hoisted_5$2)) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(__props.model[__props.name], (item, index) => {
+        }, null, 8, _hoisted_2$3)) : createCommentVNode("", true),
+        !_ctx.model[_ctx.name] || !_ctx.model[_ctx.name].length ? (openBlock(), createElementBlock("div", _hoisted_3$2, _hoisted_5$1)) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(_ctx.model[_ctx.name], (item, index) => {
           return openBlock(), createBlock(_sfc_main$t, {
             key: index,
             model: item,
-            lastValues: getLastValues(__props.lastValues[__props.name], index),
-            "is-compare": __props.isCompare,
-            config: __props.config,
-            prop: __props.prop,
+            lastValues: getLastValues(_ctx.lastValues[_ctx.name], index),
+            "is-compare": _ctx.isCompare,
+            config: _ctx.config,
+            prop: _ctx.prop,
             index,
-            "label-width": __props.labelWidth,
-            size: __props.size,
-            disabled: __props.disabled,
-            "group-model": __props.model[__props.name],
+            "label-width": _ctx.labelWidth,
+            size: _ctx.size,
+            disabled: _ctx.disabled,
+            "group-model": _ctx.model[_ctx.name],
             onRemoveItem: removeHandler,
             onSwapItem: swapHandler,
             onChange: changeHandler,
             onAddDiffCount: _cache[0] || (_cache[0] = ($event) => onAddDiffCount())
           }, null, 8, ["model", "lastValues", "is-compare", "config", "prop", "index", "label-width", "size", "disabled", "group-model"]);
         }), 128)),
-        unref(addable) ? (openBlock(), createBlock(unref(TMagicButton), {
+        addable.value ? (openBlock(), createBlock(unref(TMagicButton), {
           key: 3,
           onClick: addHandler,
           size: "small",
-          disabled: __props.disabled
+          disabled: _ctx.disabled
         }, {
           default: withCtx(() => [
-            _hoisted_6$1
+            createTextVNode("新增")
           ]),
           _: 1
         }, 8, ["disabled"])) : createCommentVNode("", true),
-        __props.config.enableToggleMode ? (openBlock(), createBlock(unref(TMagicButton), {
+        _ctx.config.enableToggleMode ? (openBlock(), createBlock(unref(TMagicButton), {
           key: 4,
           icon: unref(Grid),
           size: "small",
           onClick: toggleMode
         }, {
           default: withCtx(() => [
-            _hoisted_7$1
+            createTextVNode("切换为表格")
           ]),
           _: 1
         }, 8, ["icon"])) : createCommentVNode("", true)
@@ -1036,27 +1029,27 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$7 = { style: { "width": "100%", "display": "flex", "align-items": "center" } };
-const _hoisted_2$3 = ["innerHTML"];
-const _hoisted_3$3 = {
+const _hoisted_2$2 = ["innerHTML"];
+const _hoisted_3$1 = {
   key: 0,
   style: { "display": "flex" }
 };
-const _hoisted_4$2 = { style: { "flex": "1" } };
-const _hoisted_5$1 = ["src"];
-const __default__$r = defineComponent({
-  name: "MFormPanel"
-});
+const _hoisted_4$1 = { style: { "flex": "1" } };
+const _hoisted_5 = ["src"];
 const _sfc_main$r = /* @__PURE__ */ defineComponent({
-  ...__default__$r,
+  ...{
+    name: "MFormPanel"
+  },
+  __name: "Panel",
   props: {
-    model: null,
-    lastValues: null,
+    model: {},
+    lastValues: {},
     isCompare: { type: Boolean },
-    config: null,
-    name: null,
-    labelWidth: null,
-    prop: null,
-    size: null,
+    config: {},
+    name: {},
+    labelWidth: {},
+    prop: {},
+    size: {},
     disabled: { type: Boolean }
   },
   emits: ["change", "addDiffCount"],
@@ -1069,7 +1062,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     const changeHandler = () => emit("change", props.model);
     const onAddDiffCount = () => emit("addDiffCount");
     return (_ctx, _cache) => {
-      return unref(items) && unref(items).length ? (openBlock(), createBlock(unref(TMagicCard), {
+      return items.value && items.value.length ? (openBlock(), createBlock(unref(TMagicCard), {
         key: 0,
         class: "box-card m-form-panel",
         "body-style": { display: expand.value ? "block" : "none" }
@@ -1082,32 +1075,32 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
               icon: expand.value ? unref(CaretBottom) : unref(CaretRight),
               onClick: _cache[0] || (_cache[0] = ($event) => expand.value = !expand.value)
             }, null, 8, ["icon"]),
-            __props.config && __props.config.extra ? (openBlock(), createElementBlock("span", {
+            _ctx.config && _ctx.config.extra ? (openBlock(), createElementBlock("span", {
               key: 0,
-              innerHTML: __props.config.extra,
+              innerHTML: _ctx.config.extra,
               class: "m-form-tip"
-            }, null, 8, _hoisted_2$3)) : createCommentVNode("", true),
+            }, null, 8, _hoisted_2$2)) : createCommentVNode("", true),
             renderSlot(_ctx.$slots, "header", {}, () => [
-              createTextVNode(toDisplayString(filter(__props.config.title)), 1)
+              createTextVNode(toDisplayString(filter(_ctx.config.title)), 1)
             ])
           ])
         ]),
         default: withCtx(() => [
           createElementVNode("div", null, [
             renderSlot(_ctx.$slots, "default"),
-            __props.config.schematic ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
-              createElementVNode("div", _hoisted_4$2, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(items), (item, index) => {
+            _ctx.config.schematic ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
+              createElementVNode("div", _hoisted_4$1, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, index) => {
                   return openBlock(), createBlock(_sfc_main$v, {
                     key: item[unref(mForm)?.keyProp || "__key"] ?? index,
                     config: item,
-                    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,
+                    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,
                     onChange: changeHandler,
                     onAddDiffCount: _cache[1] || (_cache[1] = ($event) => onAddDiffCount())
                   }, null, 8, ["config", "model", "lastValues", "is-compare", "prop", "size", "disabled", "label-width"]);
@@ -1115,19 +1108,19 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
               ]),
               createElementVNode("img", {
                 class: "m-form-schematic",
-                src: __props.config.schematic
-              }, null, 8, _hoisted_5$1)
-            ])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(items), (item, index) => {
+                src: _ctx.config.schematic
+              }, null, 8, _hoisted_5)
+            ])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(items.value, (item, index) => {
               return openBlock(), createBlock(_sfc_main$v, {
                 key: item[unref(mForm)?.keyProp || "__key"] ?? index,
                 config: item,
-                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,
+                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,
                 onChange: changeHandler,
                 onAddDiffCount: _cache[2] || (_cache[2] = ($event) => onAddDiffCount())
               }, null, 8, ["config", "model", "lastValues", "is-compare", "prop", "size", "disabled", "label-width"]);
@@ -1140,21 +1133,21 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
   }
 });
 
-const __default__$q = defineComponent({
-  name: "MFormCol"
-});
 const _sfc_main$q = /* @__PURE__ */ defineComponent({
-  ...__default__$q,
+  ...{
+    name: "MFormCol"
+  },
+  __name: "Col",
   props: {
-    model: null,
-    lastValues: null,
+    model: {},
+    lastValues: {},
     isCompare: { type: Boolean },
-    config: null,
-    labelWidth: null,
+    config: {},
+    labelWidth: {},
     expandMore: { type: Boolean },
-    span: null,
-    size: null,
-    prop: null,
+    span: {},
+    size: {},
+    prop: {},
     disabled: { type: Boolean }
   },
   emits: ["change", "addDiffCount"],
@@ -1165,44 +1158,44 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     const changeHandler = () => emit("change", props.model);
     const onAddDiffCount = () => emit("addDiffCount");
     return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createBlock(unref(TMagicCol), { span: __props.span }, {
+      return withDirectives((openBlock(), createBlock(unref(TMagicCol), { span: _ctx.span }, {
         default: withCtx(() => [
           createVNode(_sfc_main$v, {
-            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,
+            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,
             onChange: changeHandler,
             onAddDiffCount
           }, null, 8, ["model", "lastValues", "is-compare", "config", "prop", "label-width", "expand-more", "size", "disabled"])
         ]),
         _: 1
       }, 8, ["span"])), [
-        [vShow, unref(display$1) && __props.config.type !== "hidden"]
+        [vShow, display$1.value && _ctx.config.type !== "hidden"]
       ]);
     };
   }
 });
 
-const __default__$p = defineComponent({
-  name: "MFormRow"
-});
 const _sfc_main$p = /* @__PURE__ */ defineComponent({
-  ...__default__$p,
+  ...{
+    name: "MFormRow"
+  },
+  __name: "Row",
   props: {
-    model: null,
-    lastValues: null,
+    model: {},
+    lastValues: {},
     isCompare: { type: Boolean },
-    config: null,
-    name: null,
-    labelWidth: null,
-    prop: null,
-    size: null,
+    config: {},
+    name: {},
+    labelWidth: {},
+    prop: {},
+    size: {},
     expandMore: { type: Boolean },
     disabled: { type: Boolean }
   },
@@ -1215,19 +1208,19 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TMagicRow), { gutter: 10 }, {
         default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.config.items, (col, index) => {
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.config.items, (col, index) => {
             return openBlock(), createBlock(_sfc_main$q, {
               key: col[unref(mForm)?.keyProp || "__key"] ?? index,
-              span: col.span || __props.config.span || 24 / __props.config.items.length,
+              span: col.span || _ctx.config.span || 24 / _ctx.config.items.length,
               config: col,
-              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,
+              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,
               onChange: changeHandler,
               onAddDiffCount
             }, null, 8, ["span", "config", "labelWidth", "expandMore", "model", "lastValues", "is-compare", "prop", "size", "disabled"]);
@@ -1239,19 +1232,19 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
   }
 });
 
-const __default__$o = defineComponent({
-  name: "MFormStep"
-});
 const _sfc_main$o = /* @__PURE__ */ defineComponent({
-  ...__default__$o,
+  ...{
+    name: "MFormStep"
+  },
+  __name: "Step",
   props: {
-    model: null,
-    lastValues: null,
+    model: {},
+    lastValues: {},
     isCompare: { type: Boolean },
-    config: null,
+    config: {},
     stepActive: { default: 1 },
-    labelWidth: null,
-    size: null,
+    labelWidth: {},
+    size: {},
     disabled: { type: Boolean }
   },
   emits: ["change", "addDiffCount"],
@@ -1275,10 +1268,10 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
         createVNode(unref(TMagicSteps), {
           active: active.value,
           "align-center": "",
-          space: __props.config.space
+          space: _ctx.config.space
         }, {
           default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.config.items, (item, index) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.config.items, (item, index) => {
               return openBlock(), createBlock(unref(TMagicStep), {
                 key: item.__key,
                 title: item.title,
@@ -1289,20 +1282,20 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["active", "space"]),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.config.items, (step, index) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.config.items, (step, index) => {
           return openBlock(), createElementBlock(Fragment, null, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(step.items, (item) => {
               return openBlock(), createElementBlock(Fragment, null, [
                 item ? withDirectives((openBlock(), createBlock(_sfc_main$v, {
                   key: item[unref(mForm)?.keyProp || "__key"],
                   config: item,
-                  model: step.name ? __props.model[step.name] : __props.model,
-                  lastValues: step.name ? __props.lastValues[step.name] : __props.lastValues,
-                  "is-compare": __props.isCompare,
+                  model: step.name ? _ctx.model[step.name] : _ctx.model,
+                  lastValues: step.name ? _ctx.lastValues[step.name] : _ctx.lastValues,
+                  "is-compare": _ctx.isCompare,
                   prop: `${step.name}`,
-                  size: __props.size,
-                  disabled: __props.disabled,
-                  "label-width": __props.config.labelWidth || __props.labelWidth,
+                  size: _ctx.size,
+                  disabled: _ctx.disabled,
+                  "label-width": _ctx.config.labelWidth || _ctx.labelWidth,
                   onChange: changeHandler,
                   onAddDiffCount: _cache[0] || (_cache[0] = ($event) => onAddDiffCount())
                 }, null, 8, ["config", "model", "lastValues", "is-compare", "prop", "size", "disabled", "label-width"])), [
@@ -1318,42 +1311,36 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$6 = ["innerHTML"];
-const _hoisted_2$2 = { class: "el-form-item__content" };
-const _hoisted_3$2 = ["innerHTML"];
-const _hoisted_4$1 = /* @__PURE__ */ createTextVNode("添加");
-const _hoisted_5 = /* @__PURE__ */ createTextVNode("   ");
-const _hoisted_6 = /* @__PURE__ */ createTextVNode("展开配置");
-const _hoisted_7 = /* @__PURE__ */ createTextVNode("导入EXCEL");
-const _hoisted_8 = /* @__PURE__ */ createTextVNode("  ");
-const _hoisted_9 = /* @__PURE__ */ createTextVNode("清空");
-const _hoisted_10 = {
+const _hoisted_2$1 = { class: "el-form-item__content" };
+const _hoisted_3 = ["innerHTML"];
+const _hoisted_4 = {
   key: 1,
   class: "bottom",
   style: { "text-align": "right" }
 };
-const __default__$n = defineComponent({
-  name: "MFormTable"
-});
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
-  ...__default__$n,
+  ...{
+    name: "MFormTable"
+  },
+  __name: "Table",
   props: {
-    model: null,
+    model: {},
     lastValues: { default: () => ({}) },
     isCompare: { type: Boolean, default: false },
-    config: null,
-    name: null,
+    config: {},
+    name: {},
     prop: { default: "" },
-    labelWidth: null,
+    labelWidth: {},
     sort: { type: Boolean },
     disabled: { type: Boolean },
     sortKey: { default: "" },
-    text: null,
-    size: null,
+    text: {},
+    size: {},
     enableToggleMode: { type: Boolean, default: true },
     showIndex: { type: Boolean, default: true }
   },
   emits: ["change", "select", "addDiffCount"],
-  setup(__props, { expose, emit }) {
+  setup(__props, { expose: __expose, emit }) {
     const props = __props;
     let timer = null;
     const mForm = inject("mForm");
@@ -1673,43 +1660,43 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       return `${prop.value}${prop.value ? "." : ""}${index + 1 + pagecontext.value * pagesize.value - 1}`;
     };
     const onAddDiffCount = () => emit("addDiffCount");
-    expose({
+    __expose({
       toggleRowSelection
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         ref_key: "mTable",
         ref: mTable,
-        class: normalizeClass(["m-fields-table", { "m-fields-table-item-extra": __props.config.itemExtra }])
+        class: normalizeClass(["m-fields-table", { "m-fields-table-item-extra": _ctx.config.itemExtra }])
       }, [
-        __props.config.extra ? (openBlock(), createElementBlock("span", {
+        _ctx.config.extra ? (openBlock(), createElementBlock("span", {
           key: 0,
           style: { "color": "rgba(0, 0, 0, 0.45)" },
-          innerHTML: __props.config.extra
+          innerHTML: _ctx.config.extra
         }, null, 8, _hoisted_1$6)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2$2, [
+        createElementVNode("div", _hoisted_2$1, [
           createVNode(unref(TMagicTooltip), {
             content: "拖拽可排序",
             placement: "left-start",
-            disabled: __props.config.dropSort !== true
+            disabled: _ctx.config.dropSort !== true
           }, {
             default: withCtx(() => [
-              __props.model[unref(modelName)] ? (openBlock(), createBlock(unref(TMagicTable), {
+              _ctx.model[modelName.value] ? (openBlock(), createBlock(unref(TMagicTable), {
                 ref_key: "tMagicTable",
                 ref: tMagicTable,
                 style: { "width": "100%" },
-                "row-key": __props.config.rowKey || "id",
-                data: unref(data),
-                lastData: unref(lastData),
-                border: __props.config.border,
-                "max-height": __props.config.maxHeight,
+                "row-key": _ctx.config.rowKey || "id",
+                data: data.value,
+                lastData: lastData.value,
+                border: _ctx.config.border,
+                "max-height": _ctx.config.maxHeight,
                 "default-expand-all": true,
                 key: updateKey.value,
                 onSelect: selectHandle,
                 onSortChange: sortChange
               }, {
                 default: withCtx(() => [
-                  __props.config.itemExtra ? (openBlock(), createBlock(unref(TMagicTableColumn), {
+                  _ctx.config.itemExtra ? (openBlock(), createBlock(unref(TMagicTableColumn), {
                     key: 0,
                     fixed: "left",
                     width: "30",
@@ -1717,17 +1704,17 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                   }, {
                     default: withCtx((scope) => [
                       createElementVNode("span", {
-                        innerHTML: itemExtra(__props.config.itemExtra, scope.$index),
+                        innerHTML: itemExtra(_ctx.config.itemExtra, scope.$index),
                         class: "m-form-tip"
-                      }, null, 8, _hoisted_3$2)
+                      }, null, 8, _hoisted_3)
                     ]),
                     _: 1
                   })) : createCommentVNode("", true),
                   createVNode(unref(TMagicTableColumn), {
                     label: "操作",
-                    width: __props.config.operateColWidth || 55,
+                    width: _ctx.config.operateColWidth || 55,
                     align: "center",
-                    fixed: __props.config.fixed === false ? void 0 : "left"
+                    fixed: _ctx.config.fixed === false ? void 0 : "left"
                   }, {
                     default: withCtx((scope) => [
                       renderSlot(_ctx.$slots, "operateCol", { scope }),
@@ -1745,7 +1732,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 3
                   }, 8, ["width", "fixed"]),
-                  __props.sort && __props.model[unref(modelName)] && __props.model[unref(modelName)].length > 1 ? (openBlock(), createBlock(unref(TMagicTableColumn), {
+                  _ctx.sort && _ctx.model[modelName.value] && _ctx.model[modelName.value].length > 1 ? (openBlock(), createBlock(unref(TMagicTableColumn), {
                     key: 1,
                     label: "排序",
                     width: "60"
@@ -1762,7 +1749,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                             size: "small",
                             type: "primary",
                             icon: unref(ArrowUp),
-                            disabled: __props.disabled,
+                            disabled: _ctx.disabled,
                             text: "",
                             onClick: ($event) => upHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1),
                             onDblclick: ($event) => topHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
@@ -1770,7 +1757,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                         ]),
                         _: 2
                       }, 1024)) : createCommentVNode("", true),
-                      scope.$index + 1 + pagecontext.value * pagesize.value - 1 !== __props.model[unref(modelName)].length - 1 ? (openBlock(), createBlock(unref(TMagicTooltip), {
+                      scope.$index + 1 + pagecontext.value * pagesize.value - 1 !== _ctx.model[modelName.value].length - 1 ? (openBlock(), createBlock(unref(TMagicTooltip), {
                         key: 1,
                         content: "点击下移，双击置底",
                         placement: "top"
@@ -1781,7 +1768,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                             size: "small",
                             type: "primary",
                             icon: unref(ArrowDown),
-                            disabled: __props.disabled,
+                            disabled: _ctx.disabled,
                             text: "",
                             onClick: ($event) => downHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1),
                             onDblclick: ($event) => bottomHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
@@ -1792,14 +1779,14 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })) : createCommentVNode("", true),
-                  unref(selection) ? (openBlock(), createBlock(unref(TMagicTableColumn), {
+                  selection.value ? (openBlock(), createBlock(unref(TMagicTableColumn), {
                     key: 2,
                     align: "center",
                     "header-align": "center",
                     type: "selection",
                     width: "45"
                   })) : createCommentVNode("", true),
-                  __props.showIndex && __props.config.showIndex ? (openBlock(), createBlock(unref(TMagicTableColumn), {
+                  _ctx.showIndex && _ctx.config.showIndex ? (openBlock(), createBlock(unref(TMagicTableColumn), {
                     key: 3,
                     width: "60",
                     label: "序号"
@@ -1809,7 +1796,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   })) : createCommentVNode("", true),
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.config.items, (column, index) => {
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.config.items, (column, index) => {
                     return openBlock(), createElementBlock(Fragment, null, [
                       column.type !== "hidden" && display$1(column.display) ? (openBlock(), createBlock(unref(TMagicTableColumn), {
                         prop: column.name,
@@ -1818,21 +1805,21 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                         sortable: column.sortable,
                         "sort-orders": ["ascending", "descending"],
                         key: column[unref(mForm)?.keyProp || "__key"] ?? index,
-                        "class-name": __props.config.dropSort === true ? "el-table__column--dropable" : ""
+                        "class-name": _ctx.config.dropSort === true ? "el-table__column--dropable" : ""
                       }, {
                         default: withCtx((scope) => [
                           scope.$index > -1 ? (openBlock(), createBlock(_sfc_main$v, {
                             key: 0,
                             labelWidth: "0",
-                            disabled: __props.disabled,
+                            disabled: _ctx.disabled,
                             prop: getProp(scope.$index),
                             rules: column.rules,
                             config: makeConfig(column, scope.row),
                             model: scope.row,
-                            lastValues: unref(lastData)[scope.$index],
-                            "is-compare": __props.isCompare,
-                            size: __props.size,
-                            onChange: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("change", __props.model[unref(modelName)])),
+                            lastValues: lastData.value[scope.$index],
+                            "is-compare": _ctx.isCompare,
+                            size: _ctx.size,
+                            onChange: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("change", _ctx.model[modelName.value])),
                             onAddDiffCount: _cache[1] || (_cache[1] = ($event) => onAddDiffCount())
                           }, null, 8, ["disabled", "prop", "rules", "config", "model", "lastValues", "is-compare", "size"])) : createCommentVNode("", true)
                         ]),
@@ -1847,21 +1834,21 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
             _: 3
           }, 8, ["disabled"]),
           renderSlot(_ctx.$slots, "default"),
-          unref(addable) ? (openBlock(), createBlock(unref(TMagicButton), {
+          addable.value ? (openBlock(), createBlock(unref(TMagicButton), {
             key: 0,
             size: "small",
             type: "primary",
-            disabled: __props.disabled,
+            disabled: _ctx.disabled,
             plain: "",
             onClick: _cache[2] || (_cache[2] = ($event) => newHandler())
           }, {
             default: withCtx(() => [
-              _hoisted_4$1
+              createTextVNode("新增一行")
             ]),
             _: 1
           }, 8, ["disabled"])) : createCommentVNode("", true),
-          _hoisted_5,
-          __props.enableToggleMode && !isFullscreen.value ? (openBlock(), createBlock(unref(TMagicButton), {
+          createTextVNode("   "),
+          _ctx.enableToggleMode && !isFullscreen.value ? (openBlock(), createBlock(unref(TMagicButton), {
             key: 1,
             icon: unref(Grid),
             size: "small",
@@ -1869,11 +1856,11 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
             onClick: toggleMode
           }, {
             default: withCtx(() => [
-              _hoisted_6
+              createTextVNode("展开配置")
             ]),
             _: 1
           }, 8, ["icon"])) : createCommentVNode("", true),
-          __props.config.enableFullscreen !== false ? (openBlock(), createBlock(unref(TMagicButton), {
+          _ctx.config.enableFullscreen !== false ? (openBlock(), createBlock(unref(TMagicButton), {
             key: 2,
             icon: unref(FullScreen),
             size: "small",
@@ -1885,13 +1872,13 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 8, ["icon"])) : createCommentVNode("", true),
-          unref(importable) ? (openBlock(), createBlock(unref(TMagicUpload), {
+          importable.value ? (openBlock(), createBlock(unref(TMagicUpload), {
             key: 3,
             style: { "display": "inline-block" },
             ref_key: "excelBtn",
             ref: excelBtn,
             action: "/noop",
-            disabled: __props.disabled,
+            disabled: _ctx.disabled,
             "on-change": excelHandler,
             "auto-upload": false
           }, {
@@ -1899,40 +1886,40 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
               createVNode(unref(TMagicButton), {
                 size: "small",
                 type: "success",
-                disabled: __props.disabled,
+                disabled: _ctx.disabled,
                 plain: ""
               }, {
                 default: withCtx(() => [
-                  _hoisted_7
+                  createTextVNode("导入EXCEL")
                 ]),
                 _: 1
               }, 8, ["disabled"])
             ]),
             _: 1
           }, 8, ["disabled"])) : createCommentVNode("", true),
-          _hoisted_8,
-          unref(importable) ? (openBlock(), createBlock(unref(TMagicButton), {
+          createTextVNode("  "),
+          importable.value ? (openBlock(), createBlock(unref(TMagicButton), {
             key: 4,
             size: "small",
             type: "warning",
-            disabled: __props.disabled,
+            disabled: _ctx.disabled,
             plain: "",
             onClick: _cache[3] || (_cache[3] = ($event) => clearHandler())
           }, {
             default: withCtx(() => [
-              _hoisted_9
+              createTextVNode("清空")
             ]),
             _: 1
           }, 8, ["disabled"])) : createCommentVNode("", true)
         ]),
-        __props.config.pagination ? (openBlock(), createElementBlock("div", _hoisted_10, [
+        _ctx.config.pagination ? (openBlock(), createElementBlock("div", _hoisted_4, [
           createVNode(unref(TMagicPagination), {
             layout: "total, sizes, prev, pager, next, jumper",
-            "hide-on-single-page": __props.model[unref(modelName)].length < pagesize.value,
+            "hide-on-single-page": _ctx.model[modelName.value].length < pagesize.value,
             "current-page": pagecontext.value + 1,
             "page-sizes": [pagesize.value, 60, 120, 300],
             "page-size": pagesize.value,
-            total: __props.model[unref(modelName)].length,
+            total: _ctx.model[modelName.value].length,
             onSizeChange: handleSizeChange,
             onCurrentChange: handleCurrentChange
           }, null, 8, ["hide-on-single-page", "current-page", "page-sizes", "page-size", "total"])
@@ -1942,28 +1929,28 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
   }
 });
 
-const __default__$m = defineComponent({
-  name: "MFormTabs"
-});
 const _sfc_main$m = /* @__PURE__ */ defineComponent({
-  ...__default__$m,
+  ...{
+    name: "MFormTabs"
+  },
+  __name: "Tabs",
   props: {
-    model: null,
+    model: {},
     lastValues: { default: () => ({}) },
     isCompare: { type: Boolean, default: false },
-    config: null,
-    name: null,
-    size: null,
-    labelWidth: null,
-    prop: null,
+    config: {},
+    name: {},
+    size: {},
+    labelWidth: {},
+    prop: {},
     expandMore: { type: Boolean },
     disabled: { type: Boolean }
   },
   emits: ["change", "addDiffCount"],
   setup(__props, { emit }) {
     const props = __props;
-    const tabPaneComponent = getConfig$1("components").tabPane;
-    const tabsComponent = getConfig$1("components").tabs;
+    const tabPaneComponent = getConfig$1("components")?.tabPane;
+    const tabsComponent = getConfig$1("components")?.tabs;
     const getActive = (mForm2, props2, activeTabName2) => {
       const { config, model, prop } = props2;
       const { active } = config;
@@ -2059,28 +2046,31 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
       emit("addDiffCount");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(unref(tabsComponent).component), mergeProps(
+      return openBlock(), createBlock(resolveDynamicComponent(unref(tabsComponent)?.component || "el-tabs"), mergeProps(
         {
           modelValue: activeTabName.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeTabName.value = $event)
         },
-        unref(tabsComponent).props({
-          type: __props.config.tabType,
-          editable: __props.config.editable || false,
-          tabPosition: __props.config.tabPosition || "top"
-        }),
+        unref(tabsComponent)?.props({
+          type: _ctx.config.tabType,
+          editable: _ctx.config.editable || false,
+          tabPosition: _ctx.config.tabPosition || "top"
+        }) || {},
         {
-          class: `tmagic-design-tabs ${__props.config.dynamic ? "magic-form-dynamic-tab" : "magic-form-tab"}`,
+          class: `tmagic-design-tabs ${_ctx.config.dynamic ? "magic-form-dynamic-tab" : "magic-form-tab"}`,
           onTabClick: tabClickHandler,
           onTabAdd,
           onTabRemove
         }
       ), {
         default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(tabs), (tab, tabIndex) => {
-            return openBlock(), createBlock(resolveDynamicComponent(unref(tabPaneComponent).component), mergeProps({
-              key: tab[unref(mForm)?.keyProp || "__key"] ?? tabIndex
-            }, unref(tabPaneComponent).props({ name: filter(tab.status) || tabIndex.toString(), lazy: tab.lazy || false })), {
+          (openBlock(true), createElementBlock(Fragment, null, renderList(tabs.value, (tab, tabIndex) => {
+            return openBlock(), createBlock(resolveDynamicComponent(unref(tabPaneComponent)?.component || "el-tab-pane"), mergeProps(
+              {
+                key: tab[unref(mForm)?.keyProp || "__key"] ?? tabIndex
+              },
+              unref(tabPaneComponent)?.props({ name: filter(tab.status) || tabIndex.toString(), lazy: tab.lazy || false }) || {}
+            ), {
               label: withCtx(() => [
                 createElementVNode("span", null, [
                   createTextVNode(toDisplayString(filter(tab.title)), 1),
@@ -2096,14 +2086,14 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                   return openBlock(), createBlock(_sfc_main$v, {
                     key: item[unref(mForm)?.keyProp || "__key"],
                     config: item,
-                    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": 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,
+                    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": 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,
                     onChange: changeHandler,
                     onAddDiffCount: ($event) => onAddDiffCount(tabIndex)
                   }, null, 8, ["config", "disabled", "model", "last-values", "is-compare", "prop", "size", "label-width", "expand-more", "onAddDiffCount"]);
@@ -2145,21 +2135,21 @@ const useAddField = (prop) => {
   );
 };
 
-const __default__$l = defineComponent({
-  name: "MFormCascader"
-});
 const _sfc_main$l = /* @__PURE__ */ defineComponent({
-  ...__default__$l,
+  ...{
+    name: "MFormCascader"
+  },
+  __name: "Cascader",
   props: {
-    config: null,
-    model: null,
-    initValues: null,
-    values: null,
-    name: null,
-    prop: null,
+    config: {},
+    model: {},
+    initValues: {},
+    values: {},
+    name: {},
+    prop: {},
     disabled: { type: Boolean },
-    size: null,
-    lastValues: null
+    size: {},
+    lastValues: {}
   },
   emits: ["change"],
   setup(__props, { emit }) {
@@ -2215,39 +2205,39 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TMagicCascader), {
-        modelValue: __props.model[__props.name],
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
+        modelValue: _ctx.model[_ctx.name],
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
         ref_key: "tMagicCascader",
         ref: tMagicCascader,
         style: { "width": "100%" },
         clearable: "",
         filterable: "",
-        size: __props.size,
-        placeholder: __props.config.placeholder,
-        disabled: __props.disabled,
+        size: _ctx.size,
+        placeholder: _ctx.config.placeholder,
+        disabled: _ctx.disabled,
         options: unref(options),
-        props: { multiple: __props.config.multiple },
+        props: { multiple: _ctx.config.multiple },
         onChange: changeHandler
       }, null, 8, ["modelValue", "size", "placeholder", "disabled", "options", "props"]);
     };
   }
 });
 
-const __default__$k = defineComponent({
-  name: "MFormCheckbox"
-});
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
-  ...__default__$k,
+  ...{
+    name: "MFormCheckbox"
+  },
+  __name: "Checkbox",
   props: {
-    config: null,
-    model: null,
-    initValues: null,
-    values: null,
-    name: null,
-    prop: null,
+    config: {},
+    model: {},
+    initValues: {},
+    values: {},
+    name: {},
+    prop: {},
     disabled: { type: Boolean },
-    size: null,
-    lastValues: null
+    size: {},
+    lastValues: {}
   },
   emits: ["change"],
   setup(__props, { emit }) {
@@ -2278,16 +2268,16 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TMagicCheckbox), {
-        modelValue: __props.model[__props.name],
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
-        size: __props.size,
-        trueLabel: unref(activeValue),
-        falseLabel: unref(inactiveValue),
-        disabled: __props.disabled,
+        modelValue: _ctx.model[_ctx.name],
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
+        size: _ctx.size,
+        trueLabel: activeValue.value,
+        falseLabel: inactiveValue.value,
+        disabled: _ctx.disabled,
         onChange: changeHandler
       }, {
         default: withCtx(() => [
-          createTextVNode(toDisplayString(__props.config.text), 1)
+          createTextVNode(toDisplayString(_ctx.config.text), 1)
         ]),
         _: 1
       }, 8, ["modelValue", "size", "trueLabel", "falseLabel", "disabled"]);
@@ -2295,21 +2285,21 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
   }
 });
 
-const __default__$j = defineComponent({
-  name: "MFormCheckGroup"
-});
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
-  ...__default__$j,
+  ...{
+    name: "MFormCheckGroup"
+  },
+  __name: "CheckboxGroup",
   props: {
-    config: null,
-    model: null,
-    initValues: null,
-    values: null,
-    name: null,
-    prop: null,
+    config: {},
+    model: {},
+    initValues: {},
+    values: {},
+    name: {},
+    prop: {},
     disabled: { type: Boolean },
-    size: null,
-    lastValues: null
+    size: {},
+    lastValues: {}
   },
   emits: ["change"],
   setup(__props, { emit }) {
@@ -2331,14 +2321,14 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TMagicCheckboxGroup), {
-        modelValue: __props.model[__props.name],
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
-        size: __props.size,
-        disabled: __props.disabled,
+        modelValue: _ctx.model[_ctx.name],
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
+        size: _ctx.size,
+        disabled: _ctx.disabled,
         onChange: changeHandler
       }, {
         default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(options), (option) => {
+          (openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (option) => {
             return openBlock(), createBlock(unref(TMagicCheckbox), {
               label: option.value,
               value: option.value,
@@ -2358,21 +2348,21 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   }
 });
 
-const __default__$i = defineComponent({
-  name: "MFormColorPicker"
-});
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
-  ...__default__$i,
+  ...{
+    name: "MFormColorPicker"
+  },
+  __name: "ColorPicker",
   props: {
-    config: null,
-    model: null,
-    initValues: null,
-    values: null,
-    name: null,
-    prop: null,
+    config: {},
+    model: {},
+    initValues: {},
+    values: {},
+    name: {},
+    prop: {},
     disabled: { type: Boolean },
-    size: null,
-    lastValues: null
+    size: {},
+    lastValues: {}
   },
   emits: ["change"],
   setup(__props, { emit }) {
@@ -2381,10 +2371,10 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     const changeHandler = (value) => emit("change", value);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TMagicColorPicker), {
-        modelValue: __props.model[__props.name],
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
-        size: __props.size,
-        disabled: __props.disabled,
+        modelValue: _ctx.model[_ctx.name],
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
+        size: _ctx.size,
+        disabled: _ctx.disabled,
         showAlpha: true,
         onChange: changeHandler
       }, null, 8, ["modelValue", "size", "disabled"]);
@@ -2392,21 +2382,21 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
   }
 });
 
-const __default__$h = defineComponent({
-  name: "MFormDate"
-});
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
-  ...__default__$h,
+  ...{
+    name: "MFormDate"
+  },
+  __name: "Date",
   props: {
-    config: null,
-    model: null,
-    initValues: null,
-    values: null,
-    name: null,
-    prop: null,
+    config: {},
+    model: {},
+    initValues: {},
+    values: {},
+    name: {},
+    prop: {},
     disabled: { type: Boolean },
-    size: null,
-    lastValues: null
+    size: {},
+    lastValues: {}
   },
   emits: ["change"],
   setup(__props, { emit }) {
@@ -2418,35 +2408,35 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TMagicDatePicker), {
-        modelValue: __props.model[__props.name],
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
+        modelValue: _ctx.model[_ctx.name],
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
         type: "date",
-        size: __props.size,
-        placeholder: __props.config.placeholder,
-        disabled: __props.disabled,
-        format: __props.config.format,
-        "value-format": __props.config.valueFormat || "YYYY-MM-DD HH:mm:ss",
+        size: _ctx.size,
+        placeholder: _ctx.config.placeholder,
+        disabled: _ctx.disabled,
+        format: _ctx.config.format,
+        "value-format": _ctx.config.valueFormat || "YYYY-MM-DD HH:mm:ss",
         onChange: changeHandler
       }, null, 8, ["modelValue", "size", "placeholder", "disabled", "format", "value-format"]);
     };
   }
 });
 
-const __default__$g = defineComponent({
-  name: "MFormDateRange"
-});
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
-  ...__default__$g,
+  ...{
+    name: "MFormDateRange"
+  },
+  __name: "Daterange",
   props: {
-    config: null,
-    model: null,
-    initValues: null,
-    values: null,
-    name: null,
-    prop: null,
+    config: {},
+    model: {},
+    initValues: {},
+    values: {},
+    name: {},
+    prop: {},
     disabled: { type: Boolean },
-    size: null,
-    lastValues: null
+    size: {},
+    lastValues: {}
   },
   emits: ["change"],
   setup(__props, { emit }) {
@@ -2524,31 +2514,31 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
         "range-separator": "-",
         "start-placeholder": "开始日期",
         "end-placeholder": "结束日期",
-        size: __props.size,
+        size: _ctx.size,
         "unlink-panels": true,
-        disabled: __props.disabled,
-        "default-time": __props.config.defaultTime,
+        disabled: _ctx.disabled,
+        "default-time": _ctx.config.defaultTime,
         onChange: changeHandler
       }, null, 8, ["modelValue", "size", "disabled", "default-time"]);
     };
   }
 });
 
-const __default__$f = defineComponent({
-  name: "MFormDateTime"
-});
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
-  ...__default__$f,
+  ...{
+    name: "MFormDateTime"
+  },
+  __name: "DateTime",
   props: {
-    config: null,
-    model: null,
-    initValues: null,
-    values: null,
-    name: null,
-    prop: null,
+    config: {},
+    model: {},
+    initValues: {},
+    values: {},
+    name: {},
+    prop: {},
     disabled: { type: Boolean },
-    size: null,
-    lastValues: null
+    size: {},
+    lastValues: {}
   },
   emits: ["change"],
   setup(__props, { emit }) {
@@ -2567,16 +2557,16 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TMagicDatePicker), {
-        modelValue: __props.model[__props.name],
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
+        modelValue: _ctx.model[_ctx.name],
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
         "popper-class": "magic-datetime-picker-popper",
         type: "datetime",
-        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,
+        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,
         onChange: changeHandler
       }, null, 8, ["modelValue", "size", "placeholder", "disabled", "format", "value-format", "default-time"]);
     };
@@ -2584,19 +2574,19 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$5 = { key: 0 };
-const __default__$e = defineComponent({
-  name: "MFormDisplay"
-});
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
-  ...__default__$e,
+  ...{
+    name: "MFormDisplay"
+  },
+  __name: "Display",
   props: {
-    config: null,
-    model: null,
-    initValues: null,
-    values: null,
-    name: null,
-    prop: null,
-    lastValues: null
+    config: {},
+    model: {},
+    initValues: {},
+    values: {},
+    name: {},
+    prop: {},
+    lastValues: {}
   },
   setup(__props) {
     const props = __props;
@@ -2605,27 +2595,27 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     }
     useAddField(props.prop);
     return (_ctx, _cache) => {
-      return __props.model ? (openBlock(), createElementBlock("span", _hoisted_1$5, toDisplayString(__props.model[__props.name]), 1)) : createCommentVNode("", true);
+      return _ctx.model ? (openBlock(), createElementBlock("span", _hoisted_1$5, toDisplayString(_ctx.model[_ctx.name]), 1)) : createCommentVNode("", true);
     };
   }
 });
 
 const _hoisted_1$4 = { class: "m-fields-dynamic-field" };
-const __default__$d = defineComponent({
-  name: "MFormDynamicField"
-});
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
-  ...__default__$d,
+  ...{
+    name: "MFormDynamicField"
+  },
+  __name: "DynamicField",
   props: {
-    config: null,
-    model: null,
-    initValues: null,
-    values: null,
-    name: null,
-    prop: null,
+    config: {},
+    model: {},
+    initValues: {},
+    values: {},
+    name: {},
+    prop: {},
     disabled: { type: Boolean },
-    size: null,
-    lastValues: null
+    size: {},
+    lastValues: {}
   },
   emits: ["change"],
   setup(__props, { emit }) {
@@ -2703,40 +2693,40 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   }
 });
 
-const __default__$c = defineComponent({
-  name: "MFormHidden"
-});
 const _sfc_main$c = /* @__PURE__ */ defineComponent({
-  ...__default__$c,
+  ...{
+    name: "MFormHidden"
+  },
+  __name: "Hidden",
   props: {
-    config: null,
-    model: null,
-    initValues: null,
-    values: null,
-    name: null,
-    prop: null,
-    lastValues: null
+    config: {},
+    model: {},
+    initValues: {},
+    values: {},
+    name: {},
+    prop: {},
+    lastValues: {}
   },
   setup(__props) {
     const props = __props;
     useAddField(props.prop);
     return (_ctx, _cache) => {
-      return __props.model ? withDirectives((openBlock(), createElementBlock("input", {
+      return _ctx.model ? withDirectives((openBlock(), createElementBlock("input", {
         key: 0,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
         type: "hidden"
       }, null, 512)), [
-        [vModelText, __props.model[__props.name]]
+        [vModelText, _ctx.model[_ctx.name]]
       ]) : createCommentVNode("", true);
     };
   }
 });
 
-const __default__$b = defineComponent({
-  name: "MForm"
-});
 const _sfc_main$b = /* @__PURE__ */ defineComponent({
-  ...__default__$b,
+  ...{
+    name: "MForm"
+  },
+  __name: "Form",
   props: {
     config: { default: () => [] },
     initValues: { default: () => ({}) },
@@ -2747,14 +2737,15 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean, default: false },
     height: { default: "auto" },
     stepActive: { default: 1 },
-    size: null,
+    size: {},
     inline: { type: Boolean, default: false },
     labelPosition: { default: "right" },
     keyProp: { default: "__key" },
-    popperClass: null
+    popperClass: {},
+    extendState: {}
   },
   emits: ["change", "field-input", "field-change"],
-  setup(__props, { expose, emit }) {
+  setup(__props, { expose: __expose, emit }) {
     const props = __props;
     const tMagicForm = ref();
     const initialized = ref(false);
@@ -2786,7 +2777,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         }
       }
     });
-    watchEffect(() => {
+    watchEffect(async () => {
       formState.initValues = props.initValues;
       formState.lastValues = props.lastValues;
       formState.isCompare = props.isCompare;
@@ -2794,6 +2785,12 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       formState.keyProp = props.keyProp;
       formState.popperClass = props.popperClass;
       formState.parentValues = props.parentValues;
+      if (typeof props.extendState === "function") {
+        const state = await props.extendState(formState) || {};
+        Object.entries(state).forEach(([key, value]) => {
+          formState[key] = value;
+        });
+      }
     });
     provide("mForm", formState);
     watch(
@@ -2824,7 +2821,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     const changeHandler = () => {
       emit("change", values.value);
     };
-    expose({
+    __expose({
       values,
       lastValuesProcessed,
       formState,
@@ -2857,23 +2854,23 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         ref_key: "tMagicForm",
         ref: tMagicForm,
         model: values.value,
-        "label-width": __props.labelWidth,
-        style: normalizeStyle(`height: ${__props.height}`),
-        inline: __props.inline,
-        "label-position": __props.labelPosition
+        "label-width": _ctx.labelWidth,
+        style: normalizeStyle(`height: ${_ctx.height}`),
+        inline: _ctx.inline,
+        "label-position": _ctx.labelPosition
       }, {
         default: withCtx(() => [
-          initialized.value && Array.isArray(__props.config) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.config, (item, index) => {
+          initialized.value && Array.isArray(_ctx.config) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.config, (item, index) => {
             return openBlock(), createBlock(_sfc_main$v, {
-              disabled: __props.disabled,
-              key: item[__props.keyProp] ?? index,
+              disabled: _ctx.disabled,
+              key: item[_ctx.keyProp] ?? index,
               config: item,
               model: values.value,
               "last-values": lastValuesProcessed.value,
-              "is-compare": __props.isCompare,
-              "label-width": item.labelWidth || __props.labelWidth,
-              "step-active": __props.stepActive,
-              size: __props.size,
+              "is-compare": _ctx.isCompare,
+              "label-width": item.labelWidth || _ctx.labelWidth,
+              "step-active": _ctx.stepActive,
+              size: _ctx.size,
               onChange: changeHandler
             }, null, 8, ["disabled", "config", "model", "last-values", "is-compare", "label-width", "step-active", "size"]);
           }), 128)) : createCommentVNode("", true)
@@ -2885,29 +2882,26 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$3 = { style: { "min-height": "1px" } };
-const _hoisted_2$1 = /* @__PURE__ */ createTextVNode("取 消");
-const _hoisted_3$1 = /* @__PURE__ */ createTextVNode("上一步");
-const _hoisted_4 = /* @__PURE__ */ createTextVNode("下一步");
-const __default__$a = defineComponent({
-  name: "MFormDialog"
-});
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
-  ...__default__$a,
+  ...{
+    name: "MFormDialog"
+  },
+  __name: "FormDialog",
   props: {
     config: { default: () => [] },
     values: { default: () => ({}) },
-    parentValues: null,
-    width: null,
-    labelWidth: null,
+    parentValues: {},
+    width: {},
+    labelWidth: {},
     fullscreen: { type: Boolean },
     disabled: { type: Boolean },
-    title: null,
-    zIndex: null,
-    size: null,
+    title: {},
+    zIndex: {},
+    size: {},
     confirmText: { default: "确定" }
   },
   emits: ["close", "submit", "error", "change"],
-  setup(__props, { expose, emit }) {
+  setup(__props, { expose: __expose, emit }) {
     const props = __props;
     const form = ref();
     const dialogVisible = ref(false);
@@ -2956,7 +2950,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     const changeHandler = (value) => {
       emit("change", value);
     };
-    expose({
+    __expose({
       form,
       saveFetch,
       dialogVisible,
@@ -2970,10 +2964,10 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         class: "m-form-dialog",
         top: "20px",
         "append-to-body": "",
-        title: __props.title,
-        width: __props.width,
-        zIndex: __props.zIndex,
-        fullscreen: __props.fullscreen,
+        title: _ctx.title,
+        width: _ctx.width,
+        zIndex: _ctx.zIndex,
+        fullscreen: _ctx.fullscreen,
         "close-on-click-modal": false,
         onClose: closeHandler
       }, {
@@ -2999,29 +2993,29 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                       size: "small"
                     }, {
                       default: withCtx(() => [
-                        _hoisted_2$1
+                        createTextVNode("取 消")
                       ]),
                       _: 1
                     }),
-                    unref(hasStep) && stepActive.value > 1 ? (openBlock(), createBlock(unref(TMagicButton), {
+                    hasStep.value && stepActive.value > 1 ? (openBlock(), createBlock(unref(TMagicButton), {
                       key: 0,
                       type: "info",
                       size: "small",
                       onClick: preStep
                     }, {
                       default: withCtx(() => [
-                        _hoisted_3$1
+                        createTextVNode("上一步")
                       ]),
                       _: 1
                     })) : createCommentVNode("", true),
-                    unref(hasStep) && unref(stepCount) > stepActive.value ? (openBlock(), createBlock(unref(TMagicButton), {
+                    hasStep.value && stepCount.value > stepActive.value ? (openBlock(), createBlock(unref(TMagicButton), {
                       key: 1,
                       type: "info",
                       size: "small",
                       onClick: nextStep
                     }, {
                       default: withCtx(() => [
-                        _hoisted_4
+                        createTextVNode("下一步")
                       ]),
                       _: 1
                     })) : (openBlock(), createBlock(unref(TMagicButton), {
@@ -3032,7 +3026,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                       onClick: save
                     }, {
                       default: withCtx(() => [
-                        createTextVNode(toDisplayString(__props.confirmText), 1)
+                        createTextVNode(toDisplayString(_ctx.confirmText), 1)
                       ]),
                       _: 1
                     }, 8, ["loading"]))
@@ -3055,12 +3049,12 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => stepActive.value = $event),
               ref_key: "form",
               ref: form,
-              size: __props.size,
-              disabled: __props.disabled,
-              config: __props.config,
-              "init-values": __props.values,
-              "parent-values": __props.parentValues,
-              "label-width": __props.labelWidth,
+              size: _ctx.size,
+              disabled: _ctx.disabled,
+              config: _ctx.config,
+              "init-values": _ctx.values,
+              "parent-values": _ctx.parentValues,
+              "label-width": _ctx.labelWidth,
               onChange: changeHandler
             }, null, 8, ["modelValue", "size", "disabled", "config", "init-values", "parent-values", "label-width"]),
             renderSlot(_ctx.$slots, "default")
@@ -3077,22 +3071,21 @@ const _hoisted_2 = {
   key: 2,
   class: "m-fields-link"
 };
-const _hoisted_3 = /* @__PURE__ */ createTextVNode("点击编辑");
-const __default__$9 = defineComponent({
-  name: "MFormLink"
-});
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  ...__default__$9,
+  ...{
+    name: "MFormLink"
+  },
+  __name: "Link",
   props: {
-    config: null,
-    model: null,
-    initValues: null,
-    values: null,
-    name: null,
-    prop: null,
+    config: {},
+    model: {},
+    initValues: {},
+    values: {},
+    name: {},
+    prop: {},
     disabled: { type: Boolean },
-    size: null,
-    lastValues: null
+    size: {},
+    lastValues: {}
   },
   emits: ["change"],
   setup(__props, { emit }) {
@@ -3141,34 +3134,34 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       editor.value && (editor.value.dialogVisible = false);
     };
     return (_ctx, _cache) => {
-      return __props.config.href && !__props.disabled ? (openBlock(), createElementBlock("a", {
+      return _ctx.config.href && !_ctx.disabled ? (openBlock(), createElementBlock("a", {
         key: 0,
         target: "_blank",
-        href: unref(href),
-        style: normalizeStyle(__props.config.css || {})
-      }, toDisplayString(unref(displayText)), 13, _hoisted_1$2)) : __props.config.href && __props.disabled ? (openBlock(), createElementBlock("span", {
+        href: href.value,
+        style: normalizeStyle(_ctx.config.css || {})
+      }, toDisplayString(displayText.value), 13, _hoisted_1$2)) : _ctx.config.href && _ctx.disabled ? (openBlock(), createElementBlock("span", {
         key: 1,
-        style: normalizeStyle(__props.config.disabledCss || {})
-      }, toDisplayString(unref(displayText)), 5)) : (openBlock(), createElementBlock("div", _hoisted_2, [
+        style: normalizeStyle(_ctx.config.disabledCss || {})
+      }, toDisplayString(displayText.value), 5)) : (openBlock(), createElementBlock("div", _hoisted_2, [
         createVNode(unref(TMagicButton), {
           text: true,
           type: "primary",
           onClick: editHandler
         }, {
           default: withCtx(() => [
-            _hoisted_3
+            createTextVNode("点击编辑")
           ]),
           _: 1
         }),
         createVNode(_sfc_main$a, {
           ref_key: "editor",
           ref: editor,
-          title: __props.config.formTitle || "编辑扩展配置",
-          width: __props.config.formWidth,
+          title: _ctx.config.formTitle || "编辑扩展配置",
+          width: _ctx.config.formWidth,
           values: formValue.value,
-          config: unref(formConfig),
-          parentValues: __props.values,
-          fullscreen: __props.config.fullscreen,
+          config: formConfig.value,
+          parentValues: _ctx.values,
+          fullscreen: _ctx.config.fullscreen,
           onSubmit: action
         }, null, 8, ["title", "width", "values", "config", "parentValues", "fullscreen"])
       ]));
@@ -3176,21 +3169,21 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const __default__$8 = defineComponent({
-  name: "MFormNumber"
-});
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  ...__default__$8,
+  ...{
+    name: "MFormNumber"
+  },
+  __name: "Number",
   props: {
-    config: null,
-    model: null,
-    initValues: null,
-    values: null,
-    name: null,
-    prop: null,
+    config: {},
+    model: {},
+    initValues: {},
+    values: {},
+    name: {},
+    prop: {},
     disabled: { type: Boolean },
-    size: null,
-    lastValues: null
+    size: {},
+    lastValues: {}
   },
   emits: ["change", "input"],
   setup(__props, { emit }) {
@@ -3205,18 +3198,18 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       mForm?.$emit("field-input", props.prop, v);
     };
     return (_ctx, _cache) => {
-      return __props.model ? (openBlock(), createBlock(unref(TMagicInputNumber), {
+      return _ctx.model ? (openBlock(), createBlock(unref(TMagicInputNumber), {
         key: 0,
-        modelValue: __props.model[__props.name],
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
+        modelValue: _ctx.model[_ctx.name],
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
         clearable: "",
         "controls-position": "right",
-        size: __props.size,
-        max: __props.config.max,
-        min: __props.config.min,
-        step: __props.config.step,
-        placeholder: __props.config.placeholder,
-        disabled: __props.disabled,
+        size: _ctx.size,
+        max: _ctx.config.max,
+        min: _ctx.config.min,
+        step: _ctx.config.step,
+        placeholder: _ctx.config.placeholder,
+        disabled: _ctx.disabled,
         onChange: changeHandler,
         onInput: inputHandler
       }, null, 8, ["modelValue", "size", "max", "min", "step", "placeholder", "disabled"])) : createCommentVNode("", true);
@@ -3224,21 +3217,21 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const __default__$7 = defineComponent({
-  name: "MFormRadioGroup"
-});
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  ...__default__$7,
+  ...{
+    name: "MFormRadioGroup"
+  },
+  __name: "RadioGroup",
   props: {
-    config: null,
-    model: null,
-    initValues: null,
-    values: null,
-    name: null,
-    prop: null,
+    config: {},
+    model: {},
+    initValues: {},
+    values: {},
+    name: {},
+    prop: {},
     disabled: { type: Boolean },
-    size: null,
-    lastValues: null
+    size: {},
+    lastValues: {}
   },
   emits: ["change"],
   setup(__props, { emit }) {
@@ -3248,16 +3241,16 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
     useAddField(props.prop);
     return (_ctx, _cache) => {
-      return __props.model ? (openBlock(), createBlock(unref(TMagicRadioGroup), {
+      return _ctx.model ? (openBlock(), createBlock(unref(TMagicRadioGroup), {
         key: 0,
-        modelValue: __props.model[__props.name],
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
-        size: __props.size,
-        disabled: __props.disabled,
+        modelValue: _ctx.model[_ctx.name],
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
+        size: _ctx.size,
+        disabled: _ctx.disabled,
         onChange: changeHandler
       }, {
         default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.config.options, (option) => {
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.config.options, (option) => {
             return openBlock(), createBlock(unref(TMagicRadio), {
               label: option.value,
               value: option.value,
@@ -3276,18 +3269,18 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const __default__$6 = defineComponent({
-  name: "MFormSelectOptionGroups"
-});
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  ...__default__$6,
+  ...{
+    name: "MFormSelectOptionGroups"
+  },
+  __name: "SelectOptionGroups",
   props: {
-    options: null
+    options: {}
   },
   setup(__props) {
-    const uiComponent = getConfig$1("components").option;
+    const uiComponent = getConfig$1("components")?.option.component || "el-option";
     return (_ctx, _cache) => {
-      return openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (group, index) => {
+      return openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (group, index) => {
         return openBlock(), createBlock(unref(TMagicOptionGroup), {
           key: index,
           label: group.label,
@@ -3295,7 +3288,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [
             (openBlock(true), createElementBlock(Fragment, null, renderList(group.options, (item, index2) => {
-              return openBlock(), createBlock(resolveDynamicComponent(unref(uiComponent).component), {
+              return openBlock(), createBlock(resolveDynamicComponent(unref(uiComponent)), {
                 key: index2,
                 label: item.label || item.text,
                 value: item.value,
@@ -3310,22 +3303,22 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const __default__$5 = defineComponent({
-  name: "MFormSelectOptions"
-});
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  ...__default__$5,
+  ...{
+    name: "MFormSelectOptions"
+  },
+  __name: "SelectOptions",
   props: {
-    options: null,
-    valueKey: null
+    options: {},
+    valueKey: {}
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
+      return openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option) => {
         return openBlock(), createBlock(unref(TMagicOption), {
           label: option.text,
           value: option.value,
-          key: __props.valueKey ? option.value[__props.valueKey] : option.value,
+          key: _ctx.valueKey ? option.value[_ctx.valueKey] : option.value,
           disabled: option.disabled
         }, null, 8, ["label", "value", "disabled"]);
       }), 128);
@@ -3334,21 +3327,21 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$1 = { key: 2 };
-const __default__$4 = defineComponent({
-  name: "MFormSelect"
-});
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  ...__default__$4,
+  ...{
+    name: "MFormSelect"
+  },
+  __name: "Select",
   props: {
-    config: null,
-    model: null,
-    initValues: null,
-    values: null,
-    name: null,
-    prop: null,
+    config: {},
+    model: {},
+    initValues: {},
+    values: {},
+    name: {},
+    prop: {},
     disabled: { type: Boolean },
-    size: null,
-    lastValues: null
+    size: {},
+    lastValues: {}
   },
   emits: ["change"],
   setup(__props, { emit }) {
@@ -3376,12 +3369,16 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       return value === v;
     };
     const mapOptions = (data) => {
-      const { option } = props.config;
-      const { text } = option;
-      const { value } = option;
+      const {
+        option = {
+          text: "text",
+          value: "value"
+        }
+      } = props.config;
+      const { text = "text", value = "value" } = option;
       return data.map((item) => ({
-        text: typeof text === "function" ? text(item) : item[text || "text"],
-        value: typeof value === "function" ? value(item) : item[value || "value"]
+        text: typeof text === "function" ? text(item) : item[text],
+        value: typeof value === "function" ? value(item) : item[value]
       }));
     };
     const getOptions = async () => {
@@ -3392,8 +3389,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       }
       loading.value = true;
       let items = [];
-      const { config } = props;
-      const { option } = config;
+      const { option } = props.config;
+      if (!option)
+        return [];
       const { root = "", totalKey = "total" } = option;
       let { body = {}, url } = option;
       if (typeof url === "function") {
@@ -3440,11 +3438,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           postOptions
         });
       }
-      const optionsData = root.split(".").reduce((accumulator, currentValue) => accumulator[currentValue], res);
-      const resTotal = globalThis.parseInt(
-        totalKey.split(".").reduce((accumulator, currentValue) => accumulator[currentValue], res),
-        10
-      );
+      const optionsData = getValueByKeyPath(root, res);
+      const resTotal = globalThis.parseInt(getValueByKeyPath(totalKey, res), 10);
       if (resTotal > 0) {
         total.value = resTotal;
       }
@@ -3493,8 +3488,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const getInitOption = async () => {
       if (!props.model)
         return [];
-      const { config } = props;
-      const { option } = config;
+      const { option } = props.config;
+      if (!option)
+        return [];
       const { root = "", initRoot = "" } = option;
       let { initBody = {} } = option;
       let options2 = [];
@@ -3544,7 +3540,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           postOptions
         });
       }
-      let initData = (initRoot || root).split(".").reduce((accumulator, currentValue) => accumulator[currentValue], res);
+      let initData = getValueByKeyPath(initRoot || root, res);
       if (initData) {
         if (!Array.isArray(initData)) {
           initData = [initData];
@@ -3649,29 +3645,29 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const groupOptions = options;
     return (_ctx, _cache) => {
       const _directive_loading = resolveDirective("loading");
-      return __props.model ? withDirectives((openBlock(), createBlock(unref(TMagicSelect), {
+      return _ctx.model ? withDirectives((openBlock(), createBlock(unref(TMagicSelect), {
         key: 0,
-        modelValue: __props.model[__props.name],
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
+        modelValue: _ctx.model[_ctx.name],
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
         class: "m-select",
         ref_key: "tMagicSelect",
         ref: tMagicSelect,
-        clearable: typeof __props.config.clearable !== "undefined" ? __props.config.clearable : true,
-        filterable: typeof __props.config.filterable !== "undefined" ? __props.config.filterable : true,
+        clearable: typeof _ctx.config.clearable !== "undefined" ? _ctx.config.clearable : true,
+        filterable: typeof _ctx.config.filterable !== "undefined" ? _ctx.config.filterable : true,
         "popper-class": `m-select-popper ${unref(popperClass)}`,
-        size: __props.size,
+        size: _ctx.size,
         remote: remote.value,
-        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,
+        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,
         onChange: changeHandler,
         onVisibleChange: visibleHandler
       }, {
         default: withCtx(() => [
-          __props.config.group ? (openBlock(), createBlock(_sfc_main$6, {
+          _ctx.config.group ? (openBlock(), createBlock(_sfc_main$6, {
             key: 0,
             options: unref(groupOptions)
           }, null, 8, ["options"])) : (openBlock(), createBlock(_sfc_main$5, {
@@ -3690,21 +3686,21 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const __default__$3 = defineComponent({
-  name: "MFormSwitch"
-});
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  ...__default__$3,
+  ...{
+    name: "MFormSwitch"
+  },
+  __name: "Switch",
   props: {
-    config: null,
-    model: null,
-    initValues: null,
-    values: null,
-    name: null,
-    prop: null,
+    config: {},
+    model: {},
+    initValues: {},
+    values: {},
+    name: {},
+    prop: {},
     disabled: { type: Boolean },
-    size: null,
-    lastValues: null
+    size: {},
+    lastValues: {}
   },
   emits: ["change"],
   setup(__props, { emit }) {
@@ -3735,12 +3731,12 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TMagicSwitch), {
-        modelValue: __props.model[__props.name],
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
-        size: __props.size,
-        activeValue: unref(activeValue),
-        inactiveValue: unref(inactiveValue),
-        disabled: __props.disabled,
+        modelValue: _ctx.model[_ctx.name],
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
+        size: _ctx.size,
+        activeValue: activeValue.value,
+        inactiveValue: inactiveValue.value,
+        disabled: _ctx.disabled,
         onChange: changeHandler
       }, null, 8, ["modelValue", "size", "activeValue", "inactiveValue", "disabled"]);
     };
@@ -3748,21 +3744,21 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1 = { key: 0 };
-const __default__$2 = defineComponent({
-  name: "MFormText"
-});
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  ...__default__$2,
+  ...{
+    name: "MFormText"
+  },
+  __name: "Text",
   props: {
-    config: null,
-    model: null,
-    initValues: null,
-    values: null,
-    name: null,
-    prop: null,
+    config: {},
+    model: {},
+    initValues: {},
+    values: {},
+    name: {},
+    prop: {},
     disabled: { type: Boolean },
-    size: null,
-    lastValues: null
+    size: {},
+    lastValues: {}
   },
   emits: ["change", "input"],
   setup(__props, { emit }) {
@@ -3839,53 +3835,54 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TMagicInput), {
-        modelValue: __props.model[__props.name],
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
+        modelValue: _ctx.model[_ctx.name],
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
         clearable: "",
-        size: __props.size,
-        placeholder: __props.config.placeholder,
-        disabled: __props.disabled,
+        size: _ctx.size,
+        placeholder: _ctx.config.placeholder,
+        disabled: _ctx.disabled,
         onChange: changeHandler,
         onInput: inputHandler,
         onKeyup: _cache[1] || (_cache[1] = ($event) => keyUpHandler($event))
       }, createSlots({ _: 2 }, [
-        __props.config.append ? {
+        _ctx.config.append ? {
           name: "append",
           fn: withCtx(() => [
-            typeof __props.config.append === "string" ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(__props.config.append), 1)) : createCommentVNode("", true),
-            typeof __props.config.append === "object" && __props.config.append.type === "button" ? (openBlock(), createBlock(unref(TMagicButton), {
+            typeof _ctx.config.append === "string" ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.config.append), 1)) : createCommentVNode("", true),
+            typeof _ctx.config.append === "object" && _ctx.config.append.type === "button" ? (openBlock(), createBlock(unref(TMagicButton), {
               key: 1,
               style: { "color": "#409eff" },
-              size: __props.size,
+              size: _ctx.size,
               onClick: withModifiers(buttonClickHandler, ["prevent"])
             }, {
               default: withCtx(() => [
-                createTextVNode(toDisplayString(__props.config.append.text), 1)
+                createTextVNode(toDisplayString(_ctx.config.append.text), 1)
               ]),
               _: 1
             }, 8, ["size", "onClick"])) : createCommentVNode("", true)
-          ])
+          ]),
+          key: "0"
         } : void 0
       ]), 1032, ["modelValue", "size", "placeholder", "disabled"]);
     };
   }
 });
 
-const __default__$1 = defineComponent({
-  name: "MFormTextarea"
-});
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...__default__$1,
+  ...{
+    name: "MFormTextarea"
+  },
+  __name: "Textarea",
   props: {
-    config: null,
-    model: null,
-    initValues: null,
-    values: null,
-    name: null,
-    prop: null,
+    config: {},
+    model: {},
+    initValues: {},
+    values: {},
+    name: {},
+    prop: {},
     disabled: { type: Boolean },
-    size: null,
-    lastValues: null
+    size: {},
+    lastValues: {}
   },
   emits: ["change", "input"],
   setup(__props, { emit }) {
@@ -3901,13 +3898,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TMagicInput), {
-        modelValue: __props.model[__props.name],
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
+        modelValue: _ctx.model[_ctx.name],
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
         type: "textarea",
-        size: __props.size,
+        size: _ctx.size,
         clearable: "",
-        placeholder: __props.config.placeholder,
-        disabled: __props.disabled,
+        placeholder: _ctx.config.placeholder,
+        disabled: _ctx.disabled,
         onChange: changeHandler,
         onInput: inputHandler
       }, null, 8, ["modelValue", "size", "placeholder", "disabled"]);
@@ -3915,21 +3912,21 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const __default__ = defineComponent({
-  name: "MFormTime"
-});
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+  ...{
+    name: "MFormTime"
+  },
+  __name: "Time",
   props: {
-    config: null,
-    model: null,
-    initValues: null,
-    values: null,
-    name: null,
-    prop: null,
+    config: {},
+    model: {},
+    initValues: {},
+    values: {},
+    name: {},
+    prop: {},
     disabled: { type: Boolean },
-    size: null,
-    lastValues: null
+    size: {},
+    lastValues: {}
   },
   emits: ["change"],
   setup(__props, { emit }) {
@@ -3940,13 +3937,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TMagicTimePicker), {
-        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,
+        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,
         onChange: changeHandler
       }, null, 8, ["modelValue", "value-format", "format", "size", "placeholder", "disabled"]);
     };
@@ -3956,41 +3953,40 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 const index$1 = '';
 
 const defaultInstallOpt = {};
-const install = (app, opt) => {
-  const option = Object.assign(defaultInstallOpt, opt);
-  app.config.globalProperties.$MAGIC_FORM = option;
-  setConfig(option);
-  app.component("m-form", _sfc_main$b);
-  app.component("m-form-dialog", _sfc_main$a);
-  app.component("m-form-container", _sfc_main$v);
-  app.component("m-form-fieldset", _sfc_main$u);
-  app.component("m-form-group-list", _sfc_main$s);
-  app.component("m-form-panel", _sfc_main$r);
-  app.component("m-form-row", _sfc_main$p);
-  app.component("m-form-step", _sfc_main$o);
-  app.component("m-form-table", _sfc_main$n);
-  app.component("m-form-tab", _sfc_main$m);
-  app.component("m-fields-text", _sfc_main$2);
-  app.component("m-fields-number", _sfc_main$8);
-  app.component("m-fields-textarea", _sfc_main$1);
-  app.component("m-fields-hidden", _sfc_main$c);
-  app.component("m-fields-date", _sfc_main$h);
-  app.component("m-fields-datetime", _sfc_main$f);
-  app.component("m-fields-daterange", _sfc_main$g);
-  app.component("m-fields-time", _sfc_main);
-  app.component("m-fields-checkbox", _sfc_main$k);
-  app.component("m-fields-switch", _sfc_main$3);
-  app.component("m-fields-color-picker", _sfc_main$i);
-  app.component("m-fields-checkbox-group", _sfc_main$j);
-  app.component("m-fields-radio-group", _sfc_main$7);
-  app.component("m-fields-display", _sfc_main$e);
-  app.component("m-fields-link", _sfc_main$9);
-  app.component("m-fields-select", _sfc_main$4);
-  app.component("m-fields-cascader", _sfc_main$l);
-  app.component("m-fields-dynamic-field", _sfc_main$d);
-};
 const index = {
-  install
+  install(app, opt = {}) {
+    const option = Object.assign(defaultInstallOpt, opt);
+    app.config.globalProperties.$MAGIC_FORM = option;
+    setConfig(option);
+    app.component("m-form", _sfc_main$b);
+    app.component("m-form-dialog", _sfc_main$a);
+    app.component("m-form-container", _sfc_main$v);
+    app.component("m-form-fieldset", _sfc_main$u);
+    app.component("m-form-group-list", _sfc_main$s);
+    app.component("m-form-panel", _sfc_main$r);
+    app.component("m-form-row", _sfc_main$p);
+    app.component("m-form-step", _sfc_main$o);
+    app.component("m-form-table", _sfc_main$n);
+    app.component("m-form-tab", _sfc_main$m);
+    app.component("m-fields-text", _sfc_main$2);
+    app.component("m-fields-number", _sfc_main$8);
+    app.component("m-fields-textarea", _sfc_main$1);
+    app.component("m-fields-hidden", _sfc_main$c);
+    app.component("m-fields-date", _sfc_main$h);
+    app.component("m-fields-datetime", _sfc_main$f);
+    app.component("m-fields-daterange", _sfc_main$g);
+    app.component("m-fields-time", _sfc_main);
+    app.component("m-fields-checkbox", _sfc_main$k);
+    app.component("m-fields-switch", _sfc_main$3);
+    app.component("m-fields-color-picker", _sfc_main$i);
+    app.component("m-fields-checkbox-group", _sfc_main$j);
+    app.component("m-fields-radio-group", _sfc_main$7);
+    app.component("m-fields-display", _sfc_main$e);
+    app.component("m-fields-link", _sfc_main$9);
+    app.component("m-fields-select", _sfc_main$4);
+    app.component("m-fields-cascader", _sfc_main$l);
+    app.component("m-fields-dynamic-field", _sfc_main$d);
+  }
 };
 
 export { _sfc_main$l as MCascader, _sfc_main$k as MCheckbox, _sfc_main$j as MCheckboxGroup, _sfc_main$i as MColorPicker, _sfc_main$v as MContainer, _sfc_main$h as MDate, _sfc_main$f as MDateTime, _sfc_main$g as MDaterange, _sfc_main$e as MDisplay, _sfc_main$d as MDynamicField, _sfc_main$u as MFieldset, _sfc_main$b as MForm, _sfc_main$a as MFormDialog, _sfc_main$s as MGroupList, _sfc_main$c as MHidden, _sfc_main$9 as MLink, _sfc_main$8 as MNumber, _sfc_main$r as MPanel, _sfc_main$7 as MRadioGroup, _sfc_main$p as MRow, _sfc_main$4 as MSelect, _sfc_main$3 as MSwitch, _sfc_main$n as MTable, _sfc_main$m as MTabs, _sfc_main$2 as MText, _sfc_main$1 as MTextarea, _sfc_main as MTime, createValues, index as default, display, filterFunction, getRules, initValue, useAddField };