@tmagic/form 1.3.9 → 1.3.11

package/dist/tmagic-form.umd.cjs

@@ -166,11 +166,11 @@
   };
 
   const _hoisted_1$e = ["id", "data-magic-id"];
-  const _hoisted_2$8 = ["innerHTML"];
-  const _hoisted_3$4 = ["innerHTML"];
+  const _hoisted_2$9 = ["innerHTML"];
+  const _hoisted_3$5 = ["innerHTML"];
   const _hoisted_4$4 = ["innerHTML"];
   const _hoisted_5$4 = ["innerHTML"];
-  const _hoisted_6$1 = ["innerHTML"];
+  const _hoisted_6$2 = ["innerHTML"];
   const _hoisted_7$1 = ["innerHTML"];
   const _hoisted_8$1 = ["innerHTML"];
   const _hoisted_9 = ["innerHTML"];
@@ -246,6 +246,8 @@
         }
         if (type2 === "form")
           return "";
+        if (type2 === "container")
+          return "";
         return type2?.replace(/([A-Z])/g, "-$1").toLowerCase() || (items.value ? "" : "text");
       });
       const display$1 = vue.computed(() => {
@@ -369,12 +371,12 @@
               label: vue.withCtx(() => [
                 vue.createElementVNode("span", {
                   innerHTML: type.value === "checkbox" ? "" : text.value
-                }, null, 8, _hoisted_2$8)
+                }, null, 8, _hoisted_2$9)
               ]),
               default: vue.withCtx(() => [
                 tooltip.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), { key: 0 }, {
                   content: vue.withCtx(() => [
-                    vue.createElementVNode("div", { innerHTML: tooltip.value }, null, 8, _hoisted_3$4)
+                    vue.createElementVNode("div", { innerHTML: tooltip.value }, null, 8, _hoisted_3$5)
                   ]),
                   default: vue.withCtx(() => [
                     (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tagName.value), {
@@ -441,7 +443,7 @@
               label: vue.withCtx(() => [
                 vue.createElementVNode("span", {
                   innerHTML: type.value === "checkbox" ? "" : text.value
-                }, null, 8, _hoisted_6$1)
+                }, null, 8, _hoisted_6$2)
               ]),
               default: vue.withCtx(() => [
                 tooltip.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), { key: 0 }, {
@@ -589,7 +591,7 @@
               type: "primary",
               size: "small",
               disabled: false,
-              text: "",
+              link: "",
               onClick: expandHandler
             }, {
               default: vue.withCtx(() => [
@@ -604,11 +606,11 @@
   });
 
   const _hoisted_1$d = ["innerHTML"];
-  const _hoisted_2$7 = ["innerHTML"];
-  const _hoisted_3$3 = { key: 1 };
+  const _hoisted_2$8 = ["innerHTML"];
+  const _hoisted_3$4 = { key: 1 };
   const _hoisted_4$3 = ["innerHTML"];
   const _hoisted_5$3 = ["innerHTML"];
-  const _hoisted_6 = {
+  const _hoisted_6$1 = {
     key: 2,
     style: { "display": "flex" }
   };
@@ -679,13 +681,13 @@
                     key: 0,
                     innerHTML: _ctx.config.extra,
                     class: "m-form-tip"
-                  }, null, 8, _hoisted_2$7)) : vue.createCommentVNode("", true)
+                  }, null, 8, _hoisted_2$8)) : vue.createCommentVNode("", true)
                 ]),
                 _: 1
               }, 8, ["modelValue", "prop"])
             ]),
             _: 1
-          })) : (vue.openBlock(), vue.createElementBlock("legend", _hoisted_3$3, [
+          })) : (vue.openBlock(), vue.createElementBlock("legend", _hoisted_3$4, [
             vue.createElementVNode("span", {
               innerHTML: _ctx.config.legend
             }, null, 8, _hoisted_4$3),
@@ -695,7 +697,7 @@
               class: "m-form-tip"
             }, null, 8, _hoisted_5$3)) : vue.createCommentVNode("", true)
           ])),
