@tmagic/form 1.3.1 → 1.3.3

package/dist/tmagic-form.umd.cjs

@@ -165,8 +165,8 @@
     return valuesTmp || {};
   };
 
-  const _hoisted_1$d = ["innerHTML"];
-  const _hoisted_2$7 = ["innerHTML"];
+  const _hoisted_1$e = ["innerHTML"];
+  const _hoisted_2$8 = ["innerHTML"];
   const _hoisted_3$4 = ["innerHTML"];
   const _hoisted_4$4 = ["innerHTML"];
   const _hoisted_5$4 = ["innerHTML"];
@@ -181,7 +181,7 @@
     key: 5,
     style: { "text-align": "center" }
   };
-  const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormContainer"
     },
@@ -199,8 +199,9 @@
       isCompare: { type: Boolean, default: false }
     },
     emits: ["change", "addDiffCount"],
-    setup(__props, { emit }) {
+    setup(__props, { emit: __emit }) {
       const props = __props;
+      const emit = __emit;
       const mForm = vue.inject("mForm");
       const expand = vue.ref(false);
       const name = vue.computed(() => props.config.name || "");
@@ -365,12 +366,12 @@
               label: vue.withCtx(() => [
                 vue.createElementVNode("span", {
                   innerHTML: type.value === "checkbox" ? "" : text.value
-                }, null, 8, _hoisted_1$d)
+                }, null, 8, _hoisted_1$e)
               ]),
               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$7)
+                    vue.createElementVNode("div", { innerHTML: tooltip.value }, null, 8, _hoisted_2$8)
                   ]),
                   default: vue.withCtx(() => [
                     (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tagName.value), {
@@ -599,8 +600,8 @@
     }
   });
 
-  const _hoisted_1$c = ["innerHTML"];
-  const _hoisted_2$6 = ["innerHTML"];
+  const _hoisted_1$d = ["innerHTML"];
+  const _hoisted_2$7 = ["innerHTML"];
   const _hoisted_3$3 = { key: 1 };
   const _hoisted_4$3 = ["innerHTML"];
   const _hoisted_5$3 = ["innerHTML"];
@@ -610,7 +611,7 @@
   };
   const _hoisted_7 = { style: { "flex": "1" } };
   const _hoisted_8 = ["src"];
-  const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormFieldset"
     },
@@ -627,8 +628,9 @@
       disabled: { type: Boolean }
     },
     emits: ["change", "addDiffCount"],
-    setup(__props, { emit }) {
+    setup(__props, { emit: __emit }) {
       const props = __props;
+      const emit = __emit;
       const mForm = vue.inject("mForm");
       const name = vue.computed(() => props.config.name || "");
       const show = vue.computed(() => {
@@ -669,12 +671,12 @@
                 default: vue.withCtx(() => [
                   vue.createElementVNode("span", {
                     innerHTML: _ctx.config.legend
-                  }, null, 8, _hoisted_1$c),
+                  }, null, 8, _hoisted_1$d),
                   _ctx.config.extra ? (vue.openBlock(), vue.createElementBlock("span", {
                     key: 0,
                     innerHTML: _ctx.config.extra,
                     class: "m-form-tip"
-                  }, null, 8, _hoisted_2$6)) : vue.createCommentVNode("", true)
+                  }, null, 8, _hoisted_2$7)) : vue.createCommentVNode("", true)
                 ]),
                 _: 1
               }, 8, ["modelValue", "prop"])
@@ -693,7 +695,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$y, {
+                return vue.openBlock(), vue.createBlock(_sfc_main$z, {
                   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 @@
               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$y, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$z, {
               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 _hoisted_1$b = { class: "m-fields-group-list-item" };
-  const _hoisted_2$5 = ["innerHTML"];
-  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$c = { class: "m-fields-group-list-item" };
+  const _hoisted_2$6 = ["innerHTML"];
+  const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormGroupListItem"
     },
@@ -754,8 +756,9 @@
       disabled: { type: Boolean }
     },
     emits: ["swap-item", "remove-item", "change", "addDiffCount"],
-    setup(__props, { emit }) {
+    setup(__props, { emit: __emit }) {
       const props = __props;
+      const emit = __emit;
       const mForm = vue.inject("mForm");
       const expand = vue.ref(props.config.expandAll || !props.index);
       const rowConfig = vue.computed(() => ({
@@ -801,7 +804,7 @@
       };
       const onAddDiffCount = () => emit("addDiffCount");
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
           vue.createElementVNode("div", null, [
             vue.createVNode(vue.unref(design.TMagicButton), {
               text: "",
@@ -867,9 +870,9 @@
               key: 1,
               innerHTML: itemExtra.value,
               class: "m-form-tip"
-            }, null, 8, _hoisted_2$5)) : vue.createCommentVNode("", true)
+            }, null, 8, _hoisted_2$6)) : vue.createCommentVNode("", true)
           ]),
-          expand.value ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
+          expand.value ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
             key: 0,
             config: rowConfig.value,
             model: _ctx.model,
@@ -887,8 +890,8 @@
     }
   });
 
