@tmagic/form 1.3.16 → 1.4.0-beta.2

package/dist/tmagic-form.umd.cjs

@@ -165,16 +165,16 @@
     return valuesTmp || {};
   };
 
-  const _hoisted_1$e = ["id", "data-magic-id"];
-  const _hoisted_2$9 = ["innerHTML"];
+  const _hoisted_1$d = ["id", "data-magic-id"];
+  const _hoisted_2$8 = ["innerHTML", "title"];
   const _hoisted_3$5 = ["innerHTML"];
   const _hoisted_4$4 = ["innerHTML"];
   const _hoisted_5$4 = ["innerHTML"];
-  const _hoisted_6$2 = ["innerHTML"];
+  const _hoisted_6$2 = ["innerHTML", "title"];
   const _hoisted_7$1 = ["innerHTML"];
   const _hoisted_8$1 = ["innerHTML"];
   const _hoisted_9 = ["innerHTML"];
-  const _hoisted_10 = ["innerHTML"];
+  const _hoisted_10 = ["innerHTML", "title"];
   const _hoisted_11 = ["innerHTML"];
   const _hoisted_12 = ["innerHTML"];
   const _hoisted_13 = ["innerHTML"];
@@ -370,8 +370,9 @@
             }, {
               label: vue.withCtx(() => [
                 vue.createElementVNode("span", {
-                  innerHTML: type.value === "checkbox" ? "" : text.value
-                }, null, 8, _hoisted_2$9)
+                  innerHTML: type.value === "checkbox" ? "" : text.value,
+                  title: _ctx.config.labelTitle
+                }, null, 8, _hoisted_2$8)
               ]),
               default: vue.withCtx(() => [
                 tooltip.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), { key: 0 }, {
@@ -442,7 +443,8 @@
             }, {
               label: vue.withCtx(() => [
                 vue.createElementVNode("span", {
-                  innerHTML: type.value === "checkbox" ? "" : text.value
+                  innerHTML: type.value === "checkbox" ? "" : text.value,
+                  title: _ctx.config.labelTitle
                 }, null, 8, _hoisted_6$2)
               ]),
               default: vue.withCtx(() => [
@@ -509,7 +511,8 @@
             }, {
               label: vue.withCtx(() => [
                 vue.createElementVNode("span", {
-                  innerHTML: type.value === "checkbox" ? "" : text.value
+                  innerHTML: type.value === "checkbox" ? "" : text.value,
+                  title: _ctx.config.labelTitle
                 }, null, 8, _hoisted_10)
               ]),
               default: vue.withCtx(() => [
@@ -600,13 +603,13 @@
               _: 1
             })
           ])) : vue.createCommentVNode("", true)
-        ], 14, _hoisted_1$e)) : vue.createCommentVNode("", true);
+        ], 14, _hoisted_1$d)) : vue.createCommentVNode("", true);
       };
     }
   });
 
-  const _hoisted_1$d = ["innerHTML"];
-  const _hoisted_2$8 = ["innerHTML"];
+  const _hoisted_1$c = ["innerHTML"];
+  const _hoisted_2$7 = ["innerHTML"];
   const _hoisted_3$4 = { key: 1 };
   const _hoisted_4$3 = ["innerHTML"];
   const _hoisted_5$3 = ["innerHTML"];
@@ -670,18 +673,18 @@
                   change
                 ],
                 prop: `${_ctx.prop}${_ctx.prop ? "." : ""}${_ctx.config.name}.value`,
-                "true-label": 1,
-                "false-label": 0
+                "true-value": 1,
+                "false-value": 0
               }, {
                 default: vue.withCtx(() => [
                   vue.createElementVNode("span", {
                     innerHTML: _ctx.config.legend
-                  }, null, 8, _hoisted_1$d),
+                  }, null, 8, _hoisted_1$c),
                   _ctx.config.extra ? (vue.openBlock(), vue.createElementBlock("span", {
                     key: 0,
                     innerHTML: _ctx.config.extra,
                     class: "m-form-tip"
-                  }, null, 8, _hoisted_2$8)) : vue.createCommentVNode("", true)
+                  }, null, 8, _hoisted_2$7)) : vue.createCommentVNode("", true)
                 ]),
                 _: 1
               }, 8, ["modelValue", "prop"])
@@ -741,8 +744,8 @@
     }
   });
 
