@tmagic/form 1.3.0-alpha.2 → 1.3.0-alpha.21

package/dist/tmagic-form.umd.cjs

@@ -90,7 +90,7 @@
     if (["switch", "checkbox"].includes(type)) {
       return false;
     }
-    if (multiple) {
+    if (multiple || type === "number-range") {
       return [];
     }
     return "";
@@ -105,7 +105,8 @@
       parent: mForm?.parentValues || {},
       formValue: mForm?.values || props.model,
       prop: props.prop,
-      config: props.config
+      config: props.config,
+      index: props.index
     });
   };
   const display = function(mForm, config, props) {
@@ -164,36 +165,36 @@
     return valuesTmp || {};
   };
 
-  const _hoisted_1$b = ["innerHTML"];
+  const _hoisted_1$d = ["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_3$4 = ["innerHTML"];
+  const _hoisted_4$3 = ["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,
+  const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      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 }
     },
@@ -230,6 +231,7 @@
         return "m-fields-text";
       });
       const disabled = vue.computed(() => props.disabled || filterFunction(mForm, props.config.disabled, props));
+      const text = vue.computed(() => filterFunction(mForm, props.config.text, props));
       const tooltip = vue.computed(() => filterFunction(mForm, props.config.tooltip, props));
       const extra = vue.computed(() => filterFunction(mForm, props.config.extra, props));
       const rule = vue.computed(() => getRules(mForm, props.config.rules, props));
@@ -260,7 +262,7 @@
         (showDiff2) => {
           if (type.value === "hidden")
             return;
-          if (items.value && !props.config.text && type.value && display$1.value)
+          if (items.value && !text.value && type.value && display$1.value)
             return;
           if (display$1.value && showDiff2 && type.value) {
             emit("addDiffCount");
@@ -325,94 +327,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(`m-form-container m-container-${type.value || ""} ${_ctx.config.className || ""}`)
         }, [
-          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 && !text.value && type.value && display$1.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tagName.value), {
+            key: key(_ctx.config),
+            size: _ctx.size,
+            model: _ctx.model,
+            "last-values": _ctx.lastValues,
+            "is-compare": _ctx.isCompare,
+            config: _ctx.config,
+            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" || !text.value }),
+              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_1$b)
+                  innerHTML: type.value === "checkbox" ? "" : text.value
+                }, null, 8, _hoisted_1$d)
               ]),
               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$7)
                   ]),
                   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$3)
               ]),
               default: vue.withCtx(() => [
                 vue.createVNode(vue.unref(design.TMagicIcon), { style: { "line-height": "40px", "margin-left": "5px" } }, {
@@ -424,63 +426,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" || !text.value }),
+              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" ? "" : text.value
+                }, 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 +495,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" || !text.value }),
+              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" ? "" : text.value
+                }, 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 +561,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",
@@ -597,30 +599,30 @@
     }
   });
 
-  const _hoisted_1$a = ["innerHTML"];
+  const _hoisted_1$c = ["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_3$3 = { key: 1 };
+  const _hoisted_4$2 = ["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 _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$u,
+  const _hoisted_7 = { style: { "flex": "1" } };
+  const _hoisted_8 = ["src"];
+  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      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,30 +649,30 @@
       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
-                  }, null, 8, _hoisted_1$a),
-                  __props.config.extra ? (vue.openBlock(), vue.createElementBlock("span", {
+                    innerHTML: _ctx.config.legend
+                  }, null, 8, _hoisted_1$c),
+                  _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)
                 ]),
@@ -678,30 +680,30 @@
               }, 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$2),
+            _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) => {
-                return vue.openBlock(), vue.createBlock(_sfc_main$v, {
+          _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$x, {
                   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 +711,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) => {
-            return vue.openBlock(), vue.createBlock(_sfc_main$v, {
+              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$x, {
               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"]);
@@ -732,35 +734,30 @@
     }
   });
 
-  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 _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$t,
+  const _hoisted_1$b = { class: "m-fields-group-list-item" };
+  const _hoisted_2$5 = ["innerHTML"];
+  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      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,
@@ -772,7 +769,11 @@
         if (props.config.titleKey && props.model[props.config.titleKey]) {
           return props.model[props.config.titleKey];
         }
-        return `组 ${String(props.index)}`;
+        if (props.config.title) {
+          return filterFunction(mForm, props.config.title, props);
+        }
+        const titlePrefix = props.config.titlePrefix || "组";
+        return `${titlePrefix} ${String(props.index + 1)}`;
       });
       const length = vue.computed(() => props.groupModel?.length || 0);
       const itemExtra = vue.computed(() => filterFunction(mForm, props.config.itemExtra, props));
@@ -788,7 +789,7 @@
         }
         return true;
       };
-      const changeOrder = (offset = 0) => emit("swap-item", props.index, `${String(props.index)}${offset}`);
+      const changeOrder = (offset = 0) => emit("swap-item", props.index, props.index + offset);
       const movable = () => {
         const { movable: movable2 } = props.config;
         if (movable2 === void 0)
@@ -800,16 +801,16 @@
       };
       const onAddDiffCount = () => emit("addDiffCount");
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
           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 +818,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 +841,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 +860,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$5)) : vue.createCommentVNode("", true)
           ]),
-          expand.value ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
+          expand.value ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
             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)
@@ -886,32 +887,30 @@
     }
   });
 
