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

package/dist/tmagic-form.js

@@ -1,9 +1,9 @@
-import { toRaw, defineComponent, inject, ref, computed, resolveComponent, watchEffect, watch, openBlock, createElementBlock, normalizeStyle, normalizeClass, unref, createBlock, resolveDynamicComponent, Fragment, createVNode, withCtx, createElementVNode, createCommentVNode, renderList, createTextVNode, toDisplayString, withDirectives, vShow, renderSlot, onMounted, toRefs, mergeProps, getCurrentInstance, reactive, onBeforeUnmount, vModelText, provide, onBeforeMount, resolveDirective, createSlots, withModifiers } from 'vue';
+import { toRaw, defineComponent, inject, ref, computed, resolveComponent, watchEffect, watch, openBlock, createElementBlock, normalizeStyle, normalizeClass, createBlock, resolveDynamicComponent, Fragment, createVNode, unref, withCtx, createElementVNode, createCommentVNode, renderList, createTextVNode, toDisplayString, withDirectives, vShow, renderSlot, onMounted, toRefs, mergeProps, getCurrentInstance, reactive, onBeforeUnmount, vModelText, provide, onBeforeMount, resolveDirective, createSlots, withModifiers } from 'vue';
 import { WarningFilled, CaretBottom, CaretRight, Delete, CaretTop, Grid, ArrowUp, ArrowDown, FullScreen } from '@element-plus/icons-vue';
 import { cloneDeep, isEqual, isEmpty } from 'lodash-es';
-import { TMagicFormItem, TMagicTooltip, TMagicIcon, TMagicButton, TMagicCheckbox, TMagicCard, TMagicCol, TMagicRow, TMagicSteps, TMagicStep, TMagicTable, TMagicTableColumn, TMagicUpload, TMagicPagination, tMagicMessage, getConfig as getConfig$1, TMagicBadge, TMagicCascader, TMagicCheckboxGroup, TMagicColorPicker, TMagicDatePicker, TMagicForm, TMagicInput, TMagicDialog, TMagicInputNumber, TMagicRadioGroup, TMagicRadio, TMagicOptionGroup, TMagicOption, TMagicSelect, TMagicSwitch, TMagicTimePicker } from '@tmagic/design';
+import { TMagicFormItem, TMagicTooltip, TMagicIcon, TMagicButton, TMagicCheckbox, TMagicCard, TMagicCol, TMagicRow, TMagicSteps, TMagicStep, TMagicTable, TMagicTableColumn, TMagicUpload, TMagicPagination, tMagicMessage, getConfig as getConfig$1, TMagicBadge, TMagicCascader, TMagicCheckboxGroup, TMagicColorPicker, TMagicDatePicker, TMagicForm, TMagicInput, TMagicDialog, TMagicInputNumber, TMagicRadioGroup, TMagicRadio, TMagicOptionGroup, TMagicOption, TMagicSelect, TMagicSwitch, TMagicTimePicker, TMagicDrawer } from '@tmagic/design';
 import Sortable from 'sortablejs';
-import { asyncLoadJs, sleep, datetimeFormatter, isNumber } from '@tmagic/utils';
+import { asyncLoadJs, sleep, datetimeFormatter, getValueByKeyPath, isNumber } from '@tmagic/utils';
 import cloneDeep$1 from 'lodash-es/cloneDeep';
 
 const isTableSelect = (type) => typeof type === "string" && ["table-select", "tableSelect"].includes(type);
@@ -92,7 +92,7 @@ const getDefaultValue = function(mForm, { defaultValue, type, filter, multiple }
   if (["switch", "checkbox"].includes(type)) {
     return false;
   }
-  if (multiple) {
+  if (multiple || type === "number-range") {
     return [];
   }
   return "";
@@ -107,7 +107,8 @@ const filterFunction = (mForm, config, props) => {
     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) {
@@ -166,36 +167,36 @@ const initValue = async (mForm, { initValues, config }) => {
   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 = defineComponent({
-  name: "MFormContainer"
-});
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
-  ...__default__$v,
+const _sfc_main$x = /* @__PURE__ */ 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 }
   },
@@ -232,6 +233,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       return "m-fields-text";
     });
     const disabled = computed(() => props.disabled || filterFunction(mForm, props.config.disabled, props));
+    const text = computed(() => filterFunction(mForm, props.config.text, props));
     const tooltip = computed(() => filterFunction(mForm, props.config.tooltip, props));
     const extra = computed(() => filterFunction(mForm, props.config.extra, props));
     const rule = computed(() => getRules(mForm, props.config.rules, props));
@@ -262,7 +264,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       (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");
@@ -327,94 +329,94 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_m_fields_hidden = resolveComponent("m-fields-hidden");
       const _component_Container = resolveComponent("Container", true);
-      return __props.config ? (openBlock(), createElementBlock("div", {
+      return _ctx.config ? (openBlock(), createElementBlock("div", {
         key: 0,
-        style: normalizeStyle(__props.config.tip ? "display: flex;align-items: baseline;" : ""),
-        class: normalizeClass([__props.config.className, "m-form-container"])
+        style: normalizeStyle(_ctx.config.tip ? "display: flex;align-items: baseline;" : ""),
+        class: normalizeClass(`m-form-container m-container-${type.value || ""} ${_ctx.config.className || ""}`)
       }, [
-        unref(type) === "hidden" ? (openBlock(), createBlock(_component_m_fields_hidden, {
+        type.value === "hidden" ? (openBlock(), createBlock(_component_m_fields_hidden, {
           key: 0,
-          model: __props.model,
-          config: __props.config,
-          name: __props.config.name,
-          disabled: unref(disabled),
-          prop: unref(itemProp)
-        }, null, 8, ["model", "config", "name", "disabled", "prop"])) : unref(items) && !__props.config.text && unref(type) && unref(display$1) ? (openBlock(), createBlock(resolveDynamicComponent(unref(tagName)), {
-          key: key(__props.config),
-          size: __props.size,
-          model: __props.model,
-          "last-values": __props.lastValues,
-          "is-compare": __props.isCompare,
-          config: __props.config,
-          disabled: unref(disabled),
-          name: unref(name),
-          prop: unref(itemProp),
-          "step-active": __props.stepActive,
+          model: _ctx.model,
+          config: _ctx.config,
+          name: _ctx.config.name,
+          disabled: disabled.value,
+          prop: itemProp.value
+        }, null, 8, ["model", "config", "name", "disabled", "prop"])) : items.value && !text.value && type.value && display$1.value ? (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
+          key: key(_ctx.config),
+          size: _ctx.size,
+          model: _ctx.model,
+          "last-values": _ctx.lastValues,
+          "is-compare": _ctx.isCompare,
+          config: _ctx.config,
+          disabled: disabled.value,
+          name: name.value,
+          prop: itemProp.value,
+          "step-active": _ctx.stepActive,
           "expand-more": expand.value,
-          "label-width": unref(itemLabelWidth),
+          "label-width": itemLabelWidth.value,
           onChange: onChangeHandler,
           onAddDiffCount
-        }, null, 40, ["size", "model", "last-values", "is-compare", "config", "disabled", "name", "prop", "step-active", "expand-more", "label-width"])) : unref(type) && unref(display$1) && !unref(showDiff) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+        }, null, 40, ["size", "model", "last-values", "is-compare", "config", "disabled", "name", "prop", "step-active", "expand-more", "label-width"])) : type.value && display$1.value && !showDiff.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
           createVNode(unref(TMagicFormItem), {
-            style: normalizeStyle(__props.config.tip ? "flex: 1" : ""),
-            class: normalizeClass({ hidden: `${unref(itemLabelWidth)}` === "0" || !__props.config.text }),
-            prop: unref(itemProp),
-            "label-width": unref(itemLabelWidth),
-            rules: unref(rule)
+            style: normalizeStyle(_ctx.config.tip ? "flex: 1" : ""),
+            class: normalizeClass({ hidden: `${itemLabelWidth.value}` === "0" || !text.value }),
+            prop: itemProp.value,
+            "label-width": itemLabelWidth.value,
+            rules: rule.value
           }, {
             label: withCtx(() => [
               createElementVNode("span", {
-                innerHTML: unref(type) === "checkbox" ? "" : __props.config.text
-              }, null, 8, _hoisted_1$b)
+                innerHTML: type.value === "checkbox" ? "" : text.value
+              }, null, 8, _hoisted_1$d)
             ]),
             default: withCtx(() => [
-              unref(tooltip) ? (openBlock(), createBlock(unref(TMagicTooltip), { key: 0 }, {
+              tooltip.value ? (openBlock(), createBlock(unref(TMagicTooltip), { key: 0 }, {
                 content: withCtx(() => [
-                  createElementVNode("div", { innerHTML: unref(tooltip) }, null, 8, _hoisted_2$7)
+                  createElementVNode("div", { innerHTML: tooltip.value }, null, 8, _hoisted_2$7)
                 ]),
                 default: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent(unref(tagName)), {
-                    key: key(__props.config),
-                    size: __props.size,
-                    model: __props.model,
-                    "last-values": __props.lastValues,
-                    config: __props.config,
-                    name: unref(name),
-                    disabled: unref(disabled),
-                    prop: unref(itemProp),
+                  (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
+                    key: key(_ctx.config),
+                    size: _ctx.size,
+                    model: _ctx.model,
+                    "last-values": _ctx.lastValues,
+                    config: _ctx.config,
+                    name: name.value,
+                    disabled: disabled.value,
+                    prop: itemProp.value,
                     onChange: onChangeHandler,
                     onAddDiffCount
                   }, null, 40, ["size", "model", "last-values", "config", "name", "disabled", "prop"]))
                 ]),
                 _: 1
-              })) : (openBlock(), createBlock(resolveDynamicComponent(unref(tagName)), {
-                key: key(__props.config),
-                size: __props.size,
-                model: __props.model,
-                "last-values": __props.lastValues,
-                config: __props.config,
-                name: unref(name),
-                disabled: unref(disabled),
-                prop: unref(itemProp),
+              })) : (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
+                key: key(_ctx.config),
+                size: _ctx.size,
+                model: _ctx.model,
+                "last-values": _ctx.lastValues,
+                config: _ctx.config,
+                name: name.value,
+                disabled: disabled.value,
+                prop: itemProp.value,
                 onChange: onChangeHandler,
                 onAddDiffCount
               }, null, 40, ["size", "model", "last-values", "config", "name", "disabled", "prop"])),
-              unref(extra) && unref(type) !== "table" ? (openBlock(), createElementBlock("div", {
+              extra.value && type.value !== "table" ? (openBlock(), createElementBlock("div", {
                 key: 2,
-                innerHTML: unref(extra),
+                innerHTML: extra.value,
                 class: "m-form-tip"
-              }, null, 8, _hoisted_3$7)) : createCommentVNode("", true)
+              }, null, 8, _hoisted_3$4)) : createCommentVNode("", true)
             ]),
             _: 1
           }, 8, ["style", "class", "prop", "label-width", "rules"]),
-          __props.config.tip ? (openBlock(), createBlock(unref(TMagicTooltip), {
+          _ctx.config.tip ? (openBlock(), createBlock(unref(TMagicTooltip), {
             key: 0,
             placement: "left"
           }, {
             content: withCtx(() => [
               createElementVNode("div", {
-                innerHTML: __props.config.tip
-              }, null, 8, _hoisted_4$6)
+                innerHTML: _ctx.config.tip
+              }, null, 8, _hoisted_4$3)
             ]),
             default: withCtx(() => [
               createVNode(unref(TMagicIcon), { style: { "line-height": "40px", "margin-left": "5px" } }, {
@@ -426,63 +428,63 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           })) : createCommentVNode("", true)
-        ], 64)) : unref(type) && unref(display$1) && unref(showDiff) ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
+        ], 64)) : type.value && display$1.value && showDiff.value ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
           createVNode(unref(TMagicFormItem), {
-            style: normalizeStyle([__props.config.tip ? "flex: 1" : "", { "background": "#f7dadd" }]),
-            class: normalizeClass({ hidden: `${unref(itemLabelWidth)}` === "0" || !__props.config.text }),
-            prop: unref(itemProp),
-            "label-width": unref(itemLabelWidth),
-            rules: unref(rule)
+            style: normalizeStyle([_ctx.config.tip ? "flex: 1" : "", { "background": "#f7dadd" }]),
+            class: normalizeClass({ hidden: `${itemLabelWidth.value}` === "0" || !text.value }),
+            prop: itemProp.value,
+            "label-width": itemLabelWidth.value,
+            rules: rule.value
           }, {
             label: withCtx(() => [
               createElementVNode("span", {
-                innerHTML: unref(type) === "checkbox" ? "" : __props.config.text
-              }, null, 8, _hoisted_5$4)
+                innerHTML: type.value === "checkbox" ? "" : text.value
+              }, null, 8, _hoisted_5$3)
             ]),
             default: withCtx(() => [
-              unref(tooltip) ? (openBlock(), createBlock(unref(TMagicTooltip), { key: 0 }, {
+              tooltip.value ? (openBlock(), createBlock(unref(TMagicTooltip), { key: 0 }, {
                 content: withCtx(() => [
-                  createElementVNode("div", { innerHTML: unref(tooltip) }, null, 8, _hoisted_6$3)
+                  createElementVNode("div", { innerHTML: tooltip.value }, null, 8, _hoisted_6$1)
                 ]),
                 default: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent(unref(tagName)), {
-                    key: key(__props.config),
-                    size: __props.size,
-                    model: __props.lastValues,
-                    config: __props.config,
-                    name: unref(name),
-                    disabled: unref(disabled),
-                    prop: unref(itemProp),
+                  (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
+                    key: key(_ctx.config),
+                    size: _ctx.size,
+                    model: _ctx.lastValues,
+                    config: _ctx.config,
+                    name: name.value,
+                    disabled: disabled.value,
+                    prop: itemProp.value,
                     onChange: onChangeHandler
                   }, null, 40, ["size", "model", "config", "name", "disabled", "prop"]))
                 ]),
                 _: 1
-              })) : (openBlock(), createBlock(resolveDynamicComponent(unref(tagName)), {
-                key: key(__props.config),
-                size: __props.size,
-                model: __props.lastValues,
-                config: __props.config,
-                name: unref(name),
-                disabled: unref(disabled),
-                prop: unref(itemProp),
+              })) : (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
+                key: key(_ctx.config),
+                size: _ctx.size,
+                model: _ctx.lastValues,
+                config: _ctx.config,
+                name: name.value,
+                disabled: disabled.value,
+                prop: itemProp.value,
                 onChange: onChangeHandler
               }, null, 40, ["size", "model", "config", "name", "disabled", "prop"])),