-  const _hoisted_1$c = { class: "m-fields-group-list-item" };
-  const _hoisted_2$7 = ["innerHTML"];
+  const _hoisted_1$b = { class: "m-fields-group-list-item" };
+  const _hoisted_2$6 = ["innerHTML"];
   const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormGroupListItem"
@@ -809,7 +812,7 @@
       };
       const onAddDiffCount = () => emit("addDiffCount");
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
           vue.createElementVNode("div", null, [
             vue.createVNode(vue.unref(design.TMagicButton), {
               link: "",
@@ -875,7 +878,7 @@
               key: 1,
               innerHTML: itemExtra.value,
               class: "m-form-tip"
-            }, null, 8, _hoisted_2$7)) : vue.createCommentVNode("", true)
+            }, null, 8, _hoisted_2$6)) : vue.createCommentVNode("", true)
           ]),
           expand.value ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
             key: 0,
@@ -895,8 +898,8 @@
     }
   });
 
-  const _hoisted_1$b = { class: "m-fields-group-list" };
-  const _hoisted_2$6 = ["innerHTML"];
+  const _hoisted_1$a = { class: "m-fields-group-list" };
+  const _hoisted_2$5 = ["innerHTML"];
   const _hoisted_3$3 = {
     key: 1,
     class: "el-table__empty-block"
@@ -989,12 +992,12 @@
       const onAddDiffCount = () => emit("addDiffCount");
       const getLastValues = (item, index) => item?.[index] || {};
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
           _ctx.config.extra ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             innerHTML: _ctx.config.extra,
             style: { "color": "rgba(0, 0, 0, 0.45)" }
-          }, null, 8, _hoisted_2$6)) : 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$3, _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$x, {
               key: index,
@@ -1041,8 +1044,8 @@
     }
   });
 
-  const _hoisted_1$a = { style: { "width": "100%", "display": "flex", "align-items": "center" } };
-  const _hoisted_2$5 = ["innerHTML"];
+  const _hoisted_1$9 = { style: { "width": "100%", "display": "flex", "align-items": "center" } };
+  const _hoisted_2$4 = ["innerHTML"];
   const _hoisted_3$2 = {
     key: 0,
     style: { "display": "flex" }
@@ -1082,7 +1085,7 @@
           "body-style": { display: expand.value ? "block" : "none" }
         }, {
           header: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$a, [
+            vue.createElementVNode("div", _hoisted_1$9, [
               vue.createVNode(vue.unref(design.TMagicButton), {
                 style: { "padding": "0" },
                 link: "",
@@ -1093,7 +1096,7 @@
                 key: 0,
                 innerHTML: _ctx.config.extra,
                 class: "m-form-tip"
-              }, null, 8, _hoisted_2$5)) : 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)
               ])
@@ -1327,8 +1330,8 @@
     }
   });
 
-  const _hoisted_1$9 = { class: "m-fields-table-wrap" };
-  const _hoisted_2$4 = ["innerHTML"];
+  const _hoisted_1$8 = { class: "m-fields-table-wrap" };
+  const _hoisted_2$3 = ["innerHTML"];
   const _hoisted_3$1 = ["innerHTML"];
   const _hoisted_4 = { style: { "display": "flex", "justify-content": "space-between", "margin": "10px 0" } };
   const _hoisted_5 = { style: { "display": "flex" } };
@@ -1697,7 +1700,7 @@
         toggleRowSelection
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
           (vue.openBlock(), vue.createBlock(vue.Teleport, {
             to: "body",
             disabled: !isFullscreen.value
@@ -1711,7 +1714,7 @@
                 key: 0,
                 style: { "color": "rgba(0, 0, 0, 0.45)" },
                 innerHTML: _ctx.config.extra
-              }, null, 8, _hoisted_2$4)) : vue.createCommentVNode("", true),
+              }, null, 8, _hoisted_2$3)) : vue.createCommentVNode("", true),
               vue.createVNode(vue.unref(design.TMagicTooltip), {
                 content: "拖拽可排序",
                 placement: "left-start",
@@ -2262,13 +2265,14 @@
           placeholder: _ctx.config.placeholder,
           disabled: _ctx.disabled,
           options: options.value,
+          "popper-class": _ctx.config.popperClass,
           props: {
             multiple: _ctx.config.multiple ?? false,
             emitPath: _ctx.config.emitPath ?? true,
             checkStrictly: _ctx.config.checkStrictly ?? false
           },
           onChange: changeHandler
-        }, null, 8, ["modelValue", "size", "placeholder", "disabled", "options", "props"]);
+        }, null, 8, ["modelValue", "size", "placeholder", "disabled", "options", "popper-class", "props"]);
       };
     }
   });
