@tmagic/form 1.3.1 → 1.3.3

package/dist/tmagic-form.js

@@ -166,8 +166,8 @@ const initValue = async (mForm, { initValues, config }) => {
   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"];
@@ -182,7 +182,7 @@ const _hoisted_13 = {
   key: 5,
   style: { "text-align": "center" }
 };
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormContainer"
   },
@@ -200,8 +200,9 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     isCompare: { type: Boolean, default: false }
   },
   emits: ["change", "addDiffCount"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const mForm = inject("mForm");
     const expand = ref(false);
     const name = computed(() => props.config.name || "");
@@ -366,12 +367,12 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
             label: withCtx(() => [
               createElementVNode("span", {
                 innerHTML: type.value === "checkbox" ? "" : text.value
-              }, null, 8, _hoisted_1$d)
+              }, null, 8, _hoisted_1$e)
             ]),
             default: withCtx(() => [
               tooltip.value ? (openBlock(), createBlock(unref(TMagicTooltip), { key: 0 }, {
                 content: withCtx(() => [
-                  createElementVNode("div", { innerHTML: tooltip.value }, null, 8, _hoisted_2$7)
+                  createElementVNode("div", { innerHTML: tooltip.value }, null, 8, _hoisted_2$8)
                 ]),
                 default: withCtx(() => [
                   (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
@@ -600,8 +601,8 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
   }
 });
 
-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"];
@@ -611,7 +612,7 @@ const _hoisted_6 = {
 };
 const _hoisted_7 = { style: { "flex": "1" } };
 const _hoisted_8 = ["src"];
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormFieldset"
   },
@@ -628,8 +629,9 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean }
   },
   emits: ["change", "addDiffCount"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const mForm = inject("mForm");
     const name = computed(() => props.config.name || "");
     const show = computed(() => {
@@ -670,12 +672,12 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 createElementVNode("span", {
                   innerHTML: _ctx.config.legend
-                }, null, 8, _hoisted_1$c),
+                }, null, 8, _hoisted_1$d),
                 _ctx.config.extra ? (openBlock(), createElementBlock("span", {
                   key: 0,
                   innerHTML: _ctx.config.extra,
                   class: "m-form-tip"
-                }, null, 8, _hoisted_2$6)) : createCommentVNode("", true)
+                }, null, 8, _hoisted_2$7)) : createCommentVNode("", true)
               ]),
               _: 1
             }, 8, ["modelValue", "prop"])
