@tmagic/form 1.3.0-alpha.9 → 1.3.0-beta.1

package/dist/tmagic-form.js

@@ -1,7 +1,7 @@
 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, getValueByKeyPath, isNumber } from '@tmagic/utils';
 import cloneDeep$1 from 'lodash-es/cloneDeep';
@@ -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,10 +167,10 @@ const initValue = async (mForm, { initValues, config }) => {
   return valuesTmp || {};
 };
 
-const _hoisted_1$b = ["innerHTML"];
-const _hoisted_2$6 = ["innerHTML"];
+const _hoisted_1$d = ["innerHTML"];
+const _hoisted_2$7 = ["innerHTML"];
 const _hoisted_3$4 = ["innerHTML"];
-const _hoisted_4$4 = ["innerHTML"];
+const _hoisted_4$3 = ["innerHTML"];
 const _hoisted_5$3 = ["innerHTML"];
 const _hoisted_6$1 = ["innerHTML"];
 const _hoisted_7$1 = ["innerHTML"];
@@ -182,7 +183,7 @@ const _hoisted_13 = {
   key: 5,
   style: { "text-align": "center" }
 };
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormContainer"
   },
@@ -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");
@@ -330,7 +332,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       return _ctx.config ? (openBlock(), createElementBlock("div", {
         key: 0,
         style: normalizeStyle(_ctx.config.tip ? "display: flex;align-items: baseline;" : ""),
-        class: normalizeClass([_ctx.config.className, "m-form-container"])
+        class: normalizeClass(`m-form-container m-container-${type.value || ""} ${_ctx.config.className || ""}`)
       }, [
         type.value === "hidden" ? (openBlock(), createBlock(_component_m_fields_hidden, {
           key: 0,
@@ -339,7 +341,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
           name: _ctx.config.name,
           disabled: disabled.value,
           prop: itemProp.value
-        }, null, 8, ["model", "config", "name", "disabled", "prop"])) : items.value && !_ctx.config.text && type.value && display$1.value ? (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
+        }, 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,
@@ -357,20 +359,20 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
         }, 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(_ctx.config.tip ? "flex: 1" : ""),
-            class: normalizeClass({ hidden: `${itemLabelWidth.value}` === "0" || !_ctx.config.text }),
+            class: normalizeClass({ hidden: `${itemLabelWidth.value}` === "0" || !text.value }),
             prop: itemProp.value,
             "label-width": itemLabelWidth.value,
             rules: rule.value
           }, {
             label: withCtx(() => [
               createElementVNode("span", {
-                innerHTML: type.value === "checkbox" ? "" : _ctx.config.text
-              }, null, 8, _hoisted_1$b)
+                innerHTML: type.value === "checkbox" ? "" : text.value
+              }, null, 8, _hoisted_1$d)
             ]),
             default: withCtx(() => [
               tooltip.value ? (openBlock(), createBlock(unref(TMagicTooltip), { key: 0 }, {
                 content: withCtx(() => [
-                  createElementVNode("div", { innerHTML: tooltip.value }, null, 8, _hoisted_2$6)
+                  createElementVNode("div", { innerHTML: tooltip.value }, null, 8, _hoisted_2$7)
                 ]),
                 default: withCtx(() => [
                   (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
@@ -414,7 +416,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
             content: withCtx(() => [
               createElementVNode("div", {
                 innerHTML: _ctx.config.tip
-              }, null, 8, _hoisted_4$4)
+              }, null, 8, _hoisted_4$3)
             ]),
             default: withCtx(() => [
               createVNode(unref(TMagicIcon), { style: { "line-height": "40px", "margin-left": "5px" } }, {
@@ -429,14 +431,14 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
         ], 64)) : type.value && display$1.value && showDiff.value ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
           createVNode(unref(TMagicFormItem), {
             style: normalizeStyle([_ctx.config.tip ? "flex: 1" : "", { "background": "#f7dadd" }]),
-            class: normalizeClass({ hidden: `${itemLabelWidth.value}` === "0" || !_ctx.config.text }),
+            class: normalizeClass({ hidden: `${itemLabelWidth.value}` === "0" || !text.value }),
             prop: itemProp.value,
             "label-width": itemLabelWidth.value,
             rules: rule.value
           }, {
             label: withCtx(() => [
               createElementVNode("span", {
-                innerHTML: type.value === "checkbox" ? "" : _ctx.config.text
+                innerHTML: type.value === "checkbox" ? "" : text.value
               }, null, 8, _hoisted_5$3)
             ]),
             default: withCtx(() => [
@@ -496,14 +498,14 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
           })) : createCommentVNode("", true),
           createVNode(unref(TMagicFormItem), {
             style: normalizeStyle([_ctx.config.tip ? "flex: 1" : "", { "background": "#def7da" }]),
-            class: normalizeClass({ hidden: `${itemLabelWidth.value}` === "0" || !_ctx.config.text }),
+            class: normalizeClass({ hidden: `${itemLabelWidth.value}` === "0" || !text.value }),
             prop: itemProp.value,
             "label-width": itemLabelWidth.value,
             rules: rule.value
           }, {
             label: withCtx(() => [
               createElementVNode("span", {
-                innerHTML: type.value === "checkbox" ? "" : _ctx.config.text
+                innerHTML: type.value === "checkbox" ? "" : text.value
               }, null, 8, _hoisted_9)
             ]),
             default: withCtx(() => [
@@ -599,10 +601,10 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$a = ["innerHTML"];
-const _hoisted_2$5 = ["innerHTML"];
+const _hoisted_1$c = ["innerHTML"];
+const _hoisted_2$6 = ["innerHTML"];
 const _hoisted_3$3 = { key: 1 };
-const _hoisted_4$3 = ["innerHTML"];
+const _hoisted_4$2 = ["innerHTML"];
 const _hoisted_5$2 = ["innerHTML"];
 const _hoisted_6 = {
   key: 2,
@@ -610,7 +612,7 @@ const _hoisted_6 = {
 };
 const _hoisted_7 = { style: { "flex": "1" } };
 const _hoisted_8 = ["src"];
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormFieldset"
   },
@@ -669,12 +671,12 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 createElementVNode("span", {
                   innerHTML: _ctx.config.legend
-                }, null, 8, _hoisted_1$a),
+                }, null, 8, _hoisted_1$c),
                 _ctx.config.extra ? (openBlock(), createElementBlock("span", {
                   key: 0,
                   innerHTML: _ctx.config.extra,
                   class: "m-form-tip"
-                }, null, 8, _hoisted_2$5)) : createCommentVNode("", true)
+                }, null, 8, _hoisted_2$6)) : createCommentVNode("", true)
               ]),
               _: 1
             }, 8, ["modelValue", "prop"])
@@ -683,7 +685,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
         })) : (openBlock(), createElementBlock("legend", _hoisted_3$3, [
           createElementVNode("span", {
             innerHTML: _ctx.config.legend
-          }, null, 8, _hoisted_4$3),
+          }, null, 8, _hoisted_4$2),
           _ctx.config.extra ? (openBlock(), createElementBlock("span", {
             key: 0,
             innerHTML: _ctx.config.extra,
@@ -693,7 +695,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
         _ctx.config.schematic && show.value ? (openBlock(), createElementBlock("div", _hoisted_6, [
           createElementVNode("div", _hoisted_7, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.config.items, (item, index) => {
-              return openBlock(), createBlock(_sfc_main$v, {
+              return openBlock(), createBlock(_sfc_main$y, {
                 key: key(item, index),
                 model: name.value ? _ctx.model[name.value] : _ctx.model,
                 lastValues: name.value ? _ctx.lastValues[name.value] : _ctx.lastValues,
@@ -714,7 +716,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
             src: _ctx.config.schematic
           }, null, 8, _hoisted_8)
         ])) : show.value ? (openBlock(true), createElementBlock(Fragment, { key: 3 }, renderList(_ctx.config.items, (item, index) => {
-          return openBlock(), createBlock(_sfc_main$v, {
+          return openBlock(), createBlock(_sfc_main$y, {
             key: key(item, index),
             model: name.value ? _ctx.model[name.value] : _ctx.model,
             lastValues: name.value ? _ctx.lastValues[name.value] : _ctx.lastValues,
@@ -734,9 +736,9 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$9 = { class: "m-fields-group-list-item" };
-const _hoisted_2$4 = ["innerHTML"];
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _hoisted_1$b = { class: "m-fields-group-list-item" };
+const _hoisted_2$5 = ["innerHTML"];
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormGroupListItem"
   },
@@ -769,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));
@@ -785,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)
@@ -797,7 +803,7 @@ 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: "",
@@ -863,9 +869,9 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             key: 1,
             innerHTML: itemExtra.value,
             class: "m-form-tip"
-          }, null, 8, _hoisted_2$4)) : createCommentVNode("", true)
+          }, null, 8, _hoisted_2$5)) : createCommentVNode("", true)
         ]),
-        expand.value ? (openBlock(), createBlock(_sfc_main$v, {
+        expand.value ? (openBlock(), createBlock(_sfc_main$y, {
           key: 0,
           config: rowConfig.value,
           model: _ctx.model,
@@ -883,17 +889,17 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$8 = { class: "m-fields-group-list" };
-const _hoisted_2$3 = ["innerHTML"];
+const _hoisted_1$a = { class: "m-fields-group-list" };
+const _hoisted_2$4 = ["innerHTML"];
 const _hoisted_3$2 = {
   key: 1,
   class: "el-table__empty-block"
 };
-const _hoisted_4$2 = /* @__PURE__ */ createElementVNode("span", { class: "el-table__empty-text" }, "暂无数据", -1);
+const _hoisted_4$1 = /* @__PURE__ */ createElementVNode("span", { class: "el-table__empty-text" }, "暂无数据", -1);
 const _hoisted_5$1 = [
-  _hoisted_4$2
+  _hoisted_4$1
 ];
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormGroupList"
   },
@@ -976,14 +982,14 @@ 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, [
+      return openBlock(), createElementBlock("div", _hoisted_1$a, [
         _ctx.config.extra ? (openBlock(), createElementBlock("div", {
           key: 0,
           innerHTML: _ctx.config.extra,
           style: { "color": "rgba(0, 0, 0, 0.45)" }
-        }, null, 8, _hoisted_2$3)) : createCommentVNode("", true),
+        }, null, 8, _hoisted_2$4)) : createCommentVNode("", true),
         !_ctx.model[_ctx.name] || !_ctx.model[_ctx.name].length ? (openBlock(), createElementBlock("div", _hoisted_3$2, _hoisted_5$1)) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(_ctx.model[_ctx.name], (item, index) => {
-          return openBlock(), createBlock(_sfc_main$t, {
+          return openBlock(), createBlock(_sfc_main$w, {
             key: index,
             model: item,
             lastValues: getLastValues(_ctx.lastValues[_ctx.name], index),
@@ -1028,15 +1034,15 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$7 = { style: { "width": "100%", "display": "flex", "align-items": "center" } };
-const _hoisted_2$2 = ["innerHTML"];
+const _hoisted_1$9 = { style: { "width": "100%", "display": "flex", "align-items": "center" } };
+const _hoisted_2$3 = ["innerHTML"];
 const _hoisted_3$1 = {
   key: 0,
   style: { "display": "flex" }
 };
-const _hoisted_4$1 = { style: { "flex": "1" } };
+const _hoisted_4 = { style: { "flex": "1" } };
 const _hoisted_5 = ["src"];
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormPanel"
   },
@@ -1068,7 +1074,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
         "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: "",
@@ -1079,7 +1085,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
               key: 0,
               innerHTML: _ctx.config.extra,
               class: "m-form-tip"
-            }, null, 8, _hoisted_2$2)) : createCommentVNode("", true),
+            }, null, 8, _hoisted_2$3)) : createCommentVNode("", true),
             renderSlot(_ctx.$slots, "header", {}, () => [
               createTextVNode(toDisplayString(filter(_ctx.config.title)), 1)
             ])
@@ -1089,9 +1095,9 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
           createElementVNode("div", null, [
             renderSlot(_ctx.$slots, "default"),
             _ctx.config.schematic ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
-              createElementVNode("div", _hoisted_4$1, [
+              createElementVNode("div", _hoisted_4, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, index) => {
-                  return openBlock(), createBlock(_sfc_main$v, {
+                  return openBlock(), createBlock(_sfc_main$y, {
                     key: item[unref(mForm)?.keyProp || "__key"] ?? index,
                     config: item,
                     model: _ctx.name ? _ctx.model[_ctx.name] : _ctx.model,
@@ -1111,7 +1117,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
                 src: _ctx.config.schematic
               }, null, 8, _hoisted_5)
             ])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(items.value, (item, index) => {
-              return openBlock(), createBlock(_sfc_main$v, {
+              return openBlock(), createBlock(_sfc_main$y, {
                 key: item[unref(mForm)?.keyProp || "__key"] ?? index,
                 config: item,
                 model: _ctx.name ? _ctx.model[_ctx.name] : _ctx.model,
@@ -1133,7 +1139,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormCol"
   },
@@ -1160,7 +1166,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return withDirectives((openBlock(), createBlock(unref(TMagicCol), { span: _ctx.span }, {
         default: withCtx(() => [
-          createVNode(_sfc_main$v, {
+          createVNode(_sfc_main$y, {
             model: _ctx.model,
             lastValues: _ctx.lastValues,
             "is-compare": _ctx.isCompare,
@@ -1182,7 +1188,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormRow"
   },
@@ -1209,7 +1215,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(TMagicRow), { gutter: 10 }, {
         default: withCtx(() => [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.config.items, (col, index) => {
-            return openBlock(), createBlock(_sfc_main$q, {
+            return openBlock(), createBlock(_sfc_main$t, {
               key: col[unref(mForm)?.keyProp || "__key"] ?? index,
               span: col.span || _ctx.config.span || 24 / _ctx.config.items.length,
               config: col,
@@ -1232,7 +1238,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormStep"
   },
@@ -1286,7 +1292,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
           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$y, {
                   key: item[unref(mForm)?.keyProp || "__key"],
                   config: item,
                   model: step.name ? _ctx.model[step.name] : _ctx.model,
@@ -1310,15 +1316,14 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$6 = ["innerHTML"];
-const _hoisted_2$1 = { class: "el-form-item__content" };
-const _hoisted_3 = ["innerHTML"];
-const _hoisted_4 = {
-  key: 1,
+const _hoisted_1$8 = ["innerHTML"];
+const _hoisted_2$2 = ["innerHTML"];
+const _hoisted_3 = {
+  key: 6,
   class: "bottom",
   style: { "text-align": "right" }
 };
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormTable"
   },
@@ -1673,246 +1678,244 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
           key: 0,
           style: { "color": "rgba(0, 0, 0, 0.45)" },
           innerHTML: _ctx.config.extra
-        }, null, 8, _hoisted_1$6)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2$1, [
-          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_3)
-                    ]),
-                    _: 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$v, {
-                            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: 0,
-            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 && !isFullscreen.value ? (openBlock(), createBlock(unref(TMagicButton), {
-            key: 1,
-            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: 2,
-            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: 3,
-            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: 4,
-            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_4, [
+        }, 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$y, {
+                          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": _ctx.model[modelName.value].length < pagesize.value,
@@ -1929,7 +1932,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormTabs"
   },
@@ -2083,7 +2086,7 @@ 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$y, {
                     key: item[unref(mForm)?.keyProp || "__key"],
                     config: item,
                     disabled: _ctx.disabled,
@@ -2135,7 +2138,7 @@ const useAddField = (prop) => {
   );
 };
 
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormCascader"
   },
@@ -2223,7 +2226,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormCheckbox"
   },
@@ -2285,7 +2288,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormCheckGroup"
   },
@@ -2348,7 +2351,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormColorPicker"
   },
@@ -2382,7 +2385,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormDate"
   },
@@ -2415,14 +2418,14 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         placeholder: _ctx.config.placeholder,
         disabled: _ctx.disabled,
         format: _ctx.config.format,
-        "value-format": _ctx.config.valueFormat || "YYYY-MM-DD HH:mm:ss",
+        "value-format": _ctx.config.valueFormat || "YYYY/MM/DD HH:mm:ss",
         onChange: changeHandler
       }, null, 8, ["modelValue", "size", "placeholder", "disabled", "format", "value-format"]);
     };
   }
 });
 
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormDateRange"
   },
@@ -2524,7 +2527,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormDateTime"
   },
@@ -2564,8 +2567,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         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",
+        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"]);
@@ -2573,8 +2576,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$5 = { key: 0 };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _hoisted_1$7 = { key: 0 };
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormDisplay"
   },
@@ -2586,6 +2589,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     values: {},
     name: {},
     prop: {},
+    disabled: { type: Boolean },
+    size: {},
     lastValues: {}
   },
   setup(__props) {
@@ -2595,13 +2600,13 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     }
     useAddField(props.prop);
     return (_ctx, _cache) => {
-      return _ctx.model ? (openBlock(), createElementBlock("span", _hoisted_1$5, toDisplayString(_ctx.model[_ctx.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 _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _hoisted_1$6 = { class: "m-fields-dynamic-field" };
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormDynamicField"
   },
@@ -2666,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) => {
@@ -2693,7 +2698,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormHidden"
   },
@@ -2705,6 +2710,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     values: {},
     name: {},
     prop: {},
+    disabled: { type: Boolean },
+    size: {},
     lastValues: {}
   },
   setup(__props) {
@@ -2722,7 +2729,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   ...{
     name: "MForm"
   },
@@ -2741,7 +2748,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     inline: { type: Boolean, default: false },
     labelPosition: { default: "right" },
     keyProp: { default: "__key" },
-    popperClass: {}
+    popperClass: {},
+    extendState: {}
   },
   emits: ["change", "field-input", "field-change"],
   setup(__props, { expose: __expose, emit }) {
@@ -2776,7 +2784,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         }
       }
     });
-    watchEffect(() => {
+    watchEffect(async () => {
       formState.initValues = props.initValues;
       formState.lastValues = props.lastValues;
       formState.isCompare = props.isCompare;
@@ -2784,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(
@@ -2854,7 +2868,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [
           initialized.value && Array.isArray(_ctx.config) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.config, (item, index) => {
-            return openBlock(), createBlock(_sfc_main$v, {
+            return openBlock(), createBlock(_sfc_main$y, {
               disabled: _ctx.disabled,
               key: item[_ctx.keyProp] ?? index,
               config: item,
@@ -2874,8 +2888,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$3 = { style: { "min-height": "1px" } };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _hoisted_1$5 = { style: { "min-height": "1px" } };
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormDialog"
   },
@@ -2889,6 +2903,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     fullscreen: { type: Boolean },
     disabled: { type: Boolean },
     title: {},
+    inline: { type: Boolean },
+    labelPosition: {},
     zIndex: {},
     size: {},
     confirmText: { default: "确定" }
@@ -2919,9 +2935,6 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       }
       return false;
     });
-    const cancel = () => {
-      dialogVisible.value = false;
-    };
     const closeHandler = () => {
       stepActive.value = 1;
       emit("close");
@@ -2943,12 +2956,23 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     const changeHandler = (value) => {
       emit("change", value);
     };
+    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), {
@@ -2972,7 +2996,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")
                   ])
                 ]),
@@ -3015,6 +3039,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                       key: 2,
                       type: "primary",
                       size: "small",
+                      disabled: _ctx.disabled,
                       loading: saveFetch.value,
                       onClick: save
                     }, {
@@ -3022,7 +3047,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                         createTextVNode(toDisplayString(_ctx.confirmText), 1)
                       ]),
                       _: 1
-                    }, 8, ["loading"]))
+                    }, 8, ["disabled", "loading"]))
                   ])
                 ]),
                 _: 3
@@ -3037,7 +3062,7 @@ 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$e, {
               modelValue: stepActive.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => stepActive.value = $event),
               ref_key: "form",
@@ -3048,8 +3073,10 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               "init-values": _ctx.values,
               "parent-values": _ctx.parentValues,
               "label-width": _ctx.labelWidth,
+              "label-position": _ctx.labelPosition,
+              inline: _ctx.inline,
               onChange: changeHandler
-            }, null, 8, ["modelValue", "size", "disabled", "config", "init-values", "parent-values", "label-width"]),
+            }, null, 8, ["modelValue", "size", "disabled", "config", "init-values", "parent-values", "label-width", "label-position", "inline"]),
             renderSlot(_ctx.$slots, "default")
           ], 4)) : createCommentVNode("", true)
         ]),
@@ -3059,12 +3086,12 @@ 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 _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormLink"
   },
@@ -3132,10 +3159,10 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         target: "_blank",
         href: href.value,
         style: normalizeStyle(_ctx.config.css || {})
-      }, toDisplayString(displayText.value), 13, _hoisted_1$2)) : _ctx.config.href && _ctx.disabled ? (openBlock(), createElementBlock("span", {
+      }, toDisplayString(displayText.value), 13, _hoisted_1$4)) : _ctx.config.href && _ctx.disabled ? (openBlock(), createElementBlock("span", {
         key: 1,
         style: normalizeStyle(_ctx.config.disabledCss || {})
-      }, toDisplayString(displayText.value), 5)) : (openBlock(), createElementBlock("div", _hoisted_2, [
+      }, toDisplayString(displayText.value), 5)) : (openBlock(), createElementBlock("div", _hoisted_2$1, [
         createVNode(unref(TMagicButton), {
           text: true,
           type: "primary",
@@ -3146,7 +3173,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }),
-        createVNode(_sfc_main$a, {
+        createVNode(_sfc_main$d, {
           ref_key: "editor",
           ref: editor,
           title: _ctx.config.formTitle || "编辑扩展配置",
@@ -3162,7 +3189,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormNumber"
   },
@@ -3210,7 +3237,62 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$3 = { class: "m-fields-number-range" };
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("span", { class: "split-tag" }, "-", -1);
+const _sfc_main$a = /* @__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$9 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormRadioGroup"
   },
@@ -3262,7 +3344,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormSelectOptionGroups"
   },
@@ -3296,7 +3378,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormSelectOptions"
   },
@@ -3319,8 +3401,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$1 = { key: 2 };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$2 = { key: 2 };
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormSelect"
   },
@@ -3660,14 +3742,14 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         onVisibleChange: visibleHandler
       }, {
         default: withCtx(() => [
-          _ctx.config.group ? (openBlock(), createBlock(_sfc_main$6, {
+          _ctx.config.group ? (openBlock(), createBlock(_sfc_main$8, {
             key: 0,
             options: unref(groupOptions)
-          }, null, 8, ["options"])) : (openBlock(), createBlock(_sfc_main$5, {
+          }, null, 8, ["options"])) : (openBlock(), createBlock(_sfc_main$7, {
             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)
         ]),
@@ -3679,7 +3761,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormSwitch"
   },
@@ -3736,8 +3818,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1 = { key: 0 };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$1 = { key: 0 };
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormText"
   },
@@ -3841,7 +3923,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         _ctx.config.append ? {
           name: "append",
           fn: withCtx(() => [
-            typeof _ctx.config.append === "string" ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.config.append), 1)) : createCommentVNode("", true),
+            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" },
@@ -3861,7 +3943,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormTextarea"
   },
@@ -3905,7 +3987,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormTime"
   },
@@ -3943,44 +4025,290 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "MFormTimeRange"
+  },
+  __name: "Timerange",
+  props: {
+    config: {},
+    model: {},
+    initValues: {},
+    values: {},
+    name: {},
+    prop: {},
+    disabled: { type: Boolean },
+    size: {},
+    lastValues: {}
+  },
+  emits: ["change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    useAddField(props.prop);
+    const { names } = props.config;
+    const value = ref([]);
+    if (props.model !== void 0 && names?.length) {
+      watch(
+        [() => props.model[names[0]], () => props.model[names[1]]],
+        ([start, end], [preStart, preEnd]) => {
+          if (!value.value) {
+            value.value = [];
+          }
+          if (!start || !end)
+            value.value = [];
+          if (start !== preStart)
+            value.value[0] = start;
+          if (end !== preEnd)
+            value.value[1] = end;
+        },
+        {
+          immediate: true
+        }
+      );
+    }
+    const setValue = (v) => {
+      names?.forEach((item, index) => {
+        if (!props.model) {
+          return;
+        }
+        if (Array.isArray(v)) {
+          props.model[item] = datetimeFormatter(v[index]?.toString(), "");
+        } else {
+          props.model[item] = void 0;
+        }
+      });
+    };
+    const changeHandler = (v) => {
+      const value2 = v || [];
+      if (names?.length) {
+        setValue(value2);
+      }
+      emit("change", value2);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(TMagicTimePicker), {
+        modelValue: value.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+        "is-range": "",
+        "range-separator": "-",
+        "start-placeholder": "开始时间",
+        "end-placeholder": "结束时间",
+        size: _ctx.size,
+        "unlink-panels": true,
+        disabled: _ctx.disabled,
+        "default-time": _ctx.config.defaultTime,
+        onChange: changeHandler
+      }, null, 8, ["modelValue", "size", "disabled", "default-time"]);
+    };
+  }
+});
+
 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: "确定" },
+    inline: { type: Boolean },
+    labelPosition: {},
+    beforeClose: {}
+  },
+  emits: ["close", "closed", "submit", "error", "change", "open", "opened"],
+  setup(__props, { expose: __expose, emit }) {
+    const drawer = ref();
+    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 = () => {
+      emit("open");
+    };
+    const openedHandler = () => {
+      emit("opened");
+    };
+    const closeHandler = () => {
+      emit("close");
+    };
+    const closedHandler = () => {
+      emit("closed");
+    };
+    const show = () => {
+      visible.value = true;
+    };
+    const hide = () => {
+      visible.value = false;
+    };
+    const handleClose = () => {
+      drawer.value?.handleClose();
+    };
+    __expose({
+      form,
+      saveFetch,
+      bodyHeight,
+      show,
+      hide,
+      handleClose
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(TMagicDrawer), {
+        class: "m-form-drawer",
+        ref_key: "drawer",
+        ref: 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,
+        "before-close": _ctx.beforeClose,
+        onOpen: openHandler,
+        onOpened: openedHandler,
+        onClose: closeHandler,
+        onClosed: closedHandler
+      }, {
+        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: handleClose }, {
+                      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$e, {
+              ref_key: "form",
+              ref: form,
+              size: _ctx.size,
+              disabled: _ctx.disabled,
+              config: _ctx.config,
+              "init-values": _ctx.values,
+              "parent-values": _ctx.parentValues,
+              "label-width": _ctx.labelWidth,
+              "label-position": _ctx.labelPosition,
+              inline: _ctx.inline,
+              onChange: changeHandler
+            }, null, 8, ["size", "disabled", "config", "init-values", "parent-values", "label-width", "label-position", "inline"]),
+            renderSlot(_ctx.$slots, "default")
+          ], 512)) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 8, ["modelValue", "title", "close-on-press-escape", "size", "zIndex", "before-close"]);
+    };
+  }
+});
+
 const defaultInstallOpt = {};
 const index = {
   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);
+    app.component("m-form", _sfc_main$e);
+    app.component("m-form-dialog", _sfc_main$d);
+    app.component("m-form-container", _sfc_main$y);
+    app.component("m-form-fieldset", _sfc_main$x);
+    app.component("m-form-group-list", _sfc_main$v);
+    app.component("m-form-panel", _sfc_main$u);
+    app.component("m-form-row", _sfc_main$s);
+    app.component("m-form-step", _sfc_main$r);
+    app.component("m-form-table", _sfc_main$q);
+    app.component("m-form-tab", _sfc_main$p);
+    app.component("m-fields-text", _sfc_main$4);
+    app.component("m-fields-number", _sfc_main$b);
+    app.component("m-fields-number-range", _sfc_main$a);
+    app.component("m-fields-textarea", _sfc_main$3);
+    app.component("m-fields-hidden", _sfc_main$f);
+    app.component("m-fields-date", _sfc_main$k);
+    app.component("m-fields-datetime", _sfc_main$i);
+    app.component("m-fields-daterange", _sfc_main$j);
+    app.component("m-fields-timerange", _sfc_main$1);
+    app.component("m-fields-time", _sfc_main$2);
+    app.component("m-fields-checkbox", _sfc_main$n);
+    app.component("m-fields-switch", _sfc_main$5);
+    app.component("m-fields-color-picker", _sfc_main$l);
+    app.component("m-fields-checkbox-group", _sfc_main$m);
+    app.component("m-fields-radio-group", _sfc_main$9);
+    app.component("m-fields-display", _sfc_main$h);
+    app.component("m-fields-link", _sfc_main$c);
+    app.component("m-fields-select", _sfc_main$6);
+    app.component("m-fields-cascader", _sfc_main$o);
+    app.component("m-fields-dynamic-field", _sfc_main$g);
   }
 };
 
-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$o as MCascader, _sfc_main$n as MCheckbox, _sfc_main$m as MCheckboxGroup, _sfc_main$l as MColorPicker, _sfc_main$y as MContainer, _sfc_main$k as MDate, _sfc_main$i as MDateTime, _sfc_main$j as MDaterange, _sfc_main$h as MDisplay, _sfc_main$g as MDynamicField, _sfc_main$x as MFieldset, _sfc_main$e as MForm, _sfc_main$d as MFormDialog, _sfc_main as MFormDrawer, _sfc_main$v as MGroupList, _sfc_main$f as MHidden, _sfc_main$c as MLink, _sfc_main$b as MNumber, _sfc_main$a as MNumberRange, _sfc_main$u as MPanel, _sfc_main$9 as MRadioGroup, _sfc_main$s as MRow, _sfc_main$6 as MSelect, _sfc_main$5 as MSwitch, _sfc_main$q as MTable, _sfc_main$p as MTabs, _sfc_main$4 as MText, _sfc_main$3 as MTextarea, _sfc_main$2 as MTime, _sfc_main$1 as MTimerange, createValues, index as default, display, filterFunction, getRules, initValue, useAddField };
 //# sourceMappingURL=tmagic-form.js.map