@tmagic/form 1.3.0-alpha.16 → 1.3.0-alpha.18

package/dist/tmagic-form.js

@@ -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,8 +167,8 @@ const initValue = async (mForm, { initValues, config }) => {
   return valuesTmp || {};
 };
 
-const _hoisted_1$c = ["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_5$3 = ["innerHTML"];
@@ -182,7 +183,7 @@ const _hoisted_13 = {
   key: 5,
   style: { "text-align": "center" }
 };
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormContainer"
   },
@@ -232,6 +233,7 @@ const _sfc_main$w = /* @__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$w = /* @__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");
@@ -339,7 +341,7 @@ const _sfc_main$w = /* @__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$w = /* @__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$c)
+                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), {
@@ -429,14 +431,14 @@ const _sfc_main$w = /* @__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$w = /* @__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,8 +601,8 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$b = ["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_5$2 = ["innerHTML"];
@@ -610,7 +612,7 @@ const _hoisted_6 = {
 };
 const _hoisted_7 = { style: { "flex": "1" } };
 const _hoisted_8 = ["src"];
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormFieldset"
   },
@@ -669,12 +671,12 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 createElementVNode("span", {
                   innerHTML: _ctx.config.legend
-                }, null, 8, _hoisted_1$b),
+                }, 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"])
@@ -693,7 +695,7 @@ const _sfc_main$v = /* @__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$w, {
+              return openBlock(), createBlock(_sfc_main$x, {
                 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$v = /* @__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$w, {
+          return openBlock(), createBlock(_sfc_main$x, {
             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$v = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$a = { class: "m-fields-group-list-item" };
-const _hoisted_2$4 = ["innerHTML"];
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _hoisted_1$b = { class: "m-fields-group-list-item" };
+const _hoisted_2$5 = ["innerHTML"];
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormGroupListItem"
   },
@@ -769,7 +771,11 @@ const _sfc_main$u = /* @__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$u = /* @__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$u = /* @__PURE__ */ defineComponent({
     };
     const onAddDiffCount = () => emit("addDiffCount");
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [
+      return openBlock(), createElementBlock("div", _hoisted_1$b, [
         createElementVNode("div", null, [
           createVNode(unref(TMagicButton), {
             text: "",
@@ -863,9 +869,9 @@ const _sfc_main$u = /* @__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$w, {
+        expand.value ? (openBlock(), createBlock(_sfc_main$x, {
           key: 0,
           config: rowConfig.value,
           model: _ctx.model,
@@ -883,8 +889,8 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$9 = { 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"
@@ -893,7 +899,7 @@ const _hoisted_4$2 = /* @__PURE__ */ createElementVNode("span", { class: "el-tab
 const _hoisted_5$1 = [
   _hoisted_4$2
 ];
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormGroupList"
   },
@@ -976,14 +982,14 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     const onAddDiffCount = () => emit("addDiffCount");
     const getLastValues = (item, index) => item?.[index] || {};
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$9, [
+      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$u, {
+          return openBlock(), createBlock(_sfc_main$v, {
             key: index,
             model: item,
             lastValues: getLastValues(_ctx.lastValues[_ctx.name], index),
@@ -1028,15 +1034,15 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$8 = { 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_5 = ["src"];
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormPanel"
   },
@@ -1068,7 +1074,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
         "body-style": { display: expand.value ? "block" : "none" }
       }, {
         header: withCtx(() => [
-          createElementVNode("div", _hoisted_1$8, [
+          createElementVNode("div", _hoisted_1$9, [
             createVNode(unref(TMagicButton), {
               style: { "padding": "0" },
               text: "",
@@ -1079,7 +1085,7 @@ const _sfc_main$s = /* @__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)
             ])
@@ -1091,7 +1097,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
             _ctx.config.schematic ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
               createElementVNode("div", _hoisted_4$1, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, index) => {
-                  return openBlock(), createBlock(_sfc_main$w, {
+                  return openBlock(), createBlock(_sfc_main$x, {
                     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$s = /* @__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$w, {
+              return openBlock(), createBlock(_sfc_main$x, {
                 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$s = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormCol"
   },
@@ -1160,7 +1166,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return withDirectives((openBlock(), createBlock(unref(TMagicCol), { span: _ctx.span }, {
         default: withCtx(() => [
-          createVNode(_sfc_main$w, {
+          createVNode(_sfc_main$x, {
             model: _ctx.model,
             lastValues: _ctx.lastValues,
             "is-compare": _ctx.isCompare,
@@ -1182,7 +1188,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormRow"
   },
@@ -1209,7 +1215,7 @@ const _sfc_main$q = /* @__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$r, {
+            return openBlock(), createBlock(_sfc_main$s, {
               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$q = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormStep"
   },
@@ -1286,7 +1292,7 @@ const _sfc_main$p = /* @__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$w, {
+                item ? withDirectives((openBlock(), createBlock(_sfc_main$x, {
                   key: item[unref(mForm)?.keyProp || "__key"],
                   config: item,
                   model: step.name ? _ctx.model[step.name] : _ctx.model,
@@ -1310,15 +1316,15 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$7 = ["innerHTML"];
-const _hoisted_2$1 = { class: "el-form-item__content" };
+const _hoisted_1$8 = ["innerHTML"];
+const _hoisted_2$2 = { class: "el-form-item__content" };
 const _hoisted_3 = ["innerHTML"];
 const _hoisted_4 = {
   key: 1,
   class: "bottom",
   style: { "text-align": "right" }
 };
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormTable"
   },
@@ -1673,8 +1679,8 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
           key: 0,
           style: { "color": "rgba(0, 0, 0, 0.45)" },
           innerHTML: _ctx.config.extra
-        }, null, 8, _hoisted_1$7)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2$1, [
+        }, null, 8, _hoisted_1$8)) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_2$2, [
           createVNode(unref(TMagicTooltip), {
             content: "拖拽可排序",
             placement: "left-start",
@@ -1808,7 +1814,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                         "class-name": _ctx.config.dropSort === true ? "el-table__column--dropable" : ""
                       }, {
                         default: withCtx((scope) => [
-                          scope.$index > -1 ? (openBlock(), createBlock(_sfc_main$w, {
+                          scope.$index > -1 ? (openBlock(), createBlock(_sfc_main$x, {
                             key: 0,
                             labelWidth: "0",
                             disabled: _ctx.disabled,
@@ -1929,7 +1935,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormTabs"
   },
@@ -2083,7 +2089,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
               ]),
               default: withCtx(() => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(tabItems(tab), (item) => {
-                  return openBlock(), createBlock(_sfc_main$w, {
+                  return openBlock(), createBlock(_sfc_main$x, {
                     key: item[unref(mForm)?.keyProp || "__key"],
                     config: item,
                     disabled: _ctx.disabled,
@@ -2135,7 +2141,7 @@ const useAddField = (prop) => {
   );
 };
 
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormCascader"
   },
@@ -2223,7 +2229,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormCheckbox"
   },
@@ -2285,7 +2291,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormCheckGroup"
   },
@@ -2348,7 +2354,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormColorPicker"
   },
@@ -2382,7 +2388,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormDate"
   },
@@ -2422,7 +2428,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormDateRange"
   },
@@ -2524,7 +2530,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormDateTime"
   },
@@ -2573,8 +2579,8 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$6 = { key: 0 };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _hoisted_1$7 = { key: 0 };
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormDisplay"
   },
@@ -2586,6 +2592,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     values: {},
     name: {},
     prop: {},
+    disabled: { type: Boolean },
+    size: {},
     lastValues: {}
   },
   setup(__props) {
@@ -2595,13 +2603,13 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     }
     useAddField(props.prop);
     return (_ctx, _cache) => {
-      return _ctx.model ? (openBlock(), createElementBlock("span", _hoisted_1$6, 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$5 = { class: "m-fields-dynamic-field" };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _hoisted_1$6 = { class: "m-fields-dynamic-field" };
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormDynamicField"
   },
@@ -2666,7 +2674,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       emit("change", fieldMap.value[key], key);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$5, [
+      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 +2701,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormHidden"
   },
@@ -2705,6 +2713,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     values: {},
     name: {},
     prop: {},
+    disabled: { type: Boolean },
+    size: {},
     lastValues: {}
   },
   setup(__props) {
@@ -2722,7 +2732,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   ...{
     name: "MForm"
   },
@@ -2861,7 +2871,7 @@ const _sfc_main$c = /* @__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$w, {
+            return openBlock(), createBlock(_sfc_main$x, {
               disabled: _ctx.disabled,
               key: item[_ctx.keyProp] ?? index,
               config: item,
@@ -2881,8 +2891,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$4 = { style: { "min-height": "1px" } };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _hoisted_1$5 = { style: { "min-height": "1px" } };
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormDialog"
   },
@@ -2987,7 +2997,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                 style: { "text-align": "left" }
               }, {
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_1$4, [
+                  createElementVNode("div", _hoisted_1$5, [
                     renderSlot(_ctx.$slots, "left")
                   ])
                 ]),
@@ -3053,7 +3063,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
             class: "m-dialog-body",
             style: normalizeStyle(`max-height: ${bodyHeight.value}; overflow-y: auto; overflow-x: hidden;`)
           }, [
-            createVNode(_sfc_main$c, {
+            createVNode(_sfc_main$d, {
               modelValue: stepActive.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => stepActive.value = $event),
               ref_key: "form",
@@ -3075,12 +3085,12 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$3 = ["href"];
-const _hoisted_2 = {
+const _hoisted_1$4 = ["href"];
+const _hoisted_2$1 = {
   key: 2,
   class: "m-fields-link"
 };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormLink"
   },
@@ -3148,10 +3158,10 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         target: "_blank",
         href: href.value,
         style: normalizeStyle(_ctx.config.css || {})
-      }, toDisplayString(displayText.value), 13, _hoisted_1$3)) : _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",
@@ -3162,7 +3172,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }),
-        createVNode(_sfc_main$b, {
+        createVNode(_sfc_main$c, {
           ref_key: "editor",
           ref: editor,
           title: _ctx.config.formTitle || "编辑扩展配置",
@@ -3178,7 +3188,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormNumber"
   },
@@ -3226,6 +3236,61 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   }
 });
 
+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$8 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormRadioGroup"
@@ -3974,6 +4039,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     width: {},
     labelWidth: {},
     disabled: { type: Boolean },
+    closeOnPressEscape: { type: Boolean, default: true },
     title: {},
     zIndex: {},
     size: {},
@@ -4027,7 +4093,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         modelValue: visible.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
         title: _ctx.title,
-        "close-on-press-escape": true,
+        "close-on-press-escape": _ctx.closeOnPressEscape,
         "append-to-body": true,
         "show-close": true,
         "close-on-click-modal": true,
@@ -4085,7 +4151,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ref: drawerBody,
             class: "m-drawer-body"
           }, [
-            createVNode(_sfc_main$c, {
+            createVNode(_sfc_main$d, {
               ref_key: "form",
               ref: form,
               size: _ctx.size,
@@ -4100,7 +4166,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ], 512)) : createCommentVNode("", true)
         ]),
         _: 3
-      }, 8, ["modelValue", "title", "size", "zIndex"]);
+      }, 8, ["modelValue", "title", "close-on-press-escape", "size", "zIndex"]);
     };
   }
 });
@@ -4111,36 +4177,37 @@ const index = {
     const option = Object.assign(defaultInstallOpt, opt);
     app.config.globalProperties.$MAGIC_FORM = option;
     setConfig(option);
-    app.component("m-form", _sfc_main$c);
-    app.component("m-form-dialog", _sfc_main$b);
-    app.component("m-form-container", _sfc_main$w);
-    app.component("m-form-fieldset", _sfc_main$v);
-    app.component("m-form-group-list", _sfc_main$t);
-    app.component("m-form-panel", _sfc_main$s);
-    app.component("m-form-row", _sfc_main$q);
-    app.component("m-form-step", _sfc_main$p);
-    app.component("m-form-table", _sfc_main$o);
-    app.component("m-form-tab", _sfc_main$n);
+    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$9);
+    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$d);
-    app.component("m-fields-date", _sfc_main$i);
-    app.component("m-fields-datetime", _sfc_main$g);
-    app.component("m-fields-daterange", _sfc_main$h);
+    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$l);
+    app.component("m-fields-checkbox", _sfc_main$m);
     app.component("m-fields-switch", _sfc_main$4);
-    app.component("m-fields-color-picker", _sfc_main$j);
-    app.component("m-fields-checkbox-group", _sfc_main$k);
+    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$f);
-    app.component("m-fields-link", _sfc_main$a);
+    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$m);
-    app.component("m-fields-dynamic-field", _sfc_main$e);
+    app.component("m-fields-cascader", _sfc_main$n);
+    app.component("m-fields-dynamic-field", _sfc_main$f);
   }
 };
 
-export { _sfc_main$m as MCascader, _sfc_main$l as MCheckbox, _sfc_main$k as MCheckboxGroup, _sfc_main$j as MColorPicker, _sfc_main$w as MContainer, _sfc_main$i as MDate, _sfc_main$g as MDateTime, _sfc_main$h as MDaterange, _sfc_main$f as MDisplay, _sfc_main$e as MDynamicField, _sfc_main$v as MFieldset, _sfc_main$c as MForm, _sfc_main$b as MFormDialog, _sfc_main as MFormDrawer, _sfc_main$t as MGroupList, _sfc_main$d as MHidden, _sfc_main$a as MLink, _sfc_main$9 as MNumber, _sfc_main$s as MPanel, _sfc_main$8 as MRadioGroup, _sfc_main$q as MRow, _sfc_main$5 as MSelect, _sfc_main$4 as MSwitch, _sfc_main$o as MTable, _sfc_main$n 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 };
+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