-  const _hoisted_1$a = { class: "m-fields-group-list" };
-  const _hoisted_2$4 = ["innerHTML"];
+  const _hoisted_1$b = { class: "m-fields-group-list" };
+  const _hoisted_2$5 = ["innerHTML"];
   const _hoisted_3$2 = {
     key: 1,
     class: "el-table__empty-block"
@@ -897,7 +900,7 @@
   const _hoisted_5$2 = [
     _hoisted_4$2
   ];
-  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormGroupList"
     },
@@ -914,8 +917,9 @@
       disabled: { type: Boolean }
     },
     emits: ["change", "addDiffCount"],
-    setup(__props, { emit }) {
+    setup(__props, { emit: __emit }) {
       const props = __props;
+      const emit = __emit;
       const mForm = vue.inject("mForm");
       const addable = vue.computed(() => {
         if (!props.name)
@@ -980,14 +984,14 @@
       const onAddDiffCount = () => emit("addDiffCount");
       const getLastValues = (item, index) => item?.[index] || {};
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
           _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$4)) : vue.createCommentVNode("", true),
+          }, null, 8, _hoisted_2$5)) : vue.createCommentVNode("", true),
           !_ctx.model[_ctx.name] || !_ctx.model[_ctx.name].length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$2, _hoisted_5$2)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 2 }, vue.renderList(_ctx.model[_ctx.name], (item, index) => {
-            return vue.openBlock(), vue.createBlock(_sfc_main$w, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$x, {
               key: index,
               model: item,
               lastValues: getLastValues(_ctx.lastValues[_ctx.name], index),
@@ -1032,15 +1036,15 @@
     }
   });
 
-  const _hoisted_1$9 = { style: { "width": "100%", "display": "flex", "align-items": "center" } };
-  const _hoisted_2$3 = ["innerHTML"];
+  const _hoisted_1$a = { style: { "width": "100%", "display": "flex", "align-items": "center" } };
+  const _hoisted_2$4 = ["innerHTML"];
   const _hoisted_3$1 = {
     key: 0,
     style: { "display": "flex" }
   };
   const _hoisted_4$1 = { style: { "flex": "1" } };
   const _hoisted_5$1 = ["src"];
-  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormPanel"
     },
@@ -1057,8 +1061,9 @@
       disabled: { type: Boolean }
     },
     emits: ["change", "addDiffCount"],