-  const _hoisted_1$8 = { class: "m-fields-group-list" };
+  const _hoisted_1$a = { class: "m-fields-group-list" };
   const _hoisted_2$4 = ["innerHTML"];
-  const _hoisted_3$4 = {
+  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$1 = /* @__PURE__ */ vue.createElementVNode("span", { class: "el-table__empty-text" }, "暂无数据", -1);
+  const _hoisted_5$1 = [
+    _hoisted_4$1
   ];
-  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,
+  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      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"],
@@ -981,50 +980,50 @@
       const onAddDiffCount = () => emit("addDiffCount");
       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", {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
+          _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) => {
-            return vue.openBlock(), vue.createBlock(_sfc_main$t, {
+          !_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$v, {
               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)
@@ -1033,28 +1032,28 @@
     }
   });
 
-  const _hoisted_1$7 = { style: { "width": "100%", "display": "flex", "align-items": "center" } };
+  const _hoisted_1$9 = { style: { "width": "100%", "display": "flex", "align-items": "center" } };
   const _hoisted_2$3 = ["innerHTML"];
-  const _hoisted_3$3 = {
+  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 _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$r,
+  const _hoisted_4 = { style: { "flex": "1" } };
+  const _hoisted_5 = ["src"];
+  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      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,45 +1066,45 @@
       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" }
         }, {
           header: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$7, [
+            vue.createElementVNode("div", _hoisted_1$9, [
               vue.createVNode(vue.unref(design.TMagicButton), {
                 style: { "padding": "0" },
                 text: "",
                 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),
               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) => {
-                    return vue.openBlock(), vue.createBlock(_sfc_main$v, {
+              _ctx.config.schematic ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$1, [
+                vue.createElementVNode("div", _hoisted_4, [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items.value, (item, index) => {
+                    return vue.openBlock(), vue.createBlock(_sfc_main$x, {
                       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 +1112,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) => {
-                return vue.openBlock(), vue.createBlock(_sfc_main$v, {
+                  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$x, {
                   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 +1137,21 @@
     }
   });
 
-  const __default__$q = vue.defineComponent({
-    name: "MFormCol"
-  });
-  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$q,
+  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      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 +1162,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,
+            vue.createVNode(_sfc_main$x, {
+              model: _ctx.model,
+              lastValues: _ctx.lastValues,
+              "is-compare": _ctx.isCompare,
+              config: _ctx.config,
+              prop: _ctx.prop,
+              "label-width": _ctx.config.labelWidth || _ctx.labelWidth,
+              "expand-more": _ctx.expandMore,
+              size: _ctx.size,
+              disabled: _ctx.disabled,
               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,
+  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      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 +1212,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) => {
-              return vue.openBlock(), vue.createBlock(_sfc_main$q, {
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.config.items, (col, index) => {
+              return vue.openBlock(), vue.createBlock(_sfc_main$s, {
                 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 +1236,19 @@
     }
   });
 
-  const __default__$o = vue.defineComponent({
-    name: "MFormStep"
-  });
-  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$o,
+  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      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 +1272,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 +1286,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, {
+                  item ? vue.withDirectives((vue.openBlock(), vue.createBlock(_sfc_main$x, {
                     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"])), [
@@ -1315,43 +1314,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 = {
-    key: 1,
+  const _hoisted_1$8 = ["innerHTML"];
+  const _hoisted_2$2 = ["innerHTML"];
+  const _hoisted_3 = {
+    key: 6,
     class: "bottom",
     style: { "text-align": "right" }
   };
-  const __default__$n = vue.defineComponent({
-    name: "MFormTable"
-  });
-  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$n,
+  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      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,266 +1663,264 @@
         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
-          }, null, 8, _hoisted_1$6)) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_2$2, [
-            vue.createVNode(vue.unref(design.TMagicTooltip), {
-              content: "拖拽可排序",
-              placement: "left-start",
-              disabled: __props.config.dropSort !== true
-            }, {
-              default: vue.withCtx(() => [
-                __props.model[vue.unref(modelName)] ? (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,
-                  "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), {
-                      key: 0,
-                      fixed: "left",
-                      width: "30",
-                      type: "expand"
-                    }, {
-                      default: vue.withCtx((scope) => [
-                        vue.createElementVNode("span", {
-                          innerHTML: itemExtra(__props.config.itemExtra, scope.$index),
-                          class: "m-form-tip"
-                        }, null, 8, _hoisted_3$2)
-                      ]),
-                      _: 1
-                    })) : vue.createCommentVNode("", true),
-                    vue.createVNode(vue.unref(design.TMagicTableColumn), {
-                      label: "操作",
-                      width: __props.config.operateColWidth || 55,
-                      align: "center",
-                      fixed: __props.config.fixed === false ? void 0 : "left"
-                    }, {
-                      default: vue.withCtx((scope) => [
-                        vue.renderSlot(_ctx.$slots, "operateCol", { scope }),
-                        vue.withDirectives(vue.createVNode(vue.unref(design.TMagicIcon), {
-                          class: "m-table-delete-icon",
-                          onClick: ($event) => removeHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createVNode(vue.unref(iconsVue.Delete))
-                          ]),
-                          _: 2
-                        }, 1032, ["onClick"]), [
-                          [vue.vShow, showDelete(scope.$index + 1 + pagecontext.value * pagesize.value - 1)]
-                        ])
-                      ]),
-                      _: 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), {
-                      key: 1,
-                      label: "排序",
-                      width: "60"
-                    }, {
-                      default: vue.withCtx((scope) => [
-                        scope.$index + 1 + pagecontext.value * pagesize.value - 1 !== 0 ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
-                          key: 0,
-                          content: "点击上移，双击置顶",
-                          placement: "top"
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createVNode(vue.unref(design.TMagicButton), {
-                              plain: "",
-                              size: "small",
-                              type: "primary",
-                              icon: vue.unref(iconsVue.ArrowUp),
-                              disabled: __props.disabled,
-                              text: "",
-                              onClick: ($event) => upHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1),
-                              onDblclick: ($event) => topHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
-                            }, null, 8, ["icon", "disabled", "onClick", "onDblclick"])
-                          ]),
-                          _: 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), {
-                          key: 1,
-                          content: "点击下移，双击置底",
-                          placement: "top"
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createVNode(vue.unref(design.TMagicButton), {
-                              plain: "",
-                              size: "small",
-                              type: "primary",
-                              icon: vue.unref(iconsVue.ArrowDown),
-                              disabled: __props.disabled,
-                              text: "",
-                              onClick: ($event) => downHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1),
-                              onDblclick: ($event) => bottomHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
-                            }, null, 8, ["icon", "disabled", "onClick", "onDblclick"])
-                          ]),
-                          _: 2
-                        }, 1024)) : vue.createCommentVNode("", true)
-                      ]),
-                      _: 1
-                    })) : vue.createCommentVNode("", true),
-                    vue.unref(selection) ? (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), {
-                      key: 3,
-                      width: "60",
-                      label: "序号"
-                    }, {
-                      default: vue.withCtx((scope) => [
-                        vue.createTextVNode(vue.toDisplayString(scope.$index + 1 + pagecontext.value * pagesize.value), 1)
-                      ]),
-                      _: 1
-                    })) : vue.createCommentVNode("", true),
-                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.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,
-                          width: column.width,
-                          label: column.label,
-                          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" : ""
-                        }, {
-                          default: vue.withCtx((scope) => [
-                            scope.$index > -1 ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
-                              key: 0,
-                              labelWidth: "0",
-                              disabled: __props.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)])),
-                              onAddDiffCount: _cache[1] || (_cache[1] = ($event) => onAddDiffCount())
-                            }, null, 8, ["disabled", "prop", "rules", "config", "model", "lastValues", "is-compare", "size"])) : vue.createCommentVNode("", true)
-                          ]),
-                          _: 2
-                        }, 1032, ["prop", "width", "label", "sortable", "class-name"])) : vue.createCommentVNode("", true)
-                      ], 64);
-                    }), 256))
-                  ]),
-                  _: 3
-                }, 8, ["row-key", "data", "lastData", "border", "max-height"])) : vue.createCommentVNode("", true)
-              ]),
-              _: 3
-            }, 8, ["disabled"]),
-            vue.renderSlot(_ctx.$slots, "default"),
-            vue.unref(addable) ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
-              key: 0,
-              size: "small",
-              type: "primary",
-              disabled: __props.disabled,
-              plain: "",
-              onClick: _cache[2] || (_cache[2] = ($event) => newHandler())
-            }, {
-              default: vue.withCtx(() => [
-                _hoisted_4$1
-              ]),
-              _: 1
-            }, 8, ["disabled"])) : vue.createCommentVNode("", true),
-            _hoisted_5,
-            __props.enableToggleMode && !isFullscreen.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
-              key: 1,
-              icon: vue.unref(iconsVue.Grid),
-              size: "small",
-              type: "primary",
-              onClick: toggleMode
-            }, {
-              default: vue.withCtx(() => [
-                _hoisted_6
-              ]),
-              _: 1
-            }, 8, ["icon"])) : vue.createCommentVNode("", true),
-            __props.config.enableFullscreen !== false ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
-              key: 2,
-              icon: vue.unref(iconsVue.FullScreen),
-              size: "small",
-              type: "primary",
-              onClick: toggleFullscreen
-            }, {
-              default: vue.withCtx(() => [
-                vue.createTextVNode(vue.toDisplayString(isFullscreen.value ? "退出全屏" : "全屏编辑"), 1)
-              ]),
-              _: 1
-            }, 8, ["icon"])) : vue.createCommentVNode("", true),
-            vue.unref(importable) ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicUpload), {
-              key: 3,
-              style: { "display": "inline-block" },
-              ref_key: "excelBtn",
-              ref: excelBtn,
-              action: "/noop",
-              disabled: __props.disabled,
-              "on-change": excelHandler,
-              "auto-upload": false
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(design.TMagicButton), {
-                  size: "small",
-                  type: "success",
-                  disabled: __props.disabled,
-                  plain: ""
-                }, {
-                  default: vue.withCtx(() => [
-                    _hoisted_7
-                  ]),
-                  _: 1
-                }, 8, ["disabled"])
-              ]),
-              _: 1
-            }, 8, ["disabled"])) : vue.createCommentVNode("", true),
-            _hoisted_8,
-            vue.unref(importable) ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
-              key: 4,
-              size: "small",
-              type: "warning",
-              disabled: __props.disabled,
-              plain: "",
-              onClick: _cache[3] || (_cache[3] = ($event) => clearHandler())
-            }, {
-              default: vue.withCtx(() => [
-                _hoisted_9
-              ]),
-              _: 1
-            }, 8, ["disabled"])) : vue.createCommentVNode("", true)
-          ]),
-          __props.config.pagination ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
+            innerHTML: _ctx.config.extra
+          }, null, 8, _hoisted_1$8)) : vue.createCommentVNode("", true),
+          vue.createVNode(vue.unref(design.TMagicTooltip), {
+            content: "拖拽可排序",
+            placement: "left-start",
+            disabled: _ctx.config.dropSort !== true
+          }, {
+            default: vue.withCtx(() => [
+              _ctx.model[modelName.value] ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTable), {
+                ref_key: "tMagicTable",
+                ref: tMagicTable,
+                style: { "width": "100%" },
+                "row-key": _ctx.config.rowKey || "id",
+                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(() => [
+                  _ctx.config.itemExtra ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
+                    key: 0,
+                    fixed: "left",
+                    width: "30",
+                    type: "expand"
+                  }, {
+                    default: vue.withCtx((scope) => [
+                      vue.createElementVNode("span", {
+                        innerHTML: itemExtra(_ctx.config.itemExtra, scope.$index),
+                        class: "m-form-tip"
+                      }, null, 8, _hoisted_2$2)
+                    ]),
+                    _: 1
+                  })) : vue.createCommentVNode("", true),
+                  vue.createVNode(vue.unref(design.TMagicTableColumn), {
+                    label: "操作",
+                    width: _ctx.config.operateColWidth || 55,
+                    align: "center",
+                    fixed: _ctx.config.fixed === false ? void 0 : "left"
+                  }, {
+                    default: vue.withCtx((scope) => [
+                      vue.renderSlot(_ctx.$slots, "operateCol", { scope }),
+                      vue.withDirectives(vue.createVNode(vue.unref(design.TMagicIcon), {
+                        class: "m-table-delete-icon",
+                        onClick: ($event) => removeHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(iconsVue.Delete))
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"]), [
+                        [vue.vShow, showDelete(scope.$index + 1 + pagecontext.value * pagesize.value - 1)]
+                      ])
+                    ]),
+                    _: 3
+                  }, 8, ["width", "fixed"]),
+                  _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"
+                  }, {
+                    default: vue.withCtx((scope) => [
+                      scope.$index + 1 + pagecontext.value * pagesize.value - 1 !== 0 ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
+                        key: 0,
+                        content: "点击上移，双击置顶",
+                        placement: "top"
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(design.TMagicButton), {
+                            plain: "",
+                            size: "small",
+                            type: "primary",
+                            icon: vue.unref(iconsVue.ArrowUp),
+                            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)
+                          }, null, 8, ["icon", "disabled", "onClick", "onDblclick"])
+                        ]),
+                        _: 2
+                      }, 1024)) : vue.createCommentVNode("", true),
+                      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"
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(design.TMagicButton), {
+                            plain: "",
+                            size: "small",
+                            type: "primary",
+                            icon: vue.unref(iconsVue.ArrowDown),
+                            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)
+                          }, null, 8, ["icon", "disabled", "onClick", "onDblclick"])
+                        ]),
+                        _: 2
+                      }, 1024)) : vue.createCommentVNode("", true)
+                    ]),
+                    _: 1
+                  })) : vue.createCommentVNode("", true),
+                  selection.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
+                    key: 2,
+                    align: "center",
+                    "header-align": "center",
+                    type: "selection",
+                    width: "45"
+                  })) : vue.createCommentVNode("", true),
+                  _ctx.showIndex && _ctx.config.showIndex ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
+                    key: 3,
+                    width: "60",
+                    label: "序号"
+                  }, {
+                    default: vue.withCtx((scope) => [
+                      vue.createTextVNode(vue.toDisplayString(scope.$index + 1 + pagecontext.value * pagesize.value), 1)
+                    ]),
+                    _: 1
+                  })) : vue.createCommentVNode("", true),
+                  (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,
+                        width: column.width,
+                        label: column.label,
+                        sortable: column.sortable,
+                        "sort-orders": ["ascending", "descending"],
+                        key: column[vue.unref(mForm)?.keyProp || "__key"] ?? index,
+                        "class-name": _ctx.config.dropSort === true ? "el-table__column--dropable" : ""
+                      }, {
+                        default: vue.withCtx((scope) => [
+                          scope.$index > -1 ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
+                            key: 0,
+                            labelWidth: "0",
+                            disabled: _ctx.disabled,
+                            prop: getProp(scope.$index),
+                            rules: column.rules,
+                            config: makeConfig(column, scope.row),
+                            model: scope.row,
+                            lastValues: lastData.value[scope.$index],
+                            "is-compare": _ctx.isCompare,
+                            size: _ctx.size,
+                            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)
+                        ]),
+                        _: 2
+                      }, 1032, ["prop", "width", "label", "sortable", "class-name"])) : vue.createCommentVNode("", true)
+                    ], 64);
+                  }), 256))
+                ]),
+                _: 3
+              }, 8, ["row-key", "data", "lastData", "border", "max-height"])) : vue.createCommentVNode("", true)
+            ]),
+            _: 3
+          }, 8, ["disabled"]),
+          vue.renderSlot(_ctx.$slots, "default"),
+          addable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+            key: 1,
+            size: "small",
+            type: "primary",
+            disabled: _ctx.disabled,
+            plain: "",
+            onClick: _cache[2] || (_cache[2] = ($event) => newHandler())
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode("新增一行")
+            ]),
+            _: 1
+          }, 8, ["disabled"])) : vue.createCommentVNode("", true),
+          vue.createTextVNode("   "),
+          _ctx.enableToggleMode && _ctx.config.enableToggleMode !== false && !isFullscreen.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+            key: 2,
+            icon: vue.unref(iconsVue.Grid),
+            size: "small",
+            type: "primary",
+            onClick: toggleMode
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode("展开配置")
+            ]),
+            _: 1
+          }, 8, ["icon"])) : vue.createCommentVNode("", true),
+          _ctx.config.enableFullscreen !== false ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+            key: 3,
+            icon: vue.unref(iconsVue.FullScreen),
+            size: "small",
+            type: "primary",
+            onClick: toggleFullscreen
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(isFullscreen.value ? "退出全屏" : "全屏编辑"), 1)
+            ]),
+            _: 1
+          }, 8, ["icon"])) : vue.createCommentVNode("", true),
+          importable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicUpload), {
+            key: 4,
+            style: { "display": "inline-block" },
+            ref_key: "excelBtn",
+            ref: excelBtn,
+            action: "/noop",
+            disabled: _ctx.disabled,
+            "on-change": excelHandler,
+            "auto-upload": false
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(design.TMagicButton), {
+                size: "small",
+                type: "success",
+                disabled: _ctx.disabled,
+                plain: ""
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode("导入EXCEL")
+                ]),
+                _: 1
+              }, 8, ["disabled"])
+            ]),
+            _: 1
+          }, 8, ["disabled"])) : vue.createCommentVNode("", true),
+          vue.createTextVNode("  "),
+          importable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+            key: 5,
+            size: "small",
+            type: "warning",
+            disabled: _ctx.disabled,
+            plain: "",
+            onClick: _cache[3] || (_cache[3] = ($event) => clearHandler())
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode("清空")
+            ]),
+            _: 1
+          }, 8, ["disabled"])) : vue.createCommentVNode("", true),
+          _ctx.config.pagination ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
             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 +1930,28 @@
     }
   });
 