-              unref(extra) ? (openBlock(), createElementBlock("div", {
+              extra.value ? (openBlock(), createElementBlock("div", {
                 key: 2,
-                innerHTML: unref(extra),
+                innerHTML: extra.value,
                 class: "m-form-tip"
-              }, null, 8, _hoisted_7$3)) : createCommentVNode("", true)
+              }, null, 8, _hoisted_7$1)) : createCommentVNode("", true)
             ]),
             _: 1
           }, 8, ["style", "class", "prop", "label-width", "rules"]),
-          __props.config.tip ? (openBlock(), createBlock(unref(TMagicTooltip), {
+          _ctx.config.tip ? (openBlock(), createBlock(unref(TMagicTooltip), {
             key: 0,
             placement: "left"
           }, {
             content: withCtx(() => [
               createElementVNode("div", {
-                innerHTML: __props.config.tip
-              }, null, 8, _hoisted_8$2)
+                innerHTML: _ctx.config.tip
+              }, null, 8, _hoisted_8$1)
             ]),
             default: withCtx(() => [
               createVNode(unref(TMagicIcon), { style: { "line-height": "40px", "margin-left": "5px" } }, {
@@ -495,60 +497,60 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
             _: 1
           })) : createCommentVNode("", true),
           createVNode(unref(TMagicFormItem), {
-            style: normalizeStyle([__props.config.tip ? "flex: 1" : "", { "background": "#def7da" }]),
-            class: normalizeClass({ hidden: `${unref(itemLabelWidth)}` === "0" || !__props.config.text }),
-            prop: unref(itemProp),
-            "label-width": unref(itemLabelWidth),
-            rules: unref(rule)
+            style: normalizeStyle([_ctx.config.tip ? "flex: 1" : "", { "background": "#def7da" }]),
+            class: normalizeClass({ hidden: `${itemLabelWidth.value}` === "0" || !text.value }),
+            prop: itemProp.value,
+            "label-width": itemLabelWidth.value,
+            rules: rule.value
           }, {
             label: withCtx(() => [
               createElementVNode("span", {
-                innerHTML: unref(type) === "checkbox" ? "" : __props.config.text
-              }, null, 8, _hoisted_9$1)
+                innerHTML: type.value === "checkbox" ? "" : text.value
+              }, null, 8, _hoisted_9)
             ]),
             default: withCtx(() => [
-              unref(tooltip) ? (openBlock(), createBlock(unref(TMagicTooltip), { key: 0 }, {
+              tooltip.value ? (openBlock(), createBlock(unref(TMagicTooltip), { key: 0 }, {
                 content: withCtx(() => [
-                  createElementVNode("div", { innerHTML: unref(tooltip) }, null, 8, _hoisted_10$1)
+                  createElementVNode("div", { innerHTML: tooltip.value }, null, 8, _hoisted_10)
                 ]),
                 default: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent(unref(tagName)), {
-                    key: key(__props.config),
-                    size: __props.size,
-                    model: __props.model,
-                    config: __props.config,
-                    name: unref(name),
-                    disabled: unref(disabled),
-                    prop: unref(itemProp),
+                  (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
+                    key: key(_ctx.config),
+                    size: _ctx.size,
+                    model: _ctx.model,
+                    config: _ctx.config,
+                    name: name.value,
+                    disabled: disabled.value,
+                    prop: itemProp.value,
                     onChange: onChangeHandler
                   }, null, 40, ["size", "model", "config", "name", "disabled", "prop"]))
                 ]),
                 _: 1
-              })) : (openBlock(), createBlock(resolveDynamicComponent(unref(tagName)), {
-                key: key(__props.config),
-                size: __props.size,
-                model: __props.model,
-                config: __props.config,
-                name: unref(name),
-                disabled: unref(disabled),
-                prop: unref(itemProp),
+              })) : (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
+                key: key(_ctx.config),
+                size: _ctx.size,
+                model: _ctx.model,
+                config: _ctx.config,
+                name: name.value,
+                disabled: disabled.value,
+                prop: itemProp.value,
                 onChange: onChangeHandler
               }, null, 40, ["size", "model", "config", "name", "disabled", "prop"])),
-              unref(extra) ? (openBlock(), createElementBlock("div", {
+              extra.value ? (openBlock(), createElementBlock("div", {
                 key: 2,
-                innerHTML: unref(extra),
+                innerHTML: extra.value,
                 class: "m-form-tip"
               }, null, 8, _hoisted_11)) : createCommentVNode("", true)
             ]),
             _: 1
           }, 8, ["style", "class", "prop", "label-width", "rules"]),
-          __props.config.tip ? (openBlock(), createBlock(unref(TMagicTooltip), {
+          _ctx.config.tip ? (openBlock(), createBlock(unref(TMagicTooltip), {
             key: 1,
             placement: "left"
           }, {
             content: withCtx(() => [
               createElementVNode("div", {
-                innerHTML: __props.config.tip
+                innerHTML: _ctx.config.tip
               }, null, 8, _hoisted_12)
             ]),
             default: withCtx(() => [
@@ -561,26 +563,26 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           })) : createCommentVNode("", true)
-        ], 64)) : unref(items) && unref(display$1) ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
-          (unref(name) || unref(name) === 0 ? __props.model[unref(name)] : __props.model) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(items), (item) => {
+        ], 64)) : items.value && display$1.value ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
+          (name.value || name.value === 0 ? _ctx.model[name.value] : _ctx.model) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(items.value, (item) => {
             return openBlock(), createBlock(_component_Container, {
               key: key(item),
-              model: unref(name) || unref(name) === 0 ? __props.model[unref(name)] : __props.model,
-              "last-values": unref(name) || unref(name) === 0 ? __props.lastValues[unref(name)] || {} : __props.lastValues,
-              "is-compare": __props.isCompare,
+              model: name.value || name.value === 0 ? _ctx.model[name.value] : _ctx.model,
+              "last-values": name.value || name.value === 0 ? _ctx.lastValues[name.value] || {} : _ctx.lastValues,
+              "is-compare": _ctx.isCompare,
               config: item,
-              size: __props.size,
-              disabled: unref(disabled),
-              "step-active": __props.stepActive,
+              size: _ctx.size,
+              disabled: disabled.value,
+              "step-active": _ctx.stepActive,
               "expand-more": expand.value,
-              "label-width": unref(itemLabelWidth),
-              prop: unref(itemProp),
+              "label-width": itemLabelWidth.value,
+              prop: itemProp.value,
               onChange: onChangeHandler,
               onAddDiffCount
             }, null, 8, ["model", "last-values", "is-compare", "config", "size", "disabled", "step-active", "expand-more", "label-width", "prop"]);
           }), 128)) : createCommentVNode("", true)
         ], 64)) : createCommentVNode("", true),