-    setup(__props, { emit }) {
+    setup(__props, { emit: __emit }) {
       const props = __props;
+      const emit = __emit;
       const mForm = vue.inject("mForm");
       const expand = vue.ref(props.config.expand !== false);
       const items = vue.computed(() => props.config.items);
@@ -1072,7 +1077,7 @@
           "body-style": { display: expand.value ? "block" : "none" }
         }, {
           header: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$9, [
+            vue.createElementVNode("div", _hoisted_1$a, [
               vue.createVNode(vue.unref(design.TMagicButton), {
                 style: { "padding": "0" },
                 text: "",
@@ -1083,7 +1088,7 @@
                 key: 0,
                 innerHTML: _ctx.config.extra,
                 class: "m-form-tip"
-              }, null, 8, _hoisted_2$3)) : vue.createCommentVNode("", true),
+              }, null, 8, _hoisted_2$4)) : vue.createCommentVNode("", true),
               vue.renderSlot(_ctx.$slots, "header", {}, () => [
                 vue.createTextVNode(vue.toDisplayString(filter(_ctx.config.title)), 1)
               ])
@@ -1095,7 +1100,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$y, {
+                    return vue.openBlock(), vue.createBlock(_sfc_main$z, {
                       key: item[vue.unref(mForm)?.keyProp || "__key"] ?? index,
                       config: item,
                       model: _ctx.name ? _ctx.model[_ctx.name] : _ctx.model,
@@ -1115,7 +1120,7 @@
                   src: _ctx.config.schematic
                 }, null, 8, _hoisted_5$1)
               ])) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(items.value, (item, index) => {
-                return vue.openBlock(), vue.createBlock(_sfc_main$y, {
+                return vue.openBlock(), vue.createBlock(_sfc_main$z, {
                   key: item[vue.unref(mForm)?.keyProp || "__key"] ?? index,
                   config: item,
                   model: _ctx.name ? _ctx.model[_ctx.name] : _ctx.model,
@@ -1137,7 +1142,7 @@
     }
   });
 
-  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormCol"
     },
@@ -1155,8 +1160,9 @@
       disabled: { type: Boolean }
     },
     emits: ["change", "addDiffCount"],
-    setup(__props, { emit }) {
+    setup(__props, { emit: __emit }) {
       const props = __props;
+      const emit = __emit;
       const mForm = vue.inject("mForm");
       const display$1 = vue.computed(() => display(mForm, props.config.display, props));
       const changeHandler = () => emit("change", props.model);
@@ -1164,7 +1170,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$y, {
+            vue.createVNode(_sfc_main$z, {
               model: _ctx.model,
               lastValues: _ctx.lastValues,
               "is-compare": _ctx.isCompare,
@@ -1186,7 +1192,7 @@
     }
   });
 
-  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormRow"
     },
@@ -1204,8 +1210,9 @@
       disabled: { type: Boolean }
     },
     emits: ["change", "addDiffCount"],
-    setup(__props, { emit }) {
+    setup(__props, { emit: __emit }) {
       const props = __props;
+      const emit = __emit;
       const mForm = vue.inject("mForm");
       const changeHandler = () => emit("change", props.name ? props.model[props.name] : props.model);
       const onAddDiffCount = () => emit("addDiffCount");
@@ -1213,7 +1220,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$t, {
+              return vue.openBlock(), vue.createBlock(_sfc_main$u, {
                 key: col[vue.unref(mForm)?.keyProp || "__key"] ?? index,
                 span: col.span || _ctx.config.span || 24 / _ctx.config.items.length,
                 config: col,
@@ -1236,7 +1243,7 @@
     }
   });
 
-  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormStep"
     },
@@ -1252,8 +1259,9 @@
       disabled: { type: Boolean }
     },
     emits: ["change", "addDiffCount"],
-    setup(__props, { emit }) {
+    setup(__props, { emit: __emit }) {
       const props = __props;
+      const emit = __emit;
       const mForm = vue.inject("mForm");
       const active = vue.ref(1);
       vue.watchEffect(() => {
@@ -1290,7 +1298,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$y, {
+                  item ? vue.withDirectives((vue.openBlock(), vue.createBlock(_sfc_main$z, {
                     key: item[vue.unref(mForm)?.keyProp || "__key"],
                     config: item,
                     model: step.name ? _ctx.model[step.name] : _ctx.model,
@@ -1314,8 +1322,8 @@
     }
   });
 
-  const _hoisted_1$8 = ["innerHTML"];
-  const _hoisted_2$2 = ["innerHTML"];
+  const _hoisted_1$9 = ["innerHTML"];
+  const _hoisted_2$3 = ["innerHTML"];
   const _hoisted_3 = { style: { "display": "flex", "justify-content": "space-between", "margin": "10px 0" } };
   const _hoisted_4 = { style: { "display": "flex" } };
   const _hoisted_5 = {
@@ -1323,7 +1331,7 @@
     class: "bottom",
     style: { "text-align": "right" }
   };
-  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormTable"
     },
@@ -1345,8 +1353,9 @@
       showIndex: { type: Boolean, default: true }
     },
     emits: ["change", "select", "addDiffCount"],
-    setup(__props, { expose: __expose, emit }) {
+    setup(__props, { expose: __expose, emit: __emit }) {
       const props = __props;
+      const emit = __emit;
       let timer = null;
       const mForm = vue.inject("mForm");
       const tMagicTable = vue.ref();
@@ -1678,7 +1687,7 @@
             key: 0,
             style: { "color": "rgba(0, 0, 0, 0.45)" },
             innerHTML: _ctx.config.extra
-          }, null, 8, _hoisted_1$8)) : vue.createCommentVNode("", true),
+          }, null, 8, _hoisted_1$9)) : vue.createCommentVNode("", true),
           vue.createVNode(vue.unref(design.TMagicTooltip), {
             content: "拖拽可排序",
             placement: "left-start",
@@ -1710,7 +1719,7 @@
                       vue.createElementVNode("span", {
                         innerHTML: itemExtra(_ctx.config.itemExtra, scope.$index),
                         class: "m-form-tip"
-                      }, null, 8, _hoisted_2$2)
+                      }, null, 8, _hoisted_2$3)
                     ]),
                     _: 1
                   })) : vue.createCommentVNode("", true),
@@ -1812,7 +1821,7 @@
                         "class-name": _ctx.config.dropSort === true ? "el-table__column--dropable" : ""
                       }, {
                         default: vue.withCtx((scope) => [
-                          scope.$index > -1 ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
+                          scope.$index > -1 ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
                             key: 0,
                             labelWidth: "0",
                             disabled: _ctx.disabled,
@@ -1934,7 +1943,7 @@
     }
   });
 
-  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormTabs"
     },
@@ -1952,8 +1961,7 @@
       disabled: { type: Boolean }
     },
     emits: ["change", "addDiffCount"],
