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

package/dist/tmagic-form.umd.cjs

@@ -90,7 +90,7 @@
     if (["switch", "checkbox"].includes(type)) {
       return false;
     }
-    if (multiple) {
+    if (multiple || type === "number-range") {
       return [];
     }
     return "";
@@ -105,7 +105,8 @@
       parent: mForm?.parentValues || {},
       formValue: mForm?.values || props.model,
       prop: props.prop,
-      config: props.config
+      config: props.config,
+      index: props.index
     });
   };
   const display = function(mForm, config, props) {
@@ -164,8 +165,8 @@
     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"];
@@ -180,7 +181,7 @@
     key: 5,
     style: { "text-align": "center" }
   };
-  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormContainer"
     },
@@ -230,6 +231,7 @@
         return "m-fields-text";
       });
       const disabled = vue.computed(() => props.disabled || filterFunction(mForm, props.config.disabled, props));
+      const text = vue.computed(() => filterFunction(mForm, props.config.text, props));
       const tooltip = vue.computed(() => filterFunction(mForm, props.config.tooltip, props));
       const extra = vue.computed(() => filterFunction(mForm, props.config.extra, props));
       const rule = vue.computed(() => getRules(mForm, props.config.rules, props));
@@ -260,7 +262,7 @@
         (showDiff2) => {
           if (type.value === "hidden")
             return;
-          if (items.value && !props.config.text && type.value && display$1.value)
+          if (items.value && !text.value && type.value && display$1.value)
             return;
           if (display$1.value && showDiff2 && type.value) {
             emit("addDiffCount");
@@ -337,7 +339,7 @@
             name: _ctx.config.name,
             disabled: disabled.value,
             prop: itemProp.value
-          }, null, 8, ["model", "config", "name", "disabled", "prop"])) : items.value && !_ctx.config.text && type.value && display$1.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tagName.value), {
+          }, null, 8, ["model", "config", "name", "disabled", "prop"])) : items.value && !text.value && type.value && display$1.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tagName.value), {
             key: key(_ctx.config),
             size: _ctx.size,
             model: _ctx.model,
@@ -355,20 +357,20 @@
           }, null, 40, ["size", "model", "last-values", "is-compare", "config", "disabled", "name", "prop", "step-active", "expand-more", "label-width"])) : type.value && display$1.value && !showDiff.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
             vue.createVNode(vue.unref(design.TMagicFormItem), {
               style: vue.normalizeStyle(_ctx.config.tip ? "flex: 1" : ""),
-              class: vue.normalizeClass({ hidden: `${itemLabelWidth.value}` === "0" || !_ctx.config.text }),
+              class: vue.normalizeClass({ hidden: `${itemLabelWidth.value}` === "0" || !text.value }),
               prop: itemProp.value,
               "label-width": itemLabelWidth.value,
               rules: rule.value
             }, {
               label: vue.withCtx(() => [
                 vue.createElementVNode("span", {
-                  innerHTML: type.value === "checkbox" ? "" : _ctx.config.text
-                }, null, 8, _hoisted_1$c)
+                  innerHTML: type.value === "checkbox" ? "" : text.value
+                }, null, 8, _hoisted_1$d)
               ]),
               default: vue.withCtx(() => [
                 tooltip.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), { key: 0 }, {
                   content: vue.withCtx(() => [
-                    vue.createElementVNode("div", { innerHTML: tooltip.value }, null, 8, _hoisted_2$6)
+                    vue.createElementVNode("div", { innerHTML: tooltip.value }, null, 8, _hoisted_2$7)
                   ]),
                   default: vue.withCtx(() => [
                     (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tagName.value), {
@@ -427,14 +429,14 @@
           ], 64)) : type.value && display$1.value && showDiff.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
             vue.createVNode(vue.unref(design.TMagicFormItem), {
               style: vue.normalizeStyle([_ctx.config.tip ? "flex: 1" : "", { "background": "#f7dadd" }]),
-              class: vue.normalizeClass({ hidden: `${itemLabelWidth.value}` === "0" || !_ctx.config.text }),
+              class: vue.normalizeClass({ hidden: `${itemLabelWidth.value}` === "0" || !text.value }),
               prop: itemProp.value,
               "label-width": itemLabelWidth.value,
               rules: rule.value
             }, {
               label: vue.withCtx(() => [
                 vue.createElementVNode("span", {
-                  innerHTML: type.value === "checkbox" ? "" : _ctx.config.text
+                  innerHTML: type.value === "checkbox" ? "" : text.value
                 }, null, 8, _hoisted_5$3)
               ]),
               default: vue.withCtx(() => [
@@ -494,14 +496,14 @@
             })) : vue.createCommentVNode("", true),
             vue.createVNode(vue.unref(design.TMagicFormItem), {
               style: vue.normalizeStyle([_ctx.config.tip ? "flex: 1" : "", { "background": "#def7da" }]),
-              class: vue.normalizeClass({ hidden: `${itemLabelWidth.value}` === "0" || !_ctx.config.text }),
+              class: vue.normalizeClass({ hidden: `${itemLabelWidth.value}` === "0" || !text.value }),
               prop: itemProp.value,
               "label-width": itemLabelWidth.value,
               rules: rule.value
             }, {
               label: vue.withCtx(() => [
                 vue.createElementVNode("span", {
-                  innerHTML: type.value === "checkbox" ? "" : _ctx.config.text
+                  innerHTML: type.value === "checkbox" ? "" : text.value
                 }, null, 8, _hoisted_9)
               ]),
               default: vue.withCtx(() => [
@@ -597,8 +599,8 @@
     }
   });
 
-  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"];
@@ -608,7 +610,7 @@
   };
   const _hoisted_7 = { style: { "flex": "1" } };
   const _hoisted_8 = ["src"];
-  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormFieldset"
     },
@@ -667,12 +669,12 @@
                 default: vue.withCtx(() => [
                   vue.createElementVNode("span", {
                     innerHTML: _ctx.config.legend
-                  }, null, 8, _hoisted_1$b),
+                  }, null, 8, _hoisted_1$c),
                   _ctx.config.extra ? (vue.openBlock(), vue.createElementBlock("span", {
                     key: 0,
                     innerHTML: _ctx.config.extra,
                     class: "m-form-tip"
-                  }, null, 8, _hoisted_2$5)) : vue.createCommentVNode("", true)
+                  }, null, 8, _hoisted_2$6)) : vue.createCommentVNode("", true)
                 ]),
                 _: 1
               }, 8, ["modelValue", "prop"])
