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

package/dist/tmagic-form.umd.cjs

@@ -165,35 +165,35 @@
   };
 
   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 = vue.defineComponent({
-    name: "MFormContainer"
-  });
   const _sfc_main$v = /* @__PURE__ */ vue.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 }
     },
@@ -325,94 +325,94 @@
       return (_ctx, _cache) => {
         const _component_m_fields_hidden = vue.resolveComponent("m-fields-hidden");
         const _component_Container = vue.resolveComponent("Container", true);
-        return __props.config ? (vue.openBlock(), vue.createElementBlock("div", {
+        return _ctx.config ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
-          style: vue.normalizeStyle(__props.config.tip ? "display: flex;align-items: baseline;" : ""),
-          class: vue.normalizeClass([__props.config.className, "m-form-container"])
+          style: vue.normalizeStyle(_ctx.config.tip ? "display: flex;align-items: baseline;" : ""),
+          class: vue.normalizeClass([_ctx.config.className, "m-form-container"])
         }, [
-          vue.unref(type) === "hidden" ? (vue.openBlock(), vue.createBlock(_component_m_fields_hidden, {
+          type.value === "hidden" ? (vue.openBlock(), vue.createBlock(_component_m_fields_hidden, {
             key: 0,
-            model: __props.model,
-            config: __props.config,
-            name: __props.config.name,
-            disabled: vue.unref(disabled),
-            prop: vue.unref(itemProp)
-          }, null, 8, ["model", "config", "name", "disabled", "prop"])) : vue.unref(items) && !__props.config.text && vue.unref(type) && vue.unref(display$1) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(tagName)), {
-            key: key(__props.config),
-            size: __props.size,
-            model: __props.model,
-            "last-values": __props.lastValues,
-            "is-compare": __props.isCompare,
-            config: __props.config,
-            disabled: vue.unref(disabled),
-            name: vue.unref(name),
-            prop: vue.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 ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tagName.value), {
+            key: key(_ctx.config),
+            size: _ctx.size,
+            model: _ctx.model,
+            "last-values": _ctx.lastValues,
+            "is-compare": _ctx.isCompare,
+            config: _ctx.config,
+            disabled: disabled.value,
+            name: name.value,
+            prop: itemProp.value,
+            "step-active": _ctx.stepActive,
             "expand-more": expand.value,
-            "label-width": vue.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"])) : vue.unref(type) && vue.unref(display$1) && !vue.unref(showDiff) ? (vue.openBlock(), vue.createElementBlock(vue.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 ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
             vue.createVNode(vue.unref(design.TMagicFormItem), {
-              style: vue.normalizeStyle(__props.config.tip ? "flex: 1" : ""),
-              class: vue.normalizeClass({ hidden: `${vue.unref(itemLabelWidth)}` === "0" || !__props.config.text }),
-              prop: vue.unref(itemProp),
-              "label-width": vue.unref(itemLabelWidth),
-              rules: vue.unref(rule)
+              style: vue.normalizeStyle(_ctx.config.tip ? "flex: 1" : ""),
+              class: vue.normalizeClass({ hidden: `${itemLabelWidth.value}` === "0" || !_ctx.config.text }),
+              prop: itemProp.value,
+              "label-width": itemLabelWidth.value,
+              rules: rule.value
             }, {
               label: vue.withCtx(() => [
                 vue.createElementVNode("span", {
-                  innerHTML: vue.unref(type) === "checkbox" ? "" : __props.config.text
+                  innerHTML: type.value === "checkbox" ? "" : _ctx.config.text
                 }, null, 8, _hoisted_1$b)
               ]),
               default: vue.withCtx(() => [
-                vue.unref(tooltip) ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), { key: 0 }, {
+                tooltip.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), { key: 0 }, {
                   content: vue.withCtx(() => [
-                    vue.createElementVNode("div", { innerHTML: vue.unref(tooltip) }, null, 8, _hoisted_2$7)
+                    vue.createElementVNode("div", { innerHTML: tooltip.value }, null, 8, _hoisted_2$6)
                   ]),
                   default: vue.withCtx(() => [
-                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(tagName)), {
-                      key: key(__props.config),
-                      size: __props.size,
-                      model: __props.model,
-                      "last-values": __props.lastValues,
-                      config: __props.config,
-                      name: vue.unref(name),
-                      disabled: vue.unref(disabled),
-                      prop: vue.unref(itemProp),
+                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tagName.value), {
+                      key: key(_ctx.config),
+                      size: _ctx.size,
+                      model: _ctx.model,
+                      "last-values": _ctx.lastValues,
+                      config: _ctx.config,
+                      name: name.value,
+                      disabled: disabled.value,
+                      prop: itemProp.value,
                       onChange: onChangeHandler,
                       onAddDiffCount
                     }, null, 40, ["size", "model", "last-values", "config", "name", "disabled", "prop"]))
                   ]),
                   _: 1
-                })) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(tagName)), {
-                  key: key(__props.config),
-                  size: __props.size,
-                  model: __props.model,
-                  "last-values": __props.lastValues,
-                  config: __props.config,
-                  name: vue.unref(name),
-                  disabled: vue.unref(disabled),
-                  prop: vue.unref(itemProp),
+                })) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tagName.value), {
+                  key: key(_ctx.config),
+                  size: _ctx.size,
+                  model: _ctx.model,
+                  "last-values": _ctx.lastValues,
+                  config: _ctx.config,
+                  name: name.value,
+                  disabled: disabled.value,
+                  prop: itemProp.value,
                   onChange: onChangeHandler,
                   onAddDiffCount
                 }, null, 40, ["size", "model", "last-values", "config", "name", "disabled", "prop"])),
-                vue.unref(extra) && vue.unref(type) !== "table" ? (vue.openBlock(), vue.createElementBlock("div", {
+                extra.value && type.value !== "table" ? (vue.openBlock(), vue.createElementBlock("div", {
                   key: 2,
-                  innerHTML: vue.unref(extra),
+                  innerHTML: extra.value,
                   class: "m-form-tip"
-                }, null, 8, _hoisted_3$7)) : vue.createCommentVNode("", true)
+                }, null, 8, _hoisted_3$4)) : vue.createCommentVNode("", true)
               ]),
               _: 1
             }, 8, ["style", "class", "prop", "label-width", "rules"]),
-            __props.config.tip ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
+            _ctx.config.tip ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
               key: 0,
               placement: "left"
             }, {
               content: vue.withCtx(() => [
                 vue.createElementVNode("div", {
-                  innerHTML: __props.config.tip
-                }, null, 8, _hoisted_4$6)
+                  innerHTML: _ctx.config.tip
+                }, null, 8, _hoisted_4$4)
               ]),
               default: vue.withCtx(() => [
                 vue.createVNode(vue.unref(design.TMagicIcon), { style: { "line-height": "40px", "margin-left": "5px" } }, {
@@ -424,63 +424,63 @@
               ]),
               _: 1
             })) : vue.createCommentVNode("", true)
