@tmagic/form 1.5.0-beta.6 → 1.5.0-beta.8

package/dist/tmagic-form.js

@@ -185,11 +185,11 @@ const datetimeFormatter = (v, defaultValue = "-", format = "YYYY-MM-DD HH:mm:ss"
   return defaultValue;
 };
 
-const _hoisted_1$d = ["data-tmagic-id"];
-const _hoisted_2$8 = ["innerHTML", "title"];
-const _hoisted_3$5 = ["innerHTML"];
-const _hoisted_4$4 = ["innerHTML"];
-const _hoisted_5$4 = ["innerHTML"];
+const _hoisted_1$d = ["data-tmagic-id", "data-tmagic-form-item-prop"];
+const _hoisted_2$7 = ["innerHTML", "title"];
+const _hoisted_3$4 = ["innerHTML"];
+const _hoisted_4$3 = ["innerHTML"];
+const _hoisted_5$3 = ["innerHTML"];
 const _hoisted_6$2 = ["innerHTML", "title"];
 const _hoisted_7$1 = ["innerHTML"];
 const _hoisted_8$1 = ["innerHTML"];
@@ -340,6 +340,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       return _ctx.config ? (openBlock(), createElementBlock("div", {
         key: 0,
         "data-tmagic-id": _ctx.config.id,
+        "data-tmagic-form-item-prop": itemProp.value,
         style: normalizeStyle(_ctx.config.tip ? "display: flex;align-items: baseline;" : ""),
         class: normalizeClass(`m-form-container m-container-${type.value || ""} ${_ctx.config.className || ""}`)
       }, [
@@ -377,16 +378,15 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
               createElementVNode("span", {
                 innerHTML: type.value === "checkbox" ? "" : text.value,
                 title: _ctx.config.labelTitle
-              }, null, 8, _hoisted_2$8)
+              }, null, 8, _hoisted_2$7)
             ]),
             default: withCtx(() => [
               tooltip.value ? (openBlock(), createBlock(unref(TMagicTooltip), { key: 0 }, {
                 content: withCtx(() => [
-                  createElementVNode("div", { innerHTML: tooltip.value }, null, 8, _hoisted_3$5)
+                  createElementVNode("div", { innerHTML: tooltip.value }, null, 8, _hoisted_3$4)
                 ]),
                 default: withCtx(() => [
                   (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
-                    "data-tmagic-form-item-prop": itemProp.value,
                     key: key(_ctx.config),
                     size: _ctx.size,
                     model: _ctx.model,
@@ -397,11 +397,10 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
                     prop: itemProp.value,
                     onChange: onChangeHandler,
                     onAddDiffCount
-                  }, null, 40, ["data-tmagic-form-item-prop", "size", "model", "last-values", "config", "name", "disabled", "prop"]))
+                  }, null, 40, ["size", "model", "last-values", "config", "name", "disabled", "prop"]))
                 ]),
                 _: 1
               })) : (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
-                "data-tmagic-form-item-prop": itemProp.value,
                 key: key(_ctx.config),
                 size: _ctx.size,
                 model: _ctx.model,
@@ -412,12 +411,12 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
                 prop: itemProp.value,
                 onChange: onChangeHandler,
                 onAddDiffCount
-              }, null, 40, ["data-tmagic-form-item-prop", "size", "model", "last-values", "config", "name", "disabled", "prop"])),
+              }, null, 40, ["size", "model", "last-values", "config", "name", "disabled", "prop"])),
               extra.value && type.value !== "table" ? (openBlock(), createElementBlock("div", {
                 key: 2,
                 innerHTML: extra.value,
                 class: "m-form-tip"
-              }, null, 8, _hoisted_4$4)) : createCommentVNode("", true)
+              }, null, 8, _hoisted_4$3)) : createCommentVNode("", true)
             ]),
             _: 1
           }, 8, ["style", "class", "prop", "label-width", "rules"]),