@@ -694,7 +696,7 @@ const _sfc_main$x = /* @__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$y, {
+              return openBlock(), 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,
@@ -715,7 +717,7 @@ const _sfc_main$x = /* @__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$y, {
+          return openBlock(), 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,
@@ -735,9 +737,9 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$b = { class: "m-fields-group-list-item" };
-const _hoisted_2$5 = ["innerHTML"];
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _hoisted_1$c = { class: "m-fields-group-list-item" };
+const _hoisted_2$6 = ["innerHTML"];
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormGroupListItem"
   },
@@ -755,8 +757,9 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     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 = inject("mForm");
     const expand = ref(props.config.expandAll || !props.index);
     const rowConfig = computed(() => ({
@@ -802,7 +805,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
     const onAddDiffCount = () => emit("addDiffCount");
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$b, [
+      return openBlock(), createElementBlock("div", _hoisted_1$c, [
         createElementVNode("div", null, [
           createVNode(unref(TMagicButton), {
             text: "",
@@ -868,9 +871,9 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
             key: 1,
             innerHTML: itemExtra.value,
             class: "m-form-tip"
-          }, null, 8, _hoisted_2$5)) : createCommentVNode("", true)
+          }, null, 8, _hoisted_2$6)) : createCommentVNode("", true)
         ]),
-        expand.value ? (openBlock(), createBlock(_sfc_main$y, {
+        expand.value ? (openBlock(), createBlock(_sfc_main$z, {
           key: 0,
           config: rowConfig.value,
           model: _ctx.model,
@@ -888,8 +891,8 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
   }
 });
 
-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"
@@ -898,7 +901,7 @@ const _hoisted_4$2 = /* @__PURE__ */ createElementVNode("span", { class: "el-tab
 const _hoisted_5$2 = [
   _hoisted_4$2
 ];
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormGroupList"
   },
@@ -915,8 +918,9 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean }
   },
   emits: ["change", "addDiffCount"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const mForm = inject("mForm");
     const addable = computed(() => {
       if (!props.name)
@@ -981,14 +985,14 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     const onAddDiffCount = () => emit("addDiffCount");
     const getLastValues = (item, index) => item?.[index] || {};
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [
+      return openBlock(), createElementBlock("div", _hoisted_1$b, [
         _ctx.config.extra ? (openBlock(), createElementBlock("div", {
           key: 0,
           innerHTML: _ctx.config.extra,
           style: { "color": "rgba(0, 0, 0, 0.45)" }
-        }, null, 8, _hoisted_2$4)) : createCommentVNode("", true),
+        }, null, 8, _hoisted_2$5)) : createCommentVNode("", true),
         !_ctx.model[_ctx.name] || !_ctx.model[_ctx.name].length ? (openBlock(), createElementBlock("div", _hoisted_3$2, _hoisted_5$2)) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(_ctx.model[_ctx.name], (item, index) => {
-          return openBlock(), createBlock(_sfc_main$w, {
+          return openBlock(), createBlock(_sfc_main$x, {
             key: index,
             model: item,
             lastValues: getLastValues(_ctx.lastValues[_ctx.name], index),
@@ -1033,15 +1037,15 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
   }
 });
 
-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__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormPanel"
   },
@@ -1058,8 +1062,9 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean }
   },
   emits: ["change", "addDiffCount"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const mForm = inject("mForm");
     const expand = ref(props.config.expand !== false);
     const items = computed(() => props.config.items);
@@ -1073,7 +1078,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
         "body-style": { display: expand.value ? "block" : "none" }
       }, {
         header: withCtx(() => [
-          createElementVNode("div", _hoisted_1$9, [
+          createElementVNode("div", _hoisted_1$a, [
             createVNode(unref(TMagicButton), {
               style: { "padding": "0" },
               text: "",
@@ -1084,7 +1089,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
               key: 0,
               innerHTML: _ctx.config.extra,
               class: "m-form-tip"
-            }, null, 8, _hoisted_2$3)) : createCommentVNode("", true),
+            }, null, 8, _hoisted_2$4)) : createCommentVNode("", true),
             renderSlot(_ctx.$slots, "header", {}, () => [
               createTextVNode(toDisplayString(filter(_ctx.config.title)), 1)
             ])
@@ -1096,7 +1101,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
             _ctx.config.schematic ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
               createElementVNode("div", _hoisted_4$1, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, index) => {
-                  return openBlock(), createBlock(_sfc_main$y, {
+                  return openBlock(), createBlock(_sfc_main$z, {
                     key: item[unref(mForm)?.keyProp || "__key"] ?? index,
                     config: item,
                     model: _ctx.name ? _ctx.model[_ctx.name] : _ctx.model,
@@ -1116,7 +1121,7 @@ const _sfc_main$u = /* @__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$y, {
+              return openBlock(), createBlock(_sfc_main$z, {
                 key: item[unref(mForm)?.keyProp || "__key"] ?? index,
                 config: item,
                 model: _ctx.name ? _ctx.model[_ctx.name] : _ctx.model,
@@ -1138,7 +1143,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormCol"
   },
@@ -1156,8 +1161,9 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean }
   },
   emits: ["change", "addDiffCount"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const mForm = inject("mForm");
     const display$1 = computed(() => display(mForm, props.config.display, props));
     const changeHandler = () => emit("change", props.model);
@@ -1165,7 +1171,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return withDirectives((openBlock(), createBlock(unref(TMagicCol), { span: _ctx.span }, {
         default: withCtx(() => [
-          createVNode(_sfc_main$y, {
+          createVNode(_sfc_main$z, {
             model: _ctx.model,
             lastValues: _ctx.lastValues,
             "is-compare": _ctx.isCompare,
@@ -1187,7 +1193,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormRow"
   },
@@ -1205,8 +1211,9 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean }
   },
   emits: ["change", "addDiffCount"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const mForm = inject("mForm");
     const changeHandler = () => emit("change", props.name ? props.model[props.name] : props.model);
     const onAddDiffCount = () => emit("addDiffCount");
@@ -1214,7 +1221,7 @@ const _sfc_main$s = /* @__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$t, {
+            return openBlock(), createBlock(_sfc_main$u, {
               key: col[unref(mForm)?.keyProp || "__key"] ?? index,
               span: col.span || _ctx.config.span || 24 / _ctx.config.items.length,
               config: col,
@@ -1237,7 +1244,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormStep"
   },
@@ -1253,8 +1260,9 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean }
   },
   emits: ["change", "addDiffCount"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const mForm = inject("mForm");
     const active = ref(1);
     watchEffect(() => {
@@ -1291,7 +1299,7 @@ const _sfc_main$r = /* @__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$y, {
+                item ? withDirectives((openBlock(), createBlock(_sfc_main$z, {
                   key: item[unref(mForm)?.keyProp || "__key"],
                   config: item,
                   model: step.name ? _ctx.model[step.name] : _ctx.model,
@@ -1315,8 +1323,8 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
   }
 });
 
-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 = {
@@ -1324,7 +1332,7 @@ const _hoisted_5 = {
   class: "bottom",
   style: { "text-align": "right" }
 };
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormTable"
   },
@@ -1346,8 +1354,9 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     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 = inject("mForm");
     const tMagicTable = ref();
@@ -1679,7 +1688,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
           key: 0,
           style: { "color": "rgba(0, 0, 0, 0.45)" },
           innerHTML: _ctx.config.extra
-        }, null, 8, _hoisted_1$8)) : createCommentVNode("", true),
+        }, null, 8, _hoisted_1$9)) : createCommentVNode("", true),
         createVNode(unref(TMagicTooltip), {
           content: "拖拽可排序",
           placement: "left-start",
@@ -1711,7 +1720,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                     createElementVNode("span", {
                       innerHTML: itemExtra(_ctx.config.itemExtra, scope.$index),
                       class: "m-form-tip"
-                    }, null, 8, _hoisted_2$2)
+                    }, null, 8, _hoisted_2$3)
                   ]),
                   _: 1
                 })) : createCommentVNode("", true),
@@ -1813,7 +1822,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                       "class-name": _ctx.config.dropSort === true ? "el-table__column--dropable" : ""
                     }, {
                       default: withCtx((scope) => [
-                        scope.$index > -1 ? (openBlock(), createBlock(_sfc_main$y, {
+                        scope.$index > -1 ? (openBlock(), createBlock(_sfc_main$z, {
                           key: 0,
                           labelWidth: "0",
                           disabled: _ctx.disabled,
@@ -1935,7 +1944,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormTabs"
   },
@@ -1953,8 +1962,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean }
   },
   emits: ["change", "addDiffCount"],
-  setup(__props, { emit }) {
-    const props = __props;
+  setup(__props, { emit: __emit }) {
     const tabPaneComponent = getConfig$1("components")?.tabPane;
     const tabsComponent = getConfig$1("components")?.tabs;
     const getActive = (mForm2, props2, activeTabName2) => {
@@ -1979,6 +1987,8 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
         tabConfig.onTabClick(mForm2, tab, { model, formValue: mForm2?.values, prop, config });
       }
     };
+    const props = __props;
+    const emit = __emit;
     const mForm = inject("mForm");
     const activeTabName = ref(getActive(mForm, props, ""));
     const diffCount = ref({});
@@ -2089,7 +2099,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
               ]),
               default: withCtx(() => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(tabItems(tab), (item) => {
-                  return openBlock(), createBlock(_sfc_main$y, {
+                  return openBlock(), createBlock(_sfc_main$z, {
                     key: item[unref(mForm)?.keyProp || "__key"],
                     config: item,
                     disabled: _ctx.disabled,
@@ -2141,7 +2151,7 @@ const useAddField = (prop) => {
   );
 };
 
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormCascader"
   },
@@ -2158,8 +2168,9 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     lastValues: {}
   },
   emits: ["change"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const mForm = inject("mForm");
     useAddField(props.prop);
     const requestFunc = getConfig("request");
@@ -2233,7 +2244,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormCheckbox"
   },
@@ -2250,8 +2261,9 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     lastValues: {}
   },
   emits: ["change"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     useAddField(props.prop);
     const activeValue = computed(() => {
       if (typeof props.config.activeValue === "undefined") {
@@ -2295,7 +2307,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormCheckGroup"
   },
@@ -2312,8 +2324,9 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     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] = [];
@@ -2358,7 +2371,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormColorPicker"
   },
@@ -2375,8 +2388,9 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     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) => {
@@ -2392,7 +2406,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormDate"
   },
@@ -2409,8 +2423,9 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     lastValues: {}
   },
   emits: ["change"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     useAddField(props.prop);
     props.model[props.name] = datetimeFormatter(props.model[props.name], "");
     const changeHandler = (v) => {
@@ -2432,7 +2447,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormDateRange"
   },
@@ -2449,8 +2464,9 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     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 = ref([]);
@@ -2534,7 +2550,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormDateTime"
   },
@@ -2551,8 +2567,9 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     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) {
@@ -2583,8 +2600,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$7 = { key: 0 };
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _hoisted_1$8 = { key: 0 };
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormDisplay"
   },
@@ -2607,13 +2624,13 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     }
     useAddField(props.prop);
     return (_ctx, _cache) => {
-      return _ctx.model ? (openBlock(), createElementBlock("span", _hoisted_1$7, toDisplayString(_ctx.model[_ctx.name]), 1)) : createCommentVNode("", true);
+      return _ctx.model ? (openBlock(), createElementBlock("span", _hoisted_1$8, toDisplayString(_ctx.model[_ctx.name]), 1)) : createCommentVNode("", true);
     };
   }
 });
 
-const _hoisted_1$6 = { class: "m-fields-dynamic-field" };
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _hoisted_1$7 = { class: "m-fields-dynamic-field" };
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormDynamicField"
   },
@@ -2630,8 +2647,9 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     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 = reactive({
@@ -2678,7 +2696,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       emit("change", fieldMap.value[key], key);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
         createVNode(unref(TMagicForm), { size: "small" }, {
           default: withCtx(() => [
             (openBlock(true), createElementBlock(Fragment, null, renderList(Object.keys(fieldMap.value), (key) => {
@@ -2705,7 +2723,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormHidden"
   },
@@ -2736,7 +2754,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   ...{
     name: "MForm"
   },
@@ -2759,8 +2777,9 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     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 = ref();
     const initialized = ref(false);
     const values = ref({});
@@ -2875,7 +2894,7 @@ const _sfc_main$e = /* @__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$y, {
+            return openBlock(), createBlock(_sfc_main$z, {
               disabled: _ctx.disabled,
               key: item[_ctx.keyProp] ?? index,
               config: item,
@@ -2895,8 +2914,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$5 = { style: { "min-height": "1px" } };
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _hoisted_1$6 = { style: { "min-height": "1px" } };
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormDialog"
   },
@@ -2917,8 +2936,9 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     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 = ref();
     const dialogVisible = ref(false);
     const saveFetch = ref(false);
@@ -3003,7 +3023,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                 style: { "text-align": "left" }
               }, {
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_1$5, [
+                  createElementVNode("div", _hoisted_1$6, [
                     renderSlot(_ctx.$slots, "left")
                   ])
                 ]),
@@ -3069,7 +3089,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
             class: "m-dialog-body",
             style: normalizeStyle(`max-height: ${bodyHeight.value}; overflow-y: auto; overflow-x: hidden;`)
           }, [
-            createVNode(_sfc_main$e, {
+            createVNode(_sfc_main$f, {
               modelValue: stepActive.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => stepActive.value = $event),
               ref_key: "form",
@@ -3093,12 +3113,12 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   }
 });
 
-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__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormLink"
   },
@@ -3115,8 +3135,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     lastValues: {}
   },
   emits: ["change"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     useAddField(props.prop);
     const formValue = ref({});
     const editor = ref();
@@ -3166,10 +3187,10 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         target: "_blank",
         href: href.value,
         style: normalizeStyle(_ctx.config.css || {})
-      }, toDisplayString(displayText.value), 13, _hoisted_1$4)) : _ctx.config.href && _ctx.disabled ? (openBlock(), createElementBlock("span", {
+      }, toDisplayString(displayText.value), 13, _hoisted_1$5)) : _ctx.config.href && _ctx.disabled ? (openBlock(), createElementBlock("span", {
         key: 1,
         style: normalizeStyle(_ctx.config.disabledCss || {})
-      }, toDisplayString(displayText.value), 5)) : (openBlock(), createElementBlock("div", _hoisted_2$1, [
+      }, toDisplayString(displayText.value), 5)) : (openBlock(), createElementBlock("div", _hoisted_2$2, [
         createVNode(unref(TMagicButton), {
           text: true,
           type: "primary",
@@ -3180,7 +3201,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }),
-        createVNode(_sfc_main$d, {
+        createVNode(_sfc_main$e, {
           ref_key: "editor",
           ref: editor,
           title: _ctx.config.formTitle || "编辑扩展配置",
@@ -3196,7 +3217,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormNumber"
   },
@@ -3213,8 +3234,9 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     lastValues: {}
   },
   emits: ["change", "input"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     useAddField(props.prop);
     const mForm = inject("mForm");
     const changeHandler = (value) => {
@@ -3244,9 +3266,9 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$3 = { class: "m-fields-number-range" };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("span", { class: "split-tag" }, "-", -1);
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _hoisted_1$4 = { class: "m-fields-number-range" };
+const _hoisted_2$1 = /* @__PURE__ */ createElementVNode("span", { class: "split-tag" }, "-", -1);
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormNumberRange"
   },
@@ -3263,8 +3285,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     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] = [];
@@ -3276,7 +3299,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       emit("change", [props.model[props.name][0], Number(v)]);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$3, [
+      return openBlock(), createElementBlock("div", _hoisted_1$4, [
         createVNode(unref(TMagicInput), {
           modelValue: _ctx.model[_ctx.name][0],
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name][0] = $event),
@@ -3285,7 +3308,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           disabled: _ctx.disabled,
           onChange: minChangeHandler
         }, null, 8, ["modelValue", "size", "disabled"]),
-        _hoisted_2,
+        _hoisted_2$1,
         createVNode(unref(TMagicInput), {
           modelValue: _ctx.model[_ctx.name][1],
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.model[_ctx.name][1] = $event),
@@ -3299,7 +3322,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormRadioGroup"
   },
@@ -3316,8 +3339,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     lastValues: {}
   },
   emits: ["change"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const changeHandler = (value) => {
       emit("change", value);
     };
@@ -3351,7 +3375,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormSelectOptionGroups"
   },
@@ -3385,7 +3409,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormSelectOptions"
   },
@@ -3408,8 +3432,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$2 = { key: 2 };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$3 = { key: 2 };
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormSelect"
   },
@@ -3426,8 +3450,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     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);
@@ -3749,14 +3774,14 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         onVisibleChange: visibleHandler
       }, {
         default: withCtx(() => [
-          _ctx.config.group ? (openBlock(), createBlock(_sfc_main$8, {
+          _ctx.config.group ? (openBlock(), createBlock(_sfc_main$9, {
             key: 0,
             options: unref(groupOptions)
-          }, null, 8, ["options"])) : (openBlock(), createBlock(_sfc_main$7, {
+          }, null, 8, ["options"])) : (openBlock(), createBlock(_sfc_main$8, {
             key: 1,
             options: unref(itemOptions)
           }, null, 8, ["options"])),
-          moreLoadingVisible.value ? withDirectives((openBlock(), createElementBlock("div", _hoisted_1$2, null, 512)), [
+          moreLoadingVisible.value ? withDirectives((openBlock(), createElementBlock("div", _hoisted_1$3, null, 512)), [
             [_directive_loading, true]
           ]) : createCommentVNode("", true)
         ]),
@@ -3768,7 +3793,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormSwitch"
   },
@@ -3785,8 +3810,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     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);
@@ -3825,8 +3851,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$1 = { key: 0 };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$2 = { key: 0 };
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormText"
   },
@@ -3843,8 +3869,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     lastValues: {}
   },
   emits: ["change", "input"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     useAddField(props.prop);
     const mForm = inject("mForm");
     const changeHandler = (value) => {
@@ -3930,7 +3957,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         _ctx.config.append ? {
           name: "append",
           fn: withCtx(() => [
-            typeof _ctx.config.append === "string" ? (openBlock(), createElementBlock("span", _hoisted_1$1, toDisplayString(_ctx.config.append), 1)) : createCommentVNode("", true),
+            typeof _ctx.config.append === "string" ? (openBlock(), createElementBlock("span", _hoisted_1$2, toDisplayString(_ctx.config.append), 1)) : createCommentVNode("", true),
             typeof _ctx.config.append === "object" && _ctx.config.append.type === "button" ? (openBlock(), createBlock(unref(TMagicButton), {
               key: 1,
               style: { "color": "#409eff" },
@@ -3950,7 +3977,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormTextarea"
   },
@@ -3967,8 +3994,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     lastValues: {}
   },
   emits: ["change", "input"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     useAddField(props.prop);
     const mForm = inject("mForm");
     const changeHandler = (value) => {
@@ -3994,7 +4022,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormTime"
   },
@@ -4011,8 +4039,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     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);
@@ -4032,7 +4061,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormTimeRange"
   },
@@ -4049,8 +4078,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     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 = ref([]);
@@ -4112,8 +4142,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 
 const index$1 = '';
 
-const _hoisted_1 = { style: { "min-height": "1px" } };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _hoisted_1$1 = { style: { "min-height": "1px" } };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormDialog"
   },
@@ -4135,7 +4165,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     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 = ref();
     const form = ref();
     const drawerBody = ref();
@@ -4215,7 +4246,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 style: { "text-align": "left" }
               }, {
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_1, [
+                  createElementVNode("div", _hoisted_1$1, [
                     renderSlot(_ctx.$slots, "left")
                   ])
                 ]),
@@ -4256,7 +4287,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ref: drawerBody,
             class: "m-drawer-body"
           }, [
-            createVNode(_sfc_main$e, {
+            createVNode(_sfc_main$f, {
               ref_key: "form",
               ref: form,
               size: _ctx.size,
@@ -4278,44 +4309,158 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
+const _hoisted_1 = { class: "m-form-box" };
+const _hoisted_2 = { style: { "min-height": "1px" } };
+const _sfc_main = /* @__PURE__ */ 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 = ref();
+    const boxBody = ref();
+    const saveFetch = ref(false);
+    const bodyHeight = ref(0);
+    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 openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          ref_key: "boxBody",
+          ref: boxBody,
+          class: "m-box-body"
+        }, [
+          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"]),
+          renderSlot(_ctx.$slots, "default")
+        ], 512),
+        createVNode(unref(TMagicRow), { class: "dialog-footer" }, {
+          default: withCtx(() => [
+            createVNode(unref(TMagicCol), {
+              span: 12,
+              style: { "text-align": "left" }
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_2, [
+                  renderSlot(_ctx.$slots, "left")
+                ])
+              ]),
+              _: 3
+            }),
+            createVNode(unref(TMagicCol), { span: 12 }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "footer", {}, () => [
+                  createVNode(unref(TMagicButton), {
+                    type: "primary",
+                    disabled: _ctx.disabled,
+                    loading: saveFetch.value,
+                    onClick: submitHandler
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(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);
   }
 };
 
-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 };
+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, createValues, index as default, display, filterFunction, getRules, initValue, useAddField };
 //# sourceMappingURL=tmagic-form.js.map