-          ], 64)) : vue.unref(type) && vue.unref(display$1) && vue.unref(showDiff) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
+          ], 64)) : type.value && display$1.value && showDiff.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
             vue.createVNode(vue.unref(design.TMagicFormItem), {
-              style: vue.normalizeStyle([__props.config.tip ? "flex: 1" : "", { "background": "#f7dadd" }]),
-              class: vue.normalizeClass({ hidden: `${vue.unref(itemLabelWidth)}` === "0" || !__props.config.text }),
-              prop: vue.unref(itemProp),
-              "label-width": vue.unref(itemLabelWidth),
-              rules: vue.unref(rule)
+              style: vue.normalizeStyle([_ctx.config.tip ? "flex: 1" : "", { "background": "#f7dadd" }]),
+              class: vue.normalizeClass({ hidden: `${itemLabelWidth.value}` === "0" || !_ctx.config.text }),
+              prop: itemProp.value,
+              "label-width": itemLabelWidth.value,
+              rules: rule.value
             }, {
               label: vue.withCtx(() => [
                 vue.createElementVNode("span", {
-                  innerHTML: vue.unref(type) === "checkbox" ? "" : __props.config.text
-                }, null, 8, _hoisted_5$4)
+                  innerHTML: type.value === "checkbox" ? "" : _ctx.config.text
+                }, null, 8, _hoisted_5$3)
               ]),
               default: vue.withCtx(() => [
-                vue.unref(tooltip) ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), { key: 0 }, {
+                tooltip.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), { key: 0 }, {
                   content: vue.withCtx(() => [
-                    vue.createElementVNode("div", { innerHTML: vue.unref(tooltip) }, null, 8, _hoisted_6$3)
+                    vue.createElementVNode("div", { innerHTML: tooltip.value }, null, 8, _hoisted_6$1)
                   ]),
                   default: vue.withCtx(() => [
-                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(tagName)), {
-                      key: key(__props.config),
-                      size: __props.size,
-                      model: __props.lastValues,
-                      config: __props.config,
-                      name: vue.unref(name),
-                      disabled: vue.unref(disabled),
-                      prop: vue.unref(itemProp),
+                    (vue.openBlock(), vue.createBlock(vue.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
-                })) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(tagName)), {
-                  key: key(__props.config),
-                  size: __props.size,
-                  model: __props.lastValues,
-                  config: __props.config,
-                  name: vue.unref(name),
-                  disabled: vue.unref(disabled),
-                  prop: vue.unref(itemProp),
+                })) : (vue.openBlock(), vue.createBlock(vue.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"])),
-                vue.unref(extra) ? (vue.openBlock(), vue.createElementBlock("div", {
+                extra.value ? (vue.openBlock(), vue.createElementBlock("div", {
                   key: 2,
-                  innerHTML: vue.unref(extra),
+                  innerHTML: extra.value,
                   class: "m-form-tip"
-                }, null, 8, _hoisted_7$3)) : vue.createCommentVNode("", true)
+                }, null, 8, _hoisted_7$1)) : vue.createCommentVNode("", true)
               ]),
               _: 1
             }, 8, ["style", "class", "prop", "label-width", "rules"]),
-            __props.config.tip ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
+            _ctx.config.tip ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
               key: 0,
               placement: "left"
             }, {
               content: vue.withCtx(() => [
                 vue.createElementVNode("div", {
-                  innerHTML: __props.config.tip
-                }, null, 8, _hoisted_8$2)
+                  innerHTML: _ctx.config.tip
+                }, null, 8, _hoisted_8$1)
               ]),
               default: vue.withCtx(() => [
                 vue.createVNode(vue.unref(design.TMagicIcon), { style: { "line-height": "40px", "margin-left": "5px" } }, {
@@ -493,60 +493,60 @@
               _: 1
             })) : vue.createCommentVNode("", true),
             vue.createVNode(vue.unref(design.TMagicFormItem), {
-              style: vue.normalizeStyle([__props.config.tip ? "flex: 1" : "", { "background": "#def7da" }]),
-              class: vue.normalizeClass({ hidden: `${vue.unref(itemLabelWidth)}` === "0" || !__props.config.text }),
-              prop: vue.unref(itemProp),
-              "label-width": vue.unref(itemLabelWidth),
-              rules: vue.unref(rule)
+              style: vue.normalizeStyle([_ctx.config.tip ? "flex: 1" : "", { "background": "#def7da" }]),
+              class: vue.normalizeClass({ hidden: `${itemLabelWidth.value}` === "0" || !_ctx.config.text }),
+              prop: itemProp.value,
+              "label-width": itemLabelWidth.value,
+              rules: rule.value
             }, {
               label: vue.withCtx(() => [
                 vue.createElementVNode("span", {
-                  innerHTML: vue.unref(type) === "checkbox" ? "" : __props.config.text
-                }, null, 8, _hoisted_9$1)
+                  innerHTML: type.value === "checkbox" ? "" : _ctx.config.text
+                }, null, 8, _hoisted_9)
               ]),
               default: vue.withCtx(() => [
-                vue.unref(tooltip) ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), { key: 0 }, {
+                tooltip.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), { key: 0 }, {
                   content: vue.withCtx(() => [
-                    vue.createElementVNode("div", { innerHTML: vue.unref(tooltip) }, null, 8, _hoisted_10$1)
+                    vue.createElementVNode("div", { innerHTML: tooltip.value }, null, 8, _hoisted_10)
                   ]),
                   default: vue.withCtx(() => [
-                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(tagName)), {
-                      key: key(__props.config),
-                      size: __props.size,
-                      model: __props.model,
-                      config: __props.config,
-                      name: vue.unref(name),
-                      disabled: vue.unref(disabled),
-                      prop: vue.unref(itemProp),
+                    (vue.openBlock(), vue.createBlock(vue.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
-                })) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(tagName)), {
-                  key: key(__props.config),
-                  size: __props.size,
-                  model: __props.model,
-                  config: __props.config,
-                  name: vue.unref(name),
-                  disabled: vue.unref(disabled),
-                  prop: vue.unref(itemProp),
+                })) : (vue.openBlock(), vue.createBlock(vue.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"])),
-                vue.unref(extra) ? (vue.openBlock(), vue.createElementBlock("div", {
+                extra.value ? (vue.openBlock(), vue.createElementBlock("div", {
                   key: 2,
-                  innerHTML: vue.unref(extra),
+                  innerHTML: extra.value,
                   class: "m-form-tip"
                 }, null, 8, _hoisted_11)) : vue.createCommentVNode("", true)
               ]),
               _: 1
             }, 8, ["style", "class", "prop", "label-width", "rules"]),
-            __props.config.tip ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
+            _ctx.config.tip ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
               key: 1,
               placement: "left"
             }, {
               content: vue.withCtx(() => [
                 vue.createElementVNode("div", {
-                  innerHTML: __props.config.tip
+                  innerHTML: _ctx.config.tip
                 }, null, 8, _hoisted_12)
               ]),
               default: vue.withCtx(() => [
@@ -559,26 +559,26 @@
               ]),
               _: 1
             })) : vue.createCommentVNode("", true)