-  const __default__$m = vue.defineComponent({
-    name: "MFormTabs"
-  });
-  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$m,
+  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      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 +2047,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),
@@ -2091,17 +2084,17 @@
                 ]),
                 default: vue.withCtx(() => [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(tabItems(tab), (item) => {
-                    return vue.openBlock(), vue.createBlock(_sfc_main$v, {
+                    return vue.openBlock(), vue.createBlock(_sfc_main$x, {
                       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 +2136,21 @@
     );
   };
 
-  const __default__$l = vue.defineComponent({
-    name: "MFormCascader"
-  });
-  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$l,
+  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      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 +2206,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,
+  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      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 +2269,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 +2286,21 @@
     }
   });
 
-  const __default__$j = vue.defineComponent({
-    name: "MFormCheckGroup"
-  });
-  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$j,
+  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      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 +2322,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 +2349,21 @@
     }
   });
 
-  const __default__$i = vue.defineComponent({
-    name: "MFormColorPicker"
-  });
-  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$i,
+  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      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 +2372,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 +2383,21 @@
     }
   });
 
-  const __default__$h = vue.defineComponent({
-    name: "MFormDate"
-  });
-  const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$h,
+  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      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 +2409,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,
+  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      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 +2515,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,
+  const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      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,36 +2558,38 @@
       };
       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"]);
       };
     }
   });
 