-    setup(__props, { emit }) {
-      const props = __props;
+    setup(__props, { emit: __emit }) {
       const tabPaneComponent = design.getConfig("components")?.tabPane;
       const tabsComponent = design.getConfig("components")?.tabs;
       const getActive = (mForm2, props2, activeTabName2) => {
@@ -1978,6 +1986,8 @@
           tabConfig.onTabClick(mForm2, tab, { model, formValue: mForm2?.values, prop, config });
         }
       };
+      const props = __props;
+      const emit = __emit;
       const mForm = vue.inject("mForm");
       const activeTabName = vue.ref(getActive(mForm, props, ""));
       const diffCount = vue.ref({});
@@ -2088,7 +2098,7 @@
                 ]),
                 default: vue.withCtx(() => [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(tabItems(tab), (item) => {
-                    return vue.openBlock(), vue.createBlock(_sfc_main$y, {
+                    return vue.openBlock(), vue.createBlock(_sfc_main$z, {
                       key: item[vue.unref(mForm)?.keyProp || "__key"],
                       config: item,
                       disabled: _ctx.disabled,
@@ -2140,7 +2150,7 @@
     );
   };
 
-  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormCascader"
     },
@@ -2157,8 +2167,9 @@
       lastValues: {}
     },
     emits: ["change"],
-    setup(__props, { emit }) {
+    setup(__props, { emit: __emit }) {
       const props = __props;
+      const emit = __emit;
       const mForm = vue.inject("mForm");
       useAddField(props.prop);
       const requestFunc = getConfig("request");
@@ -2232,7 +2243,7 @@
     }
   });
 
-  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormCheckbox"
     },
@@ -2249,8 +2260,9 @@
       lastValues: {}
     },
     emits: ["change"],
-    setup(__props, { emit }) {
+    setup(__props, { emit: __emit }) {
       const props = __props;
+      const emit = __emit;
       useAddField(props.prop);
       const activeValue = vue.computed(() => {
         if (typeof props.config.activeValue === "undefined") {
@@ -2294,7 +2306,7 @@
     }
   });
 
-  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormCheckGroup"
     },
@@ -2311,8 +2323,9 @@
       lastValues: {}
     },
     emits: ["change"],
-    setup(__props, { emit }) {
+    setup(__props, { emit: __emit }) {
       const props = __props;
+      const emit = __emit;
       useAddField(props.prop);
       if (props.model && !props.model[props.name]) {
         props.model[props.name] = [];
@@ -2357,7 +2370,7 @@
     }
   });
 
-  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormColorPicker"
     },
@@ -2374,8 +2387,9 @@
       lastValues: {}
     },
     emits: ["change"],
-    setup(__props, { emit }) {
+    setup(__props, { emit: __emit }) {
       const props = __props;
+      const emit = __emit;
       useAddField(props.prop);
       const changeHandler = (value) => emit("change", value);
       return (_ctx, _cache) => {
@@ -2391,7 +2405,7 @@
     }
   });
 
-  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormDate"
     },
@@ -2408,8 +2422,9 @@
       lastValues: {}
     },
     emits: ["change"],
-    setup(__props, { emit }) {
+    setup(__props, { emit: __emit }) {
       const props = __props;
+      const emit = __emit;
       useAddField(props.prop);
       props.model[props.name] = utils.datetimeFormatter(props.model[props.name], "");
       const changeHandler = (v) => {
@@ -2431,7 +2446,7 @@
     }
   });
 
-  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormDateRange"
     },
@@ -2448,8 +2463,9 @@
       lastValues: {}
     },
     emits: ["change"],
-    setup(__props, { emit }) {
+    setup(__props, { emit: __emit }) {
       const props = __props;
+      const emit = __emit;
       useAddField(props.prop);
       const { names } = props.config;
       const value = vue.ref([]);
@@ -2533,7 +2549,7 @@
     }
   });
 
-  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormDateTime"
     },
@@ -2550,8 +2566,9 @@
       lastValues: {}
     },
     emits: ["change"],
-    setup(__props, { emit }) {
+    setup(__props, { emit: __emit }) {
       const props = __props;
+      const emit = __emit;
       useAddField(props.prop);
       const value = props.model?.[props.name].toString();
       if (props.model) {
@@ -2582,8 +2599,8 @@
     }
   });
 
-  const _hoisted_1$7 = { key: 0 };
-  const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$8 = { key: 0 };
+  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormDisplay"
     },
@@ -2606,13 +2623,13 @@
       }
       useAddField(props.prop);
       return (_ctx, _cache) => {
-        return _ctx.model ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$7, vue.toDisplayString(_ctx.model[_ctx.name]), 1)) : vue.createCommentVNode("", true);
+        return _ctx.model ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$8, vue.toDisplayString(_ctx.model[_ctx.name]), 1)) : vue.createCommentVNode("", true);
       };
     }
   });
 