-          ], 64)) : vue.unref(items) && vue.unref(display$1) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 4 }, [
-            (vue.unref(name) || vue.unref(name) === 0 ? __props.model[vue.unref(name)] : __props.model) ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(vue.unref(items), (item) => {
+          ], 64)) : items.value && display$1.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 4 }, [
+            (name.value || name.value === 0 ? _ctx.model[name.value] : _ctx.model) ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(items.value, (item) => {
               return vue.openBlock(), vue.createBlock(_component_Container, {
                 key: key(item),
-                model: vue.unref(name) || vue.unref(name) === 0 ? __props.model[vue.unref(name)] : __props.model,
-                "last-values": vue.unref(name) || vue.unref(name) === 0 ? __props.lastValues[vue.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: vue.unref(disabled),
-                "step-active": __props.stepActive,
+                size: _ctx.size,
+                disabled: disabled.value,
+                "step-active": _ctx.stepActive,
                 "expand-more": expand.value,
-                "label-width": vue.unref(itemLabelWidth),
-                prop: vue.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)) : vue.createCommentVNode("", true)
           ], 64)) : vue.createCommentVNode("", true),
-          __props.config.expand && vue.unref(type) !== "fieldset" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, [
+          _ctx.config.expand && type.value !== "fieldset" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, [
             vue.createVNode(vue.unref(design.TMagicButton), {
               type: "primary",
               size: "small",
@@ -598,29 +598,29 @@
   });
 
   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 = vue.defineComponent({
-    name: "MFormFieldset"
-  });
+  const _hoisted_7 = { style: { "flex": "1" } };
+  const _hoisted_8 = ["src"];
   const _sfc_main$u = /* @__PURE__ */ vue.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 }
     },
@@ -647,61 +647,61 @@
       const key = (item, index) => item[mForm?.keyProp || "__key"] ?? index;
       const onAddDiffCount = () => emit("addDiffCount");
       return (_ctx, _cache) => {
-        return (vue.unref(name) ? __props.model[vue.unref(name)] : __props.model) ? (vue.openBlock(), vue.createElementBlock("fieldset", {
+        return (name.value ? _ctx.model[name.value] : _ctx.model) ? (vue.openBlock(), vue.createElementBlock("fieldset", {
           key: 0,
           class: "m-fieldset",
-          style: vue.normalizeStyle(vue.unref(show) ? "padding: 15px 15px 0 5px;" : "border: 0")
+          style: vue.normalizeStyle(show.value ? "padding: 15px 15px 0 5px;" : "border: 0")
         }, [
-          vue.unref(name) && __props.config.checkbox ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(!vue.unref(show) ? "div" : "legend"), { key: 0 }, {
+          name.value && _ctx.config.checkbox ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(!show.value ? "div" : "legend"), { key: 0 }, {
             default: vue.withCtx(() => [
               vue.createVNode(vue.unref(design.TMagicCheckbox), {
-                modelValue: __props.model[vue.unref(name)].value,
+                modelValue: _ctx.model[name.value].value,
                 "onUpdate:modelValue": [
-                  _cache[0] || (_cache[0] = ($event) => __props.model[vue.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: vue.withCtx(() => [
                   vue.createElementVNode("span", {
-                    innerHTML: __props.config.legend
+                    innerHTML: _ctx.config.legend
                   }, null, 8, _hoisted_1$a),
-                  __props.config.extra ? (vue.openBlock(), vue.createElementBlock("span", {
+                  _ctx.config.extra ? (vue.openBlock(), vue.createElementBlock("span", {
                     key: 0,
-                    innerHTML: __props.config.extra,
+                    innerHTML: _ctx.config.extra,
                     class: "m-form-tip"
-                  }, null, 8, _hoisted_2$6)) : vue.createCommentVNode("", true)
+                  }, null, 8, _hoisted_2$5)) : vue.createCommentVNode("", true)
                 ]),
                 _: 1
               }, 8, ["modelValue", "prop"])
             ]),
             _: 1
-          })) : (vue.openBlock(), vue.createElementBlock("legend", _hoisted_3$6, [
+          })) : (vue.openBlock(), vue.createElementBlock("legend", _hoisted_3$3, [
             vue.createElementVNode("span", {
-              innerHTML: __props.config.legend
-            }, null, 8, _hoisted_4$5),
-            __props.config.extra ? (vue.openBlock(), vue.createElementBlock("span", {
+              innerHTML: _ctx.config.legend
+            }, null, 8, _hoisted_4$3),
+            _ctx.config.extra ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
-              innerHTML: __props.config.extra,
+              innerHTML: _ctx.config.extra,
               class: "m-form-tip"
-            }, null, 8, _hoisted_5$3)) : vue.createCommentVNode("", true)
+            }, null, 8, _hoisted_5$2)) : vue.createCommentVNode("", true)
           ])),
-          __props.config.schematic && vue.unref(show) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, [
-            vue.createElementVNode("div", _hoisted_7$2, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.config.items, (item, index) => {
+          _ctx.config.schematic && show.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+            vue.createElementVNode("div", _hoisted_7, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.config.items, (item, index) => {
                 return vue.openBlock(), vue.createBlock(_sfc_main$v, {
                   key: key(item, index),
-                  model: vue.unref(name) ? __props.model[vue.unref(name)] : __props.model,
-                  lastValues: vue.unref(name) ? __props.lastValues[vue.unref(name)] : __props.lastValues,
-                  "is-compare": __props.isCompare,
-                  rules: vue.unref(name) ? __props.rules[vue.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: vue.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"]);
@@ -709,20 +709,20 @@
             ]),
             vue.createElementVNode("img", {
               class: "m-form-schematic",
-              src: __props.config.schematic
-            }, null, 8, _hoisted_8$1)
-          ])) : vue.unref(show) ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 3 }, vue.renderList(__props.config.items, (item, index) => {
+              src: _ctx.config.schematic
+            }, null, 8, _hoisted_8)
+          ])) : show.value ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 3 }, vue.renderList(_ctx.config.items, (item, index) => {
             return vue.openBlock(), vue.createBlock(_sfc_main$v, {
               key: key(item, index),
-              model: vue.unref(name) ? __props.model[vue.unref(name)] : __props.model,
-              lastValues: vue.unref(name) ? __props.lastValues[vue.unref(name)] : __props.lastValues,
-              "is-compare": __props.isCompare,
-              rules: vue.unref(name) ? __props.rules[vue.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: vue.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"]);
@@ -733,34 +733,29 @@
   });
 
   const _hoisted_1$9 = { class: "m-fields-group-list-item" };
-  const _hoisted_2$5 = /* @__PURE__ */ vue.createTextVNode("上移");
-  const _hoisted_3$5 = /* @__PURE__ */ vue.createTextVNode("下移");
-  const _hoisted_4$4 = ["innerHTML"];
-  const __default__$t = vue.defineComponent({
-    name: "MFormGroupListItem"
-  });
+  const _hoisted_2$4 = ["innerHTML"];
   const _sfc_main$t = /* @__PURE__ */ vue.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 = vue.inject("mForm");
-      const expand = vue.ref(false);
-      vue.watchEffect(() => {
-        expand.value = !props.index;
-      });
+      const expand = vue.ref(props.config.expandAll || !props.index);
       const rowConfig = vue.computed(() => ({
         type: "row",
         span: props.config.span || 24,
@@ -804,12 +799,12 @@
           vue.createElementVNode("div", null, [
             vue.createVNode(vue.unref(design.TMagicButton), {
               text: "",
-              disabled: __props.disabled,
+              disabled: _ctx.disabled,
               icon: expand.value ? vue.unref(iconsVue.CaretBottom) : vue.unref(iconsVue.CaretRight),
               onClick: expandHandler
             }, {
               default: vue.withCtx(() => [
-                vue.createTextVNode(vue.toDisplayString(vue.unref(title)), 1)
+                vue.createTextVNode(vue.toDisplayString(title.value), 1)
               ]),
               _: 1
             }, 8, ["disabled", "icon"]),
@@ -817,20 +812,20 @@
               style: { "color": "#f56c6c" },
               text: "",
               icon: vue.unref(iconsVue.Delete),
-              disabled: __props.disabled,
+              disabled: _ctx.disabled,
               onClick: removeHandler
             }, null, 8, ["icon", "disabled"]), [
-              [vue.vShow, showDelete(parseInt(String(__props.index)))]
+              [vue.vShow, showDelete(parseInt(String(_ctx.index)))]
             ]),
             movable() ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
               vue.withDirectives(vue.createVNode(vue.unref(design.TMagicButton), {
                 text: "",
-                disabled: __props.disabled,
+                disabled: _ctx.disabled,
                 size: "small",
                 onClick: _cache[0] || (_cache[0] = ($event) => changeOrder(-1))
               }, {
                 default: vue.withCtx(() => [
-                  _hoisted_2$5,
+                  vue.createTextVNode("上移"),
                   vue.createVNode(vue.unref(design.TMagicIcon), null, {
                     default: vue.withCtx(() => [
                       vue.createVNode(vue.unref(iconsVue.CaretTop))
@@ -840,16 +835,16 @@
                 ]),
                 _: 1
               }, 8, ["disabled"]), [
-                [vue.vShow, __props.index !== 0]
+                [vue.vShow, _ctx.index !== 0]
               ]),
               vue.withDirectives(vue.createVNode(vue.unref(design.TMagicButton), {
-                disabled: __props.disabled,
+                disabled: _ctx.disabled,
                 text: "",
                 size: "small",
                 onClick: _cache[1] || (_cache[1] = ($event) => changeOrder(1))
               }, {
                 default: vue.withCtx(() => [
-                  _hoisted_3$5,
+                  vue.createTextVNode("下移"),
                   vue.createVNode(vue.unref(design.TMagicIcon), null, {
                     default: vue.withCtx(() => [
                       vue.createVNode(vue.unref(iconsVue.CaretBottom))
@@ -859,25 +854,25 @@
                 ]),
                 _: 1
               }, 8, ["disabled"]), [
-                [vue.vShow, __props.index !== vue.unref(length) - 1]
+                [vue.vShow, _ctx.index !== length.value - 1]
               ])
             ], 64)) : vue.createCommentVNode("", true),
-            vue.unref(itemExtra) ? (vue.openBlock(), vue.createElementBlock("span", {
+            itemExtra.value ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 1,
-              innerHTML: vue.unref(itemExtra),
+              innerHTML: itemExtra.value,
               class: "m-form-tip"
-            }, null, 8, _hoisted_4$4)) : vue.createCommentVNode("", true)
+            }, null, 8, _hoisted_2$4)) : vue.createCommentVNode("", true)
           ]),
           expand.value ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
             key: 0,
-            config: vue.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"])) : vue.createCommentVNode("", true)
@@ -887,31 +882,29 @@
   });
 
   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__ */ vue.createElementVNode("span", { class: "el-table__empty-text" }, "暂无数据", -1);
-  const _hoisted_5$2 = [
-    _hoisted_4$3
+  const _hoisted_4$2 = /* @__PURE__ */ vue.createElementVNode("span", { class: "el-table__empty-text" }, "暂无数据", -1);
+  const _hoisted_5$1 = [
+    _hoisted_4$2
   ];
-  const _hoisted_6$1 = /* @__PURE__ */ vue.createTextVNode("添加组");
-  const _hoisted_7$1 = /* @__PURE__ */ vue.createTextVNode("切换为表格");
-  const __default__$s = vue.defineComponent({
-    name: "MFormGroupList"
-  });
   const _sfc_main$s = /* @__PURE__ */ vue.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"],
@@ -982,49 +975,49 @@
       const getLastValues = (item, index) => item?.[index] || {};
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
-          __props.config.extra ? (vue.openBlock(), vue.createElementBlock("div", {
+          _ctx.config.extra ? (vue.openBlock(), vue.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)) : vue.createCommentVNode("", true),
-          !__props.model[__props.name] || !__props.model[__props.name].length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$4, _hoisted_5$2)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 2 }, vue.renderList(__props.model[__props.name], (item, index) => {
+          }, null, 8, _hoisted_2$3)) : vue.createCommentVNode("", true),
+          !_ctx.model[_ctx.name] || !_ctx.model[_ctx.name].length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$2, _hoisted_5$1)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 2 }, vue.renderList(_ctx.model[_ctx.name], (item, index) => {
             return vue.openBlock(), vue.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)),
-          vue.unref(addable) ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+          addable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
             key: 3,
             onClick: addHandler,
             size: "small",
-            disabled: __props.disabled
+            disabled: _ctx.disabled
           }, {
             default: vue.withCtx(() => [
-              _hoisted_6$1
+              vue.createTextVNode("新增")
             ]),
             _: 1
           }, 8, ["disabled"])) : vue.createCommentVNode("", true),
-          __props.config.enableToggleMode ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+          _ctx.config.enableToggleMode ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
             key: 4,
             icon: vue.unref(iconsVue.Grid),
             size: "small",
             onClick: toggleMode
           }, {
             default: vue.withCtx(() => [
-              _hoisted_7$1
+              vue.createTextVNode("切换为表格")
             ]),
             _: 1
           }, 8, ["icon"])) : vue.createCommentVNode("", true)