-          _ctx.config.schematic && show.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+          _ctx.config.schematic && show.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$1, [
             vue.createElementVNode("div", _hoisted_7, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.config.items, (item, index) => {
                 return vue.openBlock(), vue.createBlock(_sfc_main$z, {
@@ -740,7 +742,7 @@
   });
 
   const _hoisted_1$c = { class: "m-fields-group-list-item" };
-  const _hoisted_2$6 = ["innerHTML"];
+  const _hoisted_2$7 = ["innerHTML"];
   const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormGroupListItem"
@@ -810,7 +812,7 @@
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
           vue.createElementVNode("div", null, [
             vue.createVNode(vue.unref(design.TMagicButton), {
-              text: "",
+              link: "",
               disabled: _ctx.disabled,
               icon: expand.value ? vue.unref(iconsVue.CaretBottom) : vue.unref(iconsVue.CaretRight),
               onClick: expandHandler
@@ -822,7 +824,7 @@
             }, 8, ["disabled", "icon"]),
             vue.withDirectives(vue.createVNode(vue.unref(design.TMagicButton), {
               style: { "color": "#f56c6c" },
-              text: "",
+              link: "",
               icon: vue.unref(iconsVue.Delete),
               disabled: _ctx.disabled,
               onClick: removeHandler
@@ -831,7 +833,7 @@
             ]),
             movable() ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
               vue.withDirectives(vue.createVNode(vue.unref(design.TMagicButton), {
-                text: "",
+                link: "",
                 disabled: _ctx.disabled,
                 size: "small",
                 onClick: _cache[0] || (_cache[0] = ($event) => changeOrder(-1))
@@ -851,7 +853,7 @@
               ]),
               vue.withDirectives(vue.createVNode(vue.unref(design.TMagicButton), {
                 disabled: _ctx.disabled,
-                text: "",
+                link: "",
                 size: "small",
                 onClick: _cache[1] || (_cache[1] = ($event) => changeOrder(1))
               }, {
@@ -873,7 +875,7 @@
               key: 1,
               innerHTML: itemExtra.value,
               class: "m-form-tip"
-            }, null, 8, _hoisted_2$6)) : vue.createCommentVNode("", true)
+            }, null, 8, _hoisted_2$7)) : vue.createCommentVNode("", true)
           ]),
           expand.value ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
             key: 0,
@@ -894,8 +896,8 @@
   });
 
   const _hoisted_1$b = { class: "m-fields-group-list" };
-  const _hoisted_2$5 = ["innerHTML"];
-  const _hoisted_3$2 = {
+  const _hoisted_2$6 = ["innerHTML"];
+  const _hoisted_3$3 = {
     key: 1,
     class: "el-table__empty-block"
   };
@@ -992,8 +994,8 @@
             key: 0,
             innerHTML: _ctx.config.extra,
             style: { "color": "rgba(0, 0, 0, 0.45)" }
-          }, null, 8, _hoisted_2$5)) : vue.createCommentVNode("", true),
-          !_ctx.model[_ctx.name] || !_ctx.model[_ctx.name].length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$2, _hoisted_5$2)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 2 }, vue.renderList(_ctx.model[_ctx.name], (item, index) => {
+          }, null, 8, _hoisted_2$6)) : 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,
               model: item,
@@ -1040,8 +1042,8 @@
   });
 
   const _hoisted_1$a = { style: { "width": "100%", "display": "flex", "align-items": "center" } };
