@tmagic/form 1.4.1 → 1.4.2

package/dist/tmagic-form.js

@@ -1,7 +1,7 @@
 import { toRaw, defineComponent, inject, ref, computed, resolveComponent, watchEffect, watch, openBlock, createElementBlock, normalizeStyle, normalizeClass, createBlock, resolveDynamicComponent, Fragment, createVNode, unref, withCtx, createElementVNode, createCommentVNode, renderList, createTextVNode, toDisplayString, withDirectives, vShow, renderSlot, onMounted, Teleport, toRefs, mergeProps, getCurrentInstance, reactive, onBeforeUnmount, vModelText, provide, onBeforeMount, nextTick, resolveDirective, createSlots, withModifiers } from 'vue';
 import { WarningFilled, CaretBottom, CaretRight, Delete, CaretTop, Grid, ArrowUp, ArrowDown, FullScreen } from '@element-plus/icons-vue';
 import { cloneDeep, isEqual, isEmpty } from 'lodash-es';
-import { TMagicFormItem, TMagicTooltip, TMagicIcon, TMagicButton, TMagicCheckbox, TMagicCard, TMagicCol, TMagicRow, TMagicSteps, TMagicStep, useZIndex, TMagicTable, TMagicTableColumn, TMagicUpload, TMagicPagination, tMagicMessage, getConfig as getConfig$1, TMagicBadge, TMagicCascader, TMagicCheckboxGroup, TMagicColorPicker, TMagicDatePicker, TMagicForm, TMagicInput, TMagicDialog, TMagicInputNumber, TMagicRadioGroup, TMagicRadio, TMagicOptionGroup, TMagicOption, TMagicSelect, TMagicSwitch, TMagicPopover, TMagicTimePicker, TMagicDrawer, TMagicScrollbar } from '@tmagic/design';
+import { TMagicFormItem, TMagicTooltip, TMagicIcon, TMagicButton, TMagicCheckbox, TMagicCard, TMagicCol, TMagicRow, TMagicSteps, TMagicStep, useZIndex, TMagicTable, TMagicTableColumn, TMagicUpload, TMagicPagination, tMagicMessage, getConfig as getConfig$1, TMagicBadge, TMagicCascader, TMagicCheckboxGroup, TMagicColorPicker, TMagicDatePicker, TMagicForm, TMagicInput, TMagicDialog, TMagicInputNumber, TMagicRadioGroup, TMagicRadio, TMagicSelect, TMagicSwitch, TMagicPopover, TMagicTimePicker, TMagicDrawer, TMagicScrollbar } from '@tmagic/design';
 import Sortable from 'sortablejs';
 import { sleep, asyncLoadJs, datetimeFormatter, getValueByKeyPath, isNumber } from '@tmagic/utils';
 
@@ -183,7 +183,7 @@ const _hoisted_14 = {
   key: 5,
   style: { "text-align": "center" }
 };
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormContainer"
   },
@@ -620,7 +620,7 @@ const _hoisted_6$1 = {
 };
 const _hoisted_7 = { style: { "flex": "1" } };
 const _hoisted_8 = ["src"];
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormFieldset"
   },