@@ -691,7 +693,7 @@
           _ctx.config.schematic && show.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
             vue.createElementVNode("div", _hoisted_7, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.config.items, (item, index) => {
-                return vue.openBlock(), vue.createBlock(_sfc_main$w, {
+                return vue.openBlock(), vue.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,
@@ -712,7 +714,7 @@
               src: _ctx.config.schematic
             }, null, 8, _hoisted_8)
           ])) : show.value ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 3 }, vue.renderList(_ctx.config.items, (item, index) => {
-            return vue.openBlock(), vue.createBlock(_sfc_main$w, {
+            return vue.openBlock(), vue.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,
@@ -732,9 +734,9 @@
     }
   });
 
-  const _hoisted_1$a = { class: "m-fields-group-list-item" };
-  const _hoisted_2$4 = ["innerHTML"];
-  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$b = { class: "m-fields-group-list-item" };
+  const _hoisted_2$5 = ["innerHTML"];
+  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormGroupListItem"
     },
@@ -767,7 +769,11 @@
         if (props.config.titleKey && props.model[props.config.titleKey]) {
           return props.model[props.config.titleKey];
         }
-        return `组 ${String(props.index)}`;
+        if (props.config.title) {
+          return filterFunction(mForm, props.config.title, props);
+        }
+        const titlePrefix = props.config.titlePrefix || "组";
+        return `${titlePrefix} ${String(props.index + 1)}`;
       });
       const length = vue.computed(() => props.groupModel?.length || 0);
       const itemExtra = vue.computed(() => filterFunction(mForm, props.config.itemExtra, props));
@@ -783,7 +789,7 @@
         }
         return true;
       };
-      const changeOrder = (offset = 0) => emit("swap-item", props.index, `${String(props.index)}${offset}`);
+      const changeOrder = (offset = 0) => emit("swap-item", props.index, props.index + offset);
       const movable = () => {
         const { movable: movable2 } = props.config;
         if (movable2 === void 0)
@@ -795,7 +801,7 @@
       };
       const onAddDiffCount = () => emit("addDiffCount");
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
           vue.createElementVNode("div", null, [
             vue.createVNode(vue.unref(design.TMagicButton), {
               text: "",
@@ -861,9 +867,9 @@
               key: 1,
               innerHTML: itemExtra.value,
               class: "m-form-tip"
-            }, null, 8, _hoisted_2$4)) : vue.createCommentVNode("", true)
+            }, null, 8, _hoisted_2$5)) : vue.createCommentVNode("", true)
           ]),