-  const _hoisted_2$4 = ["innerHTML"];
-  const _hoisted_3$1 = {
+  const _hoisted_2$5 = ["innerHTML"];
+  const _hoisted_3$2 = {
     key: 0,
     style: { "display": "flex" }
   };
@@ -1083,7 +1085,7 @@
             vue.createElementVNode("div", _hoisted_1$a, [
               vue.createVNode(vue.unref(design.TMagicButton), {
                 style: { "padding": "0" },
-                text: "",
+                link: "",
                 icon: expand.value ? vue.unref(iconsVue.CaretBottom) : vue.unref(iconsVue.CaretRight),
                 onClick: _cache[0] || (_cache[0] = ($event) => expand.value = !expand.value)
               }, null, 8, ["icon"]),
@@ -1091,7 +1093,7 @@
                 key: 0,
                 innerHTML: _ctx.config.extra,
                 class: "m-form-tip"
-              }, null, 8, _hoisted_2$4)) : vue.createCommentVNode("", true),
+              }, null, 8, _hoisted_2$5)) : vue.createCommentVNode("", true),
               vue.renderSlot(_ctx.$slots, "header", {}, () => [
                 vue.createTextVNode(vue.toDisplayString(filter(_ctx.config.title)), 1)
               ])
@@ -1100,7 +1102,7 @@
           default: vue.withCtx(() => [
             vue.createElementVNode("div", null, [
               vue.renderSlot(_ctx.$slots, "default"),
-              _ctx.config.schematic ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$1, [
+              _ctx.config.schematic ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$2, [
                 vue.createElementVNode("div", _hoisted_4$1, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items.value, (item, index) => {
                     return vue.openBlock(), vue.createBlock(_sfc_main$z, {
@@ -1325,11 +1327,12 @@
     }
   });
 
-  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 = {
+  const _hoisted_1$9 = { class: "m-fields-table-wrap" };
+  const _hoisted_2$4 = ["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" } };
+  const _hoisted_6 = {
     key: 1,
     class: "bottom",
     style: { "text-align": "right" }
@@ -1361,6 +1364,7 @@
       const emit = __emit;
       let timer = null;
       const mForm = vue.inject("mForm");
+      const { nextZIndex } = design.useZIndex();
       const tMagicTable = vue.ref();
       const excelBtn = vue.ref();
       const mTable = vue.ref();
@@ -1673,11 +1677,14 @@
         });
       };
       const toggleFullscreen = () => {
+        if (!mTable.value)
+          return;
         if (isFullscreen.value) {
-          mTable.value?.classList.remove("fixed");
+          mTable.value.classList.remove("fixed");
           isFullscreen.value = false;
         } else {
-          mTable.value?.classList.add("fixed");
+          mTable.value.classList.add("fixed");
+          mTable.value.style.zIndex = `${nextZIndex()}`;
           isFullscreen.value = true;
         }
       };
@@ -1690,7 +1697,7 @@
         toggleRowSelection
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", null, [
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
           (vue.openBlock(), vue.createBlock(vue.Teleport, {
             to: "body",
             disabled: !isFullscreen.value
@@ -1704,7 +1711,7 @@
                 key: 0,
                 style: { "color": "rgba(0, 0, 0, 0.45)" },
                 innerHTML: _ctx.config.extra
-              }, null, 8, _hoisted_1$9)) : vue.createCommentVNode("", true),
+              }, null, 8, _hoisted_2$4)) : vue.createCommentVNode("", true),
               vue.createVNode(vue.unref(design.TMagicTooltip), {
                 content: "拖拽可排序",
                 placement: "left-start",
@@ -1736,7 +1743,7 @@
                           vue.createElementVNode("span", {
                             innerHTML: itemExtra(_ctx.config.itemExtra, scope.$index),
                             class: "m-form-tip"
-                          }, null, 8, _hoisted_2$3)
+                          }, null, 8, _hoisted_3$1)
                         ]),
                         _: 1
                       })) : vue.createCommentVNode("", true),
@@ -1780,7 +1787,7 @@
                                 type: "primary",
                                 icon: vue.unref(iconsVue.ArrowUp),
                                 disabled: _ctx.disabled,
-                                text: "",
+                                link: "",
                                 onClick: ($event) => upHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1),
                                 onDblclick: ($event) => topHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
                               }, null, 8, ["icon", "disabled", "onClick", "onDblclick"])