-  const _hoisted_1$5 = { key: 0 };
-  const __default__$e = vue.defineComponent({
-    name: "MFormDisplay"
-  });
-  const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$e,
+  const _hoisted_1$7 = { key: 0 };
+  const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      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: {},
+      disabled: { type: Boolean },
+      size: {},
+      lastValues: {}
     },
     setup(__props) {
       const props = __props;
@@ -2603,27 +2598,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$7, 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,
+  const _hoisted_1$6 = { class: "m-fields-dynamic-field" };
+  const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      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 }) {
@@ -2674,7 +2669,7 @@
         emit("change", fieldMap.value[key], key);
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
           vue.createVNode(vue.unref(design.TMagicForm), { size: "small" }, {
             default: vue.withCtx(() => [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Object.keys(fieldMap.value), (key) => {
@@ -2701,40 +2696,42 @@
     }
   });
 
-  const __default__$c = vue.defineComponent({
-    name: "MFormHidden"
-  });
-  const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$c,
+  const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      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: {},
+      disabled: { type: Boolean },
+      size: {},
+      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,
+  const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      name: "MForm"
+    },
+    __name: "Form",
     props: {
       config: { default: () => [] },
       initValues: { default: () => ({}) },
@@ -2745,14 +2742,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 +2782,7 @@
           }
         }
       });