-  const _hoisted_1$6 = { class: "m-fields-dynamic-field" };
-  const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$7 = { class: "m-fields-dynamic-field" };
+  const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormDynamicField"
     },
@@ -2629,8 +2646,9 @@
       lastValues: {}
     },
     emits: ["change"],
-    setup(__props, { emit }) {
+    setup(__props, { emit: __emit }) {
       const props = __props;
+      const emit = __emit;
       useAddField(props.prop);
       const request = getConfig("request");
       const fieldMap = vue.reactive({
@@ -2677,7 +2695,7 @@
         emit("change", fieldMap.value[key], key);
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
           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) => {
@@ -2704,7 +2722,7 @@
     }
   });
 
-  const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormHidden"
     },
@@ -2735,7 +2753,7 @@
     }
   });
 
-  const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MForm"
     },
@@ -2758,8 +2776,9 @@
       extendState: {}
     },
     emits: ["change", "field-input", "field-change"],
-    setup(__props, { expose: __expose, emit }) {
+    setup(__props, { expose: __expose, emit: __emit }) {
       const props = __props;
+      const emit = __emit;
       const tMagicForm = vue.ref();
       const initialized = vue.ref(false);
       const values = vue.ref({});
@@ -2874,7 +2893,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$y, {
+              return vue.openBlock(), vue.createBlock(_sfc_main$z, {
                 disabled: _ctx.disabled,
                 key: item[_ctx.keyProp] ?? index,
                 config: item,
@@ -2894,8 +2913,8 @@
     }
   });
 
-  const _hoisted_1$5 = { style: { "min-height": "1px" } };
-  const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$6 = { style: { "min-height": "1px" } };
+  const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormDialog"
     },
@@ -2916,8 +2935,9 @@
       confirmText: { default: "确定" }
     },
     emits: ["close", "submit", "error", "change"],
-    setup(__props, { expose: __expose, emit }) {
+    setup(__props, { expose: __expose, emit: __emit }) {
       const props = __props;
+      const emit = __emit;
       const form = vue.ref();
       const dialogVisible = vue.ref(false);
       const saveFetch = vue.ref(false);
@@ -3002,7 +3022,7 @@
                   style: { "text-align": "left" }
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createElementVNode("div", _hoisted_1$5, [
+                    vue.createElementVNode("div", _hoisted_1$6, [
                       vue.renderSlot(_ctx.$slots, "left")
                     ])
                   ]),
@@ -3068,7 +3088,7 @@
               class: "m-dialog-body",
               style: vue.normalizeStyle(`max-height: ${bodyHeight.value}; overflow-y: auto; overflow-x: hidden;`)
             }, [
-              vue.createVNode(_sfc_main$e, {
+              vue.createVNode(_sfc_main$f, {
                 modelValue: stepActive.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => stepActive.value = $event),
                 ref_key: "form",
@@ -3092,12 +3112,12 @@
     }
   });
 
-  const _hoisted_1$4 = ["href"];
-  const _hoisted_2$1 = {
+  const _hoisted_1$5 = ["href"];
+  const _hoisted_2$2 = {
     key: 2,
     class: "m-fields-link"
   };
-  const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormLink"
     },
@@ -3114,8 +3134,9 @@
       lastValues: {}
     },
     emits: ["change"],
-    setup(__props, { emit }) {
+    setup(__props, { emit: __emit }) {
       const props = __props;
+      const emit = __emit;
       useAddField(props.prop);
       const formValue = vue.ref({});
       const editor = vue.ref();
@@ -3165,10 +3186,10 @@
           target: "_blank",
           href: href.value,
           style: vue.normalizeStyle(_ctx.config.css || {})
-        }, vue.toDisplayString(displayText.value), 13, _hoisted_1$4)) : _ctx.config.href && _ctx.disabled ? (vue.openBlock(), vue.createElementBlock("span", {
+        }, vue.toDisplayString(displayText.value), 13, _hoisted_1$5)) : _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$1, [
+        }, vue.toDisplayString(displayText.value), 5)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$2, [
           vue.createVNode(vue.unref(design.TMagicButton), {
             text: true,
             type: "primary",
@@ -3179,7 +3200,7 @@
             ]),
             _: 1
           }),
-          vue.createVNode(_sfc_main$d, {
+          vue.createVNode(_sfc_main$e, {
             ref_key: "editor",
             ref: editor,
             title: _ctx.config.formTitle || "编辑扩展配置",
@@ -3195,7 +3216,7 @@
     }
   });
 
-  const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormNumber"
     },
@@ -3212,8 +3233,9 @@
       lastValues: {}
     },
     emits: ["change", "input"],
-    setup(__props, { emit }) {
+    setup(__props, { emit: __emit }) {
       const props = __props;
+      const emit = __emit;
       useAddField(props.prop);
       const mForm = vue.inject("mForm");
       const changeHandler = (value) => {
@@ -3243,9 +3265,9 @@
     }
   });
 