@@ -1799,7 +1806,7 @@
                                 type: "primary",
                                 icon: vue.unref(iconsVue.ArrowDown),
                                 disabled: _ctx.disabled,
-                                text: "",
+                                link: "",
                                 onClick: ($event) => downHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1),
                                 onDblclick: ($event) => bottomHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
                               }, null, 8, ["icon", "disabled", "onClick", "onDblclick"])
@@ -1864,7 +1871,7 @@
                 _: 3
               }, 8, ["disabled"]),
               vue.renderSlot(_ctx.$slots, "default"),
-              vue.createElementVNode("div", _hoisted_3, [
+              vue.createElementVNode("div", _hoisted_4, [
                 addable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
                   key: 0,
                   size: "small",
@@ -1878,7 +1885,7 @@
                   ]),
                   _: 1
                 }, 8, ["disabled"])) : vue.createCommentVNode("", true),
-                vue.createElementVNode("div", _hoisted_4, [
+                vue.createElementVNode("div", _hoisted_5, [
                   _ctx.enableToggleMode && _ctx.config.enableToggleMode !== false && !isFullscreen.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
                     key: 0,
                     icon: vue.unref(iconsVue.Grid),
@@ -1943,7 +1950,7 @@
                   }, 8, ["disabled"])) : vue.createCommentVNode("", true)
                 ])
               ]),
-              _ctx.config.pagination ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+              _ctx.config.pagination ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
                 vue.createVNode(vue.unref(design.TMagicPagination), {
                   layout: "total, sizes, prev, pager, next, jumper",
                   "hide-on-single-page": _ctx.model[modelName.value].length < pagesize.value,
@@ -3137,7 +3144,7 @@
   });
 
   const _hoisted_1$5 = ["href"];
-  const _hoisted_2$2 = {
+  const _hoisted_2$3 = {
     key: 2,
     class: "m-fields-link"
   };
@@ -3213,9 +3220,9 @@
         }, vue.toDisplayString(displayText.value), 13, _hoisted_1$5)) : _ctx.config.href && _ctx.disabled ? (vue.openBlock(), vue.createElementBlock("span", {
           key: 1,
           style: vue.normalizeStyle(_ctx.config.disabledCss || {})
-        }, vue.toDisplayString(displayText.value), 5)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$2, [
+        }, vue.toDisplayString(displayText.value), 5)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$3, [
           vue.createVNode(vue.unref(design.TMagicButton), {
-            text: true,
+            link: "",
             type: "primary",
             onClick: editHandler
           }, {
@@ -3290,7 +3297,7 @@
   });
 
   const _hoisted_1$4 = { class: "m-fields-number-range" };
-  const _hoisted_2$1 = /* @__PURE__ */ vue.createElementVNode("span", { class: "split-tag" }, "-", -1);
+  const _hoisted_2$2 = /* @__PURE__ */ vue.createElementVNode("span", { class: "split-tag" }, "-", -1);
   const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormNumberRange"
@@ -3331,7 +3338,7 @@
             disabled: _ctx.disabled,
             onChange: minChangeHandler
           }, null, 8, ["modelValue", "size", "disabled"]),
-          _hoisted_2$1,
+          _hoisted_2$2,
           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),
@@ -3874,7 +3881,9 @@
     }
   });
 
-  const _hoisted_1$2 = { key: 0 };
+  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_3 = { style: { "display": "flex", "justify-content": "flex-end" } };
   const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormText"
@@ -3897,18 +3906,45 @@
       const emit = __emit;
       useAddField(props.prop);
       const mForm = vue.inject("mForm");