@@ -1034,27 +1027,27 @@
   });
 
   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 = vue.defineComponent({
-    name: "MFormPanel"
-  });
+  const _hoisted_4$1 = { style: { "flex": "1" } };
+  const _hoisted_5 = ["src"];
   const _sfc_main$r = /* @__PURE__ */ vue.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"],
@@ -1067,7 +1060,7 @@
       const changeHandler = () => emit("change", props.model);
       const onAddDiffCount = () => emit("addDiffCount");
       return (_ctx, _cache) => {
-        return vue.unref(items) && vue.unref(items).length ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicCard), {
+        return items.value && items.value.length ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicCard), {
           key: 0,
           class: "box-card m-form-panel",
           "body-style": { display: expand.value ? "block" : "none" }
@@ -1080,32 +1073,32 @@
                 icon: expand.value ? vue.unref(iconsVue.CaretBottom) : vue.unref(iconsVue.CaretRight),
                 onClick: _cache[0] || (_cache[0] = ($event) => expand.value = !expand.value)
               }, null, 8, ["icon"]),
-              __props.config && __props.config.extra ? (vue.openBlock(), vue.createElementBlock("span", {
+              _ctx.config && _ctx.config.extra ? (vue.openBlock(), vue.createElementBlock("span", {
                 key: 0,
-                innerHTML: __props.config.extra,
+                innerHTML: _ctx.config.extra,
                 class: "m-form-tip"
-              }, null, 8, _hoisted_2$3)) : vue.createCommentVNode("", true),
+              }, null, 8, _hoisted_2$2)) : vue.createCommentVNode("", true),
               vue.renderSlot(_ctx.$slots, "header", {}, () => [
-                vue.createTextVNode(vue.toDisplayString(filter(__props.config.title)), 1)
+                vue.createTextVNode(vue.toDisplayString(filter(_ctx.config.title)), 1)
               ])
             ])
           ]),
           default: vue.withCtx(() => [
             vue.createElementVNode("div", null, [
               vue.renderSlot(_ctx.$slots, "default"),
-              __props.config.schematic ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$3, [
-                vue.createElementVNode("div", _hoisted_4$2, [
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(items), (item, index) => {
+              _ctx.config.schematic ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$1, [
+                vue.createElementVNode("div", _hoisted_4$1, [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items.value, (item, index) => {
                     return vue.openBlock(), vue.createBlock(_sfc_main$v, {
                       key: item[vue.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"]);
@@ -1113,19 +1106,19 @@
                 ]),
                 vue.createElementVNode("img", {
                   class: "m-form-schematic",
-                  src: __props.config.schematic
-                }, null, 8, _hoisted_5$1)
-              ])) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(vue.unref(items), (item, index) => {
+                  src: _ctx.config.schematic
+                }, null, 8, _hoisted_5)
+              ])) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(items.value, (item, index) => {
                 return vue.openBlock(), vue.createBlock(_sfc_main$v, {
                   key: item[vue.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"]);
@@ -1138,21 +1131,21 @@
     }
   });
 
-  const __default__$q = vue.defineComponent({
-    name: "MFormCol"
-  });
   const _sfc_main$q = /* @__PURE__ */ vue.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"],
@@ -1163,44 +1156,44 @@
       const changeHandler = () => emit("change", props.model);
       const onAddDiffCount = () => emit("addDiffCount");
       return (_ctx, _cache) => {
-        return vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(design.TMagicCol), { span: __props.span }, {
+        return vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(design.TMagicCol), { span: _ctx.span }, {
           default: vue.withCtx(() => [
             vue.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"])), [
-          [vue.vShow, vue.unref(display$1) && __props.config.type !== "hidden"]
+          [vue.vShow, display$1.value && _ctx.config.type !== "hidden"]
         ]);
       };
     }
   });
 
-  const __default__$p = vue.defineComponent({
-    name: "MFormRow"
-  });
   const _sfc_main$p = /* @__PURE__ */ vue.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 }
     },
@@ -1213,19 +1206,19 @@
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicRow), { gutter: 10 }, {
           default: vue.withCtx(() => [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.config.items, (col, index) => {
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.config.items, (col, index) => {
               return vue.openBlock(), vue.createBlock(_sfc_main$q, {
                 key: col[vue.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"]);
@@ -1237,19 +1230,19 @@
     }
   });
 
-  const __default__$o = vue.defineComponent({
-    name: "MFormStep"
-  });
   const _sfc_main$o = /* @__PURE__ */ vue.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"],
@@ -1273,10 +1266,10 @@
           vue.createVNode(vue.unref(design.TMagicSteps), {
             active: active.value,
             "align-center": "",
-            space: __props.config.space
+            space: _ctx.config.space
           }, {
             default: vue.withCtx(() => [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.config.items, (item, index) => {
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.config.items, (item, index) => {
                 return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicStep), {
                   key: item.__key,
                   title: item.title,
@@ -1287,20 +1280,20 @@
             ]),
             _: 1
           }, 8, ["active", "space"]),
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.config.items, (step, index) => {
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.config.items, (step, index) => {
             return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(step.items, (item) => {
                 return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
                   item ? vue.withDirectives((vue.openBlock(), vue.createBlock(_sfc_main$v, {
                     key: item[vue.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"])), [
@@ -1316,42 +1309,36 @@
   });
 
   const _hoisted_1$6 = ["innerHTML"];
-  const _hoisted_2$2 = { class: "el-form-item__content" };
-  const _hoisted_3$2 = ["innerHTML"];
-  const _hoisted_4$1 = /* @__PURE__ */ vue.createTextVNode("添加");
-  const _hoisted_5 = /* @__PURE__ */ vue.createTextVNode("   ");
-  const _hoisted_6 = /* @__PURE__ */ vue.createTextVNode("展开配置");
-  const _hoisted_7 = /* @__PURE__ */ vue.createTextVNode("导入EXCEL");
-  const _hoisted_8 = /* @__PURE__ */ vue.createTextVNode("  ");
-  const _hoisted_9 = /* @__PURE__ */ vue.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 = vue.defineComponent({
-    name: "MFormTable"
-  });
   const _sfc_main$n = /* @__PURE__ */ vue.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 = vue.inject("mForm");
@@ -1671,43 +1658,43 @@
         return `${prop.value}${prop.value ? "." : ""}${index + 1 + pagecontext.value * pagesize.value - 1}`;
       };
       const onAddDiffCount = () => emit("addDiffCount");
-      expose({
+      __expose({
         toggleRowSelection
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           ref_key: "mTable",
           ref: mTable,
-          class: vue.normalizeClass(["m-fields-table", { "m-fields-table-item-extra": __props.config.itemExtra }])
+          class: vue.normalizeClass(["m-fields-table", { "m-fields-table-item-extra": _ctx.config.itemExtra }])
         }, [
-          __props.config.extra ? (vue.openBlock(), vue.createElementBlock("span", {
+          _ctx.config.extra ? (vue.openBlock(), vue.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)) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_2$2, [
+          vue.createElementVNode("div", _hoisted_2$1, [
             vue.createVNode(vue.unref(design.TMagicTooltip), {
               content: "拖拽可排序",
               placement: "left-start",
-              disabled: __props.config.dropSort !== true
+              disabled: _ctx.config.dropSort !== true
             }, {
               default: vue.withCtx(() => [
-                __props.model[vue.unref(modelName)] ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTable), {
+                _ctx.model[modelName.value] ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTable), {
                   ref_key: "tMagicTable",
                   ref: tMagicTable,
                   style: { "width": "100%" },
-                  "row-key": __props.config.rowKey || "id",
-                  data: vue.unref(data),
-                  lastData: vue.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: vue.withCtx(() => [
-                    __props.config.itemExtra ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
+                    _ctx.config.itemExtra ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
                       key: 0,
                       fixed: "left",
                       width: "30",
@@ -1715,17 +1702,17 @@
                     }, {
                       default: vue.withCtx((scope) => [
                         vue.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
                     })) : vue.createCommentVNode("", true),
                     vue.createVNode(vue.unref(design.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: vue.withCtx((scope) => [
                         vue.renderSlot(_ctx.$slots, "operateCol", { scope }),
@@ -1743,7 +1730,7 @@
                       ]),
                       _: 3
                     }, 8, ["width", "fixed"]),
-                    __props.sort && __props.model[vue.unref(modelName)] && __props.model[vue.unref(modelName)].length > 1 ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
+                    _ctx.sort && _ctx.model[modelName.value] && _ctx.model[modelName.value].length > 1 ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
                       key: 1,
                       label: "排序",
                       width: "60"
@@ -1760,7 +1747,7 @@
                               size: "small",
                               type: "primary",
                               icon: vue.unref(iconsVue.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)
@@ -1768,7 +1755,7 @@
                           ]),
                           _: 2
                         }, 1024)) : vue.createCommentVNode("", true),
-                        scope.$index + 1 + pagecontext.value * pagesize.value - 1 !== __props.model[vue.unref(modelName)].length - 1 ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
+                        scope.$index + 1 + pagecontext.value * pagesize.value - 1 !== _ctx.model[modelName.value].length - 1 ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
                           key: 1,
                           content: "点击下移，双击置底",
                           placement: "top"
@@ -1779,7 +1766,7 @@
                               size: "small",
                               type: "primary",
                               icon: vue.unref(iconsVue.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)
@@ -1790,14 +1777,14 @@
                       ]),
                       _: 1
                     })) : vue.createCommentVNode("", true),
-                    vue.unref(selection) ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
+                    selection.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
                       key: 2,
                       align: "center",
                       "header-align": "center",
                       type: "selection",
                       width: "45"
                     })) : vue.createCommentVNode("", true),
-                    __props.showIndex && __props.config.showIndex ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
+                    _ctx.showIndex && _ctx.config.showIndex ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
                       key: 3,
                       width: "60",
                       label: "序号"
@@ -1807,7 +1794,7 @@
                       ]),
                       _: 1
                     })) : vue.createCommentVNode("", true),
-                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.config.items, (column, index) => {
+                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.config.items, (column, index) => {
                       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
                         column.type !== "hidden" && display$1(column.display) ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
                           prop: column.name,
@@ -1816,21 +1803,21 @@
                           sortable: column.sortable,
                           "sort-orders": ["ascending", "descending"],
                           key: column[vue.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: vue.withCtx((scope) => [
                             scope.$index > -1 ? (vue.openBlock(), vue.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: vue.unref(lastData)[scope.$index],
-                              "is-compare": __props.isCompare,
-                              size: __props.size,
-                              onChange: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("change", __props.model[vue.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"])) : vue.createCommentVNode("", true)
                           ]),
@@ -1845,21 +1832,21 @@
               _: 3
             }, 8, ["disabled"]),
             vue.renderSlot(_ctx.$slots, "default"),
-            vue.unref(addable) ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+            addable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
               key: 0,
               size: "small",
               type: "primary",
-              disabled: __props.disabled,
+              disabled: _ctx.disabled,
               plain: "",
               onClick: _cache[2] || (_cache[2] = ($event) => newHandler())
             }, {
               default: vue.withCtx(() => [
-                _hoisted_4$1
+                vue.createTextVNode("新增一行")
               ]),
               _: 1
             }, 8, ["disabled"])) : vue.createCommentVNode("", true),
-            _hoisted_5,
-            __props.enableToggleMode && !isFullscreen.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+            vue.createTextVNode("   "),
+            _ctx.enableToggleMode && !isFullscreen.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
               key: 1,
               icon: vue.unref(iconsVue.Grid),
               size: "small",
@@ -1867,11 +1854,11 @@
               onClick: toggleMode
             }, {
               default: vue.withCtx(() => [
-                _hoisted_6
+                vue.createTextVNode("展开配置")
               ]),
               _: 1
             }, 8, ["icon"])) : vue.createCommentVNode("", true),
-            __props.config.enableFullscreen !== false ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+            _ctx.config.enableFullscreen !== false ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
               key: 2,
               icon: vue.unref(iconsVue.FullScreen),
               size: "small",
@@ -1883,13 +1870,13 @@
               ]),
               _: 1
             }, 8, ["icon"])) : vue.createCommentVNode("", true),
-            vue.unref(importable) ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicUpload), {
+            importable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.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
             }, {
@@ -1897,40 +1884,40 @@
                 vue.createVNode(vue.unref(design.TMagicButton), {
                   size: "small",
                   type: "success",
-                  disabled: __props.disabled,
+                  disabled: _ctx.disabled,
                   plain: ""
                 }, {
                   default: vue.withCtx(() => [
-                    _hoisted_7
+                    vue.createTextVNode("导入EXCEL")
                   ]),
                   _: 1
                 }, 8, ["disabled"])
               ]),
               _: 1
             }, 8, ["disabled"])) : vue.createCommentVNode("", true),
-            _hoisted_8,
-            vue.unref(importable) ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+            vue.createTextVNode("  "),
+            importable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
               key: 4,
               size: "small",
               type: "warning",
-              disabled: __props.disabled,
+              disabled: _ctx.disabled,
               plain: "",
               onClick: _cache[3] || (_cache[3] = ($event) => clearHandler())
             }, {
               default: vue.withCtx(() => [
-                _hoisted_9
+                vue.createTextVNode("清空")
               ]),
               _: 1
             }, 8, ["disabled"])) : vue.createCommentVNode("", true)
           ]),