-      vue.watchEffect(() => {
+      vue.watchEffect(async () => {
         formState.initValues = props.initValues;
         formState.lastValues = props.lastValues;
         formState.isCompare = props.isCompare;
@@ -2792,6 +2790,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 +2826,7 @@
       const changeHandler = () => {
         emit("change", values.value);
       };
-      expose({
+      __expose({
         values,
         lastValuesProcessed,
         formState,
@@ -2855,23 +2859,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) => {
-              return vue.openBlock(), vue.createBlock(_sfc_main$v, {
-                disabled: __props.disabled,
-                key: item[__props.keyProp] ?? 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$x, {
+                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)
@@ -2882,30 +2886,27 @@
     }
   });
 
-  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,
+  const _hoisted_1$5 = { style: { "min-height": "1px" } };
+  const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      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);
@@ -2930,9 +2931,6 @@
         }
         return false;
       });
-      const cancel = () => {
-        dialogVisible.value = false;
-      };
       const closeHandler = () => {
         stepActive.value = 1;
         emit("close");
@@ -2954,12 +2952,23 @@
       const changeHandler = (value) => {
         emit("change", value);
       };
-      expose({
+      const show = () => {
+        dialogVisible.value = true;
+      };
+      const hide = () => {
+        dialogVisible.value = false;
+      };
+      const cancel = () => {
+        hide();
+      };
+      __expose({
         form,
         saveFetch,
         dialogVisible,
         cancel,
-        save
+        save,
+        show,
+        hide
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicDialog), {
@@ -2968,10 +2977,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
         }, {
@@ -2983,7 +2992,7 @@
                   style: { "text-align": "left" }
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createElementVNode("div", _hoisted_1$3, [
+                    vue.createElementVNode("div", _hoisted_1$5, [
                       vue.renderSlot(_ctx.$slots, "left")
                     ])
                   ]),
@@ -2997,43 +3006,44 @@
                         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), {
                         key: 2,
                         type: "primary",
                         size: "small",
+                        disabled: _ctx.disabled,
                         loading: saveFetch.value,
                         onClick: save
                       }, {
                         default: vue.withCtx(() => [
-                          vue.createTextVNode(vue.toDisplayString(__props.confirmText), 1)
+                          vue.createTextVNode(vue.toDisplayString(_ctx.confirmText), 1)
                         ]),
                         _: 1
-                      }, 8, ["loading"]))
+                      }, 8, ["disabled", "loading"]))
                     ])
                   ]),
                   _: 3