@@ -428,7 +427,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
             content: withCtx(() => [
               createElementVNode("div", {
                 innerHTML: _ctx.config.tip
-              }, null, 8, _hoisted_5$4)
+              }, null, 8, _hoisted_5$3)
             ]),
             default: withCtx(() => [
               createVNode(unref(TMagicIcon), { style: { "line-height": "40px", "margin-left": "5px" } }, {
@@ -616,10 +615,10 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
 });
 
 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"];
+const _hoisted_2$6 = ["innerHTML"];
+const _hoisted_3$3 = { key: 1 };
+const _hoisted_4$2 = ["innerHTML"];
+const _hoisted_5$2 = ["innerHTML"];
 const _hoisted_6$1 = {
   key: 2,
   style: { "display": "flex" }
@@ -691,21 +690,21 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
                   key: 0,
                   innerHTML: _ctx.config.extra,
                   class: "m-form-tip"
-                }, null, 8, _hoisted_2$7)) : createCommentVNode("", true)
+                }, null, 8, _hoisted_2$6)) : createCommentVNode("", true)
               ]),
               _: 1
             }, 8, ["modelValue", "prop"])
           ]),
           _: 1
-        })) : (openBlock(), createElementBlock("legend", _hoisted_3$4, [
+        })) : (openBlock(), createElementBlock("legend", _hoisted_3$3, [
           createElementVNode("span", {
             innerHTML: _ctx.config.legend
-          }, null, 8, _hoisted_4$3),
+          }, null, 8, _hoisted_4$2),
           _ctx.config.extra ? (openBlock(), createElementBlock("span", {
             key: 0,
             innerHTML: _ctx.config.extra,
             class: "m-form-tip"
-          }, null, 8, _hoisted_5$3)) : createCommentVNode("", true)
+          }, null, 8, _hoisted_5$2)) : createCommentVNode("", true)
         ])),
         _ctx.config.schematic && show.value ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
           createElementVNode("div", _hoisted_7, [
@@ -752,7 +751,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$b = { class: "m-fields-group-list-item" };
-const _hoisted_2$6 = ["innerHTML"];
+const _hoisted_2$5 = ["innerHTML"];
 const _sfc_main$v = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormGroupListItem"
@@ -853,7 +852,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
               onClick: _cache[0] || (_cache[0] = ($event) => changeOrder(-1))
             }, {
               default: withCtx(() => [
-                createTextVNode("上移"),
+                _cache[3] || (_cache[3] = createTextVNode("上移")),
                 createVNode(unref(TMagicIcon), null, {
                   default: withCtx(() => [
                     createVNode(unref(CaretTop))
@@ -872,7 +871,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
               onClick: _cache[1] || (_cache[1] = ($event) => changeOrder(1))
             }, {
               default: withCtx(() => [
-                createTextVNode("下移"),
+                _cache[4] || (_cache[4] = createTextVNode("下移")),
                 createVNode(unref(TMagicIcon), null, {
                   default: withCtx(() => [
                     createVNode(unref(CaretBottom))
@@ -889,7 +888,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
             key: 1,
             innerHTML: itemExtra.value,
             class: "m-form-tip"
-          }, null, 8, _hoisted_2$6)) : createCommentVNode("", true)
+          }, null, 8, _hoisted_2$5)) : createCommentVNode("", true)
         ]),
         expand.value ? (openBlock(), createBlock(_sfc_main$x, {
           key: 0,
@@ -910,15 +909,11 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$a = { class: "m-fields-group-list" };
-const _hoisted_2$5 = ["innerHTML"];
-const _hoisted_3$3 = {
+const _hoisted_2$4 = ["innerHTML"];
+const _hoisted_3$2 = {
   key: 1,
   class: "el-table__empty-block"
 };
-const _hoisted_4$2 = /* @__PURE__ */ createElementVNode("span", { class: "el-table__empty-text" }, "暂无数据", -1);
-const _hoisted_5$2 = [
-  _hoisted_4$2
-];
 const _sfc_main$u = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormGroupList"
@@ -1004,8 +999,10 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
           key: 0,
           innerHTML: _ctx.config.extra,
           style: { "color": "rgba(0, 0, 0, 0.45)" }
-        }, null, 8, _hoisted_2$5)) : createCommentVNode("", true),
-        !_ctx.model[_ctx.name] || !_ctx.model[_ctx.name].length ? (openBlock(), createElementBlock("div", _hoisted_3$3, _hoisted_5$2)) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(_ctx.model[_ctx.name], (item, index) => {
+        }, null, 8, _hoisted_2$4)) : createCommentVNode("", true),
+        !_ctx.model[_ctx.name] || !_ctx.model[_ctx.name].length ? (openBlock(), createElementBlock("div", _hoisted_3$2, _cache[1] || (_cache[1] = [
+          createElementVNode("span", { class: "el-table__empty-text" }, "暂无数据", -1)
+        ]))) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(_ctx.model[_ctx.name], (item, index) => {
           return openBlock(), createBlock(_sfc_main$v, {
             key: index,
             model: item,
@@ -1030,9 +1027,9 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
           size: "small",
           disabled: _ctx.disabled
         }, {
-          default: withCtx(() => [
+          default: withCtx(() => _cache[2] || (_cache[2] = [
             createTextVNode("新增")
-          ]),
+          ])),
           _: 1
         }, 8, ["disabled"])) : createCommentVNode("", true),
         _ctx.config.enableToggleMode ? (openBlock(), createBlock(unref(TMagicButton), {
@@ -1041,9 +1038,9 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
           size: "small",
           onClick: toggleMode
         }, {
-          default: withCtx(() => [
+          default: withCtx(() => _cache[3] || (_cache[3] = [
             createTextVNode("切换为表格")
-          ]),
+          ])),
           _: 1
         }, 8, ["icon"])) : createCommentVNode("", true)
       ]);
@@ -1052,8 +1049,8 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$9 = { style: { "width": "100%", "display": "flex", "align-items": "center" } };
-const _hoisted_2$4 = ["innerHTML"];
-const _hoisted_3$2 = {
+const _hoisted_2$3 = ["innerHTML"];
+const _hoisted_3$1 = {
   key: 0,
   style: { "display": "flex" }
 };
@@ -1103,7 +1100,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
               key: 0,
               innerHTML: _ctx.config.extra,
               class: "m-form-tip"
-            }, null, 8, _hoisted_2$4)) : createCommentVNode("", true),
+            }, null, 8, _hoisted_2$3)) : createCommentVNode("", true),
             renderSlot(_ctx.$slots, "header", {}, () => [
               createTextVNode(toDisplayString(filter(_ctx.config.title)), 1)
             ])