-          __props.config.pagination ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
+          _ctx.config.pagination ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
             vue.createVNode(vue.unref(design.TMagicPagination), {
               layout: "total, sizes, prev, pager, next, jumper",
-              "hide-on-single-page": __props.model[vue.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[vue.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"])
@@ -1940,28 +1927,28 @@
     }
   });
 
-  const __default__$m = vue.defineComponent({
-    name: "MFormTabs"
-  });
   const _sfc_main$m = /* @__PURE__ */ vue.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 = design.getConfig("components").tabPane;
-      const tabsComponent = design.getConfig("components").tabs;
+      const tabPaneComponent = design.getConfig("components")?.tabPane;
+      const tabsComponent = design.getConfig("components")?.tabs;
       const getActive = (mForm2, props2, activeTabName2) => {
         const { config, model, prop } = props2;
         const { active } = config;
@@ -2057,28 +2044,31 @@
         emit("addDiffCount");
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(tabsComponent).component), vue.mergeProps(
+        return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(tabsComponent)?.component || "el-tabs"), vue.mergeProps(
           {
             modelValue: activeTabName.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeTabName.value = $event)
           },
-          vue.unref(tabsComponent).props({
-            type: __props.config.tabType,
-            editable: __props.config.editable || false,
-            tabPosition: __props.config.tabPosition || "top"
-          }),
+          vue.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: vue.withCtx(() => [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(tabs), (tab, tabIndex) => {
-              return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(tabPaneComponent).component), vue.mergeProps({
-                key: tab[vue.unref(mForm)?.keyProp || "__key"] ?? tabIndex
-              }, vue.unref(tabPaneComponent).props({ name: filter(tab.status) || tabIndex.toString(), lazy: tab.lazy || false })), {
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(tabs.value, (tab, tabIndex) => {
+              return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(tabPaneComponent)?.component || "el-tab-pane"), vue.mergeProps(
+                {
+                  key: tab[vue.unref(mForm)?.keyProp || "__key"] ?? tabIndex
+                },
+                vue.unref(tabPaneComponent)?.props({ name: filter(tab.status) || tabIndex.toString(), lazy: tab.lazy || false }) || {}
+              ), {
                 label: vue.withCtx(() => [
                   vue.createElementVNode("span", null, [
                     vue.createTextVNode(vue.toDisplayString(filter(tab.title)), 1),
@@ -2094,14 +2084,14 @@
                     return vue.openBlock(), vue.createBlock(_sfc_main$v, {
                       key: item[vue.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": vue.unref(lodashEs.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": vue.unref(lodashEs.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"]);
@@ -2143,21 +2133,21 @@
     );
   };
 
-  const __default__$l = vue.defineComponent({
-    name: "MFormCascader"
-  });
   const _sfc_main$l = /* @__PURE__ */ vue.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 }) {
@@ -2213,39 +2203,39 @@
       };
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(design.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: vue.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 = vue.defineComponent({
-    name: "MFormCheckbox"
-  });
   const _sfc_main$k = /* @__PURE__ */ vue.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 }) {
@@ -2276,16 +2266,16 @@
       };
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicCheckbox), {
-          modelValue: __props.model[__props.name],
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
-          size: __props.size,
-          trueLabel: vue.unref(activeValue),
-          falseLabel: vue.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: vue.withCtx(() => [
-            vue.createTextVNode(vue.toDisplayString(__props.config.text), 1)
+            vue.createTextVNode(vue.toDisplayString(_ctx.config.text), 1)
           ]),
           _: 1
         }, 8, ["modelValue", "size", "trueLabel", "falseLabel", "disabled"]);
@@ -2293,21 +2283,21 @@
     }
   });
 
-  const __default__$j = vue.defineComponent({
-    name: "MFormCheckGroup"
-  });
   const _sfc_main$j = /* @__PURE__ */ vue.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 }) {
@@ -2329,14 +2319,14 @@
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(design.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: vue.withCtx(() => [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(options), (option) => {
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(options.value, (option) => {
               return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicCheckbox), {
                 label: option.value,
                 value: option.value,
@@ -2356,21 +2346,21 @@
     }
   });
 
-  const __default__$i = vue.defineComponent({
-    name: "MFormColorPicker"
-  });
   const _sfc_main$i = /* @__PURE__ */ vue.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 }) {
@@ -2379,10 +2369,10 @@
       const changeHandler = (value) => emit("change", value);
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(design.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"]);
@@ -2390,21 +2380,21 @@
     }
   });
 
-  const __default__$h = vue.defineComponent({
-    name: "MFormDate"
-  });
   const _sfc_main$h = /* @__PURE__ */ vue.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 }) {
@@ -2416,35 +2406,35 @@
       };
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(design.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 = vue.defineComponent({
-    name: "MFormDateRange"
-  });
   const _sfc_main$g = /* @__PURE__ */ vue.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 }) {
@@ -2522,31 +2512,31 @@
           "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 = vue.defineComponent({
-    name: "MFormDateTime"
-  });
   const _sfc_main$f = /* @__PURE__ */ vue.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 }) {
@@ -2565,16 +2555,16 @@
       };
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(design.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"]);
       };