@@ -3048,17 +3058,17 @@
               class: "m-dialog-body",
               style: vue.normalizeStyle(`max-height: ${bodyHeight.value}; overflow-y: auto; overflow-x: hidden;`)
             }, [
-              vue.createVNode(_sfc_main$b, {
+              vue.createVNode(_sfc_main$d, {
                 modelValue: stepActive.value,
                 "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")
@@ -3070,27 +3080,26 @@
     }
   });
 
-  const _hoisted_1$2 = ["href"];
-  const _hoisted_2 = {
+  const _hoisted_1$4 = ["href"];
+  const _hoisted_2$1 = {
     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,
+  const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      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 +3148,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$4)) : _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$1, [
           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, {
+          vue.createVNode(_sfc_main$c, {
             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 +3183,21 @@
     }
   });
 
-  const __default__$8 = vue.defineComponent({
-    name: "MFormNumber"
-  });
-  const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$8,
+  const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      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 +3212,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 +3231,76 @@
     }
   });
 
-  const __default__$7 = vue.defineComponent({
-    name: "MFormRadioGroup"
+  const _hoisted_1$3 = { class: "m-fields-number-range" };
+  const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("span", { class: "split-tag" }, "-", -1);
+  const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      name: "MFormNumberRange"
+    },
+    __name: "NumberRange",
+    props: {
+      config: {},
+      model: {},
+      initValues: {},
+      values: {},
+      name: {},
+      prop: {},
+      disabled: { type: Boolean },
+      size: {},
+      lastValues: {}
+    },
+    emits: ["change"],
+    setup(__props, { emit }) {
+      const props = __props;
+      useAddField(props.prop);
+      if (!Array.isArray(props.model[props.name])) {
+        props.model[props.name] = [];
+      }
+      const minChangeHandler = (v) => {
+        emit("change", [Number(v), props.model[props.name][1]]);
+      };
+      const maxChangeHandler = (v) => {
+        emit("change", [props.model[props.name][0], Number(v)]);
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
+          vue.createVNode(vue.unref(design.TMagicInput), {
+            modelValue: _ctx.model[_ctx.name][0],
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name][0] = $event),
+            clearable: "",
+            size: _ctx.size,
+            disabled: _ctx.disabled,
+            onChange: minChangeHandler
+          }, null, 8, ["modelValue", "size", "disabled"]),
+          _hoisted_2,
+          vue.createVNode(vue.unref(design.TMagicInput), {
+            modelValue: _ctx.model[_ctx.name][1],
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.model[_ctx.name][1] = $event),
+            clearable: "",
+            size: _ctx.size,
+            disabled: _ctx.disabled,
+            onChange: maxChangeHandler
+          }, null, 8, ["modelValue", "size", "disabled"])
+        ]);
+      };
+    }
   });
-  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$7,
+
+  const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      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 +3310,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 +3338,18 @@
     }
   });
 
-  const __default__$6 = vue.defineComponent({
-    name: "MFormSelectOptionGroups"
-  });
-  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$6,
+  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      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 +3357,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 +3372,22 @@
     }
   });
 
-  const __default__$5 = vue.defineComponent({
-    name: "MFormSelectOptions"
-  });
-  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$5,
+  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      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);
@@ -3331,22 +3395,22 @@
     }
   });
 