-          expand.value ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
+          expand.value ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
             key: 0,
             config: rowConfig.value,
             model: _ctx.model,
@@ -881,8 +887,8 @@
     }
   });
 
-  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"
@@ -891,7 +897,7 @@
   const _hoisted_5$1 = [
     _hoisted_4$2
   ];
-  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormGroupList"
     },
@@ -974,14 +980,14 @@
       const onAddDiffCount = () => emit("addDiffCount");
       const getLastValues = (item, index) => item?.[index] || {};
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
           _ctx.config.extra ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             innerHTML: _ctx.config.extra,
             style: { "color": "rgba(0, 0, 0, 0.45)" }
-          }, null, 8, _hoisted_2$3)) : vue.createCommentVNode("", true),
+          }, null, 8, _hoisted_2$4)) : vue.createCommentVNode("", true),
           !_ctx.model[_ctx.name] || !_ctx.model[_ctx.name].length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$2, _hoisted_5$1)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 2 }, vue.renderList(_ctx.model[_ctx.name], (item, index) => {
-            return vue.openBlock(), vue.createBlock(_sfc_main$u, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$v, {
               key: index,
               model: item,
               lastValues: getLastValues(_ctx.lastValues[_ctx.name], index),
@@ -1026,15 +1032,15 @@
     }
   });
 
-  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__ */ vue.defineComponent({
+  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormPanel"
     },
@@ -1066,7 +1072,7 @@
           "body-style": { display: expand.value ? "block" : "none" }
         }, {
           header: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$8, [
+            vue.createElementVNode("div", _hoisted_1$9, [
               vue.createVNode(vue.unref(design.TMagicButton), {
                 style: { "padding": "0" },
                 text: "",
@@ -1077,7 +1083,7 @@
                 key: 0,
                 innerHTML: _ctx.config.extra,
                 class: "m-form-tip"
-              }, null, 8, _hoisted_2$2)) : vue.createCommentVNode("", true),
+              }, null, 8, _hoisted_2$3)) : vue.createCommentVNode("", true),
               vue.renderSlot(_ctx.$slots, "header", {}, () => [
                 vue.createTextVNode(vue.toDisplayString(filter(_ctx.config.title)), 1)
               ])
@@ -1089,7 +1095,7 @@
               _ctx.config.schematic ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$1, [
                 vue.createElementVNode("div", _hoisted_4$1, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items.value, (item, index) => {
-                    return vue.openBlock(), vue.createBlock(_sfc_main$w, {
+                    return vue.openBlock(), vue.createBlock(_sfc_main$x, {
                       key: item[vue.unref(mForm)?.keyProp || "__key"] ?? index,
                       config: item,
                       model: _ctx.name ? _ctx.model[_ctx.name] : _ctx.model,
@@ -1109,7 +1115,7 @@
                   src: _ctx.config.schematic
                 }, null, 8, _hoisted_5)
               ])) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(items.value, (item, index) => {
-                return vue.openBlock(), vue.createBlock(_sfc_main$w, {
+                return vue.openBlock(), vue.createBlock(_sfc_main$x, {
                   key: item[vue.unref(mForm)?.keyProp || "__key"] ?? index,
                   config: item,
                   model: _ctx.name ? _ctx.model[_ctx.name] : _ctx.model,
@@ -1131,7 +1137,7 @@
     }
   });
 
-  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormCol"
     },
@@ -1158,7 +1164,7 @@
       return (_ctx, _cache) => {
         return vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(design.TMagicCol), { span: _ctx.span }, {
           default: vue.withCtx(() => [
-            vue.createVNode(_sfc_main$w, {
+            vue.createVNode(_sfc_main$x, {
               model: _ctx.model,
               lastValues: _ctx.lastValues,
               "is-compare": _ctx.isCompare,
@@ -1180,7 +1186,7 @@
     }
   });
 
-  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormRow"
     },
@@ -1207,7 +1213,7 @@
         return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicRow), { gutter: 10 }, {
           default: vue.withCtx(() => [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.config.items, (col, index) => {
-              return vue.openBlock(), vue.createBlock(_sfc_main$r, {
+              return vue.openBlock(), vue.createBlock(_sfc_main$s, {
                 key: col[vue.unref(mForm)?.keyProp || "__key"] ?? index,
                 span: col.span || _ctx.config.span || 24 / _ctx.config.items.length,
                 config: col,
@@ -1230,7 +1236,7 @@
     }
   });
 
-  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormStep"
     },
@@ -1284,7 +1290,7 @@
             return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(step.items, (item) => {
                 return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-                  item ? vue.withDirectives((vue.openBlock(), vue.createBlock(_sfc_main$w, {
+                  item ? vue.withDirectives((vue.openBlock(), vue.createBlock(_sfc_main$x, {
                     key: item[vue.unref(mForm)?.keyProp || "__key"],
                     config: item,
                     model: step.name ? _ctx.model[step.name] : _ctx.model,
@@ -1308,15 +1314,15 @@
     }
   });
 
-  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__ */ vue.defineComponent({
+  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormTable"
     },
@@ -1671,8 +1677,8 @@
             key: 0,
             style: { "color": "rgba(0, 0, 0, 0.45)" },
             innerHTML: _ctx.config.extra
-          }, null, 8, _hoisted_1$7)) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_2$1, [
+          }, null, 8, _hoisted_1$8)) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", _hoisted_2$2, [
             vue.createVNode(vue.unref(design.TMagicTooltip), {
               content: "拖拽可排序",
               placement: "left-start",
@@ -1806,7 +1812,7 @@
                           "class-name": _ctx.config.dropSort === true ? "el-table__column--dropable" : ""
                         }, {
                           default: vue.withCtx((scope) => [
-                            scope.$index > -1 ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
+                            scope.$index > -1 ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
                               key: 0,
                               labelWidth: "0",
                               disabled: _ctx.disabled,
@@ -1927,7 +1933,7 @@
     }
   });
 
-  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormTabs"
     },
@@ -2081,7 +2087,7 @@
                 ]),
                 default: vue.withCtx(() => [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(tabItems(tab), (item) => {
-                    return vue.openBlock(), vue.createBlock(_sfc_main$w, {
+                    return vue.openBlock(), vue.createBlock(_sfc_main$x, {
                       key: item[vue.unref(mForm)?.keyProp || "__key"],
                       config: item,
                       disabled: _ctx.disabled,
@@ -2133,7 +2139,7 @@
     );
   };
 
-  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormCascader"
     },
@@ -2221,7 +2227,7 @@
     }
   });
 
-  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormCheckbox"
     },
@@ -2283,7 +2289,7 @@
     }
   });
 
-  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormCheckGroup"
     },
@@ -2346,7 +2352,7 @@
     }
   });
 
-  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormColorPicker"
     },
@@ -2380,7 +2386,7 @@
     }
   });
 
-  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormDate"
     },
@@ -2420,7 +2426,7 @@
     }
   });
 