+      const appendConfig = vue.computed(() => {
+        if (typeof props.config.append === "string") {
+          return {
+            text: props.config.append,
+            type: "button",
+            handler: void 0
+          };
+        }
+        if (props.config.append && typeof props.config.append === "object") {
+          if (props.config.append.value === 0) {
+            return false;
+          }
+          return props.config.append;
+        }
+        return false;
+      });
+      const popoverVisible = vue.ref(false);
+      const confirmTrimHandler = () => {
+        emit("change", props.model[props.name].trim() || "");
+        popoverVisible.value = false;
+      };
+      const checkWhiteSpace = (value) => {
+        if (typeof value === "string" && !props.config.trim) {
+          popoverVisible.value = value.trim() !== value;
+        }
+      };
       const changeHandler = (value) => {
         emit("change", value);
       };
       const inputHandler = (v) => {
+        checkWhiteSpace(v);
         emit("input", v);
         mForm?.$emit("field-input", props.prop, v);
       };
       const buttonClickHandler = () => {
-        if (typeof props.config.append === "string")
+        if (!appendConfig.value)
           return;
-        if (props.config.append?.handler) {
-          props.config.append.handler(mForm, {
+        if (typeof appendConfig.value.handler === "function") {
+          appendConfig.value.handler(mForm, {
             model: props.model,
             values: mForm?.values
           });
@@ -3966,36 +4002,70 @@
         emit("change", props.model[props.name]);
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicInput), {
-          modelValue: _ctx.model[_ctx.name],
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
-          clearable: "",
-          size: _ctx.size,
-          placeholder: _ctx.config.placeholder,
-          disabled: _ctx.disabled,
-          onChange: changeHandler,
-          onInput: inputHandler,
-          onKeyup: _cache[1] || (_cache[1] = ($event) => keyUpHandler($event))
-        }, vue.createSlots({ _: 2 }, [
-          _ctx.config.append ? {
-            name: "append",
-            fn: vue.withCtx(() => [
-              typeof _ctx.config.append === "string" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$2, vue.toDisplayString(_ctx.config.append), 1)) : vue.createCommentVNode("", true),
-              typeof _ctx.config.append === "object" && _ctx.config.append.type === "button" ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
-                key: 1,
-                style: { "color": "#409eff" },
-                size: _ctx.size,
-                onClick: vue.withModifiers(buttonClickHandler, ["prevent"])
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createTextVNode(vue.toDisplayString(_ctx.config.append.text), 1)
+        return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicPopover), {
+          visible: popoverVisible.value,
+          width: "220px"
+        }, {
+          reference: vue.withCtx(() => [
+            vue.createVNode(vue.unref(design.TMagicInput), {
+              modelValue: _ctx.model[_ctx.name],
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model[_ctx.name] = $event),
+              clearable: "",
+              size: _ctx.size,
+              placeholder: _ctx.config.placeholder,
+              disabled: _ctx.disabled,
+              onChange: changeHandler,
+              onInput: inputHandler,
+              onKeyup: _cache[1] || (_cache[1] = ($event) => keyUpHandler($event))
+            }, vue.createSlots({ _: 2 }, [
+              appendConfig.value ? {
+                name: "append",
+                fn: vue.withCtx(() => [
+                  appendConfig.value.type === "button" ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+                    key: 0,
+                    style: { "color": "#409eff" },
+                    size: _ctx.size,
+                    onClick: vue.withModifiers(buttonClickHandler, ["prevent"])
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(vue.toDisplayString(appendConfig.value.text), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["size", "onClick"])) : vue.createCommentVNode("", true)
                 ]),
-                _: 1
-              }, 8, ["size", "onClick"])) : vue.createCommentVNode("", true)
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["modelValue", "size", "placeholder", "disabled"]);
+                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_3, [
+                vue.createVNode(vue.unref(design.TMagicButton), {
+                  link: "",
+                  size: "small",
+                  onClick: _cache[2] || (_cache[2] = ($event) => popoverVisible.value = false)
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode("保持原样")
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(vue.unref(design.TMagicButton), {
+                  type: "primary",
+                  size: "small",
+                  onClick: confirmTrimHandler
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode("移除空格")
+                  ]),
+                  _: 1
+                })
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible"]);
       };
     }
   });
@@ -4444,6 +4514,9 @@
     }
   });
 
+  const createForm = function(config) {
+    return config;
+  };
   const defaultInstallOpt = {};
   const index = {
     install(app, opt = {}) {
@@ -4514,6 +4587,7 @@
   exports.MTextarea = _sfc_main$4;
   exports.MTime = _sfc_main$3;
   exports.MTimerange = _sfc_main$2;
+  exports.createForm = createForm;
   exports.createValues = createValues;
   exports.default = index;
   exports.display = display;
@@ -4525,4 +4599,3 @@
   Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 }));