-  const _hoisted_1$1 = { key: 2 };
-  const __default__$4 = vue.defineComponent({
-    name: "MFormSelect"
-  });
-  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$4,
+  const _hoisted_1$2 = { key: 2 };
+  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      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 +3438,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 +3458,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 +3507,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 +3557,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 +3609,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,36 +3714,36 @@
       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$7, {
               key: 0,
               options: vue.unref(groupOptions)
-            }, null, 8, ["options"])) : (vue.openBlock(), vue.createBlock(_sfc_main$5, {
+            }, null, 8, ["options"])) : (vue.openBlock(), vue.createBlock(_sfc_main$6, {
               key: 1,
               options: vue.unref(itemOptions)
             }, null, 8, ["options"])),
-            moreLoadingVisible.value ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, null, 512)), [
+            moreLoadingVisible.value ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, null, 512)), [
               [_directive_loading, true]
             ]) : vue.createCommentVNode("", true)
           ]),
@@ -3688,21 +3755,21 @@
     }
   });
 
-  const __default__$3 = vue.defineComponent({
-    name: "MFormSwitch"
-  });
-  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$3,
+  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      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,34 +3800,34 @@
       });
       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"]);
       };
     }
   });
 
-  const _hoisted_1 = { key: 0 };
-  const __default__$2 = vue.defineComponent({
-    name: "MFormText"
-  });
-  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$2,
+  const _hoisted_1$1 = { key: 0 };
+  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      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 +3904,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$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,
+  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      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 +3967,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 +3981,21 @@
     }
   });
 
-  const __default__ = vue.defineComponent({
-    name: "MFormTime"
-  });
-  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-    ...__default__,
+  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      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 +4006,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"]);
       };
@@ -3953,71 +4021,218 @@
 
   const index$1 = '';
 
+  const _hoisted_1 = { style: { "min-height": "1px" } };
+  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      name: "MFormDialog"
+    },
+    __name: "FormDrawer",
+    props: {
+      config: { default: () => [] },
+      values: { default: () => ({}) },
+      parentValues: {},
+      width: {},
+      labelWidth: {},
+      disabled: { type: Boolean },
+      closeOnPressEscape: { type: Boolean, default: true },
+      title: {},
+      zIndex: {},
+      size: {},
+      confirmText: { default: "确定" }
+    },
+    emits: ["close", "submit", "error", "change", "open", "opened"],
+    setup(__props, { expose: __expose, emit }) {
+      const form = vue.ref();
+      const drawerBody = vue.ref();
+      const visible = vue.ref(false);
+      const saveFetch = vue.ref(false);
+      const bodyHeight = vue.ref(0);
+      vue.watchEffect(() => {
+        if (drawerBody.value) {
+          bodyHeight.value = drawerBody.value.clientHeight;
+        }
+      });
+      const submitHandler = async () => {
+        try {
+          const values = await form.value?.submitForm();
+          emit("submit", values);
+        } catch (e) {
+          emit("error", e);
+        }
+      };
+      const changeHandler = (value) => {
+        emit("change", value);
+      };
+      const openHandler = (value) => {
+        emit("open", value);
+      };
+      const openedHandler = (value) => {
+        emit("opened", value);
+      };
+      const show = () => {
+        visible.value = true;
+      };
+      const hide = () => {
+        visible.value = false;
+      };
+      __expose({
+        form,
+        saveFetch,
+        bodyHeight,
+        show,
+        hide
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicDrawer), {
+          class: "m-form-drawer",
+          modelValue: visible.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
+          title: _ctx.title,
+          "close-on-press-escape": _ctx.closeOnPressEscape,
+          "append-to-body": true,
+          "show-close": true,
+          "close-on-click-modal": true,
+          size: _ctx.width,
+          zIndex: _ctx.zIndex,
+          onOpen: openHandler,
+          onOpened: openedHandler
+        }, {
+          footer: vue.withCtx(() => [
+            vue.createVNode(vue.unref(design.TMagicRow), { class: "dialog-footer" }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(design.TMagicCol), {
+                  span: 12,
+                  style: { "text-align": "left" }
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createElementVNode("div", _hoisted_1, [
+                      vue.renderSlot(_ctx.$slots, "left")
+                    ])
+                  ]),
+                  _: 3
+                }),
+                vue.createVNode(vue.unref(design.TMagicCol), { span: 12 }, {
+                  default: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, "footer", {}, () => [
+                      vue.createVNode(vue.unref(design.TMagicButton), { onClick: hide }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode("关闭")
+                        ]),
+                        _: 1
+                      }),
+                      vue.createVNode(vue.unref(design.TMagicButton), {
+                        type: "primary",
+                        disabled: _ctx.disabled,
+                        loading: saveFetch.value,
+                        onClick: submitHandler
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode(vue.toDisplayString(_ctx.confirmText), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["disabled", "loading"])
+                    ])
+                  ]),
+                  _: 3
+                })
+              ]),
+              _: 3
+            })
+          ]),
+          default: vue.withCtx(() => [
+            visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              ref_key: "drawerBody",
+              ref: drawerBody,
+              class: "m-drawer-body"
+            }, [
+              vue.createVNode(_sfc_main$d, {
+                ref_key: "form",
+                ref: form,
+                size: _ctx.size,
+                disabled: _ctx.disabled,
+                config: _ctx.config,
+                "init-values": _ctx.values,
+                "parent-values": _ctx.parentValues,
+                "label-width": _ctx.labelWidth,
+                onChange: changeHandler
+              }, null, 8, ["size", "disabled", "config", "init-values", "parent-values", "label-width"]),
+              vue.renderSlot(_ctx.$slots, "default")
+            ], 512)) : vue.createCommentVNode("", true)
+          ]),
+          _: 3
+        }, 8, ["modelValue", "title", "close-on-press-escape", "size", "zIndex"]);
+      };
+    }
+  });
+
   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$d);