@@ -2582,19 +2572,19 @@
   });
 
   const _hoisted_1$5 = { key: 0 };
-  const __default__$e = vue.defineComponent({
-    name: "MFormDisplay"
-  });
   const _sfc_main$e = /* @__PURE__ */ vue.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;
@@ -2603,27 +2593,27 @@
       }
       useAddField(props.prop);
       return (_ctx, _cache) => {
-        return __props.model ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$5, vue.toDisplayString(__props.model[__props.name]), 1)) : vue.createCommentVNode("", true);
+        return _ctx.model ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$5, vue.toDisplayString(_ctx.model[_ctx.name]), 1)) : vue.createCommentVNode("", true);
       };
     }
   });
 
   const _hoisted_1$4 = { class: "m-fields-dynamic-field" };
-  const __default__$d = vue.defineComponent({
-    name: "MFormDynamicField"
-  });
   const _sfc_main$d = /* @__PURE__ */ vue.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 }) {
@@ -2701,40 +2691,40 @@
     }
   });
 
-  const __default__$c = vue.defineComponent({
-    name: "MFormHidden"
-  });
   const _sfc_main$c = /* @__PURE__ */ vue.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 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
+        return _ctx.model ? vue.withDirectives((vue.openBlock(), vue.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)), [
-          [vue.vModelText, __props.model[__props.name]]
+          [vue.vModelText, _ctx.model[_ctx.name]]
         ]) : vue.createCommentVNode("", true);
       };
     }
   });
 