-  const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormDateRange"
     },
@@ -2522,7 +2528,7 @@
     }
   });
 
-  const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormDateTime"
     },
@@ -2571,8 +2577,8 @@
     }
   });
 
-  const _hoisted_1$6 = { key: 0 };
-  const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$7 = { key: 0 };
+  const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormDisplay"
     },
@@ -2584,6 +2590,8 @@
       values: {},
       name: {},
       prop: {},
+      disabled: { type: Boolean },
+      size: {},
       lastValues: {}
     },
     setup(__props) {
@@ -2593,13 +2601,13 @@
       }
       useAddField(props.prop);
       return (_ctx, _cache) => {
-        return _ctx.model ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$6, vue.toDisplayString(_ctx.model[_ctx.name]), 1)) : vue.createCommentVNode("", true);
+        return _ctx.model ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$7, vue.toDisplayString(_ctx.model[_ctx.name]), 1)) : vue.createCommentVNode("", true);
       };
     }
   });
 
-  const _hoisted_1$5 = { class: "m-fields-dynamic-field" };
-  const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$6 = { class: "m-fields-dynamic-field" };
+  const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormDynamicField"
     },
@@ -2664,7 +2672,7 @@
         emit("change", fieldMap.value[key], key);
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
           vue.createVNode(vue.unref(design.TMagicForm), { size: "small" }, {
             default: vue.withCtx(() => [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Object.keys(fieldMap.value), (key) => {
@@ -2691,7 +2699,7 @@
     }
   });
 
-  const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormHidden"
     },
@@ -2703,6 +2711,8 @@
       values: {},
       name: {},
       prop: {},
+      disabled: { type: Boolean },
+      size: {},
       lastValues: {}
     },
     setup(__props) {
@@ -2720,7 +2730,7 @@
     }
   });
 