@@ -1112,7 +1109,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createElementVNode("div", null, [
             renderSlot(_ctx.$slots, "default"),
-            _ctx.config.schematic ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
+            _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$x, {
@@ -1338,8 +1335,8 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$8 = { class: "m-fields-table-wrap" };
-const _hoisted_2$3 = ["innerHTML"];
-const _hoisted_3$1 = ["innerHTML"];
+const _hoisted_2$2 = ["innerHTML"];
+const _hoisted_3 = ["innerHTML"];
 const _hoisted_4 = { style: { "display": "flex", "justify-content": "space-between", "margin": "10px 0" } };
 const _hoisted_5 = { style: { "display": "flex" } };
 const _hoisted_6 = {
@@ -1717,7 +1714,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
               key: 0,
               style: { "color": "rgba(0, 0, 0, 0.45)" },
               innerHTML: _ctx.config.extra
-            }, null, 8, _hoisted_2$3)) : createCommentVNode("", true),
+            }, null, 8, _hoisted_2$2)) : createCommentVNode("", true),
             createVNode(unref(TMagicTooltip), {
               content: "拖拽可排序",
               placement: "left-start",
@@ -1749,7 +1746,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                         createElementVNode("span", {
                           innerHTML: itemExtra(_ctx.config.itemExtra, scope.$index),
                           class: "m-form-tip"
-                        }, null, 8, _hoisted_3$1)
+                        }, null, 8, _hoisted_3)
                       ]),
                       _: 1
                     })) : createCommentVNode("", true),
@@ -1886,9 +1883,9 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                 plain: "",
                 onClick: _cache[2] || (_cache[2] = ($event) => newHandler())
               }, {
-                default: withCtx(() => [
+                default: withCtx(() => _cache[4] || (_cache[4] = [
                   createTextVNode("新增一行")
-                ]),
+                ])),
                 _: 1
               }, 8, ["disabled"])) : createCommentVNode("", true),
               createElementVNode("div", _hoisted_5, [
@@ -1899,9 +1896,9 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                   type: "primary",
                   onClick: toggleMode
                 }, {
-                  default: withCtx(() => [
+                  default: withCtx(() => _cache[5] || (_cache[5] = [
                     createTextVNode("展开配置")
-                  ]),
+                  ])),
                   _: 1
                 }, 8, ["icon"])) : createCommentVNode("", true),
                 _ctx.config.enableFullscreen !== false ? (openBlock(), createBlock(unref(TMagicButton), {
@@ -1933,9 +1930,9 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                       disabled: _ctx.disabled,
                       plain: ""
                     }, {
-                      default: withCtx(() => [
+                      default: withCtx(() => _cache[6] || (_cache[6] = [
                         createTextVNode("导入EXCEL")
-                      ]),
+                      ])),
                       _: 1
                     }, 8, ["disabled"])
                   ]),