-  const __default__$b = vue.defineComponent({
-    name: "MForm"
-  });
   const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$b,
+    ...{
+      name: "MForm"
+    },
+    __name: "Form",
     props: {
       config: { default: () => [] },
       initValues: { default: () => ({}) },
@@ -2745,14 +2735,15 @@
       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 = vue.ref();
       const initialized = vue.ref(false);
@@ -2784,7 +2775,7 @@
           }
         }
       });
-      vue.watchEffect(() => {
+      vue.watchEffect(async () => {
         formState.initValues = props.initValues;
         formState.lastValues = props.lastValues;
         formState.isCompare = props.isCompare;
@@ -2792,6 +2783,12 @@
         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;
+          });
+        }
       });
       vue.provide("mForm", formState);
       vue.watch(
@@ -2822,7 +2819,7 @@
       const changeHandler = () => {
         emit("change", values.value);
       };
-      expose({
+      __expose({
         values,
         lastValuesProcessed,
         formState,
@@ -2855,23 +2852,23 @@
           ref_key: "tMagicForm",
           ref: tMagicForm,
           model: values.value,
-          "label-width": __props.labelWidth,
-          style: vue.normalizeStyle(`height: ${__props.height}`),
-          inline: __props.inline,
-          "label-position": __props.labelPosition
+          "label-width": _ctx.labelWidth,
+          style: vue.normalizeStyle(`height: ${_ctx.height}`),
+          inline: _ctx.inline,
+          "label-position": _ctx.labelPosition
         }, {
           default: vue.withCtx(() => [
-            initialized.value && Array.isArray(__props.config) ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(__props.config, (item, index) => {
+            initialized.value && Array.isArray(_ctx.config) ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.config, (item, index) => {
               return vue.openBlock(), vue.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)) : vue.createCommentVNode("", true)
@@ -2883,29 +2880,26 @@
   });
 
   const _hoisted_1$3 = { style: { "min-height": "1px" } };
-  const _hoisted_2$1 = /* @__PURE__ */ vue.createTextVNode("取 消");
-  const _hoisted_3$1 = /* @__PURE__ */ vue.createTextVNode("上一步");
-  const _hoisted_4 = /* @__PURE__ */ vue.createTextVNode("下一步");
-  const __default__$a = vue.defineComponent({
-    name: "MFormDialog"
-  });
   const _sfc_main$a = /* @__PURE__ */ vue.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 = vue.ref();
       const dialogVisible = vue.ref(false);
@@ -2954,7 +2948,7 @@
       const changeHandler = (value) => {
         emit("change", value);
       };
-      expose({
+      __expose({
         form,
         saveFetch,
         dialogVisible,
@@ -2968,10 +2962,10 @@
           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
         }, {
@@ -2997,29 +2991,29 @@
                         size: "small"
                       }, {
                         default: vue.withCtx(() => [
-                          _hoisted_2$1
+                          vue.createTextVNode("取 消")
                         ]),
                         _: 1
                       }),
-                      vue.unref(hasStep) && stepActive.value > 1 ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+                      hasStep.value && stepActive.value > 1 ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
                         key: 0,
                         type: "info",
                         size: "small",
                         onClick: preStep
                       }, {
                         default: vue.withCtx(() => [
-                          _hoisted_3$1
+                          vue.createTextVNode("上一步")
                         ]),
                         _: 1
                       })) : vue.createCommentVNode("", true),
-                      vue.unref(hasStep) && vue.unref(stepCount) > stepActive.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+                      hasStep.value && stepCount.value > stepActive.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
                         key: 1,
                         type: "info",
                         size: "small",
                         onClick: nextStep
                       }, {
                         default: vue.withCtx(() => [
-                          _hoisted_4
+                          vue.createTextVNode("下一步")
                         ]),
                         _: 1
                       })) : (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
@@ -3030,7 +3024,7 @@
                         onClick: save
                       }, {
                         default: vue.withCtx(() => [
-                          vue.createTextVNode(vue.toDisplayString(__props.confirmText), 1)
+                          vue.createTextVNode(vue.toDisplayString(_ctx.confirmText), 1)
                         ]),
                         _: 1
                       }, 8, ["loading"]))
@@ -3053,12 +3047,12 @@
                 "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"]),
               vue.renderSlot(_ctx.$slots, "default")
@@ -3075,22 +3069,21 @@
     key: 2,
     class: "m-fields-link"
   };
-  const _hoisted_3 = /* @__PURE__ */ vue.createTextVNode("点击编辑");
-  const __default__$9 = vue.defineComponent({
-    name: "MFormLink"
-  });
   const _sfc_main$9 = /* @__PURE__ */ vue.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 }) {
@@ -3139,34 +3132,34 @@
         editor.value && (editor.value.dialogVisible = false);
       };
       return (_ctx, _cache) => {
-        return __props.config.href && !__props.disabled ? (vue.openBlock(), vue.createElementBlock("a", {
+        return _ctx.config.href && !_ctx.disabled ? (vue.openBlock(), vue.createElementBlock("a", {
           key: 0,
           target: "_blank",
-          href: vue.unref(href),
-          style: vue.normalizeStyle(__props.config.css || {})
-        }, vue.toDisplayString(vue.unref(displayText)), 13, _hoisted_1$2)) : __props.config.href && __props.disabled ? (vue.openBlock(), vue.createElementBlock("span", {
+          href: href.value,
+          style: vue.normalizeStyle(_ctx.config.css || {})
+        }, vue.toDisplayString(displayText.value), 13, _hoisted_1$2)) : _ctx.config.href && _ctx.disabled ? (vue.openBlock(), vue.createElementBlock("span", {
           key: 1,
-          style: vue.normalizeStyle(__props.config.disabledCss || {})
-        }, vue.toDisplayString(vue.unref(displayText)), 5)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          style: vue.normalizeStyle(_ctx.config.disabledCss || {})
+        }, vue.toDisplayString(displayText.value), 5)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
           vue.createVNode(vue.unref(design.TMagicButton), {
             text: true,
             type: "primary",
             onClick: editHandler
           }, {
             default: vue.withCtx(() => [
-              _hoisted_3
+              vue.createTextVNode("点击编辑")
             ]),
             _: 1
           }),
           vue.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: vue.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"])
         ]));