-  const _hoisted_1$3 = { class: "m-fields-number-range" };
-  const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("span", { class: "split-tag" }, "-", -1);
-  const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$4 = { class: "m-fields-number-range" };
+  const _hoisted_2$1 = /* @__PURE__ */ vue.createElementVNode("span", { class: "split-tag" }, "-", -1);
+  const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormNumberRange"
     },
@@ -3262,8 +3284,9 @@
       lastValues: {}
     },
     emits: ["change"],
-    setup(__props, { emit }) {
+    setup(__props, { emit: __emit }) {
       const props = __props;
+      const emit = __emit;
       useAddField(props.prop);
       if (!Array.isArray(props.model[props.name])) {
         props.model[props.name] = [];
@@ -3275,7 +3298,7 @@
         emit("change", [props.model[props.name][0], Number(v)]);
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
           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),
@@ -3284,7 +3307,7 @@
             disabled: _ctx.disabled,
             onChange: minChangeHandler
           }, null, 8, ["modelValue", "size", "disabled"]),
-          _hoisted_2,
+          _hoisted_2$1,
           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),
@@ -3298,7 +3321,7 @@
     }
   });
 
-  const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormRadioGroup"
     },
@@ -3315,8 +3338,9 @@
       lastValues: {}
     },
     emits: ["change"],
-    setup(__props, { emit }) {
+    setup(__props, { emit: __emit }) {
       const props = __props;
+      const emit = __emit;
       const changeHandler = (value) => {
         emit("change", value);
       };
@@ -3350,7 +3374,7 @@
     }
   });
 
-  const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormSelectOptionGroups"
     },
@@ -3384,7 +3408,7 @@
     }
   });
 
-  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormSelectOptions"
     },
@@ -3407,8 +3431,8 @@
     }
   });
 
-  const _hoisted_1$2 = { key: 2 };
-  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$3 = { key: 2 };
+  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormSelect"
     },
@@ -3425,8 +3449,9 @@
       lastValues: {}
     },
     emits: ["change"],
-    setup(__props, { emit }) {
+    setup(__props, { emit: __emit }) {
       const props = __props;
+      const emit = __emit;
       if (!props.model)
         throw new Error("不能没有model");
       useAddField(props.prop);
@@ -3748,14 +3773,14 @@
           onVisibleChange: visibleHandler
         }, {
           default: vue.withCtx(() => [
-            _ctx.config.group ? (vue.openBlock(), vue.createBlock(_sfc_main$8, {
+            _ctx.config.group ? (vue.openBlock(), vue.createBlock(_sfc_main$9, {
               key: 0,
               options: vue.unref(groupOptions)
-            }, null, 8, ["options"])) : (vue.openBlock(), vue.createBlock(_sfc_main$7, {
+            }, null, 8, ["options"])) : (vue.openBlock(), vue.createBlock(_sfc_main$8, {
               key: 1,
               options: vue.unref(itemOptions)
             }, null, 8, ["options"])),
-            moreLoadingVisible.value ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, null, 512)), [
+            moreLoadingVisible.value ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, null, 512)), [
               [_directive_loading, true]
             ]) : vue.createCommentVNode("", true)
           ]),
@@ -3767,7 +3792,7 @@
     }
   });
 
-  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormSwitch"
     },
@@ -3784,8 +3809,9 @@
       lastValues: {}
     },
     emits: ["change"],
-    setup(__props, { emit }) {
+    setup(__props, { emit: __emit }) {
       const props = __props;
+      const emit = __emit;
       useAddField(props.prop);
       const changeHandler = (value) => {
         emit("change", value);
@@ -3824,8 +3850,8 @@
     }
   });
 
-  const _hoisted_1$1 = { key: 0 };
-  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$2 = { key: 0 };
+  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormText"
     },
@@ -3842,8 +3868,9 @@
       lastValues: {}
     },
     emits: ["change", "input"],
-    setup(__props, { emit }) {
+    setup(__props, { emit: __emit }) {
       const props = __props;
+      const emit = __emit;
       useAddField(props.prop);
       const mForm = vue.inject("mForm");
       const changeHandler = (value) => {
@@ -3929,7 +3956,7 @@
           _ctx.config.append ? {
             name: "append",
             fn: vue.withCtx(() => [
-              typeof _ctx.config.append === "string" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$1, vue.toDisplayString(_ctx.config.append), 1)) : vue.createCommentVNode("", true),
+              typeof _ctx.config.append === "string" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$2, vue.toDisplayString(_ctx.config.append), 1)) : vue.createCommentVNode("", true),
               typeof _ctx.config.append === "object" && _ctx.config.append.type === "button" ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
                 key: 1,
                 style: { "color": "#409eff" },
@@ -3949,7 +3976,7 @@
     }
   });
 