-//# sourceMappingURL=tmagic-form.umd.cjs.map

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.3.9",
+  "version": "1.3.11",
   "name": "@tmagic/form",
   "type": "module",
   "sideEffects": [
@@ -32,8 +32,8 @@
   },
   "dependencies": {
     "@element-plus/icons-vue": "^2.3.1",
-    "@tmagic/design": "1.3.9",
-    "@tmagic/utils": "1.3.9",
+    "@tmagic/design": "1.3.11",
+    "@tmagic/utils": "1.3.11",
     "lodash-es": "^4.17.21",
     "sortablejs": "^1.14.0",
     "vue": "^3.3.8"

package/src/containers/Container.vue

@@ -212,7 +212,7 @@
     </template>
 
     <div style="text-align: center" v-if="config.expand && type !== 'fieldset'">
-      <TMagicButton type="primary" size="small" :disabled="false" text @click="expandHandler">{{
+      <TMagicButton type="primary" size="small" :disabled="false" link @click="expandHandler">{{
         expand ? '收起配置' : '展开更多配置'
       }}</TMagicButton>
     </div>
@@ -312,6 +312,7 @@ const type = computed((): string => {
     });
   }
   if (type === 'form') return '';
+  if (type === 'container') return '';
   return type?.replace(/([A-Z])/g, '-$1').toLowerCase() || (items.value ? '' : 'text');
 });
 

package/src/containers/GroupListItem.vue

@@ -1,24 +1,24 @@
 <template>
   <div class="m-fields-group-list-item">
     <div>
-      <TMagicButton text :disabled="disabled" :icon="expand ? CaretBottom : CaretRight" @click="expandHandler">{{
+      <TMagicButton link :disabled="disabled" :icon="expand ? CaretBottom : CaretRight" @click="expandHandler">{{
         title
       }}</TMagicButton>
 
       <TMagicButton
         v-show="showDelete(parseInt(String(index)))"
         style="color: #f56c6c"
-        text
+        link
         :icon="Delete"
         :disabled="disabled"
         @click="removeHandler"
       ></TMagicButton>
 
       <template v-if="movable()">
-        <TMagicButton v-show="index !== 0" text :disabled="disabled" size="small" @click="changeOrder(-1)"
+        <TMagicButton v-show="index !== 0" link :disabled="disabled" size="small" @click="changeOrder(-1)"
           >上移<TMagicIcon><CaretTop /></TMagicIcon
         ></TMagicButton>
-        <TMagicButton v-show="index !== length - 1" :disabled="disabled" text size="small" @click="changeOrder(1)"
+        <TMagicButton v-show="index !== length - 1" :disabled="disabled" link size="small" @click="changeOrder(1)"
           >下移<TMagicIcon><CaretBottom /></TMagicIcon
         ></TMagicButton>
       </template>

package/src/containers/Panel.vue

@@ -6,7 +6,7 @@
   >
     <template #header>
       <div style="width: 100%; display: flex; align-items: center">
-        <TMagicButton style="padding: 0" text :icon="expand ? CaretBottom : CaretRight" @click="expand = !expand">
+        <TMagicButton style="padding: 0" link :icon="expand ? CaretBottom : CaretRight" @click="expand = !expand">
         </TMagicButton>
         <span v-if="config && config.extra" v-html="config.extra" class="m-form-tip"></span>
         <slot name="header">{{ filter(config.title) }}</slot>