@@ -3174,21 +3167,21 @@
     }
   });
 
-  const __default__$8 = vue.defineComponent({
-    name: "MFormNumber"
-  });
   const _sfc_main$8 = /* @__PURE__ */ vue.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 }) {
@@ -3203,18 +3196,18 @@
         mForm?.$emit("field-input", props.prop, v);
       };
       return (_ctx, _cache) => {
-        return __props.model ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicInputNumber), {
+        return _ctx.model ? (vue.openBlock(), vue.createBlock(vue.unref(design.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"])) : vue.createCommentVNode("", true);
@@ -3222,21 +3215,21 @@
     }
   });
 
-  const __default__$7 = vue.defineComponent({
-    name: "MFormRadioGroup"
-  });
   const _sfc_main$7 = /* @__PURE__ */ vue.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 }) {
@@ -3246,16 +3239,16 @@
       };
       useAddField(props.prop);
       return (_ctx, _cache) => {
-        return __props.model ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicRadioGroup), {
+        return _ctx.model ? (vue.openBlock(), vue.createBlock(vue.unref(design.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: vue.withCtx(() => [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.config.options, (option) => {
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.config.options, (option) => {
               return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicRadio), {
                 label: option.value,
                 value: option.value,
@@ -3274,18 +3267,18 @@
     }
   });
 
-  const __default__$6 = vue.defineComponent({
-    name: "MFormSelectOptionGroups"
-  });
   const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$6,
+    ...{
+      name: "MFormSelectOptionGroups"
+    },
+    __name: "SelectOptionGroups",
     props: {
-      options: null
+      options: {}
     },
     setup(__props) {
-      const uiComponent = design.getConfig("components").option;
+      const uiComponent = design.getConfig("components")?.option.component || "el-option";
       return (_ctx, _cache) => {
-        return vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.options, (group, index) => {
+        return vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (group, index) => {
           return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicOptionGroup), {
             key: index,
             label: group.label,
@@ -3293,7 +3286,7 @@
           }, {
             default: vue.withCtx(() => [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(group.options, (item, index2) => {
-                return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(uiComponent).component), {
+                return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(uiComponent)), {
                   key: index2,
                   label: item.label || item.text,
                   value: item.value,
@@ -3308,22 +3301,22 @@
     }
   });
 
-  const __default__$5 = vue.defineComponent({
-    name: "MFormSelectOptions"
-  });
   const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$5,
+    ...{
+      name: "MFormSelectOptions"
+    },
+    __name: "SelectOptions",
     props: {
-      options: null,
-      valueKey: null
+      options: {},
+      valueKey: {}
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.options, (option) => {
+        return vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (option) => {
           return vue.openBlock(), vue.createBlock(vue.unref(design.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);
@@ -3332,21 +3325,21 @@
   });
 
   const _hoisted_1$1 = { key: 2 };
-  const __default__$4 = vue.defineComponent({
-    name: "MFormSelect"
-  });
   const _sfc_main$4 = /* @__PURE__ */ vue.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 }) {
@@ -3374,12 +3367,16 @@
         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 () => {
@@ -3390,8 +3387,9 @@
         }
         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") {
@@ -3438,11 +3436,8 @@
             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 = utils.getValueByKeyPath(root, res);
+        const resTotal = globalThis.parseInt(utils.getValueByKeyPath(totalKey, res), 10);
         if (resTotal > 0) {
           total.value = resTotal;
         }
@@ -3491,8 +3486,9 @@
       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 = [];
@@ -3542,7 +3538,7 @@
             postOptions
           });
         }
-        let initData = (initRoot || root).split(".").reduce((accumulator, currentValue) => accumulator[currentValue], res);
+        let initData = utils.getValueByKeyPath(initRoot || root, res);
         if (initData) {
           if (!Array.isArray(initData)) {
             initData = [initData];
@@ -3647,29 +3643,29 @@
       const groupOptions = options;
       return (_ctx, _cache) => {
         const _directive_loading = vue.resolveDirective("loading");
-        return __props.model ? vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(design.TMagicSelect), {
+        return _ctx.model ? vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(design.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 ${vue.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: vue.withCtx(() => [
-            __props.config.group ? (vue.openBlock(), vue.createBlock(_sfc_main$6, {
+            _ctx.config.group ? (vue.openBlock(), vue.createBlock(_sfc_main$6, {
               key: 0,
               options: vue.unref(groupOptions)
             }, null, 8, ["options"])) : (vue.openBlock(), vue.createBlock(_sfc_main$5, {
@@ -3688,21 +3684,21 @@
     }
   });
 
-  const __default__$3 = vue.defineComponent({
-    name: "MFormSwitch"
-  });
   const _sfc_main$3 = /* @__PURE__ */ vue.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 }) {
@@ -3733,12 +3729,12 @@
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicSwitch), {
-          modelValue: __props.model[__props.name],
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
-          size: __props.size,
-          activeValue: vue.unref(activeValue),
-          inactiveValue: vue.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"]);
       };
@@ -3746,21 +3742,21 @@
   });
 
   const _hoisted_1 = { key: 0 };
-  const __default__$2 = vue.defineComponent({
-    name: "MFormText"
-  });
   const _sfc_main$2 = /* @__PURE__ */ vue.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 }) {
@@ -3837,53 +3833,54 @@
       };
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(design.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))
         }, vue.createSlots({ _: 2 }, [
-          __props.config.append ? {
+          _ctx.config.append ? {
             name: "append",
             fn: vue.withCtx(() => [
-              typeof __props.config.append === "string" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(__props.config.append), 1)) : vue.createCommentVNode("", true),
-              typeof __props.config.append === "object" && __props.config.append.type === "button" ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+              typeof _ctx.config.append === "string" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(_ctx.config.append), 1)) : vue.createCommentVNode("", true),
+              typeof _ctx.config.append === "object" && _ctx.config.append.type === "button" ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
                 key: 1,
                 style: { "color": "#409eff" },
-                size: __props.size,
+                size: _ctx.size,
                 onClick: vue.withModifiers(buttonClickHandler, ["prevent"])
               }, {
                 default: vue.withCtx(() => [
-                  vue.createTextVNode(vue.toDisplayString(__props.config.append.text), 1)
+                  vue.createTextVNode(vue.toDisplayString(_ctx.config.append.text), 1)
                 ]),
                 _: 1
               }, 8, ["size", "onClick"])) : vue.createCommentVNode("", true)
-            ])
+            ]),
+            key: "0"
           } : void 0
         ]), 1032, ["modelValue", "size", "placeholder", "disabled"]);
       };
     }
   });
 
-  const __default__$1 = vue.defineComponent({
-    name: "MFormTextarea"
-  });
   const _sfc_main$1 = /* @__PURE__ */ vue.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 }) {
@@ -3899,13 +3896,13 @@
       };
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(design.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"]);
@@ -3913,21 +3910,21 @@
     }
   });
 
-  const __default__ = vue.defineComponent({
-    name: "MFormTime"
-  });
   const _sfc_main = /* @__PURE__ */ vue.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 }) {
@@ -3938,13 +3935,13 @@
       };
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(design.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"]);
       };
@@ -3954,41 +3951,40 @@
   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);
+    }
   };
 
   exports.MCascader = _sfc_main$l;