-  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormTextarea"
     },
@@ -3966,8 +3993,9 @@
       lastValues: {}
     },
     emits: ["change", "input"],
-    setup(__props, { emit }) {
+    setup(__props, { emit: __emit }) {
       const props = __props;
+      const emit = __emit;
       useAddField(props.prop);
       const mForm = vue.inject("mForm");
       const changeHandler = (value) => {
@@ -3993,7 +4021,7 @@
     }
   });
 
-  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormTime"
     },
@@ -4010,8 +4038,9 @@
       lastValues: {}
     },
     emits: ["change"],
-    setup(__props, { emit }) {
+    setup(__props, { emit: __emit }) {
       const props = __props;
+      const emit = __emit;
       useAddField(props.prop);
       const changeHandler = (v) => {
         emit("change", v);
@@ -4031,7 +4060,7 @@
     }
   });
 
-  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormTimeRange"
     },
@@ -4048,8 +4077,9 @@
       lastValues: {}
     },
     emits: ["change"],
-    setup(__props, { emit }) {
+    setup(__props, { emit: __emit }) {
       const props = __props;
+      const emit = __emit;
       useAddField(props.prop);
       const { names } = props.config;
       const value = vue.ref([]);
@@ -4111,8 +4141,8 @@
 
   const index$1 = '';
 
-  const _hoisted_1 = { style: { "min-height": "1px" } };
-  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_1$1 = { style: { "min-height": "1px" } };
+  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormDialog"
     },
@@ -4134,7 +4164,8 @@
       beforeClose: {}
     },
     emits: ["close", "closed", "submit", "error", "change", "open", "opened"],
-    setup(__props, { expose: __expose, emit }) {
+    setup(__props, { expose: __expose, emit: __emit }) {
+      const emit = __emit;
       const drawer = vue.ref();
       const form = vue.ref();
       const drawerBody = vue.ref();
@@ -4214,7 +4245,7 @@
                   style: { "text-align": "left" }
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createElementVNode("div", _hoisted_1, [
+                    vue.createElementVNode("div", _hoisted_1$1, [
                       vue.renderSlot(_ctx.$slots, "left")
                     ])
                   ]),
@@ -4255,7 +4286,7 @@
               ref: drawerBody,
               class: "m-drawer-body"
             }, [
-              vue.createVNode(_sfc_main$e, {
+              vue.createVNode(_sfc_main$f, {
                 ref_key: "form",
                 ref: form,
                 size: _ctx.size,
@@ -4277,75 +4308,190 @@
     }
   });
 
+  const _hoisted_1 = { class: "m-form-box" };
+  const _hoisted_2 = { style: { "min-height": "1px" } };
+  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+    ...{
+      name: "MFormDialog"
+    },
+    __name: "FormBox",
+    props: {
+      config: { default: () => [] },
+      values: { default: () => ({}) },
+      parentValues: {},
+      width: {},
+      labelWidth: {},
+      disabled: { type: Boolean },
+      size: {},
+      confirmText: { default: "确定" },
+      inline: { type: Boolean },
+      labelPosition: {}
+    },
+    emits: ["submit", "change", "error"],
+    setup(__props, { expose: __expose, emit: __emit }) {
+      const emit = __emit;
+      const form = vue.ref();
+      const boxBody = vue.ref();
+      const saveFetch = vue.ref(false);
+      const bodyHeight = vue.ref(0);
+      vue.watchEffect(() => {
+        if (boxBody.value) {
+          bodyHeight.value = boxBody.value.clientHeight;
+        }
+      });
+      const submitHandler = async () => {
+        try {
+          const values = await form.value?.submitForm();
+          emit("submit", values);
+        } catch (e) {
+          emit("error", e);
+        }
+      };
+      const changeHandler = (value) => {
+        emit("change", value);
+      };
+      const show = () => {
+      };
+      const hide = () => {
+      };
+      __expose({
+        form,
+        saveFetch,
+        bodyHeight,
+        show,
+        hide
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+          vue.createElementVNode("div", {
+            ref_key: "boxBody",
+            ref: boxBody,
+            class: "m-box-body"
+          }, [
+            vue.createVNode(_sfc_main$f, {
+              ref_key: "form",
+              ref: form,
+              size: _ctx.size,
+              disabled: _ctx.disabled,
+              config: _ctx.config,
+              "init-values": _ctx.values,
+              "parent-values": _ctx.parentValues,
+              "label-width": _ctx.labelWidth,
+              "label-position": _ctx.labelPosition,
+              inline: _ctx.inline,
+              onChange: changeHandler
+            }, null, 8, ["size", "disabled", "config", "init-values", "parent-values", "label-width", "label-position", "inline"]),
+            vue.renderSlot(_ctx.$slots, "default")
+          ], 512),
+          vue.createVNode(vue.unref(design.TMagicRow), { class: "dialog-footer" }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(design.TMagicCol), {
+                span: 12,
+                style: { "text-align": "left" }
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode("div", _hoisted_2, [
+                    vue.renderSlot(_ctx.$slots, "left")
+                  ])
+                ]),
+                _: 3
+              }),
+              vue.createVNode(vue.unref(design.TMagicCol), { span: 12 }, {
+                default: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "footer", {}, () => [
+                    vue.createVNode(vue.unref(design.TMagicButton), {
+                      type: "primary",
+                      disabled: _ctx.disabled,
+                      loading: saveFetch.value,
+                      onClick: submitHandler
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode(vue.toDisplayString(_ctx.confirmText), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["disabled", "loading"])
+                  ])
+                ]),
+                _: 3
+              })
+            ]),
+            _: 3
+          })
+        ]);
+      };
+    }
+  });
+
   const defaultInstallOpt = {};
   const index = {
     install(app, opt = {}) {
       const option = Object.assign(defaultInstallOpt, opt);
       app.config.globalProperties.$MAGIC_FORM = option;
       setConfig(option);
-      app.component("m-form", _sfc_main$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);
+      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-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-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-timerange", _sfc_main$2);
+      app.component("m-fields-time", _sfc_main$3);
+      app.component("m-fields-checkbox", _sfc_main$o);
+      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-select", _sfc_main$7);
+      app.component("m-fields-cascader", _sfc_main$p);
+      app.component("m-fields-dynamic-field", _sfc_main$h);
     }
   };
 
