@tmagic/form 1.3.0-alpha.22 → 1.3.0-alpha.24

package/dist/tmagic-form.js

@@ -183,7 +183,7 @@ const _hoisted_13 = {
   key: 5,
   style: { "text-align": "center" }
 };
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormContainer"
   },
@@ -612,7 +612,7 @@ const _hoisted_6 = {
 };
 const _hoisted_7 = { style: { "flex": "1" } };
 const _hoisted_8 = ["src"];
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormFieldset"
   },
@@ -695,7 +695,7 @@ const _sfc_main$w = /* @__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$x, {
+              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,
@@ -716,7 +716,7 @@ const _sfc_main$w = /* @__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$x, {
+          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,
@@ -738,7 +738,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
 
 const _hoisted_1$b = { class: "m-fields-group-list-item" };
 const _hoisted_2$5 = ["innerHTML"];
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormGroupListItem"
   },
@@ -871,7 +871,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
             class: "m-form-tip"
           }, null, 8, _hoisted_2$5)) : createCommentVNode("", true)
         ]),
-        expand.value ? (openBlock(), createBlock(_sfc_main$x, {
+        expand.value ? (openBlock(), createBlock(_sfc_main$y, {
           key: 0,
           config: rowConfig.value,
           model: _ctx.model,
@@ -899,7 +899,7 @@ const _hoisted_4$1 = /* @__PURE__ */ createElementVNode("span", { class: "el-tab
 const _hoisted_5$1 = [
   _hoisted_4$1
 ];
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormGroupList"
   },
@@ -989,7 +989,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
           style: { "color": "rgba(0, 0, 0, 0.45)" }
         }, 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$v, {
+          return openBlock(), createBlock(_sfc_main$w, {
             key: index,
             model: item,
             lastValues: getLastValues(_ctx.lastValues[_ctx.name], index),
@@ -1042,7 +1042,7 @@ const _hoisted_3$1 = {
 };
 const _hoisted_4 = { style: { "flex": "1" } };
 const _hoisted_5 = ["src"];
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormPanel"
   },
@@ -1097,7 +1097,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             _ctx.config.schematic ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
               createElementVNode("div", _hoisted_4, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, index) => {
-                  return openBlock(), createBlock(_sfc_main$x, {
+                  return openBlock(), createBlock(_sfc_main$y, {
                     key: item[unref(mForm)?.keyProp || "__key"] ?? index,
                     config: item,
                     model: _ctx.name ? _ctx.model[_ctx.name] : _ctx.model,
@@ -1117,7 +1117,7 @@ const _sfc_main$t = /* @__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$x, {
+              return openBlock(), createBlock(_sfc_main$y, {
                 key: item[unref(mForm)?.keyProp || "__key"] ?? index,
                 config: item,
                 model: _ctx.name ? _ctx.model[_ctx.name] : _ctx.model,
@@ -1139,7 +1139,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormCol"
   },
@@ -1166,7 +1166,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return withDirectives((openBlock(), createBlock(unref(TMagicCol), { span: _ctx.span }, {
         default: withCtx(() => [
-          createVNode(_sfc_main$x, {
+          createVNode(_sfc_main$y, {
             model: _ctx.model,
             lastValues: _ctx.lastValues,
             "is-compare": _ctx.isCompare,
@@ -1188,7 +1188,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormRow"
   },
@@ -1215,7 +1215,7 @@ const _sfc_main$r = /* @__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$s, {
+            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,
@@ -1238,7 +1238,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormStep"
   },
@@ -1292,7 +1292,7 @@ const _sfc_main$q = /* @__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$x, {
+                item ? withDirectives((openBlock(), createBlock(_sfc_main$y, {
                   key: item[unref(mForm)?.keyProp || "__key"],
                   config: item,
                   model: step.name ? _ctx.model[step.name] : _ctx.model,
@@ -1323,7 +1323,7 @@ const _hoisted_3 = {
   class: "bottom",
   style: { "text-align": "right" }
 };
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormTable"
   },
@@ -1812,7 +1812,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                       "class-name": _ctx.config.dropSort === true ? "el-table__column--dropable" : ""
                     }, {
                       default: withCtx((scope) => [
-                        scope.$index > -1 ? (openBlock(), createBlock(_sfc_main$x, {
+                        scope.$index > -1 ? (openBlock(), createBlock(_sfc_main$y, {
                           key: 0,
                           labelWidth: "0",
                           disabled: _ctx.disabled,
@@ -1932,7 +1932,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormTabs"
   },
@@ -2086,7 +2086,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
               ]),
               default: withCtx(() => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(tabItems(tab), (item) => {
-                  return openBlock(), createBlock(_sfc_main$x, {
+                  return openBlock(), createBlock(_sfc_main$y, {
                     key: item[unref(mForm)?.keyProp || "__key"],
                     config: item,
                     disabled: _ctx.disabled,
@@ -2138,7 +2138,7 @@ const useAddField = (prop) => {
   );
 };
 
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormCascader"
   },
@@ -2226,7 +2226,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormCheckbox"
   },
@@ -2288,7 +2288,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormCheckGroup"
   },
@@ -2351,7 +2351,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormColorPicker"
   },
@@ -2385,7 +2385,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormDate"
   },
@@ -2425,7 +2425,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormDateRange"
   },
@@ -2527,7 +2527,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormDateTime"
   },
@@ -2577,7 +2577,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$7 = { key: 0 };
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormDisplay"
   },
@@ -2606,7 +2606,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$6 = { class: "m-fields-dynamic-field" };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormDynamicField"
   },
@@ -2698,7 +2698,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormHidden"
   },
@@ -2729,7 +2729,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   ...{
     name: "MForm"
   },
@@ -2868,7 +2868,7 @@ const _sfc_main$d = /* @__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$x, {
+            return openBlock(), createBlock(_sfc_main$y, {
               disabled: _ctx.disabled,
               key: item[_ctx.keyProp] ?? index,
               config: item,
@@ -2889,7 +2889,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$5 = { style: { "min-height": "1px" } };
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormDialog"
   },
@@ -2903,6 +2903,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     fullscreen: { type: Boolean },
     disabled: { type: Boolean },
     title: {},
+    inline: { type: Boolean },
+    labelPosition: {},
     zIndex: {},
     size: {},
     confirmText: { default: "确定" }
@@ -3060,7 +3062,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             class: "m-dialog-body",
             style: normalizeStyle(`max-height: ${bodyHeight.value}; overflow-y: auto; overflow-x: hidden;`)
           }, [
-            createVNode(_sfc_main$d, {
+            createVNode(_sfc_main$e, {
               modelValue: stepActive.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => stepActive.value = $event),
               ref_key: "form",
@@ -3071,8 +3073,10 @@ const _sfc_main$c = /* @__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)
         ]),
@@ -3087,7 +3091,7 @@ const _hoisted_2$1 = {
   key: 2,
   class: "m-fields-link"
 };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormLink"
   },
@@ -3169,7 +3173,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }),
-        createVNode(_sfc_main$c, {
+        createVNode(_sfc_main$d, {
           ref_key: "editor",
           ref: editor,
           title: _ctx.config.formTitle || "编辑扩展配置",
@@ -3185,7 +3189,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormNumber"
   },
@@ -3235,7 +3239,7 @@ const _sfc_main$a = /* @__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({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormNumberRange"
   },
@@ -3288,7 +3292,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormRadioGroup"
   },
@@ -3340,7 +3344,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormSelectOptionGroups"
   },
@@ -3374,7 +3378,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormSelectOptions"
   },
@@ -3398,7 +3402,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$2 = { key: 2 };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormSelect"
   },
@@ -3738,10 +3742,10 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         onVisibleChange: visibleHandler
       }, {
         default: withCtx(() => [
-          _ctx.config.group ? (openBlock(), createBlock(_sfc_main$7, {
+          _ctx.config.group ? (openBlock(), createBlock(_sfc_main$8, {
             key: 0,
             options: unref(groupOptions)
-          }, null, 8, ["options"])) : (openBlock(), createBlock(_sfc_main$6, {
+          }, null, 8, ["options"])) : (openBlock(), createBlock(_sfc_main$7, {
             key: 1,
             options: unref(itemOptions)
           }, null, 8, ["options"])),
@@ -3757,7 +3761,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormSwitch"
   },
@@ -3815,7 +3819,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$1 = { key: 0 };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormText"
   },
@@ -3939,7 +3943,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormTextarea"
   },
@@ -3983,7 +3987,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormTime"
   },
@@ -4021,6 +4025,84 @@ const _sfc_main$1 = /* @__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" } };
@@ -4040,7 +4122,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     title: {},
     zIndex: {},
     size: {},
-    confirmText: { default: "确定" }
+    confirmText: { default: "确定" },
+    inline: { type: Boolean },
+    labelPosition: {}
   },
   emits: ["close", "submit", "error", "change", "open", "opened"],
   setup(__props, { expose: __expose, emit }) {
@@ -4148,7 +4232,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ref: drawerBody,
             class: "m-drawer-body"
           }, [
-            createVNode(_sfc_main$d, {
+            createVNode(_sfc_main$e, {
               ref_key: "form",
               ref: form,
               size: _ctx.size,
@@ -4157,8 +4241,10 @@ const _sfc_main = /* @__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, ["size", "disabled", "config", "init-values", "parent-values", "label-width"]),
+            }, null, 8, ["size", "disabled", "config", "init-values", "parent-values", "label-width", "label-position", "inline"]),
             renderSlot(_ctx.$slots, "default")
           ], 512)) : createCommentVNode("", true)
         ]),
@@ -4174,37 +4260,38 @@ const index = {
     const option = Object.assign(defaultInstallOpt, opt);
     app.config.globalProperties.$MAGIC_FORM = option;
     setConfig(option);
-    app.component("m-form", _sfc_main$d);
-    app.component("m-form-dialog", _sfc_main$c);
-    app.component("m-form-container", _sfc_main$x);
-    app.component("m-form-fieldset", _sfc_main$w);
-    app.component("m-form-group-list", _sfc_main$u);
-    app.component("m-form-panel", _sfc_main$t);
-    app.component("m-form-row", _sfc_main$r);
-    app.component("m-form-step", _sfc_main$q);
-    app.component("m-form-table", _sfc_main$p);
-    app.component("m-form-tab", _sfc_main$o);
-    app.component("m-fields-text", _sfc_main$3);
-    app.component("m-fields-number", _sfc_main$a);
-    app.component("m-fields-number-range", _sfc_main$9);
-    app.component("m-fields-textarea", _sfc_main$2);
-    app.component("m-fields-hidden", _sfc_main$e);
-    app.component("m-fields-date", _sfc_main$j);
-    app.component("m-fields-datetime", _sfc_main$h);
-    app.component("m-fields-daterange", _sfc_main$i);
-    app.component("m-fields-time", _sfc_main$1);
-    app.component("m-fields-checkbox", _sfc_main$m);
-    app.component("m-fields-switch", _sfc_main$4);
-    app.component("m-fields-color-picker", _sfc_main$k);
-    app.component("m-fields-checkbox-group", _sfc_main$l);
-    app.component("m-fields-radio-group", _sfc_main$8);
-    app.component("m-fields-display", _sfc_main$g);
-    app.component("m-fields-link", _sfc_main$b);
-    app.component("m-fields-select", _sfc_main$5);
-    app.component("m-fields-cascader", _sfc_main$n);
-    app.component("m-fields-dynamic-field", _sfc_main$f);
+    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$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 };
+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