@@ -1949,9 +1946,9 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                   plain: "",
                   onClick: _cache[3] || (_cache[3] = ($event) => clearHandler())
                 }, {
-                  default: withCtx(() => [
+                  default: withCtx(() => _cache[7] || (_cache[7] = [
                     createTextVNode("清空")
-                  ]),
+                  ])),
                   _: 1
                 }, 8, ["disabled"])) : createCommentVNode("", true)
               ])
@@ -2478,7 +2475,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     useAddField(props.prop);
-    props.model[props.name] = datetimeFormatter(props.model[props.name], "", "YYYY/MM/DD");
+    props.model[props.name] = datetimeFormatter(props.model[props.name], "", props.config.valueFormat || "YYYY/MM/DD");
     const changeHandler = (v) => {
       emit("change", v);
     };
@@ -2529,9 +2526,10 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
             if (!value.value) {
               value.value = [];
             }
+            const format = `${props.config.dateFormat || "YYYY/MM/DD"} ${props.config.timeFormat || "HH:mm:ss"}`;
             if (!start || !end) value.value = [];
-            if (start !== preStart) value.value[0] = new Date(start);
-            if (end !== preEnd) value.value[1] = new Date(end);
+            if (start !== preStart) value.value[0] = datetimeFormatter(start, "", format);
+            if (end !== preEnd) value.value[1] = datetimeFormatter(end, "", format);
           },
           {
             immediate: true
@@ -2541,7 +2539,11 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
         watch(
           () => props.model[props.name],
           (start, preStart) => {
-            if (start !== preStart) value.value = start.map((item) => item ? new Date(item) : void 0);
+            const format = `${props.config.dateFormat || "YYYY/MM/DD"} ${props.config.timeFormat || "HH:mm:ss"}`;
+            if (start !== preStart)
+              value.value = start.map(
+                (item) => item ? datetimeFormatter(item, "", format) : void 0
+              );
           },
           {
             immediate: true
@@ -2555,11 +2557,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           return;
         }
         if (Array.isArray(v)) {
-          props.model[item] = datetimeFormatter(
-            v[index]?.toString(),
-            "",
-            props.config.valueFormat || "YYYY/MM/DD HH:mm:ss"
-          );
+          props.model[item] = v[index];
         } else {
           props.model[item] = void 0;
         }
@@ -2568,18 +2566,12 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     const changeHandler = (v) => {
       const value2 = v || [];
       if (props.name) {
-        emit(
-          "change",
-          value2.map((item) => {
-            if (item) return datetimeFormatter(item, "", props.config.valueFormat || "YYYY/MM/DD HH:mm:ss");
-            return void 0;
-          })
-        );
+        emit("change", value2);
       } else {
         if (names?.length) {
           setValue(value2);
         }
-        emit("change", value2);
+        emit("change", props.model);
       }
     };
     return (_ctx, _cache) => {
@@ -3089,9 +3081,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                       onClick: cancel,
                       size: "small"
                     }, {
-                      default: withCtx(() => [
+                      default: withCtx(() => _cache[2] || (_cache[2] = [
                         createTextVNode("取 消")
-                      ]),
+                      ])),
                       _: 1
                     }),
                     hasStep.value && stepActive.value > 1 ? (openBlock(), createBlock(unref(TMagicButton), {
@@ -3100,9 +3092,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                       size: "small",
                       onClick: preStep
                     }, {
-                      default: withCtx(() => [
+                      default: withCtx(() => _cache[3] || (_cache[3] = [
                         createTextVNode("上一步")
-                      ]),
+                      ])),
                       _: 1
                     })) : createCommentVNode("", true),
                     hasStep.value && stepCount.value > stepActive.value ? (openBlock(), createBlock(unref(TMagicButton), {
@@ -3111,9 +3103,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                       size: "small",
                       onClick: nextStep
                     }, {
-                      default: withCtx(() => [
+                      default: withCtx(() => _cache[4] || (_cache[4] = [
                         createTextVNode("下一步")
-                      ]),
+                      ])),
                       _: 1
                     })) : (openBlock(), createBlock(unref(TMagicButton), {
                       key: 2,
@@ -3167,7 +3159,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$4 = ["href"];
-const _hoisted_2$2 = {
+const _hoisted_2$1 = {
   key: 2,
   class: "m-fields-link"
 };
@@ -3243,15 +3235,15 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       }, toDisplayString(displayText.value), 13, _hoisted_1$4)) : _ctx.config.href && _ctx.disabled ? (openBlock(), createElementBlock("span", {
         key: 1,
         style: normalizeStyle(_ctx.config.disabledCss || {})
-      }, toDisplayString(displayText.value), 5)) : (openBlock(), createElementBlock("div", _hoisted_2$2, [
+      }, toDisplayString(displayText.value), 5)) : (openBlock(), createElementBlock("div", _hoisted_2$1, [
         createVNode(unref(TMagicButton), {
           link: "",
           type: "primary",
           onClick: editHandler
         }, {
-          default: withCtx(() => [
+          default: withCtx(() => _cache[0] || (_cache[0] = [
             createTextVNode("点击编辑")
-          ]),
+          ])),
           _: 1
         }),
         createVNode(_sfc_main$c, {
@@ -3320,7 +3312,6 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$3 = { class: "m-fields-number-range" };
-const _hoisted_2$1 = /* @__PURE__ */ createElementVNode("span", { class: "split-tag" }, "-", -1);
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormNumberRange"
@@ -3361,7 +3352,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           disabled: _ctx.disabled,
           onChange: minChangeHandler
         }, null, 8, ["modelValue", "size", "disabled"]),
-        _hoisted_2$1,
+        _cache[2] || (_cache[2] = createElementVNode("span", { class: "split-tag" }, "-", -1)),
         createVNode(unref(TMagicInput), {
           modelValue: _ctx.model[_ctx.name][1],
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.model[_ctx.name][1] = $event),
@@ -3884,8 +3875,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$1 = { class: "m-form-item__content" };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", { class: "m-form-validate__warning" }, "输入内容前后有空格，是否移除空格？", -1);
-const _hoisted_3 = { style: { "display": "flex", "justify-content": "flex-end" } };
+const _hoisted_2 = { style: { "display": "flex", "justify-content": "flex-end" } };
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormText"
@@ -4011,7 +4001,6 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             modelValue: _ctx.model[_ctx.name],
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
             clearable: "",
-            "data-tmagic-form-item-prop": _ctx.prop,
             size: _ctx.size,
             placeholder: _ctx.config.placeholder,
             disabled: _ctx.disabled,
@@ -4036,20 +4025,20 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               ]),
               key: "0"
             } : void 0
-          ]), 1032, ["modelValue", "data-tmagic-form-item-prop", "size", "placeholder", "disabled"])
+          ]), 1032, ["modelValue", "size", "placeholder", "disabled"])
         ]),
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1$1, [
-            _hoisted_2,
-            createElementVNode("div", _hoisted_3, [
+            _cache[5] || (_cache[5] = createElementVNode("div", { class: "m-form-validate__warning" }, "输入内容前后有空格，是否移除空格？", -1)),
+            createElementVNode("div", _hoisted_2, [
               createVNode(unref(TMagicButton), {
                 link: "",
                 size: "small",
                 onClick: _cache[2] || (_cache[2] = ($event) => popoverVisible.value = false)
               }, {
-                default: withCtx(() => [
+                default: withCtx(() => _cache[3] || (_cache[3] = [
                   createTextVNode("保持原样")
-                ]),
+                ])),
                 _: 1
               }),
               createVNode(unref(TMagicButton), {
@@ -4057,9 +4046,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                 size: "small",
                 onClick: confirmTrimHandler
               }, {
-                default: withCtx(() => [
+                default: withCtx(() => _cache[4] || (_cache[4] = [
                   createTextVNode("移除空格")
-                ]),
+                ])),
                 _: 1
               })
             ])
@@ -4345,9 +4334,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   renderSlot(_ctx.$slots, "footer", {}, () => [
                     createVNode(unref(TMagicButton), { onClick: handleClose }, {
-                      default: withCtx(() => [
+                      default: withCtx(() => _cache[1] || (_cache[1] = [
                         createTextVNode("关闭")
-                      ]),
+                      ])),
                       _: 1
                     }),
                     createVNode(unref(TMagicButton), {
@@ -4522,8 +4511,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 const createForm = (config) => config;
 const defaultInstallOpt = {};
 const index = {
-  install(app, opt = {}) {
-    const option = Object.assign(defaultInstallOpt, opt);
+  install(app, opt) {
+    const option = Object.assign(defaultInstallOpt, opt || {});
     app.config.globalProperties.$MAGIC_FORM = option;
     setConfig(option);
     app.component("m-form", _sfc_main$d);