-  exports.MCascader = _sfc_main$o;
-  exports.MCheckbox = _sfc_main$n;
-  exports.MCheckboxGroup = _sfc_main$m;
-  exports.MColorPicker = _sfc_main$l;
-  exports.MContainer = _sfc_main$y;
-  exports.MDate = _sfc_main$k;
-  exports.MDateTime = _sfc_main$i;
-  exports.MDaterange = _sfc_main$j;
-  exports.MDisplay = _sfc_main$h;
-  exports.MDynamicField = _sfc_main$g;
-  exports.MFieldset = _sfc_main$x;
-  exports.MForm = _sfc_main$e;
-  exports.MFormDialog = _sfc_main$d;
-  exports.MFormDrawer = _sfc_main;
-  exports.MGroupList = _sfc_main$v;
-  exports.MHidden = _sfc_main$f;
-  exports.MLink = _sfc_main$c;
-  exports.MNumber = _sfc_main$b;
-  exports.MNumberRange = _sfc_main$a;
-  exports.MPanel = _sfc_main$u;
-  exports.MRadioGroup = _sfc_main$9;
-  exports.MRow = _sfc_main$s;
-  exports.MSelect = _sfc_main$6;
-  exports.MSwitch = _sfc_main$5;
-  exports.MTable = _sfc_main$q;
-  exports.MTabs = _sfc_main$p;
-  exports.MText = _sfc_main$4;
-  exports.MTextarea = _sfc_main$3;
-  exports.MTime = _sfc_main$2;
-  exports.MTimerange = _sfc_main$1;
+  exports.MCascader = _sfc_main$p;
+  exports.MCheckbox = _sfc_main$o;
+  exports.MCheckboxGroup = _sfc_main$n;
+  exports.MColorPicker = _sfc_main$m;
+  exports.MContainer = _sfc_main$z;
+  exports.MDate = _sfc_main$l;
+  exports.MDateTime = _sfc_main$j;
+  exports.MDaterange = _sfc_main$k;
+  exports.MDisplay = _sfc_main$i;
+  exports.MDynamicField = _sfc_main$h;
+  exports.MFieldset = _sfc_main$y;
+  exports.MForm = _sfc_main$f;
+  exports.MFormBox = _sfc_main;
+  exports.MFormDialog = _sfc_main$e;
+  exports.MFormDrawer = _sfc_main$1;
+  exports.MGroupList = _sfc_main$w;
+  exports.MHidden = _sfc_main$g;
+  exports.MLink = _sfc_main$d;
+  exports.MNumber = _sfc_main$c;
+  exports.MNumberRange = _sfc_main$b;
+  exports.MPanel = _sfc_main$v;
+  exports.MRadioGroup = _sfc_main$a;
+  exports.MRow = _sfc_main$t;
+  exports.MSelect = _sfc_main$7;
+  exports.MSwitch = _sfc_main$6;
+  exports.MTable = _sfc_main$r;
+  exports.MTabs = _sfc_main$q;
+  exports.MText = _sfc_main$5;
+  exports.MTextarea = _sfc_main$4;
+  exports.MTime = _sfc_main$3;
+  exports.MTimerange = _sfc_main$2;
   exports.createValues = createValues;
   exports.default = index;
   exports.display = display;