@@ -2322,8 +2326,8 @@
           modelValue: _ctx.model[_ctx.name],
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
           size: _ctx.size,
-          trueLabel: activeValue.value,
-          falseLabel: inactiveValue.value,
+          trueValue: activeValue.value,
+          falseValue: inactiveValue.value,
           disabled: _ctx.disabled,
           onChange: changeHandler
         }, {
@@ -2331,7 +2335,7 @@
             vue.createTextVNode(vue.toDisplayString(_ctx.config.text), 1)
           ]),
           _: 1
-        }, 8, ["modelValue", "size", "trueLabel", "falseLabel", "disabled"]);
+        }, 8, ["modelValue", "size", "trueValue", "falseValue", "disabled"]);
       };
     }
   });
@@ -2382,7 +2386,6 @@
           default: vue.withCtx(() => [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(options.value, (option) => {
               return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicCheckbox), {
-                label: option.value,
                 value: option.value,
                 key: option.value,
                 disabled: option.disabled
@@ -2391,7 +2394,7 @@
                   vue.createTextVNode(vue.toDisplayString(option.text), 1)
                 ]),
                 _: 2
-              }, 1032, ["label", "value", "disabled"]);
+              }, 1032, ["value", "disabled"]);
             }), 128))
           ]),
           _: 1
@@ -2629,7 +2632,7 @@
     }
   });
 
-  const _hoisted_1$8 = { key: 0 };
+  const _hoisted_1$7 = { key: 0 };
   const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormDisplay"
@@ -2653,12 +2656,12 @@
       }
       useAddField(props.prop);
       return (_ctx, _cache) => {
-        return _ctx.model ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$8, vue.toDisplayString(_ctx.model[_ctx.name]), 1)) : vue.createCommentVNode("", true);
+        return _ctx.model ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$7, vue.toDisplayString(_ctx.model[_ctx.name]), 1)) : vue.createCommentVNode("", true);
       };
     }
   });
 
-  const _hoisted_1$7 = { class: "m-fields-dynamic-field" };
+  const _hoisted_1$6 = { class: "m-fields-dynamic-field" };
   const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormDynamicField"
@@ -2725,7 +2728,7 @@
         emit("change", fieldMap.value[key], key);
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
           vue.createVNode(vue.unref(design.TMagicForm), { size: "small" }, {
             default: vue.withCtx(() => [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Object.keys(fieldMap.value), (key) => {
@@ -2944,7 +2947,7 @@
     }
   });
 
-  const _hoisted_1$6 = { style: { "min-height": "1px" } };
+  const _hoisted_1$5 = { style: { "min-height": "1px" } };
   const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormDialog"
@@ -3053,7 +3056,7 @@
                   style: { "text-align": "left" }
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createElementVNode("div", _hoisted_1$6, [
+                    vue.createElementVNode("div", _hoisted_1$5, [
                       vue.renderSlot(_ctx.$slots, "left")
                     ])
                   ]),
@@ -3143,8 +3146,8 @@
     }
   });
 
-  const _hoisted_1$5 = ["href"];
-  const _hoisted_2$3 = {
+  const _hoisted_1$4 = ["href"];
+  const _hoisted_2$2 = {
     key: 2,
     class: "m-fields-link"
   };
@@ -3217,10 +3220,10 @@
           target: "_blank",
           href: href.value,
           style: vue.normalizeStyle(_ctx.config.css || {})
-        }, vue.toDisplayString(displayText.value), 13, _hoisted_1$5)) : _ctx.config.href && _ctx.disabled ? (vue.openBlock(), vue.createElementBlock("span", {
+        }, vue.toDisplayString(displayText.value), 13, _hoisted_1$4)) : _ctx.config.href && _ctx.disabled ? (vue.openBlock(), vue.createElementBlock("span", {
           key: 1,
           style: vue.normalizeStyle(_ctx.config.disabledCss || {})
-        }, vue.toDisplayString(displayText.value), 5)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$3, [
+        }, vue.toDisplayString(displayText.value), 5)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$2, [
           vue.createVNode(vue.unref(design.TMagicButton), {
             link: "",
             type: "primary",
@@ -3296,8 +3299,8 @@
     }
   });
 