-        __props.config.expand && unref(type) !== "fieldset" ? (openBlock(), createElementBlock("div", _hoisted_13, [
+        _ctx.config.expand && type.value !== "fieldset" ? (openBlock(), createElementBlock("div", _hoisted_13, [
           createVNode(unref(TMagicButton), {
             type: "primary",
             size: "small",
@@ -599,30 +601,30 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
   }
 });
 
-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 = defineComponent({
-  name: "MFormFieldset"
-});
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
-  ...__default__$u,
+const _hoisted_7 = { style: { "flex": "1" } };
+const _hoisted_8 = ["src"];
+const _sfc_main$w = /* @__PURE__ */ 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 }
   },
@@ -649,30 +651,30 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     const key = (item, index) => item[mForm?.keyProp || "__key"] ?? index;
     const onAddDiffCount = () => emit("addDiffCount");
     return (_ctx, _cache) => {
-      return (unref(name) ? __props.model[unref(name)] : __props.model) ? (openBlock(), createElementBlock("fieldset", {
+      return (name.value ? _ctx.model[name.value] : _ctx.model) ? (openBlock(), createElementBlock("fieldset", {
         key: 0,
         class: "m-fieldset",
-        style: normalizeStyle(unref(show) ? "padding: 15px 15px 0 5px;" : "border: 0")
+        style: normalizeStyle(show.value ? "padding: 15px 15px 0 5px;" : "border: 0")
       }, [
-        unref(name) && __props.config.checkbox ? (openBlock(), createBlock(resolveDynamicComponent(!unref(show) ? "div" : "legend"), { key: 0 }, {
+        name.value && _ctx.config.checkbox ? (openBlock(), createBlock(resolveDynamicComponent(!show.value ? "div" : "legend"), { key: 0 }, {
           default: withCtx(() => [
             createVNode(unref(TMagicCheckbox), {
-              modelValue: __props.model[unref(name)].value,
+              modelValue: _ctx.model[name.value].value,
               "onUpdate:modelValue": [
-                _cache[0] || (_cache[0] = ($event) => __props.model[unref(name)].value = $event),
+                _cache[0] || (_cache[0] = ($event) => _ctx.model[name.value].value = $event),
                 change
               ],
-              prop: `${__props.prop}${__props.prop ? "." : ""}${__props.config.name}.value`,
+              prop: `${_ctx.prop}${_ctx.prop ? "." : ""}${_ctx.config.name}.value`,
               "true-label": 1,
               "false-label": 0
             }, {
               default: withCtx(() => [
                 createElementVNode("span", {
-                  innerHTML: __props.config.legend
-                }, null, 8, _hoisted_1$a),
-                __props.config.extra ? (openBlock(), createElementBlock("span", {
+                  innerHTML: _ctx.config.legend
+                }, null, 8, _hoisted_1$c),
+                _ctx.config.extra ? (openBlock(), createElementBlock("span", {
                   key: 0,
-                  innerHTML: __props.config.extra,
+                  innerHTML: _ctx.config.extra,
                   class: "m-form-tip"
                 }, null, 8, _hoisted_2$6)) : createCommentVNode("", true)
               ]),
@@ -680,30 +682,30 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
             }, 8, ["modelValue", "prop"])
           ]),
           _: 1
-        })) : (openBlock(), createElementBlock("legend", _hoisted_3$6, [
+        })) : (openBlock(), createElementBlock("legend", _hoisted_3$3, [
           createElementVNode("span", {
-            innerHTML: __props.config.legend
-          }, null, 8, _hoisted_4$5),
-          __props.config.extra ? (openBlock(), createElementBlock("span", {
+            innerHTML: _ctx.config.legend
+          }, null, 8, _hoisted_4$2),
+          _ctx.config.extra ? (openBlock(), createElementBlock("span", {
             key: 0,
-            innerHTML: __props.config.extra,
+            innerHTML: _ctx.config.extra,
             class: "m-form-tip"
-          }, null, 8, _hoisted_5$3)) : createCommentVNode("", true)
+          }, null, 8, _hoisted_5$2)) : createCommentVNode("", true)
         ])),
-        __props.config.schematic && unref(show) ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
-          createElementVNode("div", _hoisted_7$2, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.config.items, (item, index) => {
-              return openBlock(), createBlock(_sfc_main$v, {
+        _ctx.config.schematic && show.value ? (openBlock(), createElementBlock("div", _hoisted_6, [
+          createElementVNode("div", _hoisted_7, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.config.items, (item, index) => {
+              return openBlock(), createBlock(_sfc_main$x, {
                 key: key(item, index),
-                model: unref(name) ? __props.model[unref(name)] : __props.model,
-                lastValues: unref(name) ? __props.lastValues[unref(name)] : __props.lastValues,
-                "is-compare": __props.isCompare,
-                rules: unref(name) ? __props.rules[unref(name)] : [],
+                model: name.value ? _ctx.model[name.value] : _ctx.model,
+                lastValues: name.value ? _ctx.lastValues[name.value] : _ctx.lastValues,
+                "is-compare": _ctx.isCompare,
+                rules: name.value ? _ctx.rules[name.value] : [],
                 config: item,
-                prop: __props.prop,
-                disabled: __props.disabled,
-                labelWidth: unref(lWidth),
-                size: __props.size,
+                prop: _ctx.prop,
+                disabled: _ctx.disabled,
+                labelWidth: lWidth.value,
+                size: _ctx.size,
                 onChange: change,
                 onAddDiffCount: _cache[1] || (_cache[1] = ($event) => onAddDiffCount())
               }, null, 8, ["model", "lastValues", "is-compare", "rules", "config", "prop", "disabled", "labelWidth", "size"]);
@@ -711,20 +713,20 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
           ]),
           createElementVNode("img", {
             class: "m-form-schematic",
-            src: __props.config.schematic
-          }, null, 8, _hoisted_8$1)
-        ])) : unref(show) ? (openBlock(true), createElementBlock(Fragment, { key: 3 }, renderList(__props.config.items, (item, index) => {
-          return openBlock(), createBlock(_sfc_main$v, {
+            src: _ctx.config.schematic
+          }, null, 8, _hoisted_8)
+        ])) : show.value ? (openBlock(true), createElementBlock(Fragment, { key: 3 }, renderList(_ctx.config.items, (item, index) => {
+          return openBlock(), createBlock(_sfc_main$x, {
             key: key(item, index),
-            model: unref(name) ? __props.model[unref(name)] : __props.model,
-            lastValues: unref(name) ? __props.lastValues[unref(name)] : __props.lastValues,
-            "is-compare": __props.isCompare,
-            rules: unref(name) ? __props.rules[unref(name)] : [],
+            model: name.value ? _ctx.model[name.value] : _ctx.model,
+            lastValues: name.value ? _ctx.lastValues[name.value] : _ctx.lastValues,
+            "is-compare": _ctx.isCompare,
+            rules: name.value ? _ctx.rules[name.value] : [],
             config: item,
-            prop: __props.prop,
-            labelWidth: unref(lWidth),
-            size: __props.size,
-            disabled: __props.disabled,
+            prop: _ctx.prop,
+            labelWidth: lWidth.value,
+            size: _ctx.size,
+            disabled: _ctx.disabled,
             onChange: change,
             onAddDiffCount: _cache[2] || (_cache[2] = ($event) => onAddDiffCount())
           }, null, 8, ["model", "lastValues", "is-compare", "rules", "config", "prop", "labelWidth", "size", "disabled"]);
@@ -734,35 +736,30 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$9 = { class: "m-fields-group-list-item" };
-const _hoisted_2$5 = /* @__PURE__ */ createTextVNode("上移");
-const _hoisted_3$5 = /* @__PURE__ */ createTextVNode("下移");
-const _hoisted_4$4 = ["innerHTML"];
-const __default__$t = defineComponent({
-  name: "MFormGroupListItem"
-});
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
-  ...__default__$t,
+const _hoisted_1$b = { class: "m-fields-group-list-item" };
+const _hoisted_2$5 = ["innerHTML"];
+const _sfc_main$v = /* @__PURE__ */ 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 = inject("mForm");
-    const expand = ref(false);
-    watchEffect(() => {
-      expand.value = !props.index;
-    });
+    const expand = ref(props.config.expandAll || !props.index);
     const rowConfig = computed(() => ({
       type: "row",
       span: props.config.span || 24,
@@ -774,7 +771,11 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       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 = computed(() => props.groupModel?.length || 0);
     const itemExtra = computed(() => filterFunction(mForm, props.config.itemExtra, props));
@@ -790,7 +791,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       }
       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)
@@ -802,16 +803,16 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
     const onAddDiffCount = () => emit("addDiffCount");
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$9, [
+      return openBlock(), createElementBlock("div", _hoisted_1$b, [
         createElementVNode("div", null, [
           createVNode(unref(TMagicButton), {
             text: "",
-            disabled: __props.disabled,
+            disabled: _ctx.disabled,
             icon: expand.value ? unref(CaretBottom) : unref(CaretRight),
             onClick: expandHandler
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(title)), 1)
+              createTextVNode(toDisplayString(title.value), 1)
             ]),
             _: 1
           }, 8, ["disabled", "icon"]),
@@ -819,20 +820,20 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             style: { "color": "#f56c6c" },
             text: "",
             icon: unref(Delete),
-            disabled: __props.disabled,
+            disabled: _ctx.disabled,
             onClick: removeHandler
           }, null, 8, ["icon", "disabled"]), [
-            [vShow, showDelete(parseInt(String(__props.index)))]
+            [vShow, showDelete(parseInt(String(_ctx.index)))]
           ]),
           movable() ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             withDirectives(createVNode(unref(TMagicButton), {
               text: "",
-              disabled: __props.disabled,
+              disabled: _ctx.disabled,
               size: "small",
               onClick: _cache[0] || (_cache[0] = ($event) => changeOrder(-1))
             }, {
               default: withCtx(() => [
-                _hoisted_2$5,
+                createTextVNode("上移"),
                 createVNode(unref(TMagicIcon), null, {
                   default: withCtx(() => [
                     createVNode(unref(CaretTop))
@@ -842,16 +843,16 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["disabled"]), [
-              [vShow, __props.index !== 0]
+              [vShow, _ctx.index !== 0]
             ]),
             withDirectives(createVNode(unref(TMagicButton), {
-              disabled: __props.disabled,
+              disabled: _ctx.disabled,
               text: "",
               size: "small",
               onClick: _cache[1] || (_cache[1] = ($event) => changeOrder(1))
             }, {
               default: withCtx(() => [
-                _hoisted_3$5,
+                createTextVNode("下移"),
                 createVNode(unref(TMagicIcon), null, {
                   default: withCtx(() => [
                     createVNode(unref(CaretBottom))
@@ -861,25 +862,25 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["disabled"]), [
-              [vShow, __props.index !== unref(length) - 1]
+              [vShow, _ctx.index !== length.value - 1]
             ])
           ], 64)) : createCommentVNode("", true),
-          unref(itemExtra) ? (openBlock(), createElementBlock("span", {
+          itemExtra.value ? (openBlock(), createElementBlock("span", {
             key: 1,
-            innerHTML: unref(itemExtra),
+            innerHTML: itemExtra.value,
             class: "m-form-tip"
-          }, null, 8, _hoisted_4$4)) : createCommentVNode("", true)
+          }, null, 8, _hoisted_2$5)) : createCommentVNode("", true)
         ]),
-        expand.value ? (openBlock(), createBlock(_sfc_main$v, {
+        expand.value ? (openBlock(), createBlock(_sfc_main$x, {
           key: 0,
-          config: unref(rowConfig),
-          model: __props.model,
-          lastValues: __props.lastValues,
-          "is-compare": __props.isCompare,
-          labelWidth: __props.labelWidth,
-          prop: `${__props.prop}${__props.prop ? "." : ""}${String(__props.index)}`,
-          size: __props.size,
-          disabled: __props.disabled,
+          config: rowConfig.value,
+          model: _ctx.model,
+          lastValues: _ctx.lastValues,
+          "is-compare": _ctx.isCompare,
+          labelWidth: _ctx.labelWidth,
+          prop: `${_ctx.prop}${_ctx.prop ? "." : ""}${String(_ctx.index)}`,
+          size: _ctx.size,
+          disabled: _ctx.disabled,
           onChange: changeHandler,
           onAddDiffCount: _cache[2] || (_cache[2] = ($event) => onAddDiffCount())
         }, null, 8, ["config", "model", "lastValues", "is-compare", "labelWidth", "prop", "size", "disabled"])) : createCommentVNode("", true)
@@ -888,32 +889,30 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
   }
 });
 
-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__ */ createElementVNode("span", { class: "el-table__empty-text" }, "暂无数据", -1);
-const _hoisted_5$2 = [
-  _hoisted_4$3
+const _hoisted_4$1 = /* @__PURE__ */ createElementVNode("span", { class: "el-table__empty-text" }, "暂无数据", -1);
+const _hoisted_5$1 = [
+  _hoisted_4$1
 ];
-const _hoisted_6$1 = /* @__PURE__ */ createTextVNode("添加组");
-const _hoisted_7$1 = /* @__PURE__ */ createTextVNode("切换为表格");
-const __default__$s = defineComponent({
-  name: "MFormGroupList"
-});
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
-  ...__default__$s,
+const _sfc_main$u = /* @__PURE__ */ 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"],
@@ -983,50 +982,50 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     const onAddDiffCount = () => emit("addDiffCount");
     const getLastValues = (item, index) => item?.[index] || {};
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$8, [
-        __props.config.extra ? (openBlock(), createElementBlock("div", {
+      return openBlock(), createElementBlock("div", _hoisted_1$a, [
+        _ctx.config.extra ? (openBlock(), createElementBlock("div", {
           key: 0,
-          innerHTML: __props.config.extra,
+          innerHTML: _ctx.config.extra,
           style: { "color": "rgba(0, 0, 0, 0.45)" }
         }, null, 8, _hoisted_2$4)) : createCommentVNode("", true),
-        !__props.model[__props.name] || !__props.model[__props.name].length ? (openBlock(), createElementBlock("div", _hoisted_3$4, _hoisted_5$2)) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(__props.model[__props.name], (item, index) => {
-          return openBlock(), createBlock(_sfc_main$t, {
+        !_ctx.model[_ctx.name] || !_ctx.model[_ctx.name].length ? (openBlock(), createElementBlock("div", _hoisted_3$2, _hoisted_5$1)) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(_ctx.model[_ctx.name], (item, index) => {
+          return openBlock(), createBlock(_sfc_main$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)),
-        unref(addable) ? (openBlock(), createBlock(unref(TMagicButton), {
+        addable.value ? (openBlock(), createBlock(unref(TMagicButton), {
           key: 3,
           onClick: addHandler,
           size: "small",
-          disabled: __props.disabled
+          disabled: _ctx.disabled
         }, {
           default: withCtx(() => [
-            _hoisted_6$1
+            createTextVNode("新增")
           ]),
           _: 1
         }, 8, ["disabled"])) : createCommentVNode("", true),
-        __props.config.enableToggleMode ? (openBlock(), createBlock(unref(TMagicButton), {
+        _ctx.config.enableToggleMode ? (openBlock(), createBlock(unref(TMagicButton), {
           key: 4,
           icon: unref(Grid),
           size: "small",
           onClick: toggleMode
         }, {
           default: withCtx(() => [
-            _hoisted_7$1
+            createTextVNode("切换为表格")
           ]),
           _: 1
         }, 8, ["icon"])) : createCommentVNode("", true)
@@ -1035,28 +1034,28 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
   }
 });
 
-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 = defineComponent({
-  name: "MFormPanel"
-});
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
-  ...__default__$r,
+const _hoisted_4 = { style: { "flex": "1" } };
+const _hoisted_5 = ["src"];
+const _sfc_main$t = /* @__PURE__ */ 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"],
@@ -1069,45 +1068,45 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     const changeHandler = () => emit("change", props.model);
     const onAddDiffCount = () => emit("addDiffCount");
     return (_ctx, _cache) => {
-      return unref(items) && unref(items).length ? (openBlock(), createBlock(unref(TMagicCard), {
+      return items.value && items.value.length ? (openBlock(), createBlock(unref(TMagicCard), {
         key: 0,
         class: "box-card m-form-panel",
         "body-style": { display: expand.value ? "block" : "none" }
       }, {
         header: withCtx(() => [
-          createElementVNode("div", _hoisted_1$7, [
+          createElementVNode("div", _hoisted_1$9, [
             createVNode(unref(TMagicButton), {
               style: { "padding": "0" },
               text: "",
               icon: expand.value ? unref(CaretBottom) : unref(CaretRight),
               onClick: _cache[0] || (_cache[0] = ($event) => expand.value = !expand.value)
             }, null, 8, ["icon"]),
-            __props.config && __props.config.extra ? (openBlock(), createElementBlock("span", {
+            _ctx.config && _ctx.config.extra ? (openBlock(), createElementBlock("span", {
               key: 0,
-              innerHTML: __props.config.extra,
+              innerHTML: _ctx.config.extra,
               class: "m-form-tip"
             }, null, 8, _hoisted_2$3)) : createCommentVNode("", true),
             renderSlot(_ctx.$slots, "header", {}, () => [
-              createTextVNode(toDisplayString(filter(__props.config.title)), 1)
+              createTextVNode(toDisplayString(filter(_ctx.config.title)), 1)
             ])
           ])
         ]),
         default: withCtx(() => [
           createElementVNode("div", null, [
             renderSlot(_ctx.$slots, "default"),
-            __props.config.schematic ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
-              createElementVNode("div", _hoisted_4$2, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(items), (item, index) => {
-                  return openBlock(), createBlock(_sfc_main$v, {
+            _ctx.config.schematic ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
+              createElementVNode("div", _hoisted_4, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, index) => {
+                  return openBlock(), createBlock(_sfc_main$x, {
                     key: item[unref(mForm)?.keyProp || "__key"] ?? index,
                     config: item,
-                    model: __props.name ? __props.model[__props.name] : __props.model,
-                    lastValues: __props.name ? __props.lastValues[__props.name] : __props.lastValues,
-                    "is-compare": __props.isCompare,
-                    prop: __props.prop,
-                    size: __props.size,
-                    disabled: __props.disabled,
-                    "label-width": __props.config.labelWidth || __props.labelWidth,
+                    model: _ctx.name ? _ctx.model[_ctx.name] : _ctx.model,
+                    lastValues: _ctx.name ? _ctx.lastValues[_ctx.name] : _ctx.lastValues,
+                    "is-compare": _ctx.isCompare,
+                    prop: _ctx.prop,
+                    size: _ctx.size,
+                    disabled: _ctx.disabled,
+                    "label-width": _ctx.config.labelWidth || _ctx.labelWidth,
                     onChange: changeHandler,
                     onAddDiffCount: _cache[1] || (_cache[1] = ($event) => onAddDiffCount())
                   }, null, 8, ["config", "model", "lastValues", "is-compare", "prop", "size", "disabled", "label-width"]);
@@ -1115,19 +1114,19 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
               ]),
               createElementVNode("img", {
                 class: "m-form-schematic",
-                src: __props.config.schematic
-              }, null, 8, _hoisted_5$1)
-            ])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(items), (item, index) => {
-              return openBlock(), createBlock(_sfc_main$v, {
+                src: _ctx.config.schematic
+              }, null, 8, _hoisted_5)
+            ])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(items.value, (item, index) => {
+              return openBlock(), createBlock(_sfc_main$x, {
                 key: item[unref(mForm)?.keyProp || "__key"] ?? index,
                 config: item,
-                model: __props.name ? __props.model[__props.name] : __props.model,
-                lastValues: __props.name ? __props.lastValues[__props.name] : __props.lastValues,
-                "is-compare": __props.isCompare,
-                prop: __props.prop,
-                size: __props.size,
-                disabled: __props.disabled,
-                "label-width": __props.config.labelWidth || __props.labelWidth,
+                model: _ctx.name ? _ctx.model[_ctx.name] : _ctx.model,
+                lastValues: _ctx.name ? _ctx.lastValues[_ctx.name] : _ctx.lastValues,
+                "is-compare": _ctx.isCompare,
+                prop: _ctx.prop,
+                size: _ctx.size,
+                disabled: _ctx.disabled,
+                "label-width": _ctx.config.labelWidth || _ctx.labelWidth,
                 onChange: changeHandler,
                 onAddDiffCount: _cache[2] || (_cache[2] = ($event) => onAddDiffCount())
               }, null, 8, ["config", "model", "lastValues", "is-compare", "prop", "size", "disabled", "label-width"]);
@@ -1140,21 +1139,21 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
   }
 });
 
-const __default__$q = defineComponent({
-  name: "MFormCol"
-});
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
-  ...__default__$q,
+const _sfc_main$s = /* @__PURE__ */ 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"],
@@ -1165,44 +1164,44 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     const changeHandler = () => emit("change", props.model);
     const onAddDiffCount = () => emit("addDiffCount");
     return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createBlock(unref(TMagicCol), { span: __props.span }, {
+      return withDirectives((openBlock(), createBlock(unref(TMagicCol), { span: _ctx.span }, {
         default: withCtx(() => [
-          createVNode(_sfc_main$v, {
-            model: __props.model,
-            lastValues: __props.lastValues,
-            "is-compare": __props.isCompare,
-            config: __props.config,
-            prop: __props.prop,
-            "label-width": __props.config.labelWidth || __props.labelWidth,
-            "expand-more": __props.expandMore,
-            size: __props.size,
-            disabled: __props.disabled,
+          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"])), [
-        [vShow, unref(display$1) && __props.config.type !== "hidden"]
+        [vShow, display$1.value && _ctx.config.type !== "hidden"]
       ]);
     };
   }
 });
 
-const __default__$p = defineComponent({
-  name: "MFormRow"
-});
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
-  ...__default__$p,
+const _sfc_main$r = /* @__PURE__ */ 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 }
   },
@@ -1215,19 +1214,19 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TMagicRow), { gutter: 10 }, {
         default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.config.items, (col, index) => {
-            return openBlock(), createBlock(_sfc_main$q, {
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.config.items, (col, index) => {
+            return openBlock(), createBlock(_sfc_main$s, {
               key: col[unref(mForm)?.keyProp || "__key"] ?? index,
-              span: col.span || __props.config.span || 24 / __props.config.items.length,
+              span: col.span || _ctx.config.span || 24 / _ctx.config.items.length,
               config: col,
-              labelWidth: __props.config.labelWidth || __props.labelWidth,
-              expandMore: __props.expandMore,
-              model: __props.name ? __props.model[__props.name] : __props.model,
-              lastValues: __props.name ? __props.lastValues[__props.name] : __props.lastValues,
-              "is-compare": __props.isCompare,
-              prop: __props.prop,
-              size: __props.size,
-              disabled: __props.disabled,
+              labelWidth: _ctx.config.labelWidth || _ctx.labelWidth,
+              expandMore: _ctx.expandMore,
+              model: _ctx.name ? _ctx.model[_ctx.name] : _ctx.model,
+              lastValues: _ctx.name ? _ctx.lastValues[_ctx.name] : _ctx.lastValues,
+              "is-compare": _ctx.isCompare,
+              prop: _ctx.prop,
+              size: _ctx.size,
+              disabled: _ctx.disabled,
               onChange: changeHandler,
               onAddDiffCount
             }, null, 8, ["span", "config", "labelWidth", "expandMore", "model", "lastValues", "is-compare", "prop", "size", "disabled"]);
@@ -1239,19 +1238,19 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
   }
 });
 
-const __default__$o = defineComponent({
-  name: "MFormStep"
-});
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
-  ...__default__$o,
+const _sfc_main$q = /* @__PURE__ */ 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"],
@@ -1275,10 +1274,10 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
         createVNode(unref(TMagicSteps), {
           active: active.value,
           "align-center": "",
-          space: __props.config.space
+          space: _ctx.config.space
         }, {
           default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.config.items, (item, index) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.config.items, (item, index) => {
               return openBlock(), createBlock(unref(TMagicStep), {
                 key: item.__key,
                 title: item.title,
@@ -1289,20 +1288,20 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["active", "space"]),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.config.items, (step, index) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.config.items, (step, index) => {
           return openBlock(), createElementBlock(Fragment, null, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(step.items, (item) => {
               return openBlock(), createElementBlock(Fragment, null, [
-                item ? withDirectives((openBlock(), createBlock(_sfc_main$v, {
+                item ? withDirectives((openBlock(), createBlock(_sfc_main$x, {
                   key: item[unref(mForm)?.keyProp || "__key"],
                   config: item,
-                  model: step.name ? __props.model[step.name] : __props.model,
-                  lastValues: step.name ? __props.lastValues[step.name] : __props.lastValues,
-                  "is-compare": __props.isCompare,
+                  model: step.name ? _ctx.model[step.name] : _ctx.model,
+                  lastValues: step.name ? _ctx.lastValues[step.name] : _ctx.lastValues,
+                  "is-compare": _ctx.isCompare,
                   prop: `${step.name}`,
-                  size: __props.size,
-                  disabled: __props.disabled,
-                  "label-width": __props.config.labelWidth || __props.labelWidth,
+                  size: _ctx.size,
+                  disabled: _ctx.disabled,
+                  "label-width": _ctx.config.labelWidth || _ctx.labelWidth,
                   onChange: changeHandler,
                   onAddDiffCount: _cache[0] || (_cache[0] = ($event) => onAddDiffCount())
                 }, null, 8, ["config", "model", "lastValues", "is-compare", "prop", "size", "disabled", "label-width"])), [
@@ -1317,43 +1316,36 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$6 = ["innerHTML"];
-const _hoisted_2$2 = { class: "el-form-item__content" };
-const _hoisted_3$2 = ["innerHTML"];
-const _hoisted_4$1 = /* @__PURE__ */ createTextVNode("添加");
-const _hoisted_5 = /* @__PURE__ */ createTextVNode("   ");
-const _hoisted_6 = /* @__PURE__ */ createTextVNode("展开配置");
-const _hoisted_7 = /* @__PURE__ */ createTextVNode("导入EXCEL");
-const _hoisted_8 = /* @__PURE__ */ createTextVNode("  ");
-const _hoisted_9 = /* @__PURE__ */ createTextVNode("清空");
-const _hoisted_10 = {
-  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 = defineComponent({
-  name: "MFormTable"
-});
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
-  ...__default__$n,
+const _sfc_main$p = /* @__PURE__ */ 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 = inject("mForm");
@@ -1673,266 +1665,264 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       return `${prop.value}${prop.value ? "." : ""}${index + 1 + pagecontext.value * pagesize.value - 1}`;
     };
     const onAddDiffCount = () => emit("addDiffCount");
-    expose({
+    __expose({
       toggleRowSelection
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         ref_key: "mTable",
         ref: mTable,
-        class: normalizeClass(["m-fields-table", { "m-fields-table-item-extra": __props.config.itemExtra }])
+        class: normalizeClass(["m-fields-table", { "m-fields-table-item-extra": _ctx.config.itemExtra }])
       }, [
-        __props.config.extra ? (openBlock(), createElementBlock("span", {
+        _ctx.config.extra ? (openBlock(), createElementBlock("span", {
           key: 0,
           style: { "color": "rgba(0, 0, 0, 0.45)" },
-          innerHTML: __props.config.extra
-        }, null, 8, _hoisted_1$6)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2$2, [
-          createVNode(unref(TMagicTooltip), {
-            content: "拖拽可排序",
-            placement: "left-start",
-            disabled: __props.config.dropSort !== true
-          }, {
-            default: withCtx(() => [
-              __props.model[unref(modelName)] ? (openBlock(), createBlock(unref(TMagicTable), {
-                ref_key: "tMagicTable",
-                ref: tMagicTable,
-                style: { "width": "100%" },
-                "row-key": __props.config.rowKey || "id",
-                data: unref(data),
-                lastData: unref(lastData),
-                border: __props.config.border,
-                "max-height": __props.config.maxHeight,
-                "default-expand-all": true,
-                key: updateKey.value,
-                onSelect: selectHandle,
-                onSortChange: sortChange
-              }, {
-                default: withCtx(() => [
-                  __props.config.itemExtra ? (openBlock(), createBlock(unref(TMagicTableColumn), {
-                    key: 0,
-                    fixed: "left",
-                    width: "30",
-                    type: "expand"
-                  }, {
-                    default: withCtx((scope) => [
-                      createElementVNode("span", {
-                        innerHTML: itemExtra(__props.config.itemExtra, scope.$index),
-                        class: "m-form-tip"
-                      }, null, 8, _hoisted_3$2)
-                    ]),
-                    _: 1
-                  })) : createCommentVNode("", true),
-                  createVNode(unref(TMagicTableColumn), {
-                    label: "操作",
-                    width: __props.config.operateColWidth || 55,
-                    align: "center",
-                    fixed: __props.config.fixed === false ? void 0 : "left"
-                  }, {
-                    default: withCtx((scope) => [
-                      renderSlot(_ctx.$slots, "operateCol", { scope }),
-                      withDirectives(createVNode(unref(TMagicIcon), {
-                        class: "m-table-delete-icon",
-                        onClick: ($event) => removeHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(unref(Delete))
-                        ]),
-                        _: 2
-                      }, 1032, ["onClick"]), [
-                        [vShow, showDelete(scope.$index + 1 + pagecontext.value * pagesize.value - 1)]
-                      ])
-                    ]),
-                    _: 3
-                  }, 8, ["width", "fixed"]),
-                  __props.sort && __props.model[unref(modelName)] && __props.model[unref(modelName)].length > 1 ? (openBlock(), createBlock(unref(TMagicTableColumn), {
-                    key: 1,
-                    label: "排序",
-                    width: "60"
-                  }, {
-                    default: withCtx((scope) => [
-                      scope.$index + 1 + pagecontext.value * pagesize.value - 1 !== 0 ? (openBlock(), createBlock(unref(TMagicTooltip), {
-                        key: 0,
-                        content: "点击上移，双击置顶",
-                        placement: "top"
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(unref(TMagicButton), {
-                            plain: "",
-                            size: "small",
-                            type: "primary",
-                            icon: unref(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)) : createCommentVNode("", true),
-                      scope.$index + 1 + pagecontext.value * pagesize.value - 1 !== __props.model[unref(modelName)].length - 1 ? (openBlock(), createBlock(unref(TMagicTooltip), {
-                        key: 1,
-                        content: "点击下移，双击置底",
-                        placement: "top"
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(unref(TMagicButton), {
-                            plain: "",
-                            size: "small",
-                            type: "primary",
-                            icon: unref(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)) : createCommentVNode("", true)
-                    ]),
-                    _: 1
-                  })) : createCommentVNode("", true),
-                  unref(selection) ? (openBlock(), createBlock(unref(TMagicTableColumn), {
-                    key: 2,
-                    align: "center",
-                    "header-align": "center",
-                    type: "selection",
-                    width: "45"
-                  })) : createCommentVNode("", true),
-                  __props.showIndex && __props.config.showIndex ? (openBlock(), createBlock(unref(TMagicTableColumn), {
-                    key: 3,
-                    width: "60",
-                    label: "序号"
-                  }, {
-                    default: withCtx((scope) => [
-                      createTextVNode(toDisplayString(scope.$index + 1 + pagecontext.value * pagesize.value), 1)
-                    ]),
-                    _: 1
-                  })) : createCommentVNode("", true),
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.config.items, (column, index) => {
-                    return openBlock(), createElementBlock(Fragment, null, [
-                      column.type !== "hidden" && display$1(column.display) ? (openBlock(), createBlock(unref(TMagicTableColumn), {
-                        prop: column.name,
-                        width: column.width,
-                        label: column.label,
-                        sortable: column.sortable,
-                        "sort-orders": ["ascending", "descending"],
-                        key: column[unref(mForm)?.keyProp || "__key"] ?? index,
-                        "class-name": __props.config.dropSort === true ? "el-table__column--dropable" : ""
-                      }, {
-                        default: withCtx((scope) => [
-                          scope.$index > -1 ? (openBlock(), createBlock(_sfc_main$v, {
-                            key: 0,
-                            labelWidth: "0",
-                            disabled: __props.disabled,
-                            prop: getProp(scope.$index),
-                            rules: column.rules,
-                            config: makeConfig(column, scope.row),
-                            model: scope.row,
-                            lastValues: unref(lastData)[scope.$index],
-                            "is-compare": __props.isCompare,
-                            size: __props.size,
-                            onChange: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("change", __props.model[unref(modelName)])),
-                            onAddDiffCount: _cache[1] || (_cache[1] = ($event) => onAddDiffCount())
-                          }, null, 8, ["disabled", "prop", "rules", "config", "model", "lastValues", "is-compare", "size"])) : createCommentVNode("", true)
-                        ]),
-                        _: 2
-                      }, 1032, ["prop", "width", "label", "sortable", "class-name"])) : createCommentVNode("", true)
-                    ], 64);
-                  }), 256))
-                ]),
-                _: 3
-              }, 8, ["row-key", "data", "lastData", "border", "max-height"])) : createCommentVNode("", true)
-            ]),
-            _: 3
-          }, 8, ["disabled"]),
-          renderSlot(_ctx.$slots, "default"),
-          unref(addable) ? (openBlock(), createBlock(unref(TMagicButton), {
-            key: 0,
-            size: "small",
-            type: "primary",
-            disabled: __props.disabled,
-            plain: "",
-            onClick: _cache[2] || (_cache[2] = ($event) => newHandler())
-          }, {
-            default: withCtx(() => [
-              _hoisted_4$1
-            ]),
-            _: 1
-          }, 8, ["disabled"])) : createCommentVNode("", true),
-          _hoisted_5,
-          __props.enableToggleMode && !isFullscreen.value ? (openBlock(), createBlock(unref(TMagicButton), {
-            key: 1,
-            icon: unref(Grid),
-            size: "small",
-            type: "primary",
-            onClick: toggleMode
-          }, {
-            default: withCtx(() => [
-              _hoisted_6
-            ]),
-            _: 1
-          }, 8, ["icon"])) : createCommentVNode("", true),
-          __props.config.enableFullscreen !== false ? (openBlock(), createBlock(unref(TMagicButton), {
-            key: 2,
-            icon: unref(FullScreen),
-            size: "small",
-            type: "primary",
-            onClick: toggleFullscreen
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(isFullscreen.value ? "退出全屏" : "全屏编辑"), 1)
-            ]),
-            _: 1
-          }, 8, ["icon"])) : createCommentVNode("", true),
-          unref(importable) ? (openBlock(), createBlock(unref(TMagicUpload), {
-            key: 3,
-            style: { "display": "inline-block" },
-            ref_key: "excelBtn",
-            ref: excelBtn,
-            action: "/noop",
-            disabled: __props.disabled,
-            "on-change": excelHandler,
-            "auto-upload": false
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(TMagicButton), {
-                size: "small",
-                type: "success",
-                disabled: __props.disabled,
-                plain: ""
-              }, {
-                default: withCtx(() => [
-                  _hoisted_7
-                ]),
-                _: 1
-              }, 8, ["disabled"])
-            ]),
-            _: 1
-          }, 8, ["disabled"])) : createCommentVNode("", true),
-          _hoisted_8,
-          unref(importable) ? (openBlock(), createBlock(unref(TMagicButton), {
-            key: 4,
-            size: "small",
-            type: "warning",
-            disabled: __props.disabled,
-            plain: "",
-            onClick: _cache[3] || (_cache[3] = ($event) => clearHandler())
-          }, {
-            default: withCtx(() => [
-              _hoisted_9
-            ]),
-            _: 1
-          }, 8, ["disabled"])) : createCommentVNode("", true)
-        ]),
-        __props.config.pagination ? (openBlock(), createElementBlock("div", _hoisted_10, [
+          innerHTML: _ctx.config.extra
+        }, null, 8, _hoisted_1$8)) : createCommentVNode("", true),
+        createVNode(unref(TMagicTooltip), {
+          content: "拖拽可排序",
+          placement: "left-start",
+          disabled: _ctx.config.dropSort !== true
+        }, {
+          default: withCtx(() => [
+            _ctx.model[modelName.value] ? (openBlock(), createBlock(unref(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: withCtx(() => [
+                _ctx.config.itemExtra ? (openBlock(), createBlock(unref(TMagicTableColumn), {
+                  key: 0,
+                  fixed: "left",
+                  width: "30",
+                  type: "expand"
+                }, {
+                  default: withCtx((scope) => [
+                    createElementVNode("span", {
+                      innerHTML: itemExtra(_ctx.config.itemExtra, scope.$index),
+                      class: "m-form-tip"
+                    }, null, 8, _hoisted_2$2)
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                createVNode(unref(TMagicTableColumn), {
+                  label: "操作",
+                  width: _ctx.config.operateColWidth || 55,
+                  align: "center",
+                  fixed: _ctx.config.fixed === false ? void 0 : "left"
+                }, {
+                  default: withCtx((scope) => [
+                    renderSlot(_ctx.$slots, "operateCol", { scope }),
+                    withDirectives(createVNode(unref(TMagicIcon), {
+                      class: "m-table-delete-icon",
+                      onClick: ($event) => removeHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(Delete))
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"]), [
+                      [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 ? (openBlock(), createBlock(unref(TMagicTableColumn), {
+                  key: 1,
+                  label: "排序",
+                  width: "60"
+                }, {
+                  default: withCtx((scope) => [
+                    scope.$index + 1 + pagecontext.value * pagesize.value - 1 !== 0 ? (openBlock(), createBlock(unref(TMagicTooltip), {
+                      key: 0,
+                      content: "点击上移，双击置顶",
+                      placement: "top"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(TMagicButton), {
+                          plain: "",
+                          size: "small",
+                          type: "primary",
+                          icon: unref(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)) : createCommentVNode("", true),
+                    scope.$index + 1 + pagecontext.value * pagesize.value - 1 !== _ctx.model[modelName.value].length - 1 ? (openBlock(), createBlock(unref(TMagicTooltip), {
+                      key: 1,
+                      content: "点击下移，双击置底",
+                      placement: "top"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(TMagicButton), {
+                          plain: "",
+                          size: "small",
+                          type: "primary",
+                          icon: unref(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)) : createCommentVNode("", true)
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                selection.value ? (openBlock(), createBlock(unref(TMagicTableColumn), {
+                  key: 2,
+                  align: "center",
+                  "header-align": "center",
+                  type: "selection",
+                  width: "45"
+                })) : createCommentVNode("", true),
+                _ctx.showIndex && _ctx.config.showIndex ? (openBlock(), createBlock(unref(TMagicTableColumn), {
+                  key: 3,
+                  width: "60",
+                  label: "序号"
+                }, {
+                  default: withCtx((scope) => [
+                    createTextVNode(toDisplayString(scope.$index + 1 + pagecontext.value * pagesize.value), 1)
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.config.items, (column, index) => {
+                  return openBlock(), createElementBlock(Fragment, null, [
+                    column.type !== "hidden" && display$1(column.display) ? (openBlock(), createBlock(unref(TMagicTableColumn), {
+                      prop: column.name,
+                      width: column.width,
+                      label: column.label,
+                      sortable: column.sortable,
+                      "sort-orders": ["ascending", "descending"],
+                      key: column[unref(mForm)?.keyProp || "__key"] ?? index,
+                      "class-name": _ctx.config.dropSort === true ? "el-table__column--dropable" : ""
+                    }, {
+                      default: withCtx((scope) => [
+                        scope.$index > -1 ? (openBlock(), 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"])) : createCommentVNode("", true)
+                      ]),
+                      _: 2
+                    }, 1032, ["prop", "width", "label", "sortable", "class-name"])) : createCommentVNode("", true)
+                  ], 64);
+                }), 256))
+              ]),
+              _: 3
+            }, 8, ["row-key", "data", "lastData", "border", "max-height"])) : createCommentVNode("", true)
+          ]),
+          _: 3
+        }, 8, ["disabled"]),
+        renderSlot(_ctx.$slots, "default"),
+        addable.value ? (openBlock(), createBlock(unref(TMagicButton), {
+          key: 1,
+          size: "small",
+          type: "primary",
+          disabled: _ctx.disabled,
+          plain: "",
+          onClick: _cache[2] || (_cache[2] = ($event) => newHandler())
+        }, {
+          default: withCtx(() => [
+            createTextVNode("新增一行")
+          ]),
+          _: 1
+        }, 8, ["disabled"])) : createCommentVNode("", true),
+        createTextVNode("   "),
+        _ctx.enableToggleMode && _ctx.config.enableToggleMode !== false && !isFullscreen.value ? (openBlock(), createBlock(unref(TMagicButton), {
+          key: 2,
+          icon: unref(Grid),
+          size: "small",
+          type: "primary",
+          onClick: toggleMode
+        }, {
+          default: withCtx(() => [
+            createTextVNode("展开配置")
+          ]),
+          _: 1
+        }, 8, ["icon"])) : createCommentVNode("", true),
+        _ctx.config.enableFullscreen !== false ? (openBlock(), createBlock(unref(TMagicButton), {
+          key: 3,
+          icon: unref(FullScreen),
+          size: "small",
+          type: "primary",
+          onClick: toggleFullscreen
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(isFullscreen.value ? "退出全屏" : "全屏编辑"), 1)
+          ]),
+          _: 1
+        }, 8, ["icon"])) : createCommentVNode("", true),
+        importable.value ? (openBlock(), createBlock(unref(TMagicUpload), {
+          key: 4,
+          style: { "display": "inline-block" },
+          ref_key: "excelBtn",
+          ref: excelBtn,
+          action: "/noop",
+          disabled: _ctx.disabled,
+          "on-change": excelHandler,
+          "auto-upload": false
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(TMagicButton), {
+              size: "small",
+              type: "success",
+              disabled: _ctx.disabled,
+              plain: ""
+            }, {
+              default: withCtx(() => [
+                createTextVNode("导入EXCEL")
+              ]),
+              _: 1
+            }, 8, ["disabled"])
+          ]),
+          _: 1
+        }, 8, ["disabled"])) : createCommentVNode("", true),
+        createTextVNode("  "),
+        importable.value ? (openBlock(), createBlock(unref(TMagicButton), {
+          key: 5,
+          size: "small",
+          type: "warning",
+          disabled: _ctx.disabled,
+          plain: "",
+          onClick: _cache[3] || (_cache[3] = ($event) => clearHandler())
+        }, {
+          default: withCtx(() => [
+            createTextVNode("清空")
+          ]),
+          _: 1
+        }, 8, ["disabled"])) : createCommentVNode("", true),
+        _ctx.config.pagination ? (openBlock(), createElementBlock("div", _hoisted_3, [
           createVNode(unref(TMagicPagination), {
             layout: "total, sizes, prev, pager, next, jumper",
-            "hide-on-single-page": __props.model[unref(modelName)].length < pagesize.value,
+            "hide-on-single-page": _ctx.model[modelName.value].length < pagesize.value,
             "current-page": pagecontext.value + 1,
             "page-sizes": [pagesize.value, 60, 120, 300],
             "page-size": pagesize.value,
-            total: __props.model[unref(modelName)].length,
+            total: _ctx.model[modelName.value].length,
             onSizeChange: handleSizeChange,
             onCurrentChange: handleCurrentChange
           }, null, 8, ["hide-on-single-page", "current-page", "page-sizes", "page-size", "total"])
@@ -1942,28 +1932,28 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
   }
 });
 
-const __default__$m = defineComponent({
-  name: "MFormTabs"
-});
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
-  ...__default__$m,
+const _sfc_main$o = /* @__PURE__ */ 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 = getConfig$1("components").tabPane;
-    const tabsComponent = getConfig$1("components").tabs;
+    const tabPaneComponent = getConfig$1("components")?.tabPane;
+    const tabsComponent = getConfig$1("components")?.tabs;
     const getActive = (mForm2, props2, activeTabName2) => {
       const { config, model, prop } = props2;
       const { active } = config;
@@ -2059,28 +2049,31 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
       emit("addDiffCount");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(unref(tabsComponent).component), mergeProps(
+      return openBlock(), createBlock(resolveDynamicComponent(unref(tabsComponent)?.component || "el-tabs"), mergeProps(
         {
           modelValue: activeTabName.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeTabName.value = $event)
         },
-        unref(tabsComponent).props({
-          type: __props.config.tabType,
-          editable: __props.config.editable || false,
-          tabPosition: __props.config.tabPosition || "top"
-        }),
+        unref(tabsComponent)?.props({
+          type: _ctx.config.tabType,
+          editable: _ctx.config.editable || false,
+          tabPosition: _ctx.config.tabPosition || "top"
+        }) || {},
         {
-          class: `tmagic-design-tabs ${__props.config.dynamic ? "magic-form-dynamic-tab" : "magic-form-tab"}`,
+          class: `tmagic-design-tabs ${_ctx.config.dynamic ? "magic-form-dynamic-tab" : "magic-form-tab"}`,
           onTabClick: tabClickHandler,
           onTabAdd,
           onTabRemove
         }
       ), {
         default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(tabs), (tab, tabIndex) => {
-            return openBlock(), createBlock(resolveDynamicComponent(unref(tabPaneComponent).component), mergeProps({
-              key: tab[unref(mForm)?.keyProp || "__key"] ?? tabIndex
-            }, unref(tabPaneComponent).props({ name: filter(tab.status) || tabIndex.toString(), lazy: tab.lazy || false })), {
+          (openBlock(true), createElementBlock(Fragment, null, renderList(tabs.value, (tab, tabIndex) => {
+            return openBlock(), createBlock(resolveDynamicComponent(unref(tabPaneComponent)?.component || "el-tab-pane"), mergeProps(
+              {
+                key: tab[unref(mForm)?.keyProp || "__key"] ?? tabIndex
+              },
+              unref(tabPaneComponent)?.props({ name: filter(tab.status) || tabIndex.toString(), lazy: tab.lazy || false }) || {}
+            ), {
               label: withCtx(() => [
                 createElementVNode("span", null, [
                   createTextVNode(toDisplayString(filter(tab.title)), 1),
@@ -2093,17 +2086,17 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
               ]),
               default: withCtx(() => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(tabItems(tab), (item) => {
-                  return openBlock(), createBlock(_sfc_main$v, {
+                  return openBlock(), createBlock(_sfc_main$x, {
                     key: item[unref(mForm)?.keyProp || "__key"],
                     config: item,
-                    disabled: __props.disabled,
-                    model: __props.config.dynamic ? (__props.name ? __props.model[__props.name] : __props.model)[tabIndex] : tab.name ? (__props.name ? __props.model[__props.name] : __props.model)[tab.name] : __props.name ? __props.model[__props.name] : __props.model,
-                    "last-values": unref(isEmpty)(__props.lastValues) ? {} : __props.config.dynamic ? (__props.name ? __props.lastValues[__props.name] : __props.lastValues)[tabIndex] : tab.name ? (__props.name ? __props.lastValues[__props.name] : __props.lastValues)[tab.name] : __props.name ? __props.lastValues[__props.name] : __props.lastValues,
-                    "is-compare": __props.isCompare,
-                    prop: __props.config.dynamic ? `${__props.prop}${__props.prop ? "." : ""}${String(tabIndex)}` : __props.prop,
-                    size: __props.size,
-                    "label-width": tab.labelWidth || __props.labelWidth,
-                    "expand-more": __props.expandMore,
+                    disabled: _ctx.disabled,
+                    model: _ctx.config.dynamic ? (_ctx.name ? _ctx.model[_ctx.name] : _ctx.model)[tabIndex] : tab.name ? (_ctx.name ? _ctx.model[_ctx.name] : _ctx.model)[tab.name] : _ctx.name ? _ctx.model[_ctx.name] : _ctx.model,
+                    "last-values": unref(isEmpty)(_ctx.lastValues) ? {} : _ctx.config.dynamic ? (_ctx.name ? _ctx.lastValues[_ctx.name] : _ctx.lastValues)[tabIndex] : tab.name ? (_ctx.name ? _ctx.lastValues[_ctx.name] : _ctx.lastValues)[tab.name] : _ctx.name ? _ctx.lastValues[_ctx.name] : _ctx.lastValues,
+                    "is-compare": _ctx.isCompare,
+                    prop: _ctx.config.dynamic ? `${_ctx.prop}${_ctx.prop ? "." : ""}${String(tabIndex)}` : _ctx.prop,
+                    size: _ctx.size,
+                    "label-width": tab.labelWidth || _ctx.labelWidth,
+                    "expand-more": _ctx.expandMore,
                     onChange: changeHandler,
                     onAddDiffCount: ($event) => onAddDiffCount(tabIndex)
                   }, null, 8, ["config", "disabled", "model", "last-values", "is-compare", "prop", "size", "label-width", "expand-more", "onAddDiffCount"]);
@@ -2145,21 +2138,21 @@ const useAddField = (prop) => {
   );
 };
 
-const __default__$l = defineComponent({
-  name: "MFormCascader"
-});
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
-  ...__default__$l,
+const _sfc_main$n = /* @__PURE__ */ 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 }) {
@@ -2215,39 +2208,39 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TMagicCascader), {
-        modelValue: __props.model[__props.name],
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
+        modelValue: _ctx.model[_ctx.name],
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
         ref_key: "tMagicCascader",
         ref: tMagicCascader,
         style: { "width": "100%" },
         clearable: "",
         filterable: "",
-        size: __props.size,
-        placeholder: __props.config.placeholder,
-        disabled: __props.disabled,
+        size: _ctx.size,
+        placeholder: _ctx.config.placeholder,
+        disabled: _ctx.disabled,
         options: unref(options),
-        props: { multiple: __props.config.multiple },
+        props: { multiple: _ctx.config.multiple },
         onChange: changeHandler
       }, null, 8, ["modelValue", "size", "placeholder", "disabled", "options", "props"]);
     };
   }
 });
 
-const __default__$k = defineComponent({
-  name: "MFormCheckbox"
-});
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
-  ...__default__$k,
+const _sfc_main$m = /* @__PURE__ */ 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 }) {
@@ -2278,16 +2271,16 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TMagicCheckbox), {
-        modelValue: __props.model[__props.name],
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
-        size: __props.size,
-        trueLabel: unref(activeValue),
-        falseLabel: unref(inactiveValue),
-        disabled: __props.disabled,
+        modelValue: _ctx.model[_ctx.name],
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
+        size: _ctx.size,
+        trueLabel: activeValue.value,
+        falseLabel: inactiveValue.value,
+        disabled: _ctx.disabled,
         onChange: changeHandler
       }, {
         default: withCtx(() => [
-          createTextVNode(toDisplayString(__props.config.text), 1)
+          createTextVNode(toDisplayString(_ctx.config.text), 1)
         ]),
         _: 1
       }, 8, ["modelValue", "size", "trueLabel", "falseLabel", "disabled"]);
@@ -2295,21 +2288,21 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
   }
 });
 
-const __default__$j = defineComponent({
-  name: "MFormCheckGroup"
-});
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
-  ...__default__$j,
+const _sfc_main$l = /* @__PURE__ */ 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 }) {
@@ -2331,14 +2324,14 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TMagicCheckboxGroup), {
-        modelValue: __props.model[__props.name],
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
-        size: __props.size,
-        disabled: __props.disabled,
+        modelValue: _ctx.model[_ctx.name],
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
+        size: _ctx.size,
+        disabled: _ctx.disabled,
         onChange: changeHandler
       }, {
         default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(options), (option) => {
+          (openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (option) => {
             return openBlock(), createBlock(unref(TMagicCheckbox), {
               label: option.value,
               value: option.value,
@@ -2358,21 +2351,21 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   }
 });
 
-const __default__$i = defineComponent({
-  name: "MFormColorPicker"
-});
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
-  ...__default__$i,
+const _sfc_main$k = /* @__PURE__ */ 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 }) {
@@ -2381,10 +2374,10 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     const changeHandler = (value) => emit("change", value);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TMagicColorPicker), {
-        modelValue: __props.model[__props.name],
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
-        size: __props.size,
-        disabled: __props.disabled,
+        modelValue: _ctx.model[_ctx.name],
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
+        size: _ctx.size,
+        disabled: _ctx.disabled,
         showAlpha: true,
         onChange: changeHandler
       }, null, 8, ["modelValue", "size", "disabled"]);
@@ -2392,21 +2385,21 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
   }
 });
 
-const __default__$h = defineComponent({
-  name: "MFormDate"
-});
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
-  ...__default__$h,
+const _sfc_main$j = /* @__PURE__ */ 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 }) {
@@ -2418,35 +2411,35 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TMagicDatePicker), {
-        modelValue: __props.model[__props.name],
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
+        modelValue: _ctx.model[_ctx.name],
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
         type: "date",
-        size: __props.size,
-        placeholder: __props.config.placeholder,
-        disabled: __props.disabled,
-        format: __props.config.format,
-        "value-format": __props.config.valueFormat || "YYYY-MM-DD HH:mm:ss",
+        size: _ctx.size,
+        placeholder: _ctx.config.placeholder,
+        disabled: _ctx.disabled,
+        format: _ctx.config.format,
+        "value-format": _ctx.config.valueFormat || "YYYY/MM/DD HH:mm:ss",
         onChange: changeHandler
       }, null, 8, ["modelValue", "size", "placeholder", "disabled", "format", "value-format"]);
     };
   }
 });
 
-const __default__$g = defineComponent({
-  name: "MFormDateRange"
-});
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
-  ...__default__$g,
+const _sfc_main$i = /* @__PURE__ */ 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 }) {
@@ -2524,31 +2517,31 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
         "range-separator": "-",
         "start-placeholder": "开始日期",
         "end-placeholder": "结束日期",
-        size: __props.size,
+        size: _ctx.size,
         "unlink-panels": true,
-        disabled: __props.disabled,
-        "default-time": __props.config.defaultTime,
+        disabled: _ctx.disabled,
+        "default-time": _ctx.config.defaultTime,
         onChange: changeHandler
       }, null, 8, ["modelValue", "size", "disabled", "default-time"]);
     };
   }
 });
 
-const __default__$f = defineComponent({
-  name: "MFormDateTime"
-});
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
-  ...__default__$f,
+const _sfc_main$h = /* @__PURE__ */ 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 }) {
@@ -2567,36 +2560,38 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TMagicDatePicker), {
-        modelValue: __props.model[__props.name],
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
+        modelValue: _ctx.model[_ctx.name],
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
         "popper-class": "magic-datetime-picker-popper",
         type: "datetime",
-        size: __props.size,
-        placeholder: __props.config.placeholder,
-        disabled: __props.disabled,
-        format: __props.config.format || "YYYY-MM-DD HH:mm:ss",
-        "value-format": __props.config.valueFormat || "YYYY-MM-DD HH:mm:ss",
-        "default-time": __props.config.defaultTime,
+        size: _ctx.size,
+        placeholder: _ctx.config.placeholder,
+        disabled: _ctx.disabled,
+        format: _ctx.config.format || "YYYY/MM/DD HH:mm:ss",
+        "value-format": _ctx.config.valueFormat || "YYYY/MM/DD HH:mm:ss",
+        "default-time": _ctx.config.defaultTime,
         onChange: changeHandler
       }, null, 8, ["modelValue", "size", "placeholder", "disabled", "format", "value-format", "default-time"]);
     };
   }
 });
 
-const _hoisted_1$5 = { key: 0 };
-const __default__$e = defineComponent({
-  name: "MFormDisplay"
-});
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
-  ...__default__$e,
+const _hoisted_1$7 = { key: 0 };
+const _sfc_main$g = /* @__PURE__ */ 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;
@@ -2605,27 +2600,27 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     }
     useAddField(props.prop);
     return (_ctx, _cache) => {
-      return __props.model ? (openBlock(), createElementBlock("span", _hoisted_1$5, toDisplayString(__props.model[__props.name]), 1)) : createCommentVNode("", true);
+      return _ctx.model ? (openBlock(), createElementBlock("span", _hoisted_1$7, toDisplayString(_ctx.model[_ctx.name]), 1)) : createCommentVNode("", true);
     };
   }
 });
 
-const _hoisted_1$4 = { class: "m-fields-dynamic-field" };
-const __default__$d = defineComponent({
-  name: "MFormDynamicField"
-});
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
-  ...__default__$d,
+const _hoisted_1$6 = { class: "m-fields-dynamic-field" };
+const _sfc_main$f = /* @__PURE__ */ 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 }) {
@@ -2676,7 +2671,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       emit("change", fieldMap.value[key], key);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$4, [
+      return openBlock(), createElementBlock("div", _hoisted_1$6, [
         createVNode(unref(TMagicForm), { size: "small" }, {
           default: withCtx(() => [
             (openBlock(true), createElementBlock(Fragment, null, renderList(Object.keys(fieldMap.value), (key) => {
@@ -2703,40 +2698,42 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   }
 });
 
-const __default__$c = defineComponent({
-  name: "MFormHidden"
-});
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
-  ...__default__$c,
+const _sfc_main$e = /* @__PURE__ */ 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 ? withDirectives((openBlock(), createElementBlock("input", {
+      return _ctx.model ? withDirectives((openBlock(), createElementBlock("input", {
         key: 0,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
         type: "hidden"
       }, null, 512)), [
-        [vModelText, __props.model[__props.name]]
+        [vModelText, _ctx.model[_ctx.name]]
       ]) : createCommentVNode("", true);
     };
   }
 });
 
-const __default__$b = defineComponent({
-  name: "MForm"
-});
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
-  ...__default__$b,
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "MForm"
+  },
+  __name: "Form",
   props: {
     config: { default: () => [] },
     initValues: { default: () => ({}) },
@@ -2747,14 +2744,15 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean, default: false },
     height: { default: "auto" },
     stepActive: { default: 1 },
-    size: null,
+    size: {},
     inline: { type: Boolean, default: false },
     labelPosition: { default: "right" },
     keyProp: { default: "__key" },
-    popperClass: null
+    popperClass: {},
+    extendState: {}
   },
   emits: ["change", "field-input", "field-change"],
-  setup(__props, { expose, emit }) {
+  setup(__props, { expose: __expose, emit }) {
     const props = __props;
     const tMagicForm = ref();
     const initialized = ref(false);
@@ -2786,7 +2784,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         }
       }
     });
-    watchEffect(() => {
+    watchEffect(async () => {
       formState.initValues = props.initValues;
       formState.lastValues = props.lastValues;
       formState.isCompare = props.isCompare;
@@ -2794,6 +2792,12 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       formState.keyProp = props.keyProp;
       formState.popperClass = props.popperClass;
       formState.parentValues = props.parentValues;
+      if (typeof props.extendState === "function") {
+        const state = await props.extendState(formState) || {};
+        Object.entries(state).forEach(([key, value]) => {
+          formState[key] = value;
+        });
+      }
     });
     provide("mForm", formState);
     watch(
@@ -2824,7 +2828,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     const changeHandler = () => {
       emit("change", values.value);
     };
-    expose({
+    __expose({
       values,
       lastValuesProcessed,
       formState,
@@ -2857,23 +2861,23 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         ref_key: "tMagicForm",
         ref: tMagicForm,
         model: values.value,
-        "label-width": __props.labelWidth,
-        style: normalizeStyle(`height: ${__props.height}`),
-        inline: __props.inline,
-        "label-position": __props.labelPosition
+        "label-width": _ctx.labelWidth,
+        style: normalizeStyle(`height: ${_ctx.height}`),
+        inline: _ctx.inline,
+        "label-position": _ctx.labelPosition
       }, {
         default: withCtx(() => [
-          initialized.value && Array.isArray(__props.config) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.config, (item, index) => {
-            return openBlock(), createBlock(_sfc_main$v, {
-              disabled: __props.disabled,
-              key: item[__props.keyProp] ?? index,
+          initialized.value && Array.isArray(_ctx.config) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.config, (item, index) => {
+            return openBlock(), 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)) : createCommentVNode("", true)
@@ -2884,30 +2888,27 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$3 = { style: { "min-height": "1px" } };
-const _hoisted_2$1 = /* @__PURE__ */ createTextVNode("取 消");
-const _hoisted_3$1 = /* @__PURE__ */ createTextVNode("上一步");
-const _hoisted_4 = /* @__PURE__ */ createTextVNode("下一步");
-const __default__$a = defineComponent({
-  name: "MFormDialog"
-});
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
-  ...__default__$a,
+const _hoisted_1$5 = { style: { "min-height": "1px" } };
+const _sfc_main$c = /* @__PURE__ */ 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 = ref();
     const dialogVisible = ref(false);
@@ -2932,9 +2933,6 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       }
       return false;
     });
-    const cancel = () => {
-      dialogVisible.value = false;
-    };
     const closeHandler = () => {
       stepActive.value = 1;
       emit("close");
@@ -2956,12 +2954,23 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     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 openBlock(), createBlock(unref(TMagicDialog), {
@@ -2970,10 +2979,10 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         class: "m-form-dialog",
         top: "20px",
         "append-to-body": "",
-        title: __props.title,
-        width: __props.width,
-        zIndex: __props.zIndex,
-        fullscreen: __props.fullscreen,
+        title: _ctx.title,
+        width: _ctx.width,
+        zIndex: _ctx.zIndex,
+        fullscreen: _ctx.fullscreen,
         "close-on-click-modal": false,
         onClose: closeHandler
       }, {
@@ -2985,7 +2994,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                 style: { "text-align": "left" }
               }, {
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_1$3, [
+                  createElementVNode("div", _hoisted_1$5, [
                     renderSlot(_ctx.$slots, "left")
                   ])
                 ]),
@@ -2999,43 +3008,44 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                       size: "small"
                     }, {
                       default: withCtx(() => [
-                        _hoisted_2$1
+                        createTextVNode("取 消")
                       ]),
                       _: 1
                     }),
-                    unref(hasStep) && stepActive.value > 1 ? (openBlock(), createBlock(unref(TMagicButton), {
+                    hasStep.value && stepActive.value > 1 ? (openBlock(), createBlock(unref(TMagicButton), {
                       key: 0,
                       type: "info",
                       size: "small",
                       onClick: preStep
                     }, {
                       default: withCtx(() => [
-                        _hoisted_3$1
+                        createTextVNode("上一步")
                       ]),
                       _: 1
                     })) : createCommentVNode("", true),
-                    unref(hasStep) && unref(stepCount) > stepActive.value ? (openBlock(), createBlock(unref(TMagicButton), {
+                    hasStep.value && stepCount.value > stepActive.value ? (openBlock(), createBlock(unref(TMagicButton), {
                       key: 1,
                       type: "info",
                       size: "small",
                       onClick: nextStep
                     }, {
                       default: withCtx(() => [
-                        _hoisted_4
+                        createTextVNode("下一步")
                       ]),
                       _: 1
                     })) : (openBlock(), createBlock(unref(TMagicButton), {
                       key: 2,
                       type: "primary",
                       size: "small",
+                      disabled: _ctx.disabled,
                       loading: saveFetch.value,
                       onClick: save
                     }, {
                       default: withCtx(() => [
-                        createTextVNode(toDisplayString(__props.confirmText), 1)
+                        createTextVNode(toDisplayString(_ctx.confirmText), 1)
                       ]),
                       _: 1
-                    }, 8, ["loading"]))
+                    }, 8, ["disabled", "loading"]))
                   ])
                 ]),
                 _: 3
@@ -3050,17 +3060,17 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             class: "m-dialog-body",
             style: normalizeStyle(`max-height: ${bodyHeight.value}; overflow-y: auto; overflow-x: hidden;`)
           }, [
-            createVNode(_sfc_main$b, {
+            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"]),
             renderSlot(_ctx.$slots, "default")
@@ -3072,27 +3082,26 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   }
 });
 
-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__ */ createTextVNode("点击编辑");
-const __default__$9 = defineComponent({
-  name: "MFormLink"
-});
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  ...__default__$9,
+const _sfc_main$b = /* @__PURE__ */ 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 }) {
@@ -3141,34 +3150,34 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       editor.value && (editor.value.dialogVisible = false);
     };
     return (_ctx, _cache) => {
-      return __props.config.href && !__props.disabled ? (openBlock(), createElementBlock("a", {
+      return _ctx.config.href && !_ctx.disabled ? (openBlock(), createElementBlock("a", {
         key: 0,
         target: "_blank",
-        href: unref(href),
-        style: normalizeStyle(__props.config.css || {})
-      }, toDisplayString(unref(displayText)), 13, _hoisted_1$2)) : __props.config.href && __props.disabled ? (openBlock(), createElementBlock("span", {
+        href: href.value,
+        style: normalizeStyle(_ctx.config.css || {})
+      }, toDisplayString(displayText.value), 13, _hoisted_1$4)) : _ctx.config.href && _ctx.disabled ? (openBlock(), createElementBlock("span", {
         key: 1,
-        style: normalizeStyle(__props.config.disabledCss || {})
-      }, toDisplayString(unref(displayText)), 5)) : (openBlock(), createElementBlock("div", _hoisted_2, [
+        style: normalizeStyle(_ctx.config.disabledCss || {})
+      }, toDisplayString(displayText.value), 5)) : (openBlock(), createElementBlock("div", _hoisted_2$1, [
         createVNode(unref(TMagicButton), {
           text: true,
           type: "primary",
           onClick: editHandler
         }, {
           default: withCtx(() => [
-            _hoisted_3
+            createTextVNode("点击编辑")
           ]),
           _: 1
         }),
-        createVNode(_sfc_main$a, {
+        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: unref(formConfig),
-          parentValues: __props.values,
-          fullscreen: __props.config.fullscreen,
+          config: formConfig.value,
+          parentValues: _ctx.values,
+          fullscreen: _ctx.config.fullscreen,
           onSubmit: action
         }, null, 8, ["title", "width", "values", "config", "parentValues", "fullscreen"])
       ]));
@@ -3176,21 +3185,21 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const __default__$8 = defineComponent({
-  name: "MFormNumber"
-});
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  ...__default__$8,
+const _sfc_main$a = /* @__PURE__ */ 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 }) {
@@ -3205,18 +3214,18 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       mForm?.$emit("field-input", props.prop, v);
     };
     return (_ctx, _cache) => {
-      return __props.model ? (openBlock(), createBlock(unref(TMagicInputNumber), {
+      return _ctx.model ? (openBlock(), createBlock(unref(TMagicInputNumber), {
         key: 0,
-        modelValue: __props.model[__props.name],
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
+        modelValue: _ctx.model[_ctx.name],
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
         clearable: "",
         "controls-position": "right",
-        size: __props.size,
-        max: __props.config.max,
-        min: __props.config.min,
-        step: __props.config.step,
-        placeholder: __props.config.placeholder,
-        disabled: __props.disabled,
+        size: _ctx.size,
+        max: _ctx.config.max,
+        min: _ctx.config.min,
+        step: _ctx.config.step,
+        placeholder: _ctx.config.placeholder,
+        disabled: _ctx.disabled,
         onChange: changeHandler,
         onInput: inputHandler
       }, null, 8, ["modelValue", "size", "max", "min", "step", "placeholder", "disabled"])) : createCommentVNode("", true);
@@ -3224,21 +3233,76 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const __default__$7 = defineComponent({
-  name: "MFormRadioGroup"
+const _hoisted_1$3 = { class: "m-fields-number-range" };
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("span", { class: "split-tag" }, "-", -1);
+const _sfc_main$9 = /* @__PURE__ */ 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 openBlock(), createElementBlock("div", _hoisted_1$3, [
+        createVNode(unref(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,
+        createVNode(unref(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__ */ defineComponent({
-  ...__default__$7,
+
+const _sfc_main$8 = /* @__PURE__ */ 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 }) {
@@ -3248,16 +3312,16 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
     useAddField(props.prop);
     return (_ctx, _cache) => {
-      return __props.model ? (openBlock(), createBlock(unref(TMagicRadioGroup), {
+      return _ctx.model ? (openBlock(), createBlock(unref(TMagicRadioGroup), {
         key: 0,
-        modelValue: __props.model[__props.name],
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
-        size: __props.size,
-        disabled: __props.disabled,
+        modelValue: _ctx.model[_ctx.name],
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
+        size: _ctx.size,
+        disabled: _ctx.disabled,
         onChange: changeHandler
       }, {
         default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.config.options, (option) => {
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.config.options, (option) => {
             return openBlock(), createBlock(unref(TMagicRadio), {
               label: option.value,
               value: option.value,
@@ -3276,18 +3340,18 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const __default__$6 = defineComponent({
-  name: "MFormSelectOptionGroups"
-});
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  ...__default__$6,
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "MFormSelectOptionGroups"
+  },
+  __name: "SelectOptionGroups",
   props: {
-    options: null
+    options: {}
   },
   setup(__props) {
-    const uiComponent = getConfig$1("components").option;
+    const uiComponent = getConfig$1("components")?.option.component || "el-option";
     return (_ctx, _cache) => {
-      return openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (group, index) => {
+      return openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (group, index) => {
         return openBlock(), createBlock(unref(TMagicOptionGroup), {
           key: index,
           label: group.label,
@@ -3295,7 +3359,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [
             (openBlock(true), createElementBlock(Fragment, null, renderList(group.options, (item, index2) => {
-              return openBlock(), createBlock(resolveDynamicComponent(unref(uiComponent).component), {
+              return openBlock(), createBlock(resolveDynamicComponent(unref(uiComponent)), {
                 key: index2,
                 label: item.label || item.text,
                 value: item.value,
@@ -3310,22 +3374,22 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const __default__$5 = defineComponent({
-  name: "MFormSelectOptions"
-});
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  ...__default__$5,
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "MFormSelectOptions"
+  },
+  __name: "SelectOptions",
   props: {
-    options: null,
-    valueKey: null
+    options: {},
+    valueKey: {}
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
+      return openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option) => {
         return openBlock(), createBlock(unref(TMagicOption), {
           label: option.text,
           value: option.value,
-          key: __props.valueKey ? option.value[__props.valueKey] : option.value,
+          key: _ctx.valueKey ? option.value[_ctx.valueKey] : option.value,
           disabled: option.disabled
         }, null, 8, ["label", "value", "disabled"]);
       }), 128);
@@ -3333,22 +3397,22 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$1 = { key: 2 };
-const __default__$4 = defineComponent({
-  name: "MFormSelect"
-});
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  ...__default__$4,
+const _hoisted_1$2 = { key: 2 };
+const _sfc_main$5 = /* @__PURE__ */ 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 }) {
@@ -3376,12 +3440,16 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       return value === v;
     };
     const mapOptions = (data) => {
-      const { option } = props.config;
-      const { text } = option;
-      const { value } = option;
+      const {
+        option = {
+          text: "text",
+          value: "value"
+        }
+      } = props.config;
+      const { text = "text", value = "value" } = option;
       return data.map((item) => ({
-        text: typeof text === "function" ? text(item) : item[text || "text"],
-        value: typeof value === "function" ? value(item) : item[value || "value"]
+        text: typeof text === "function" ? text(item) : item[text],
+        value: typeof value === "function" ? value(item) : item[value]
       }));
     };
     const getOptions = async () => {
@@ -3392,8 +3460,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       }
       loading.value = true;
       let items = [];
-      const { config } = props;
-      const { option } = config;
+      const { option } = props.config;
+      if (!option)
+        return [];
       const { root = "", totalKey = "total" } = option;
       let { body = {}, url } = option;
       if (typeof url === "function") {
@@ -3440,11 +3509,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           postOptions
         });
       }
-      const optionsData = root.split(".").reduce((accumulator, currentValue) => accumulator[currentValue], res);
-      const resTotal = globalThis.parseInt(
-        totalKey.split(".").reduce((accumulator, currentValue) => accumulator[currentValue], res),
-        10
-      );
+      const optionsData = getValueByKeyPath(root, res);
+      const resTotal = globalThis.parseInt(getValueByKeyPath(totalKey, res), 10);
       if (resTotal > 0) {
         total.value = resTotal;
       }
@@ -3493,8 +3559,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const getInitOption = async () => {
       if (!props.model)
         return [];
-      const { config } = props;
-      const { option } = config;
+      const { option } = props.config;
+      if (!option)
+        return [];
       const { root = "", initRoot = "" } = option;
       let { initBody = {} } = option;
       let options2 = [];
@@ -3544,7 +3611,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           postOptions
         });
       }
-      let initData = (initRoot || root).split(".").reduce((accumulator, currentValue) => accumulator[currentValue], res);
+      let initData = getValueByKeyPath(initRoot || root, res);
       if (initData) {
         if (!Array.isArray(initData)) {
           initData = [initData];
@@ -3649,36 +3716,36 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const groupOptions = options;
     return (_ctx, _cache) => {
       const _directive_loading = resolveDirective("loading");
-      return __props.model ? withDirectives((openBlock(), createBlock(unref(TMagicSelect), {
+      return _ctx.model ? withDirectives((openBlock(), createBlock(unref(TMagicSelect), {
         key: 0,
-        modelValue: __props.model[__props.name],
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
+        modelValue: _ctx.model[_ctx.name],
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
         class: "m-select",
         ref_key: "tMagicSelect",
         ref: tMagicSelect,
-        clearable: typeof __props.config.clearable !== "undefined" ? __props.config.clearable : true,
-        filterable: typeof __props.config.filterable !== "undefined" ? __props.config.filterable : true,
+        clearable: typeof _ctx.config.clearable !== "undefined" ? _ctx.config.clearable : true,
+        filterable: typeof _ctx.config.filterable !== "undefined" ? _ctx.config.filterable : true,
         "popper-class": `m-select-popper ${unref(popperClass)}`,
-        size: __props.size,
+        size: _ctx.size,
         remote: remote.value,
-        placeholder: __props.config.placeholder,
-        multiple: __props.config.multiple,
-        "value-key": __props.config.valueKey || "value",
-        "allow-create": __props.config.allowCreate,
-        disabled: __props.disabled,
-        "remote-method": __props.config.remote && remoteMethod,
+        placeholder: _ctx.config.placeholder,
+        multiple: _ctx.config.multiple,
+        "value-key": _ctx.config.valueKey || "value",
+        "allow-create": _ctx.config.allowCreate,
+        disabled: _ctx.disabled,
+        "remote-method": _ctx.config.remote && remoteMethod,
         onChange: changeHandler,
         onVisibleChange: visibleHandler
       }, {
         default: withCtx(() => [
-          __props.config.group ? (openBlock(), createBlock(_sfc_main$6, {
+          _ctx.config.group ? (openBlock(), createBlock(_sfc_main$7, {
             key: 0,
             options: unref(groupOptions)
-          }, null, 8, ["options"])) : (openBlock(), createBlock(_sfc_main$5, {
+          }, null, 8, ["options"])) : (openBlock(), createBlock(_sfc_main$6, {
             key: 1,
             options: unref(itemOptions)
           }, null, 8, ["options"])),
-          moreLoadingVisible.value ? withDirectives((openBlock(), createElementBlock("div", _hoisted_1$1, null, 512)), [
+          moreLoadingVisible.value ? withDirectives((openBlock(), createElementBlock("div", _hoisted_1$2, null, 512)), [
             [_directive_loading, true]
           ]) : createCommentVNode("", true)
         ]),
@@ -3690,21 +3757,21 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const __default__$3 = defineComponent({
-  name: "MFormSwitch"
-});
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  ...__default__$3,
+const _sfc_main$4 = /* @__PURE__ */ 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 }) {
@@ -3735,34 +3802,34 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TMagicSwitch), {
-        modelValue: __props.model[__props.name],
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
-        size: __props.size,
-        activeValue: unref(activeValue),
-        inactiveValue: unref(inactiveValue),
-        disabled: __props.disabled,
+        modelValue: _ctx.model[_ctx.name],
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
+        size: _ctx.size,
+        activeValue: activeValue.value,
+        inactiveValue: inactiveValue.value,
+        disabled: _ctx.disabled,
         onChange: changeHandler
       }, null, 8, ["modelValue", "size", "activeValue", "inactiveValue", "disabled"]);
     };
   }
 });
 
-const _hoisted_1 = { key: 0 };
-const __default__$2 = defineComponent({
-  name: "MFormText"
-});
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  ...__default__$2,
+const _hoisted_1$1 = { key: 0 };
+const _sfc_main$3 = /* @__PURE__ */ 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 }) {
@@ -3839,53 +3906,54 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TMagicInput), {
-        modelValue: __props.model[__props.name],
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
+        modelValue: _ctx.model[_ctx.name],
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
         clearable: "",
-        size: __props.size,
-        placeholder: __props.config.placeholder,
-        disabled: __props.disabled,
+        size: _ctx.size,
+        placeholder: _ctx.config.placeholder,
+        disabled: _ctx.disabled,
         onChange: changeHandler,
         onInput: inputHandler,
         onKeyup: _cache[1] || (_cache[1] = ($event) => keyUpHandler($event))
       }, createSlots({ _: 2 }, [
-        __props.config.append ? {
+        _ctx.config.append ? {
           name: "append",
           fn: withCtx(() => [
-            typeof __props.config.append === "string" ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(__props.config.append), 1)) : createCommentVNode("", true),
-            typeof __props.config.append === "object" && __props.config.append.type === "button" ? (openBlock(), createBlock(unref(TMagicButton), {
+            typeof _ctx.config.append === "string" ? (openBlock(), createElementBlock("span", _hoisted_1$1, toDisplayString(_ctx.config.append), 1)) : createCommentVNode("", true),
+            typeof _ctx.config.append === "object" && _ctx.config.append.type === "button" ? (openBlock(), createBlock(unref(TMagicButton), {
               key: 1,
               style: { "color": "#409eff" },
-              size: __props.size,
+              size: _ctx.size,
               onClick: withModifiers(buttonClickHandler, ["prevent"])
             }, {
               default: withCtx(() => [
-                createTextVNode(toDisplayString(__props.config.append.text), 1)
+                createTextVNode(toDisplayString(_ctx.config.append.text), 1)
               ]),
               _: 1
             }, 8, ["size", "onClick"])) : createCommentVNode("", true)
-          ])
+          ]),
+          key: "0"
         } : void 0
       ]), 1032, ["modelValue", "size", "placeholder", "disabled"]);
     };
   }
 });
 
-const __default__$1 = defineComponent({
-  name: "MFormTextarea"
-});
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...__default__$1,
+const _sfc_main$2 = /* @__PURE__ */ 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 }) {
@@ -3901,13 +3969,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TMagicInput), {
-        modelValue: __props.model[__props.name],
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
+        modelValue: _ctx.model[_ctx.name],
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
         type: "textarea",
-        size: __props.size,
+        size: _ctx.size,
         clearable: "",
-        placeholder: __props.config.placeholder,
-        disabled: __props.disabled,
+        placeholder: _ctx.config.placeholder,
+        disabled: _ctx.disabled,
         onChange: changeHandler,
         onInput: inputHandler
       }, null, 8, ["modelValue", "size", "placeholder", "disabled"]);
@@ -3915,21 +3983,21 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const __default__ = defineComponent({
-  name: "MFormTime"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+const _sfc_main$1 = /* @__PURE__ */ 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 }) {
@@ -3940,13 +4008,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(TMagicTimePicker), {
-        modelValue: __props.model[__props.name],
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.model[__props.name] = $event),
-        "value-format": __props.config.valueFormat || "HH:mm:ss",
-        format: __props.config.format || "HH:mm:ss",
-        size: __props.size,
-        placeholder: __props.config.placeholder,
-        disabled: __props.disabled,
+        modelValue: _ctx.model[_ctx.name],
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
+        "value-format": _ctx.config.valueFormat || "HH:mm:ss",
+        format: _ctx.config.format || "HH:mm:ss",
+        size: _ctx.size,
+        placeholder: _ctx.config.placeholder,
+        disabled: _ctx.disabled,
         onChange: changeHandler
       }, null, 8, ["modelValue", "value-format", "format", "size", "placeholder", "disabled"]);
     };
@@ -3955,43 +4023,188 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 
 const index$1 = '';
 
+const _hoisted_1 = { style: { "min-height": "1px" } };
+const _sfc_main = /* @__PURE__ */ 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 = ref();
+    const drawerBody = ref();
+    const visible = ref(false);
+    const saveFetch = ref(false);
+    const bodyHeight = ref(0);
+    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 openBlock(), createBlock(unref(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: withCtx(() => [
+          createVNode(unref(TMagicRow), { class: "dialog-footer" }, {
+            default: withCtx(() => [
+              createVNode(unref(TMagicCol), {
+                span: 12,
+                style: { "text-align": "left" }
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_1, [
+                    renderSlot(_ctx.$slots, "left")
+                  ])
+                ]),
+                _: 3
+              }),
+              createVNode(unref(TMagicCol), { span: 12 }, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "footer", {}, () => [
+                    createVNode(unref(TMagicButton), { onClick: hide }, {
+                      default: withCtx(() => [
+                        createTextVNode("关闭")
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(unref(TMagicButton), {
+                      type: "primary",
+                      disabled: _ctx.disabled,
+                      loading: saveFetch.value,
+                      onClick: submitHandler
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(_ctx.confirmText), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["disabled", "loading"])
+                  ])
+                ]),
+                _: 3
+              })
+            ]),
+            _: 3
+          })
+        ]),
+        default: withCtx(() => [
+          visible.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            ref_key: "drawerBody",
+            ref: drawerBody,
+            class: "m-drawer-body"
+          }, [
+            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"]),
+            renderSlot(_ctx.$slots, "default")
+          ], 512)) : 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);
+  }
 };
 
-export { _sfc_main$l as MCascader, _sfc_main$k as MCheckbox, _sfc_main$j as MCheckboxGroup, _sfc_main$i as MColorPicker, _sfc_main$v as MContainer, _sfc_main$h as MDate, _sfc_main$f as MDateTime, _sfc_main$g as MDaterange, _sfc_main$e as MDisplay, _sfc_main$d as MDynamicField, _sfc_main$u as MFieldset, _sfc_main$b as MForm, _sfc_main$a as MFormDialog, _sfc_main$s as MGroupList, _sfc_main$c as MHidden, _sfc_main$9 as MLink, _sfc_main$8 as MNumber, _sfc_main$r as MPanel, _sfc_main$7 as MRadioGroup, _sfc_main$p as MRow, _sfc_main$4 as MSelect, _sfc_main$3 as MSwitch, _sfc_main$n as MTable, _sfc_main$m as MTabs, _sfc_main$2 as MText, _sfc_main$1 as MTextarea, _sfc_main as MTime, createValues, index as default, display, filterFunction, getRules, initValue, useAddField };
+export { _sfc_main$n as MCascader, _sfc_main$m as MCheckbox, _sfc_main$l as MCheckboxGroup, _sfc_main$k as MColorPicker, _sfc_main$x as MContainer, _sfc_main$j as MDate, _sfc_main$h as MDateTime, _sfc_main$i as MDaterange, _sfc_main$g as MDisplay, _sfc_main$f as MDynamicField, _sfc_main$w as MFieldset, _sfc_main$d as MForm, _sfc_main$c as MFormDialog, _sfc_main as MFormDrawer, _sfc_main$u as MGroupList, _sfc_main$e as MHidden, _sfc_main$b as MLink, _sfc_main$a as MNumber, _sfc_main$9 as MNumberRange, _sfc_main$t as MPanel, _sfc_main$8 as MRadioGroup, _sfc_main$r as MRow, _sfc_main$5 as MSelect, _sfc_main$4 as MSwitch, _sfc_main$p as MTable, _sfc_main$o as MTabs, _sfc_main$3 as MText, _sfc_main$2 as MTextarea, _sfc_main$1 as MTime, createValues, index as default, display, filterFunction, getRules, initValue, useAddField };
 //# sourceMappingURL=tmagic-form.js.map