@@ -704,7 +704,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
         _ctx.config.schematic && show.value ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
           createElementVNode("div", _hoisted_7, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.config.items, (item, index) => {
-              return openBlock(), createBlock(_sfc_main$z, {
+              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,
@@ -725,7 +725,7 @@ const _sfc_main$y = /* @__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$z, {
+          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,
@@ -747,7 +747,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
 
 const _hoisted_1$b = { class: "m-fields-group-list-item" };
 const _hoisted_2$6 = ["innerHTML"];
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormGroupListItem"
   },
@@ -886,7 +886,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
             class: "m-form-tip"
           }, null, 8, _hoisted_2$6)) : createCommentVNode("", true)
         ]),
-        expand.value ? (openBlock(), createBlock(_sfc_main$z, {
+        expand.value ? (openBlock(), createBlock(_sfc_main$x, {
           key: 0,
           config: rowConfig.value,
           model: _ctx.model,
@@ -914,7 +914,7 @@ const _hoisted_4$2 = /* @__PURE__ */ createElementVNode("span", { class: "el-tab
 const _hoisted_5$2 = [
   _hoisted_4$2
 ];
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormGroupList"
   },
@@ -1005,7 +1005,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
           style: { "color": "rgba(0, 0, 0, 0.45)" }
         }, null, 8, _hoisted_2$5)) : createCommentVNode("", true),
         !_ctx.model[_ctx.name] || !_ctx.model[_ctx.name].length ? (openBlock(), createElementBlock("div", _hoisted_3$3, _hoisted_5$2)) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(_ctx.model[_ctx.name], (item, index) => {
-          return openBlock(), createBlock(_sfc_main$x, {
+          return openBlock(), createBlock(_sfc_main$v, {
             key: index,
             model: item,
             lastValues: getLastValues(_ctx.lastValues[_ctx.name], index),
@@ -1058,7 +1058,7 @@ const _hoisted_3$2 = {
 };
 const _hoisted_4$1 = { style: { "flex": "1" } };
 const _hoisted_5$1 = ["src"];
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormPanel"
   },
@@ -1114,7 +1114,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
             _ctx.config.schematic ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
               createElementVNode("div", _hoisted_4$1, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, index) => {
-                  return openBlock(), createBlock(_sfc_main$z, {
+                  return openBlock(), createBlock(_sfc_main$x, {
                     key: item[unref(mForm)?.keyProp || "__key"] ?? index,
                     config: item,
                     model: _ctx.name ? _ctx.model[_ctx.name] : _ctx.model,
@@ -1134,7 +1134,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
                 src: _ctx.config.schematic
               }, null, 8, _hoisted_5$1)
             ])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(items.value, (item, index) => {
-              return openBlock(), createBlock(_sfc_main$z, {
+              return openBlock(), createBlock(_sfc_main$x, {
                 key: item[unref(mForm)?.keyProp || "__key"] ?? index,
                 config: item,
                 model: _ctx.name ? _ctx.model[_ctx.name] : _ctx.model,
@@ -1156,7 +1156,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormCol"
   },
@@ -1184,7 +1184,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return withDirectives((openBlock(), createBlock(unref(TMagicCol), { span: _ctx.span }, {
         default: withCtx(() => [
-          createVNode(_sfc_main$z, {
+          createVNode(_sfc_main$x, {
             model: _ctx.model,
             lastValues: _ctx.lastValues,
             "is-compare": _ctx.isCompare,
@@ -1206,7 +1206,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormRow"
   },
@@ -1234,7 +1234,7 @@ const _sfc_main$t = /* @__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$u, {
+            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,
@@ -1257,7 +1257,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormStep"
   },
@@ -1312,7 +1312,7 @@ const _sfc_main$s = /* @__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$z, {
+                item ? withDirectives((openBlock(), createBlock(_sfc_main$x, {
                   key: item[unref(mForm)?.keyProp || "__key"],
                   config: item,
                   model: step.name ? _ctx.model[step.name] : _ctx.model,
@@ -1346,7 +1346,7 @@ const _hoisted_6 = {
   class: "bottom",
   style: { "text-align": "right" }
 };
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormTable"
   },
@@ -1854,7 +1854,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
                           "class-name": _ctx.config.dropSort === true ? "el-table__column--dropable" : ""
                         }, {
                           default: withCtx((scope) => [
-                            scope.$index > -1 ? (openBlock(), createBlock(_sfc_main$z, {
+                            scope.$index > -1 ? (openBlock(), createBlock(_sfc_main$x, {
                               key: 0,
                               labelWidth: "0",
                               disabled: _ctx.disabled,
@@ -1978,7 +1978,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormTabs"
   },
@@ -2133,7 +2133,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
               ]),
               default: withCtx(() => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(tabItems(tab), (item) => {
-                  return openBlock(), createBlock(_sfc_main$z, {
+                  return openBlock(), createBlock(_sfc_main$x, {
                     key: item[unref(mForm)?.keyProp || "__key"],
                     config: item,
                     disabled: _ctx.disabled,
@@ -2185,7 +2185,7 @@ const useAddField = (prop) => {
   );
 };
 
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormCascader"
   },
@@ -2283,7 +2283,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormCheckbox"
   },
@@ -2346,7 +2346,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormCheckGroup"
   },
@@ -2409,7 +2409,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormColorPicker"
   },
@@ -2444,7 +2444,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormDate"
   },
@@ -2485,7 +2485,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormDateRange"
   },
@@ -2588,7 +2588,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormDateTime"
   },
@@ -2639,7 +2639,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$7 = { key: 0 };
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormDisplay"
   },
@@ -2668,7 +2668,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$6 = { class: "m-fields-dynamic-field" };
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormDynamicField"
   },
@@ -2761,7 +2761,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormHidden"
   },
@@ -2792,7 +2792,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   ...{
     name: "MForm"
   },
@@ -2933,7 +2933,7 @@ const _sfc_main$f = /* @__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$z, {
+            return openBlock(), createBlock(_sfc_main$x, {
               disabled: _ctx.disabled,
               key: item[_ctx.keyProp] ?? index,
               config: item,
@@ -2954,7 +2954,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$5 = { style: { "min-height": "1px" } };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormDialog"
   },
@@ -3128,7 +3128,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             class: "m-dialog-body",
             style: normalizeStyle(`max-height: ${bodyHeight.value}; overflow-y: auto; overflow-x: hidden;`)
           }, [
-            createVNode(_sfc_main$f, {
+            createVNode(_sfc_main$d, {
               modelValue: stepActive.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => stepActive.value = $event),
               ref_key: "form",
@@ -3157,7 +3157,7 @@ const _hoisted_2$2 = {
   key: 2,
   class: "m-fields-link"
 };
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormLink"
   },
@@ -3240,7 +3240,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }),
-        createVNode(_sfc_main$e, {
+        createVNode(_sfc_main$c, {
           ref_key: "editor",
           ref: editor,
           title: _ctx.config.formTitle || "编辑扩展配置",
@@ -3256,7 +3256,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormNumber"
   },
@@ -3307,7 +3307,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
 
 const _hoisted_1$3 = { class: "m-fields-number-range" };
 const _hoisted_2$1 = /* @__PURE__ */ createElementVNode("span", { class: "split-tag" }, "-", -1);
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormNumberRange"
   },
@@ -3361,7 +3361,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormRadioGroup"
   },
@@ -3413,63 +3413,6 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "MFormSelectOptionGroups"
-  },
-  __name: "SelectOptionGroups",
-  props: {
-    options: {}
-  },
-  setup(__props) {
-    const uiComponent = getConfig$1("components")?.option.component || "el-option";
-    return (_ctx, _cache) => {
-      return openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (group, index) => {
-        return openBlock(), createBlock(unref(TMagicOptionGroup), {
-          key: index,
-          label: group.label,
-          disabled: group.disabled
-        }, {
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(group.options, (item, index2) => {
-              return openBlock(), createBlock(resolveDynamicComponent(unref(uiComponent)), {
-                key: index2,
-                label: item.label || item.text,
-                value: item.value,
-                disabled: item.disabled
-              }, null, 8, ["label", "value", "disabled"]);
-            }), 128))
-          ]),
-          _: 2
-        }, 1032, ["label", "disabled"]);
-      }), 128);
-    };
-  }
-});
-
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "MFormSelectOptions"
-  },
-  __name: "SelectOptions",
-  props: {
-    options: {},
-    valueKey: {}
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option) => {
-        return openBlock(), createBlock(unref(TMagicOption), {
-          label: option.text,
-          value: option.value,
-          key: _ctx.valueKey ? option.value[_ctx.valueKey] : option.value,
-          disabled: option.disabled
-        }, null, 8, ["label", "value", "disabled"]);
-      }), 128);
-    };
-  }
-});
-
 const _hoisted_1$2 = { key: 2 };
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   ...{
@@ -3491,6 +3434,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const optionComponent = getConfig$1("components")?.option;
+    const optionGroupComponent = getConfig$1("components")?.optionGroup;
     if (!props.model)
       throw new Error("不能没有model");
     useAddField(props.prop);
@@ -3786,8 +3731,6 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           }, 0);
       }
     };
-    const itemOptions = options;
-    const groupOptions = options;
     return (_ctx, _cache) => {
       const _directive_loading = resolveDirective("loading");
       return _ctx.model ? withDirectives((openBlock(), createBlock(unref(TMagicSelect), {
@@ -3812,13 +3755,41 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         onVisibleChange: visibleHandler
       }, {
         default: withCtx(() => [
-          _ctx.config.group ? (openBlock(), createBlock(_sfc_main$9, {
-            key: 0,
-            options: unref(groupOptions)
-          }, null, 8, ["options"])) : (openBlock(), createBlock(_sfc_main$8, {
-            key: 1,
-            options: unref(itemOptions)
-          }, null, 8, ["options"])),
+          _ctx.config.group ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(options.value, (group, index) => {
+            return openBlock(), createBlock(resolveDynamicComponent(unref(optionGroupComponent)?.component), mergeProps(
+              { key: index },
+              unref(optionGroupComponent)?.props({
+                label: group.label,
+                disabled: group.disabled
+              })
+            ), {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(group.options, (item, index2) => {
+                  return openBlock(), createBlock(resolveDynamicComponent(unref(optionComponent)?.component), mergeProps(
+                    { key: index2 },
+                    unref(optionComponent)?.props({
+                      label: item.label || item.text,
+                      value: item.value,
+                      disabled: item.disabled
+                    })
+                  ), null, 16);
+                }), 128))
+              ]),
+              _: 2
+            }, 1040);
+          }), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(options.value, (option) => {
+            return openBlock(), createBlock(resolveDynamicComponent(unref(optionComponent)?.component), mergeProps(
+              {
+                class: "tmagic-design-option",
+                key: _ctx.config.valueKey ? option.value[_ctx.config.valueKey] : option.value
+              },
+              unref(optionComponent)?.props({
+                label: option.text,
+                value: option.value,
+                disabled: option.disabled
+              })
+            ), null, 16);
+          }), 128)),
           moreLoadingVisible.value ? withDirectives((openBlock(), createElementBlock("div", _hoisted_1$2, null, 512)), [
             [_directive_loading, true]
           ]) : createCommentVNode("", true)
@@ -4386,7 +4357,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             ref: drawerBody,
             class: "m-drawer-body"
           }, [
-            createVNode(_sfc_main$f, {
+            createVNode(_sfc_main$d, {
               ref_key: "form",
               ref: form,
               size: _ctx.size,
@@ -4482,7 +4453,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, [
           createVNode(unref(TMagicScrollbar), null, {
             default: withCtx(() => [
-              createVNode(_sfc_main$f, {
+              createVNode(_sfc_main$d, {
                 ref_key: "form",
                 ref: form,
                 size: _ctx.size,
@@ -4536,37 +4507,37 @@ const index = {
     const option = Object.assign(defaultInstallOpt, opt);
     app.config.globalProperties.$MAGIC_FORM = option;
     setConfig(option);
-    app.component("m-form", _sfc_main$f);
-    app.component("m-form-dialog", _sfc_main$e);
-    app.component("m-form-container", _sfc_main$z);
-    app.component("m-form-fieldset", _sfc_main$y);
-    app.component("m-form-group-list", _sfc_main$w);
-    app.component("m-form-panel", _sfc_main$v);
-    app.component("m-form-row", _sfc_main$t);
-    app.component("m-form-step", _sfc_main$s);
-    app.component("m-form-table", _sfc_main$r);
-    app.component("m-form-tab", _sfc_main$q);
+    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$5);
-    app.component("m-fields-number", _sfc_main$c);
-    app.component("m-fields-number-range", _sfc_main$b);
+    app.component("m-fields-number", _sfc_main$a);
+    app.component("m-fields-number-range", _sfc_main$9);
     app.component("m-fields-textarea", _sfc_main$4);
-    app.component("m-fields-hidden", _sfc_main$g);
-    app.component("m-fields-date", _sfc_main$l);
-    app.component("m-fields-datetime", _sfc_main$j);
-    app.component("m-fields-daterange", _sfc_main$k);
+    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-timerange", _sfc_main$2);
     app.component("m-fields-time", _sfc_main$3);
-    app.component("m-fields-checkbox", _sfc_main$o);
+    app.component("m-fields-checkbox", _sfc_main$m);
     app.component("m-fields-switch", _sfc_main$6);
-    app.component("m-fields-color-picker", _sfc_main$m);
-    app.component("m-fields-checkbox-group", _sfc_main$n);
-    app.component("m-fields-radio-group", _sfc_main$a);
-    app.component("m-fields-display", _sfc_main$i);
-    app.component("m-fields-link", _sfc_main$d);
+    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$7);
-    app.component("m-fields-cascader", _sfc_main$p);
-    app.component("m-fields-dynamic-field", _sfc_main$h);
+    app.component("m-fields-cascader", _sfc_main$n);
+    app.component("m-fields-dynamic-field", _sfc_main$f);
   }
 };
 
-export { _sfc_main$p as MCascader, _sfc_main$o as MCheckbox, _sfc_main$n as MCheckboxGroup, _sfc_main$m as MColorPicker, _sfc_main$z as MContainer, _sfc_main$l as MDate, _sfc_main$j as MDateTime, _sfc_main$k as MDaterange, _sfc_main$i as MDisplay, _sfc_main$h as MDynamicField, _sfc_main$y as MFieldset, _sfc_main$f as MForm, _sfc_main as MFormBox, _sfc_main$e as MFormDialog, _sfc_main$1 as MFormDrawer, _sfc_main$w as MGroupList, _sfc_main$g as MHidden, _sfc_main$d as MLink, _sfc_main$c as MNumber, _sfc_main$b as MNumberRange, _sfc_main$v as MPanel, _sfc_main$a as MRadioGroup, _sfc_main$t as MRow, _sfc_main$7 as MSelect, _sfc_main$6 as MSwitch, _sfc_main$r as MTable, _sfc_main$q as MTabs, _sfc_main$5 as MText, _sfc_main$4 as MTextarea, _sfc_main$3 as MTime, _sfc_main$2 as MTimerange, createForm, 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 as MFormBox, _sfc_main$c as MFormDialog, _sfc_main$1 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$7 as MSelect, _sfc_main$6 as MSwitch, _sfc_main$p as MTable, _sfc_main$o as MTabs, _sfc_main$5 as MText, _sfc_main$4 as MTextarea, _sfc_main$3 as MTime, _sfc_main$2 as MTimerange, createForm, createValues, index as default, display, filterFunction, getRules, initValue, useAddField };