-  const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MForm"
     },
@@ -2859,7 +2869,7 @@
         }, {
           default: vue.withCtx(() => [
             initialized.value && Array.isArray(_ctx.config) ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.config, (item, index) => {
-              return vue.openBlock(), vue.createBlock(_sfc_main$w, {
+              return vue.openBlock(), vue.createBlock(_sfc_main$x, {
                 disabled: _ctx.disabled,
                 key: item[_ctx.keyProp] ?? index,
                 config: item,
@@ -2879,8 +2889,8 @@
     }
   });
 
-  const _hoisted_1$4 = { style: { "min-height": "1px" } };
-  const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$5 = { style: { "min-height": "1px" } };
+  const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormDialog"
     },
@@ -2985,7 +2995,7 @@
                   style: { "text-align": "left" }
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createElementVNode("div", _hoisted_1$4, [
+                    vue.createElementVNode("div", _hoisted_1$5, [
                       vue.renderSlot(_ctx.$slots, "left")
                     ])
                   ]),
@@ -3051,7 +3061,7 @@
               class: "m-dialog-body",
               style: vue.normalizeStyle(`max-height: ${bodyHeight.value}; overflow-y: auto; overflow-x: hidden;`)
             }, [
-              vue.createVNode(_sfc_main$c, {
+              vue.createVNode(_sfc_main$d, {
                 modelValue: stepActive.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => stepActive.value = $event),
                 ref_key: "form",
@@ -3073,12 +3083,12 @@
     }
   });
 
-  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__ */ vue.defineComponent({
+  const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormLink"
     },
@@ -3146,10 +3156,10 @@
           target: "_blank",
           href: href.value,
           style: vue.normalizeStyle(_ctx.config.css || {})
-        }, vue.toDisplayString(displayText.value), 13, _hoisted_1$3)) : _ctx.config.href && _ctx.disabled ? (vue.openBlock(), vue.createElementBlock("span", {
+        }, vue.toDisplayString(displayText.value), 13, _hoisted_1$4)) : _ctx.config.href && _ctx.disabled ? (vue.openBlock(), vue.createElementBlock("span", {
           key: 1,
           style: vue.normalizeStyle(_ctx.config.disabledCss || {})
-        }, vue.toDisplayString(displayText.value), 5)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+        }, vue.toDisplayString(displayText.value), 5)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1, [
           vue.createVNode(vue.unref(design.TMagicButton), {
             text: true,
             type: "primary",
@@ -3160,7 +3170,7 @@
             ]),
             _: 1
           }),
-          vue.createVNode(_sfc_main$b, {
+          vue.createVNode(_sfc_main$c, {
             ref_key: "editor",
             ref: editor,
             title: _ctx.config.formTitle || "编辑扩展配置",
@@ -3176,7 +3186,7 @@
     }
   });
 
-  const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormNumber"
     },
@@ -3224,6 +3234,61 @@
     }
   });
 
+  const _hoisted_1$3 = { class: "m-fields-number-range" };
+  const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("span", { class: "split-tag" }, "-", -1);
+  const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      name: "MFormNumberRange"
+    },
+    __name: "NumberRange",
+    props: {
+      config: {},
+      model: {},
+      initValues: {},
+      values: {},
+      name: {},
+      prop: {},
+      disabled: { type: Boolean },
+      size: {},
+      lastValues: {}
+    },
+    emits: ["change"],
+    setup(__props, { emit }) {
+      const props = __props;
+      useAddField(props.prop);
+      if (!Array.isArray(props.model[props.name])) {
+        props.model[props.name] = [];
+      }
+      const minChangeHandler = (v) => {
+        emit("change", [Number(v), props.model[props.name][1]]);
+      };
+      const maxChangeHandler = (v) => {
+        emit("change", [props.model[props.name][0], Number(v)]);
+      };
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
+          vue.createVNode(vue.unref(design.TMagicInput), {
+            modelValue: _ctx.model[_ctx.name][0],
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name][0] = $event),
+            clearable: "",
+            size: _ctx.size,
+            disabled: _ctx.disabled,
+            onChange: minChangeHandler
+          }, null, 8, ["modelValue", "size", "disabled"]),
+          _hoisted_2,
+          vue.createVNode(vue.unref(design.TMagicInput), {
+            modelValue: _ctx.model[_ctx.name][1],
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.model[_ctx.name][1] = $event),
+            clearable: "",
+            size: _ctx.size,
+            disabled: _ctx.disabled,
+            onChange: maxChangeHandler
+          }, null, 8, ["modelValue", "size", "disabled"])
+        ]);
+      };
+    }
+  });
+
   const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormRadioGroup"
