@tmagic/form 1.3.8 → 1.3.10

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,272 +1697,274 @@
         toggleRowSelection
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(vue.Teleport, {
-          to: "body",
-          disabled: !isFullscreen.value
-        }, [
-          vue.createElementVNode("div", {
-            ref_key: "mTable",
-            ref: mTable,
-            class: vue.normalizeClass(["m-fields-table", { "m-fields-table-item-extra": _ctx.config.itemExtra }])
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
+          (vue.openBlock(), vue.createBlock(vue.Teleport, {
+            to: "body",
+            disabled: !isFullscreen.value
           }, [
-            _ctx.config.extra ? (vue.openBlock(), vue.createElementBlock("span", {
-              key: 0,
-              style: { "color": "rgba(0, 0, 0, 0.45)" },
-              innerHTML: _ctx.config.extra
-            }, null, 8, _hoisted_1$9)) : vue.createCommentVNode("", true),
-            vue.createVNode(vue.unref(design.TMagicTooltip), {
-              content: "拖拽可排序",
-              placement: "left-start",
-              disabled: _ctx.config.dropSort !== true
-            }, {
-              default: vue.withCtx(() => [
-                _ctx.model[modelName.value] ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTable), {
-                  ref_key: "tMagicTable",
-                  ref: tMagicTable,
-                  style: { "width": "100%" },
-                  "row-key": _ctx.config.rowKey || "id",
-                  data: data.value,
-                  lastData: lastData.value,
-                  border: _ctx.config.border,
-                  "max-height": _ctx.config.maxHeight,
-                  "default-expand-all": true,
-                  key: updateKey.value,
-                  onSelect: selectHandle,
-                  onSortChange: sortChange
-                }, {
-                  default: vue.withCtx(() => [
-                    _ctx.config.itemExtra ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
-                      key: 0,
-                      fixed: "left",
-                      width: "30",
-                      type: "expand"
-                    }, {
-                      default: vue.withCtx((scope) => [
-                        vue.createElementVNode("span", {
-                          innerHTML: itemExtra(_ctx.config.itemExtra, scope.$index),
-                          class: "m-form-tip"
-                        }, null, 8, _hoisted_2$3)
-                      ]),
-                      _: 1
-                    })) : vue.createCommentVNode("", true),
-                    vue.createVNode(vue.unref(design.TMagicTableColumn), {
-                      label: "操作",
-                      width: _ctx.config.operateColWidth || 55,
-                      align: "center",
-                      fixed: _ctx.config.fixed === false ? void 0 : "left"
-                    }, {
-                      default: vue.withCtx((scope) => [
-                        vue.renderSlot(_ctx.$slots, "operateCol", { scope }),
-                        vue.withDirectives(vue.createVNode(vue.unref(design.TMagicIcon), {
-                          class: "m-table-delete-icon",
-                          onClick: ($event) => removeHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createVNode(vue.unref(iconsVue.Delete))
-                          ]),
-                          _: 2
-                        }, 1032, ["onClick"]), [
-                          [vue.vShow, showDelete(scope.$index + 1 + pagecontext.value * pagesize.value - 1)]
-                        ])
-                      ]),
-                      _: 3
-                    }, 8, ["width", "fixed"]),
-                    _ctx.sort && _ctx.model[modelName.value] && _ctx.model[modelName.value].length > 1 ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
-                      key: 1,
-                      label: "排序",
-                      width: "60"
-                    }, {
-                      default: vue.withCtx((scope) => [
-                        scope.$index + 1 + pagecontext.value * pagesize.value - 1 !== 0 ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
-                          key: 0,
-                          content: "点击上移，双击置顶",
-                          placement: "top"
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createVNode(vue.unref(design.TMagicButton), {
-                              plain: "",
-                              size: "small",
-                              type: "primary",
-                              icon: vue.unref(iconsVue.ArrowUp),
-                              disabled: _ctx.disabled,
-                              text: "",
-                              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"])
-                          ]),
-                          _: 2
-                        }, 1024)) : vue.createCommentVNode("", true),
-                        scope.$index + 1 + pagecontext.value * pagesize.value - 1 !== _ctx.model[modelName.value].length - 1 ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
-                          key: 1,
-                          content: "点击下移，双击置底",
-                          placement: "top"
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createVNode(vue.unref(design.TMagicButton), {
-                              plain: "",
-                              size: "small",
-                              type: "primary",
-                              icon: vue.unref(iconsVue.ArrowDown),
-                              disabled: _ctx.disabled,
-                              text: "",
-                              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"])
-                          ]),
-                          _: 2
-                        }, 1024)) : vue.createCommentVNode("", true)
-                      ]),
-                      _: 1
-                    })) : vue.createCommentVNode("", true),
-                    selection.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
-                      key: 2,
-                      align: "center",
-                      "header-align": "center",
-                      type: "selection",
-                      width: "45"
-                    })) : vue.createCommentVNode("", true),
-                    _ctx.showIndex && _ctx.config.showIndex ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
-                      key: 3,
-                      width: "60",
-                      label: "序号"
-                    }, {
-                      default: vue.withCtx((scope) => [
-                        vue.createTextVNode(vue.toDisplayString(scope.$index + 1 + pagecontext.value * pagesize.value), 1)
-                      ]),
-                      _: 1
-                    })) : vue.createCommentVNode("", true),
-                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.config.items, (column, index) => {
-                      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-                        column.type !== "hidden" && display$1(column.display) ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
-                          prop: column.name,
-                          width: column.width,
-                          label: column.label,
-                          sortable: column.sortable,
-                          "sort-orders": ["ascending", "descending"],
-                          key: column[vue.unref(mForm)?.keyProp || "__key"] ?? index,
-                          "class-name": _ctx.config.dropSort === true ? "el-table__column--dropable" : ""
-                        }, {
-                          default: vue.withCtx((scope) => [
-                            scope.$index > -1 ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
-                              key: 0,
-                              labelWidth: "0",
-                              disabled: _ctx.disabled,
-                              prop: getProp(scope.$index),
-                              rules: column.rules,
-                              config: makeConfig(column, scope.row),
-                              model: scope.row,
-                              lastValues: lastData.value[scope.$index],
-                              "is-compare": _ctx.isCompare,
-                              size: _ctx.size,
-                              onChange: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("change", _ctx.model[modelName.value])),
-                              onAddDiffCount: _cache[1] || (_cache[1] = ($event) => onAddDiffCount())
-                            }, null, 8, ["disabled", "prop", "rules", "config", "model", "lastValues", "is-compare", "size"])) : vue.createCommentVNode("", true)
-                          ]),
-                          _: 2
-                        }, 1032, ["prop", "width", "label", "sortable", "class-name"])) : vue.createCommentVNode("", true)
-                      ], 64);
-                    }), 256))
-                  ]),
-                  _: 3
-                }, 8, ["row-key", "data", "lastData", "border", "max-height"])) : vue.createCommentVNode("", true)
-              ]),
-              _: 3
-            }, 8, ["disabled"]),
-            vue.renderSlot(_ctx.$slots, "default"),
-            vue.createElementVNode("div", _hoisted_3, [
-              addable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+            vue.createElementVNode("div", {
+              ref_key: "mTable",
+              ref: mTable,
+              class: vue.normalizeClass(["m-fields-table", { "m-fields-table-item-extra": _ctx.config.itemExtra }])
+            }, [
+              _ctx.config.extra ? (vue.openBlock(), vue.createElementBlock("span", {
                 key: 0,
-                size: "small",
-                type: "primary",
-                disabled: _ctx.disabled,
-                plain: "",
-                onClick: _cache[2] || (_cache[2] = ($event) => newHandler())
+                style: { "color": "rgba(0, 0, 0, 0.45)" },
+                innerHTML: _ctx.config.extra
+              }, null, 8, _hoisted_2$4)) : vue.createCommentVNode("", true),
+              vue.createVNode(vue.unref(design.TMagicTooltip), {
+                content: "拖拽可排序",
+                placement: "left-start",
+                disabled: _ctx.config.dropSort !== true
               }, {
                 default: vue.withCtx(() => [
-                  vue.createTextVNode("新增一行")
+                  _ctx.model[modelName.value] ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTable), {
+                    ref_key: "tMagicTable",
+                    ref: tMagicTable,
+                    style: { "width": "100%" },
+                    "row-key": _ctx.config.rowKey || "id",
+                    data: data.value,
+                    lastData: lastData.value,
+                    border: _ctx.config.border,
+                    "max-height": _ctx.config.maxHeight,
+                    "default-expand-all": true,
+                    key: updateKey.value,
+                    onSelect: selectHandle,
+                    onSortChange: sortChange
+                  }, {
+                    default: vue.withCtx(() => [
+                      _ctx.config.itemExtra ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
+                        key: 0,
+                        fixed: "left",
+                        width: "30",
+                        type: "expand"
+                      }, {
+                        default: vue.withCtx((scope) => [
+                          vue.createElementVNode("span", {
+                            innerHTML: itemExtra(_ctx.config.itemExtra, scope.$index),
+                            class: "m-form-tip"
+                          }, null, 8, _hoisted_3$1)
+                        ]),
+                        _: 1
+                      })) : vue.createCommentVNode("", true),
+                      vue.createVNode(vue.unref(design.TMagicTableColumn), {
+                        label: "操作",
+                        width: _ctx.config.operateColWidth || 55,
+                        align: "center",
+                        fixed: _ctx.config.fixed === false ? void 0 : "left"
+                      }, {
+                        default: vue.withCtx((scope) => [
+                          vue.renderSlot(_ctx.$slots, "operateCol", { scope }),
+                          vue.withDirectives(vue.createVNode(vue.unref(design.TMagicIcon), {
+                            class: "m-table-delete-icon",
+                            onClick: ($event) => removeHandler(scope.$index + 1 + pagecontext.value * pagesize.value - 1)
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(vue.unref(iconsVue.Delete))
+                            ]),
+                            _: 2
+                          }, 1032, ["onClick"]), [
+                            [vue.vShow, showDelete(scope.$index + 1 + pagecontext.value * pagesize.value - 1)]
+                          ])
+                        ]),
+                        _: 3
+                      }, 8, ["width", "fixed"]),
+                      _ctx.sort && _ctx.model[modelName.value] && _ctx.model[modelName.value].length > 1 ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
+                        key: 1,
+                        label: "排序",
+                        width: "60"
+                      }, {
+                        default: vue.withCtx((scope) => [
+                          scope.$index + 1 + pagecontext.value * pagesize.value - 1 !== 0 ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
+                            key: 0,
+                            content: "点击上移，双击置顶",
+                            placement: "top"
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(vue.unref(design.TMagicButton), {
+                                plain: "",
+                                size: "small",
+                                type: "primary",
+                                icon: vue.unref(iconsVue.ArrowUp),
+                                disabled: _ctx.disabled,
+                                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"])
+                            ]),
+                            _: 2
+                          }, 1024)) : vue.createCommentVNode("", true),
+                          scope.$index + 1 + pagecontext.value * pagesize.value - 1 !== _ctx.model[modelName.value].length - 1 ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
+                            key: 1,
+                            content: "点击下移，双击置底",
+                            placement: "top"
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(vue.unref(design.TMagicButton), {
+                                plain: "",
+                                size: "small",
+                                type: "primary",
+                                icon: vue.unref(iconsVue.ArrowDown),
+                                disabled: _ctx.disabled,
+                                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"])
+                            ]),
+                            _: 2
+                          }, 1024)) : vue.createCommentVNode("", true)
+                        ]),
+                        _: 1
+                      })) : vue.createCommentVNode("", true),
+                      selection.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
+                        key: 2,
+                        align: "center",
+                        "header-align": "center",
+                        type: "selection",
+                        width: "45"
+                      })) : vue.createCommentVNode("", true),
+                      _ctx.showIndex && _ctx.config.showIndex ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
+                        key: 3,
+                        width: "60",
+                        label: "序号"
+                      }, {
+                        default: vue.withCtx((scope) => [
+                          vue.createTextVNode(vue.toDisplayString(scope.$index + 1 + pagecontext.value * pagesize.value), 1)
+                        ]),
+                        _: 1
+                      })) : vue.createCommentVNode("", true),
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.config.items, (column, index) => {
+                        return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+                          column.type !== "hidden" && display$1(column.display) ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTableColumn), {
+                            prop: column.name,
+                            width: column.width,
+                            label: column.label,
+                            sortable: column.sortable,
+                            "sort-orders": ["ascending", "descending"],
+                            key: column[vue.unref(mForm)?.keyProp || "__key"] ?? index,
+                            "class-name": _ctx.config.dropSort === true ? "el-table__column--dropable" : ""
+                          }, {
+                            default: vue.withCtx((scope) => [
+                              scope.$index > -1 ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
+                                key: 0,
+                                labelWidth: "0",
+                                disabled: _ctx.disabled,
+                                prop: getProp(scope.$index),
+                                rules: column.rules,
+                                config: makeConfig(column, scope.row),
+                                model: scope.row,
+                                lastValues: lastData.value[scope.$index],
+                                "is-compare": _ctx.isCompare,
+                                size: _ctx.size,
+                                onChange: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("change", _ctx.model[modelName.value])),
+                                onAddDiffCount: _cache[1] || (_cache[1] = ($event) => onAddDiffCount())
+                              }, null, 8, ["disabled", "prop", "rules", "config", "model", "lastValues", "is-compare", "size"])) : vue.createCommentVNode("", true)
+                            ]),
+                            _: 2
+                          }, 1032, ["prop", "width", "label", "sortable", "class-name"])) : vue.createCommentVNode("", true)
+                        ], 64);
+                      }), 256))
+                    ]),
+                    _: 3
+                  }, 8, ["row-key", "data", "lastData", "border", "max-height"])) : vue.createCommentVNode("", true)
                 ]),