-  const _hoisted_1$4 = { class: "m-fields-number-range" };
-  const _hoisted_2$2 = /* @__PURE__ */ vue.createElementVNode("span", { class: "split-tag" }, "-", -1);
+  const _hoisted_1$3 = { 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"
@@ -3329,7 +3332,7 @@
         emit("change", [props.model[props.name][0], Number(v)]);
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
           vue.createVNode(vue.unref(design.TMagicInput), {
             modelValue: _ctx.model[_ctx.name][0],
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name][0] = $event),
@@ -3338,7 +3341,7 @@
             disabled: _ctx.disabled,
             onChange: minChangeHandler
           }, null, 8, ["modelValue", "size", "disabled"]),
-          _hoisted_2$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),
@@ -3388,7 +3391,6 @@
           default: vue.withCtx(() => [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.config.options, (option) => {
               return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicRadio), {
-                label: option.value,
                 value: option.value,
                 key: `${option.value}`
               }, {
@@ -3396,7 +3398,7 @@
                   vue.createTextVNode(vue.toDisplayString(option.text), 1)
                 ]),
                 _: 2
-              }, 1032, ["label", "value"]);
+              }, 1032, ["value"]);
             }), 128))
           ]),
           _: 1
@@ -3462,7 +3464,7 @@
     }
   });
 
-  const _hoisted_1$3 = { key: 2 };
+  const _hoisted_1$2 = { key: 2 };
   const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormSelect"
@@ -3811,7 +3813,7 @@
               key: 1,
               options: vue.unref(itemOptions)
             }, null, 8, ["options"])),
-            moreLoadingVisible.value ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, null, 512)), [
+            moreLoadingVisible.value ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, null, 512)), [
               [_directive_loading, true]
             ]) : vue.createCommentVNode("", true)
           ]),
@@ -3881,8 +3883,8 @@
     }
   });
 
-  const _hoisted_1$2 = { class: "m-form-item__content" };
-  const _hoisted_2$1 = /* @__PURE__ */ vue.createElementVNode("div", { class: "m-form-validate__warning" }, "输入内容前后有空格，是否移除空格？", -1);
+  const _hoisted_1$1 = { class: "m-form-item__content" };
+  const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("div", { class: "m-form-validate__warning" }, "输入内容前后有空格，是否移除空格？", -1);
   const _hoisted_3 = { style: { "display": "flex", "justify-content": "flex-end" } };
   const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     ...{
@@ -4031,15 +4033,15 @@
                       vue.createTextVNode(vue.toDisplayString(appendConfig.value.text), 1)
                     ]),
                     _: 1