+      app.component("m-form-dialog", _sfc_main$c);
+      app.component("m-form-container", _sfc_main$x);
+      app.component("m-form-fieldset", _sfc_main$w);
+      app.component("m-form-group-list", _sfc_main$u);
+      app.component("m-form-panel", _sfc_main$t);
+      app.component("m-form-row", _sfc_main$r);
+      app.component("m-form-step", _sfc_main$q);
+      app.component("m-form-table", _sfc_main$p);
+      app.component("m-form-tab", _sfc_main$o);
+      app.component("m-fields-text", _sfc_main$3);
+      app.component("m-fields-number", _sfc_main$a);
+      app.component("m-fields-number-range", _sfc_main$9);
+      app.component("m-fields-textarea", _sfc_main$2);
+      app.component("m-fields-hidden", _sfc_main$e);
+      app.component("m-fields-date", _sfc_main$j);
+      app.component("m-fields-datetime", _sfc_main$h);
+      app.component("m-fields-daterange", _sfc_main$i);
+      app.component("m-fields-time", _sfc_main$1);
+      app.component("m-fields-checkbox", _sfc_main$m);
+      app.component("m-fields-switch", _sfc_main$4);
+      app.component("m-fields-color-picker", _sfc_main$k);
+      app.component("m-fields-checkbox-group", _sfc_main$l);
+      app.component("m-fields-radio-group", _sfc_main$8);
+      app.component("m-fields-display", _sfc_main$g);
+      app.component("m-fields-link", _sfc_main$b);
+      app.component("m-fields-select", _sfc_main$5);
+      app.component("m-fields-cascader", _sfc_main$n);
+      app.component("m-fields-dynamic-field", _sfc_main$f);
+    }
   };
 
-  exports.MCascader = _sfc_main$l;
-  exports.MCheckbox = _sfc_main$k;
-  exports.MCheckboxGroup = _sfc_main$j;
-  exports.MColorPicker = _sfc_main$i;
-  exports.MContainer = _sfc_main$v;
-  exports.MDate = _sfc_main$h;
-  exports.MDateTime = _sfc_main$f;
-  exports.MDaterange = _sfc_main$g;
-  exports.MDisplay = _sfc_main$e;
-  exports.MDynamicField = _sfc_main$d;
-  exports.MFieldset = _sfc_main$u;
-  exports.MForm = _sfc_main$b;
-  exports.MFormDialog = _sfc_main$a;
-  exports.MGroupList = _sfc_main$s;
-  exports.MHidden = _sfc_main$c;
-  exports.MLink = _sfc_main$9;
-  exports.MNumber = _sfc_main$8;
-  exports.MPanel = _sfc_main$r;
-  exports.MRadioGroup = _sfc_main$7;
-  exports.MRow = _sfc_main$p;
-  exports.MSelect = _sfc_main$4;
-  exports.MSwitch = _sfc_main$3;
-  exports.MTable = _sfc_main$n;
-  exports.MTabs = _sfc_main$m;
-  exports.MText = _sfc_main$2;
-  exports.MTextarea = _sfc_main$1;
-  exports.MTime = _sfc_main;
+  exports.MCascader = _sfc_main$n;
+  exports.MCheckbox = _sfc_main$m;
+  exports.MCheckboxGroup = _sfc_main$l;
+  exports.MColorPicker = _sfc_main$k;
+  exports.MContainer = _sfc_main$x;
+  exports.MDate = _sfc_main$j;
+  exports.MDateTime = _sfc_main$h;
+  exports.MDaterange = _sfc_main$i;
+  exports.MDisplay = _sfc_main$g;
+  exports.MDynamicField = _sfc_main$f;
+  exports.MFieldset = _sfc_main$w;
+  exports.MForm = _sfc_main$d;
+  exports.MFormDialog = _sfc_main$c;
+  exports.MFormDrawer = _sfc_main;
+  exports.MGroupList = _sfc_main$u;
+  exports.MHidden = _sfc_main$e;
+  exports.MLink = _sfc_main$b;
+  exports.MNumber = _sfc_main$a;
+  exports.MNumberRange = _sfc_main$9;
+  exports.MPanel = _sfc_main$t;
+  exports.MRadioGroup = _sfc_main$8;
+  exports.MRow = _sfc_main$r;
+  exports.MSelect = _sfc_main$5;
+  exports.MSwitch = _sfc_main$4;
+  exports.MTable = _sfc_main$p;
+  exports.MTabs = _sfc_main$o;
+  exports.MText = _sfc_main$3;
+  exports.MTextarea = _sfc_main$2;
+  exports.MTime = _sfc_main$1;
   exports.createValues = createValues;
   exports.default = index;
   exports.display = display;