-                _: 1
-              }, 8, ["disabled"])) : vue.createCommentVNode("", true),
+                _: 3
+              }, 8, ["disabled"]),
+              vue.renderSlot(_ctx.$slots, "default"),
               vue.createElementVNode("div", _hoisted_4, [
-                _ctx.enableToggleMode && _ctx.config.enableToggleMode !== false && !isFullscreen.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+                addable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
                   key: 0,
-                  icon: vue.unref(iconsVue.Grid),
                   size: "small",
                   type: "primary",
-                  onClick: toggleMode
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createTextVNode("展开配置")
-                  ]),
-                  _: 1
-                }, 8, ["icon"])) : vue.createCommentVNode("", true),
-                _ctx.config.enableFullscreen !== false ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
-                  key: 1,
-                  icon: vue.unref(iconsVue.FullScreen),
-                  size: "small",
-                  type: "primary",
-                  onClick: toggleFullscreen
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createTextVNode(vue.toDisplayString(isFullscreen.value ? "退出全屏" : "全屏编辑"), 1)
-                  ]),
-                  _: 1
-                }, 8, ["icon"])) : vue.createCommentVNode("", true),
-                importable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicUpload), {
-                  key: 2,
-                  style: { "display": "inline-block" },
-                  ref_key: "excelBtn",
-                  ref: excelBtn,
-                  action: "/noop",
-                  disabled: _ctx.disabled,
-                  "on-change": excelHandler,
-                  "auto-upload": false
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(design.TMagicButton), {
-                      size: "small",
-                      type: "success",
-                      disabled: _ctx.disabled,
-                      plain: ""
-                    }, {
-                      default: vue.withCtx(() => [
-                        vue.createTextVNode("导入EXCEL")
-                      ]),
-                      _: 1
-                    }, 8, ["disabled"])
-                  ]),
-                  _: 1
-                }, 8, ["disabled"])) : vue.createCommentVNode("", true),
-                importable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
-                  key: 3,
-                  size: "small",
-                  type: "warning",
                   disabled: _ctx.disabled,
                   plain: "",