-                  }, 8, ["size", "onClick"])) : vue.createCommentVNode("", true)
+                  }, 8, ["size"])) : vue.createCommentVNode("", true)
                 ]),
                 key: "0"
               } : void 0
             ]), 1032, ["modelValue", "size", "placeholder", "disabled"])
           ]),
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$2, [
-              _hoisted_2$1,
+            vue.createElementVNode("div", _hoisted_1$1, [
+              _hoisted_2,
               vue.createElementVNode("div", _hoisted_3, [
                 vue.createVNode(vue.unref(design.TMagicButton), {
                   link: "",
@@ -4233,7 +4235,7 @@
     }
   });
 
-  const _hoisted_1$1 = { style: { "min-height": "1px" } };
+  const _hoisted_1 = { style: { "min-height": "1px" } };
   const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormDialog"
@@ -4337,7 +4339,7 @@
                   style: { "text-align": "left" }
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createElementVNode("div", _hoisted_1$1, [
+                    vue.createElementVNode("div", _hoisted_1, [
                       vue.renderSlot(_ctx.$slots, "left")
                     ])
                   ]),
@@ -4400,11 +4402,10 @@
     }
   });
 
-  const _hoisted_1 = { class: "m-form-box" };
-  const _hoisted_2 = { style: { "min-height": "1px" } };
+  const footerHeight = 60;
   const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     ...{
-      name: "MFormDialog"
+      name: "MFormBox"
     },
     __name: "FormBox",
     props: {
@@ -4412,6 +4413,7 @@
       values: { default: () => ({}) },
       parentValues: {},
       width: {},
+      height: {},
       labelWidth: {},
       disabled: { type: Boolean },
       size: {},
@@ -4421,15 +4423,26 @@
     },
     emits: ["submit", "change", "error"],
     setup(__props, { expose: __expose, emit: __emit }) {
+      const props = __props;
       const emit = __emit;
+      const style = vue.computed(() => {
+        const style2 = {};
+        if (typeof props.width === "number") {
+          style2.width = `${props.width}px`;
+        }
+        if (typeof props.height === "number") {
+          style2.height = `${props.height}px`;
+        }
+        return style2;
+      });
       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;
+        if (!props.height) {
+          return;
         }
+        bodyHeight.value = props.height - footerHeight;
       });
       const submitHandler = async () => {
         try {
@@ -4449,67 +4462,63 @@
       __expose({
         form,
         saveFetch,
-        bodyHeight,
         show,
         hide
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: "m-form-box",
+          style: vue.normalizeStyle(style.value)
+        }, [
           vue.createElementVNode("div", {
-            ref_key: "boxBody",
-            ref: boxBody,
-            class: "m-box-body"
+            class: "m-box-body",
+            style: vue.normalizeStyle(bodyHeight.value ? { height: `${bodyHeight.value}px` } : {})
           }, [
-            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
-              })
+            vue.createVNode(vue.unref(design.TMagicScrollbar), null, {
+              default: vue.withCtx(() => [
+                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")
+              ]),
+              _: 3
+            })
+          ], 4),
+          vue.createElementVNode("div", {
+            class: "dialog-footer",
+            style: vue.normalizeStyle(`height: ${footerHeight}px`)
+          }, [
+            vue.createElementVNode("div", null, [
+              vue.renderSlot(_ctx.$slots, "left")
             ]),
-            _: 3
-          })
-        ]);
+            vue.createElementVNode("div", null, [
+              vue.renderSlot(_ctx.$slots, "footer", {}, () => [
+                vue.createVNode(vue.unref(design.TMagicButton), {
+                  type: "primary",
+                  size: _ctx.size,
+                  disabled: _ctx.disabled,
+                  loading: saveFetch.value,
+                  onClick: submitHandler
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(vue.toDisplayString(_ctx.confirmText), 1)
+                  ]),
+                  _: 1
+                }, 8, ["size", "disabled", "loading"])
+              ])
+            ])
+          ], 4)
+        ], 4);
       };
     }
   });

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.3.16",
+  "version": "1.4.0-beta.2",
   "name": "@tmagic/form",
   "type": "module",
   "sideEffects": [
@@ -32,14 +32,14 @@
   },
   "dependencies": {
     "@element-plus/icons-vue": "^2.3.1",
-    "@tmagic/design": "1.3.16",
-    "@tmagic/utils": "1.3.16",
+    "@tmagic/design": "1.4.0-beta.2",
+    "@tmagic/utils": "1.4.0-beta.2",
     "lodash-es": "^4.17.21",
     "sortablejs": "^1.14.0",
-    "vue": "^3.3.8"
+    "vue": "^3.4.21"
   },
   "peerDependencies": {
-    "vue": "^3.3.8"
+    "vue": "^3.4.21"
   },
   "devDependencies": {
     "@babel/core": "^7.18.0",
@@ -47,17 +47,18 @@
     "@types/node": "^18.19.0",
     "@types/sortablejs": "^1.10.7",
     "@vitejs/plugin-vue": "^4.5.2",
-    "@vue/compiler-sfc": "^3.3.8",
-    "@vue/test-utils": "^2.3.2",
+    "@vue/compiler-sfc": "^3.4.21",
+    "@vue/test-utils": "^2.4.4",
     "rimraf": "^3.0.2",
     "sass": "^1.35.1",
-    "typescript": "^5.0.4",
-    "vite": "^5.0.7",
-    "vue-tsc": "^1.8.25"
+    "typescript": "^5.4.2",
+    "vite": "^5.1.6",
+    "vue-tsc": "^2.0.6"
   },
   "scripts": {
     "build": "npm run build:type && vite build",
     "build:type": "npm run clear:type && vue-tsc --declaration --emitDeclarationOnly --project tsconfig.build.json",
-    "clear:type": "rimraf ./types"
+    "clear:type": "rimraf ./types",
+    "type:check": "vue-tsc --noEmit"
   }
 }