@@ -3972,6 +4037,7 @@
       width: {},
       labelWidth: {},
       disabled: { type: Boolean },
+      closeOnPressEscape: { type: Boolean, default: true },
       title: {},
       zIndex: {},
       size: {},
@@ -4025,7 +4091,7 @@
           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,
@@ -4083,7 +4149,7 @@
               ref: drawerBody,
               class: "m-drawer-body"
             }, [
-              vue.createVNode(_sfc_main$c, {
+              vue.createVNode(_sfc_main$d, {
                 ref_key: "form",
                 ref: form,
                 size: _ctx.size,
@@ -4098,7 +4164,7 @@
             ], 512)) : vue.createCommentVNode("", true)
           ]),
           _: 3
-        }, 8, ["modelValue", "title", "size", "zIndex"]);
+        }, 8, ["modelValue", "title", "close-on-press-escape", "size", "zIndex"]);
       };
     }
   });
@@ -4109,62 +4175,64 @@
       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);
     }
   };
 
-  exports.MCascader = _sfc_main$m;
-  exports.MCheckbox = _sfc_main$l;
-  exports.MCheckboxGroup = _sfc_main$k;
-  exports.MColorPicker = _sfc_main$j;
-  exports.MContainer = _sfc_main$w;
-  exports.MDate = _sfc_main$i;
-  exports.MDateTime = _sfc_main$g;
-  exports.MDaterange = _sfc_main$h;
-  exports.MDisplay = _sfc_main$f;
-  exports.MDynamicField = _sfc_main$e;
-  exports.MFieldset = _sfc_main$v;
-  exports.MForm = _sfc_main$c;
-  exports.MFormDialog = _sfc_main$b;
+  exports.MCascader = _sfc_main$n;
+  exports.MCheckbox = _sfc_main$m;
+  exports.MCheckboxGroup = _sfc_main$l;
+  exports.MColorPicker = _sfc_main$k;
+  exports.MContainer = _sfc_main$x;
+  exports.MDate = _sfc_main$j;
+  exports.MDateTime = _sfc_main$h;
+  exports.MDaterange = _sfc_main$i;
+  exports.MDisplay = _sfc_main$g;
+  exports.MDynamicField = _sfc_main$f;
+  exports.MFieldset = _sfc_main$w;
+  exports.MForm = _sfc_main$d;
+  exports.MFormDialog = _sfc_main$c;
   exports.MFormDrawer = _sfc_main;
-  exports.MGroupList = _sfc_main$t;
-  exports.MHidden = _sfc_main$d;
-  exports.MLink = _sfc_main$a;
-  exports.MNumber = _sfc_main$9;
-  exports.MPanel = _sfc_main$s;
+  exports.MGroupList = _sfc_main$u;
+  exports.MHidden = _sfc_main$e;
+  exports.MLink = _sfc_main$b;
+  exports.MNumber = _sfc_main$a;
+  exports.MNumberRange = _sfc_main$9;
+  exports.MPanel = _sfc_main$t;
   exports.MRadioGroup = _sfc_main$8;
-  exports.MRow = _sfc_main$q;
+  exports.MRow = _sfc_main$r;
   exports.MSelect = _sfc_main$5;
   exports.MSwitch = _sfc_main$4;
-  exports.MTable = _sfc_main$o;
-  exports.MTabs = _sfc_main$n;
+  exports.MTable = _sfc_main$p;
+  exports.MTabs = _sfc_main$o;
   exports.MText = _sfc_main$3;
   exports.MTextarea = _sfc_main$2;
   exports.MTime = _sfc_main$1;