-                  onClick: _cache[3] || (_cache[3] = ($event) => clearHandler())
+                  onClick: _cache[2] || (_cache[2] = ($event) => newHandler())
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createTextVNode("清空")
+                    vue.createTextVNode("新增一行")
                   ]),
                   _: 1
-                }, 8, ["disabled"])) : vue.createCommentVNode("", true)
-              ])
-            ]),
-            _ctx.config.pagination ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
-              vue.createVNode(vue.unref(design.TMagicPagination), {
-                layout: "total, sizes, prev, pager, next, jumper",
-                "hide-on-single-page": _ctx.model[modelName.value].length < pagesize.value,
-                "current-page": pagecontext.value + 1,
-                "page-sizes": [pagesize.value, 60, 120, 300],
-                "page-size": pagesize.value,
-                total: _ctx.model[modelName.value].length,
-                onSizeChange: handleSizeChange,
-                onCurrentChange: handleCurrentChange
-              }, null, 8, ["hide-on-single-page", "current-page", "page-sizes", "page-size", "total"])
-            ])) : vue.createCommentVNode("", true)
-          ], 2)
-        ], 8, ["disabled"]);
+                }, 8, ["disabled"])) : vue.createCommentVNode("", true),
+                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),
+                    size: "small",
+                    type: "primary",
+                    onClick: toggleMode
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode("展开配置")
+                    ]),
+                    _: 1
+                  }, 8, ["icon"])) : vue.createCommentVNode("", true),
+                  _ctx.config.enableFullscreen !== false ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+                    key: 1,
+                    icon: vue.unref(iconsVue.FullScreen),
+                    size: "small",
+                    type: "primary",
+                    onClick: toggleFullscreen
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(vue.toDisplayString(isFullscreen.value ? "退出全屏" : "全屏编辑"), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["icon"])) : vue.createCommentVNode("", true),
+                  importable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicUpload), {
+                    key: 2,
+                    style: { "display": "inline-block" },
+                    ref_key: "excelBtn",
+                    ref: excelBtn,
+                    action: "/noop",
+                    disabled: _ctx.disabled,
+                    "on-change": excelHandler,
+                    "auto-upload": false
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(design.TMagicButton), {
+                        size: "small",
+                        type: "success",
+                        disabled: _ctx.disabled,
+                        plain: ""
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode("导入EXCEL")
+                        ]),
+                        _: 1
+                      }, 8, ["disabled"])
+                    ]),
+                    _: 1
+                  }, 8, ["disabled"])) : vue.createCommentVNode("", true),
+                  importable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+                    key: 3,
+                    size: "small",
+                    type: "warning",
+                    disabled: _ctx.disabled,
+                    plain: "",
+                    onClick: _cache[3] || (_cache[3] = ($event) => clearHandler())
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode("清空")
+                    ]),
+                    _: 1
+                  }, 8, ["disabled"])) : vue.createCommentVNode("", true)
+                ])
+              ]),
+              _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,
+                  "current-page": pagecontext.value + 1,
+                  "page-sizes": [pagesize.value, 60, 120, 300],
+                  "page-size": pagesize.value,
+                  total: _ctx.model[modelName.value].length,
+                  onSizeChange: handleSizeChange,
+                  onCurrentChange: handleCurrentChange
+                }, null, 8, ["hide-on-single-page", "current-page", "page-sizes", "page-size", "total"])
+              ])) : vue.createCommentVNode("", true)
+            ], 2)
+          ], 8, ["disabled"]))
+        ]);
       };
     }
   });
@@ -3135,7 +3144,7 @@
   });
 
   const _hoisted_1$5 = ["href"];
-  const _hoisted_2$2 = {
+  const _hoisted_2$3 = {
     key: 2,
     class: "m-fields-link"
   };
@@ -3211,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
           }, {
@@ -3288,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"
@@ -3329,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),
@@ -3872,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"
@@ -3895,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
           });
@@ -3964,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), {
+                  type: "text",
+                  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"]);
       };
     }
   });
@@ -4442,6 +4514,9 @@
     }
   });
 
+  const createForm = function(config) {
+    return config;
+  };
   const defaultInstallOpt = {};
   const index = {
     install(app, opt = {}) {
@@ -4512,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;