@tmagic/form 1.7.0-beta.2 → 1.7.0-beta.4

package/dist/tmagic-form.umd.cjs

@@ -3145,7 +3145,7 @@
         newData[v][sortKey] = i;
       }
     }
-    return newData;
+    return cloneDeep(newData);
   };
   const sortChange = (data, { prop, order }) => {
     if (order === "ascending") {
@@ -3155,17 +3155,65 @@
     }
   };
 
-  const _hoisted_1$d = ["data-tmagic-id", "data-tmagic-form-item-prop"];
-  const _hoisted_2$7 = ["innerHTML", "title"];
+  const _hoisted_1$e = {
+    key: 0,
+    style: { "display": "inline-flex", "align-items": "center" }
+  };
+  const _hoisted_2$8 = ["innerHTML", "title"];
   const _hoisted_3$6 = ["innerHTML"];
-  const _hoisted_4$3 = ["innerHTML"];
-  const _hoisted_5$3 = ["innerHTML", "title"];
+  const _hoisted_4$5 = ["innerHTML", "title"];
+  const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+    __name: "FormLabel",
+    props: {
+      tip: {},
+      type: {},
+      useLabel: { type: Boolean },
+      text: {},
+      labelTitle: {}
+    },
+    setup(__props) {
+      return (_ctx, _cache) => {
+        return __props.tip ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$e, [
+          vue.createElementVNode("span", {
+            innerHTML: __props.type === "checkbox" && !__props.useLabel ? "" : __props.text,
+            title: __props.labelTitle
+          }, null, 8, _hoisted_2$8),
+          __props.tip && (__props.type !== "checkbox" || __props.useLabel) ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
+            key: 0,
+            placement: "top"
+          }, {
+            content: vue.withCtx(() => [
+              vue.createElementVNode("div", { innerHTML: __props.tip }, null, 8, _hoisted_3$6)
+            ]),
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(design.TMagicIcon), { style: { "margin-left": "5px", "display": "flex" } }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(iconsVue.WarningFilled))
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          })) : vue.createCommentVNode("v-if", true)
+        ])) : (vue.openBlock(), vue.createElementBlock("span", {
+          key: 1,
+          innerHTML: __props.type === "checkbox" && !__props.useLabel ? "" : __props.text,
+          title: __props.labelTitle
+        }, null, 8, _hoisted_4$5));
+      };
+    }
+  });
+
+  const _hoisted_1$d = ["data-tmagic-id", "data-tmagic-form-item-prop"];
+  const _hoisted_2$7 = ["innerHTML"];
+  const _hoisted_3$5 = ["innerHTML"];
+  const _hoisted_4$4 = ["innerHTML"];
+  const _hoisted_5$3 = ["innerHTML"];
   const _hoisted_6$1 = ["innerHTML"];
   const _hoisted_7$1 = ["innerHTML"];
-  const _hoisted_8$1 = ["innerHTML", "title"];
-  const _hoisted_9 = ["innerHTML"];
-  const _hoisted_10 = ["innerHTML"];
-  const _hoisted_11 = {
+  const _hoisted_8$1 = {
     key: 5,
     style: { "text-align": "center" }
   };
@@ -3412,10 +3460,13 @@
                 class: { "tmagic-form-hidden": `${itemLabelWidth.value}` === "0" || !text.value }
               }), {
                 label: vue.withCtx(() => [
-                  vue.createElementVNode("span", {
-                    innerHTML: type.value === "checkbox" && !__props.config.useLabel ? "" : text.value,
-                    title: __props.config.labelTitle
-                  }, null, 8, _hoisted_2$7)
+                  vue.createVNode(_sfc_main$B, {
+                    tip: __props.config.tip,
+                    type: type.value,
+                    "use-label": __props.config.useLabel,
+                    "label-title": __props.config.labelTitle,
+                    text: text.value
+                  }, null, 8, ["tip", "type", "use-label", "label-title", "text"])
                 ]),
                 default: vue.withCtx(() => [
                   tooltip.value.text ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
@@ -3425,36 +3476,38 @@
                     content: vue.withCtx(() => [
                       vue.createElementVNode("div", {
                         innerHTML: tooltip.value.text
-                      }, null, 8, _hoisted_3$6)
+                      }, null, 8, _hoisted_2$7)
                     ]),
                     default: vue.withCtx(() => [
                       (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tagName.value), vue.mergeProps(fieldsProps.value, {
                         model: __props.model,
                         "last-values": __props.lastValues,
+                        "is-compare": __props.isCompare,
                         onChange: onChangeHandler,
                         onAddDiffCount
-                      }), null, 16, ["model", "last-values"]))
+                      }), null, 16, ["model", "last-values", "is-compare"]))
                     ]),
                     _: 1
                     /* STABLE */
                   }, 8, ["placement"])) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tagName.value), vue.mergeProps({ key: 1 }, fieldsProps.value, {
                     model: __props.model,
                     "last-values": __props.lastValues,
+                    "is-compare": __props.isCompare,
                     onChange: onChangeHandler,
                     onAddDiffCount
-                  }), null, 16, ["model", "last-values"]))
+                  }), null, 16, ["model", "last-values", "is-compare"]))
                 ]),
                 _: 1
                 /* STABLE */
               }, 16, ["class"]),
-              __props.config.tip ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
+              __props.config.tip && type.value === "checkbox" && !__props.config.useLabel ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
                 key: 0,
-                placement: "left"
+                placement: "top"
               }, {
                 content: vue.withCtx(() => [
                   vue.createElementVNode("div", {
                     innerHTML: __props.config.tip
-                  }, null, 8, _hoisted_4$3)
+                  }, null, 8, _hoisted_3$5)
                 ]),
                 default: vue.withCtx(() => [
                   vue.createVNode(vue.unref(design.TMagicIcon), { style: { "line-height": "40px", "margin-left": "5px" } }, {
@@ -3481,10 +3534,13 @@
                 class: { "tmagic-form-hidden": `${itemLabelWidth.value}` === "0" || !text.value, "show-diff": true }
               }), {
                 label: vue.withCtx(() => [
-                  vue.createElementVNode("span", {
-                    innerHTML: type.value === "checkbox" ? "" : text.value,
-                    title: __props.config.labelTitle
-                  }, null, 8, _hoisted_5$3)
+                  vue.createVNode(_sfc_main$B, {
+                    tip: __props.config.tip,
+                    type: type.value,
+                    "use-label": __props.config.useLabel,
+                    "label-title": __props.config.labelTitle,
+                    text: text.value
+                  }, null, 8, ["tip", "type", "use-label", "label-title", "text"])
                 ]),
                 default: vue.withCtx(() => [
                   tooltip.value.text ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
@@ -3494,7 +3550,7 @@
                     content: vue.withCtx(() => [
                       vue.createElementVNode("div", {
                         innerHTML: tooltip.value.text
-                      }, null, 8, _hoisted_6$1)
+                      }, null, 8, _hoisted_4$4)
                     ]),
                     default: vue.withCtx(() => [
                       (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tagName.value), vue.mergeProps(fieldsProps.value, {
@@ -3512,14 +3568,14 @@
                 _: 1
                 /* STABLE */
               }, 16, ["class"]),
-              __props.config.tip ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
+              __props.config.tip && type.value === "checkbox" && !__props.config.useLabel ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
                 key: 0,
-                placement: "left"
+                placement: "top"
               }, {
                 content: vue.withCtx(() => [
                   vue.createElementVNode("div", {
                     innerHTML: __props.config.tip
-                  }, null, 8, _hoisted_7$1)
+                  }, null, 8, _hoisted_5$3)
                 ]),
                 default: vue.withCtx(() => [
                   vue.createVNode(vue.unref(design.TMagicIcon), { style: { "line-height": "40px", "margin-left": "5px" } }, {
@@ -3539,10 +3595,13 @@
                 class: { "tmagic-form-hidden": `${itemLabelWidth.value}` === "0" || !text.value, "show-diff": true }
               }), {
                 label: vue.withCtx(() => [
-                  vue.createElementVNode("span", {
-                    innerHTML: type.value === "checkbox" ? "" : text.value,
-                    title: __props.config.labelTitle
-                  }, null, 8, _hoisted_8$1)
+                  vue.createVNode(_sfc_main$B, {
+                    tip: __props.config.tip,
+                    type: type.value,
+                    "use-label": __props.config.useLabel,
+                    "label-title": __props.config.labelTitle,
+                    text: text.value
+                  }, null, 8, ["tip", "type", "use-label", "label-title", "text"])
                 ]),
                 default: vue.withCtx(() => [
                   tooltip.value.text ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
@@ -3552,7 +3611,7 @@
                     content: vue.withCtx(() => [
                       vue.createElementVNode("div", {
                         innerHTML: tooltip.value.text
-                      }, null, 8, _hoisted_9)
+                      }, null, 8, _hoisted_6$1)
                     ]),
                     default: vue.withCtx(() => [
                       (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tagName.value), vue.mergeProps(fieldsProps.value, {
@@ -3570,14 +3629,14 @@
                 _: 1
                 /* STABLE */
               }, 16, ["style", "class"]),
-              __props.config.tip ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
+              __props.config.tip && type.value === "checkbox" && !__props.config.useLabel ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTooltip), {
                 key: 1,
-                placement: "left"
+                placement: "top"
               }, {
                 content: vue.withCtx(() => [
                   vue.createElementVNode("div", {
                     innerHTML: __props.config.tip
-                  }, null, 8, _hoisted_10)
+                  }, null, 8, _hoisted_7$1)
                 ]),
                 default: vue.withCtx(() => [
                   vue.createVNode(vue.unref(design.TMagicIcon), { style: { "line-height": "40px", "margin-left": "5px" } }, {
@@ -3625,7 +3684,7 @@
             64
             /* STABLE_FRAGMENT */
           )) : vue.createCommentVNode("v-if", true),
-          __props.config.expand && type.value !== "fieldset" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, [
+          __props.config.expand && type.value !== "fieldset" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$1, [
             vue.createVNode(vue.unref(design.TMagicButton), {
               type: "primary",
               size: "small",
@@ -3651,8 +3710,8 @@
 
   const _hoisted_1$c = ["innerHTML"];
   const _hoisted_2$6 = ["innerHTML"];
-  const _hoisted_3$5 = { key: 1 };
-  const _hoisted_4$2 = ["innerHTML"];
+  const _hoisted_3$4 = { key: 1 };
+  const _hoisted_4$3 = ["innerHTML"];
   const _hoisted_5$2 = ["innerHTML"];
   const _hoisted_6 = {
     key: 2,
@@ -3752,10 +3811,10 @@
               ]),
               _: 1
               /* STABLE */
-            })) : (vue.openBlock(), vue.createElementBlock("legend", _hoisted_3$5, [
+            })) : (vue.openBlock(), vue.createElementBlock("legend", _hoisted_3$4, [
               vue.createElementVNode("span", {
                 innerHTML: __props.config.legend
-              }, null, 8, _hoisted_4$2),
+              }, null, 8, _hoisted_4$3),
               __props.config.extra ? (vue.openBlock(), vue.createElementBlock("span", {
                 key: 0,
                 innerHTML: __props.config.extra,
@@ -3884,9 +3943,8 @@
     }
   });
 
-  const _hoisted_1$b = { class: "m-fields-group-list-item" };
-  const _hoisted_2$5 = { style: { "text-align": "right", "margin-top": "20px" } };
-  const _hoisted_3$4 = ["innerHTML"];
+  const _hoisted_1$b = { style: { "text-align": "right", "margin-top": "20px" } };
+  const _hoisted_2$5 = ["innerHTML"];
   const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormGroupListItem"
@@ -3965,211 +4023,220 @@
         emit("swap-item", props.index, moveSpecifyLocationIndex.value - 1);
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
-          vue.createElementVNode("div", null, [
-            vue.createVNode(vue.unref(design.TMagicButton), {
-              link: "",
-              disabled: __props.disabled,
-              onClick: expandHandler
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(design.TMagicIcon), null, {
-                  default: vue.withCtx(() => [
-                    expand.value ? (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.CaretBottom), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.CaretRight), { key: 1 }))
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }),
-                vue.createTextVNode(
-                  vue.toDisplayString(title.value),
-                  1
-                  /* TEXT */
-                )
-              ]),
-              _: 1
-              /* STABLE */
-            }, 8, ["disabled"]),
-            vue.withDirectives(vue.createVNode(vue.unref(design.TMagicButton), {
-              type: "danger",
-              size: "small",
-              link: "",
-              icon: vue.unref(iconsVue.Delete),
-              disabled: __props.disabled,
-              onClick: removeHandler
-            }, null, 8, ["icon", "disabled"]), [
-              [vue.vShow, showDelete.value]
-            ]),
-            copyable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
-              key: 0,
-              link: "",
-              size: "small",
-              type: "primary",
-              icon: vue.unref(iconsVue.DocumentCopy),
-              disabled: __props.disabled,
-              onClick: copyHandler
-            }, {
-              default: vue.withCtx(() => [..._cache[6] || (_cache[6] = [
-                vue.createTextVNode(
-                  "复制",
-                  -1
-                  /* CACHED */
-                )
-              ])]),
-              _: 1
-              /* STABLE */
-            }, 8, ["icon", "disabled"])) : vue.createCommentVNode("v-if", true),
-            movable.value ? (vue.openBlock(), vue.createElementBlock(
-              vue.Fragment,
-              { key: 1 },
-              [
-                vue.withDirectives(vue.createVNode(vue.unref(design.TMagicButton), {
-                  link: "",
-                  size: "small",
-                  disabled: __props.disabled,
-                  icon: vue.unref(iconsVue.CaretTop),
-                  onClick: _cache[0] || (_cache[0] = ($event) => changeOrder(-1))
-                }, {
-                  default: vue.withCtx(() => [..._cache[7] || (_cache[7] = [
-                    vue.createTextVNode(
-                      "上移",
-                      -1
-                      /* CACHED */
-                    )
-                  ])]),
-                  _: 1
-                  /* STABLE */
-                }, 8, ["disabled", "icon"]), [
-                  [vue.vShow, __props.index !== 0]
+        return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicCard), {
+          class: "m-fields-group-list-item",
+          "body-style": { display: expand.value ? "block" : "none" }
+        }, {
+          header: vue.withCtx(() => [
+            vue.createElementVNode("div", null, [
+              vue.createVNode(vue.unref(design.TMagicButton), {
+                link: "",
+                disabled: __props.disabled,
+                onClick: expandHandler
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(design.TMagicIcon), null, {
+                    default: vue.withCtx(() => [
+                      expand.value ? (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.CaretBottom), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.CaretRight), { key: 1 }))
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }),
+                  vue.createTextVNode(
+                    vue.toDisplayString(title.value),
+                    1
+                    /* TEXT */
+                  )
                 ]),
-                vue.withDirectives(vue.createVNode(vue.unref(design.TMagicButton), {
-                  link: "",
-                  size: "small",
-                  disabled: __props.disabled,
-                  icon: vue.unref(iconsVue.CaretBottom),
-                  onClick: _cache[1] || (_cache[1] = ($event) => changeOrder(1))
-                }, {
-                  default: vue.withCtx(() => [..._cache[8] || (_cache[8] = [
-                    vue.createTextVNode(
-                      "下移",
-                      -1
-                      /* CACHED */
-                    )
-                  ])]),
-                  _: 1
-                  /* STABLE */
-                }, 8, ["disabled", "icon"]), [
-                  [vue.vShow, __props.index !== length.value - 1]
-                ])
-              ],
-              64
-              /* STABLE_FRAGMENT */
-            )) : vue.createCommentVNode("v-if", true),
-            __props.config.moveSpecifyLocation ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicPopover), {
-              key: 2,
-              trigger: "click",
-              placement: "top",
-              width: "200",
-              visible: moveSpecifyLocationVisible.value
-            }, {
-              reference: vue.withCtx(() => [
-                vue.createVNode(vue.unref(design.TMagicButton), {
-                  link: "",
-                  size: "small",
-                  type: "primary",
-                  icon: vue.unref(iconsVue.Position),
-                  disabled: __props.disabled,
-                  onClick: _cache[2] || (_cache[2] = ($event) => moveSpecifyLocationVisible.value = true)
-                }, {
-                  default: vue.withCtx(() => [..._cache[9] || (_cache[9] = [
-                    vue.createTextVNode(
-                      "移动至",
-                      -1
-                      /* CACHED */
-                    )
-                  ])]),
-                  _: 1
-                  /* STABLE */
-                }, 8, ["icon", "disabled"])
+                _: 1
+                /* STABLE */
+              }, 8, ["disabled"]),
+              vue.withDirectives(vue.createVNode(vue.unref(design.TMagicButton), {
+                type: "danger",
+                size: "small",
+                link: "",
+                icon: vue.unref(iconsVue.Delete),
+                disabled: __props.disabled,
+                onClick: removeHandler
+              }, null, 8, ["icon", "disabled"]), [
+                [vue.vShow, showDelete.value]
               ]),
-              default: vue.withCtx(() => [
-                vue.createElementVNode("div", null, [
-                  vue.createElementVNode("div", null, [
-                    _cache[10] || (_cache[10] = vue.createTextVNode(
-                      " 第",
-                      -1
-                      /* CACHED */
-                    )),
-                    vue.createVNode(vue.unref(design.TMagicInputNumber), {
-                      style: { "margin": "0 5px" },
-                      modelValue: moveSpecifyLocationIndex.value,
-                      "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => moveSpecifyLocationIndex.value = $event),
-                      size: "small",
-                      min: 1,
-                      disabled: __props.disabled
-                    }, null, 8, ["modelValue", "disabled"]),
-                    _cache[11] || (_cache[11] = vue.createTextVNode(
-                      "行 ",
-                      -1
-                      /* CACHED */
-                    ))
+              copyable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+                key: 0,
+                link: "",
+                size: "small",
+                type: "primary",
+                icon: vue.unref(iconsVue.DocumentCopy),
+                disabled: __props.disabled,
+                onClick: copyHandler
+              }, {
+                default: vue.withCtx(() => [..._cache[6] || (_cache[6] = [
+                  vue.createTextVNode(
+                    "复制",
+                    -1
+                    /* CACHED */
+                  )
+                ])]),
+                _: 1
+                /* STABLE */
+              }, 8, ["icon", "disabled"])) : vue.createCommentVNode("v-if", true),
+              movable.value ? (vue.openBlock(), vue.createElementBlock(
+                vue.Fragment,
+                { key: 1 },
+                [
+                  vue.withDirectives(vue.createVNode(vue.unref(design.TMagicButton), {
+                    link: "",
+                    size: "small",
+                    disabled: __props.disabled,
+                    icon: vue.unref(iconsVue.CaretTop),
+                    onClick: _cache[0] || (_cache[0] = ($event) => changeOrder(-1))
+                  }, {
+                    default: vue.withCtx(() => [..._cache[7] || (_cache[7] = [
+                      vue.createTextVNode(
+                        "上移",
+                        -1
+                        /* CACHED */
+                      )
+                    ])]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["disabled", "icon"]), [
+                    [vue.vShow, __props.index !== 0]
                   ]),
-                  vue.createElementVNode("div", _hoisted_2$5, [
-                    vue.createVNode(vue.unref(design.TMagicButton), {
-                      size: "small",
-                      text: "",
-                      onClick: _cache[4] || (_cache[4] = ($event) => moveSpecifyLocationVisible.value = false)
-                    }, {
-                      default: vue.withCtx(() => [..._cache[12] || (_cache[12] = [
-                        vue.createTextVNode(
-                          "取消",
-                          -1
-                          /* CACHED */
-                        )
-                      ])]),
-                      _: 1
-                      /* STABLE */
-                    }),
-                    vue.createVNode(vue.unref(design.TMagicButton), {
-                      size: "small",
-                      type: "primary",
-                      onClick: moveSpecifyLocationHandler
-                    }, {
-                      default: vue.withCtx(() => [..._cache[13] || (_cache[13] = [
-                        vue.createTextVNode(
-                          "确认",
-                          -1
-                          /* CACHED */
-                        )
-                      ])]),
-                      _: 1
-                      /* STABLE */
-                    })
+                  vue.withDirectives(vue.createVNode(vue.unref(design.TMagicButton), {
+                    link: "",
+                    size: "small",
+                    disabled: __props.disabled,
+                    icon: vue.unref(iconsVue.CaretBottom),
+                    onClick: _cache[1] || (_cache[1] = ($event) => changeOrder(1))
+                  }, {
+                    default: vue.withCtx(() => [..._cache[8] || (_cache[8] = [
+                      vue.createTextVNode(
+                        "下移",
+                        -1
+                        /* CACHED */
+                      )
+                    ])]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["disabled", "icon"]), [
+                    [vue.vShow, __props.index !== length.value - 1]
                   ])
-                ])
-              ]),
-              _: 1
-              /* STABLE */
-            }, 8, ["visible"])) : vue.createCommentVNode("v-if", true),
-            itemExtra.value ? (vue.openBlock(), vue.createElementBlock("span", {
-              key: 3,
-              innerHTML: itemExtra.value,
-              class: "m-form-tip"
-            }, null, 8, _hoisted_3$4)) : vue.createCommentVNode("v-if", true)
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              )) : vue.createCommentVNode("v-if", true),
+              __props.config.moveSpecifyLocation ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicPopover), {
+                key: 2,
+                trigger: "click",
+                placement: "top",
+                width: "200",
+                visible: moveSpecifyLocationVisible.value
+              }, {
+                reference: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(design.TMagicButton), {
+                    link: "",
+                    size: "small",
+                    type: "primary",
+                    icon: vue.unref(iconsVue.Position),
+                    disabled: __props.disabled,
+                    onClick: _cache[2] || (_cache[2] = ($event) => moveSpecifyLocationVisible.value = true)
+                  }, {
+                    default: vue.withCtx(() => [..._cache[9] || (_cache[9] = [
+                      vue.createTextVNode(
+                        "移动至",
+                        -1
+                        /* CACHED */
+                      )
+                    ])]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["icon", "disabled"])
+                ]),
+                default: vue.withCtx(() => [
+                  vue.createElementVNode("div", null, [
+                    vue.createElementVNode("div", null, [
+                      _cache[10] || (_cache[10] = vue.createTextVNode(
+                        " 第",
+                        -1
+                        /* CACHED */
+                      )),
+                      vue.createVNode(vue.unref(design.TMagicInputNumber), {
+                        style: { "margin": "0 5px" },
+                        modelValue: moveSpecifyLocationIndex.value,
+                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => moveSpecifyLocationIndex.value = $event),
+                        size: "small",
+                        min: 1,
+                        disabled: __props.disabled
+                      }, null, 8, ["modelValue", "disabled"]),
+                      _cache[11] || (_cache[11] = vue.createTextVNode(
+                        "行 ",
+                        -1
+                        /* CACHED */
+                      ))
+                    ]),
+                    vue.createElementVNode("div", _hoisted_1$b, [
+                      vue.createVNode(vue.unref(design.TMagicButton), {
+                        size: "small",
+                        text: "",
+                        onClick: _cache[4] || (_cache[4] = ($event) => moveSpecifyLocationVisible.value = false)
+                      }, {
+                        default: vue.withCtx(() => [..._cache[12] || (_cache[12] = [
+                          vue.createTextVNode(
+                            "取消",
+                            -1
+                            /* CACHED */
+                          )
+                        ])]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      vue.createVNode(vue.unref(design.TMagicButton), {
+                        size: "small",
+                        type: "primary",
+                        onClick: moveSpecifyLocationHandler
+                      }, {
+                        default: vue.withCtx(() => [..._cache[13] || (_cache[13] = [
+                          vue.createTextVNode(
+                            "确认",
+                            -1
+                            /* CACHED */
+                          )
+                        ])]),
+                        _: 1
+                        /* STABLE */
+                      })
+                    ])
+                  ])
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["visible"])) : vue.createCommentVNode("v-if", true),
+              itemExtra.value ? (vue.openBlock(), vue.createElementBlock("span", {
+                key: 3,
+                innerHTML: itemExtra.value,
+                class: "m-form-tip"
+              }, null, 8, _hoisted_2$5)) : vue.createCommentVNode("v-if", true)
+            ])
           ]),
-          expand.value ? (vue.openBlock(), vue.createBlock(_sfc_main$A, {
-            key: 0,
-            config: rowConfig.value,
-            model: __props.model,
-            lastValues: __props.lastValues,
-            "is-compare": __props.isCompare,
-            labelWidth: __props.labelWidth,
-            prop: `${__props.prop}${__props.prop ? "." : ""}${String(__props.index)}`,
-            size: __props.size,
-            disabled: __props.disabled,
-            onChange: changeHandler,
-            onAddDiffCount: _cache[5] || (_cache[5] = ($event) => onAddDiffCount())
-          }, null, 8, ["config", "model", "lastValues", "is-compare", "labelWidth", "prop", "size", "disabled"])) : vue.createCommentVNode("v-if", true)
-        ]);
+          default: vue.withCtx(() => [
+            expand.value ? (vue.openBlock(), vue.createBlock(_sfc_main$A, {
+              key: 0,
+              config: rowConfig.value,
+              model: __props.model,
+              lastValues: __props.lastValues,
+              "is-compare": __props.isCompare,
+              labelWidth: __props.labelWidth,
+              prop: `${__props.prop}${__props.prop ? "." : ""}${String(__props.index)}`,
+              size: __props.size,
+              disabled: __props.disabled,
+              onChange: changeHandler,
+              onAddDiffCount: _cache[5] || (_cache[5] = ($event) => onAddDiffCount())
+            }, null, 8, ["config", "model", "lastValues", "is-compare", "labelWidth", "prop", "size", "disabled"])) : vue.createCommentVNode("v-if", true)
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["body-style"]);
       };
     }
   });
@@ -4180,6 +4247,8 @@
     key: 1,
     class: "el-table__empty-block"
   };
+  const _hoisted_4$2 = { class: "m-fields-group-list-footer" };
+  const _hoisted_5$1 = { style: { "display": "flex", "justify-content": "flex-end", "flex": "1" } };
   const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormGroupList"
@@ -4279,7 +4348,7 @@
           !__props.model[__props.name] || !__props.model[__props.name].length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$3, [..._cache[1] || (_cache[1] = [
             vue.createElementVNode(
               "span",
-              { class: "el-table__empty-text" },
+              { class: "el-table__empty-text t-table__empty" },
               "暂无数据",
               -1
               /* CACHED */
@@ -4306,43 +4375,48 @@
                 onChange: changeHandler,
                 onAddDiffCount: _cache[0] || (_cache[0] = ($event) => onAddDiffCount())
               }, null, 8, ["model", "lastValues", "is-compare", "config", "prop", "index", "label-width", "size", "disabled", "group-model"]);
-            }),
-            128
-            /* KEYED_FRAGMENT */
-          )),
-          addable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
-            key: 3,
-            type: "primary",
-            size: __props.config.enableToggleMode ? "small" : "default",
-            disabled: __props.disabled,
-            onClick: addHandler
-          }, {
-            default: vue.withCtx(() => [..._cache[2] || (_cache[2] = [
-              vue.createTextVNode(
-                "新增",
-                -1
-                /* CACHED */
-              )
-            ])]),
-            _: 1
-            /* STABLE */
-          }, 8, ["size", "disabled"])) : vue.createCommentVNode("v-if", true),
-          __props.config.enableToggleMode ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
-            key: 4,
-            icon: vue.unref(iconsVue.Grid),
-            size: "small",
-            onClick: toggleMode
-          }, {
-            default: vue.withCtx(() => [..._cache[3] || (_cache[3] = [
-              vue.createTextVNode(
-                "切换为表格",
-                -1
-                /* CACHED */
-              )
-            ])]),
-            _: 1
-            /* STABLE */
-          }, 8, ["icon"])) : vue.createCommentVNode("v-if", true)
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          )),
+          vue.createElementVNode("div", _hoisted_4$2, [
+            __props.config.enableToggleMode ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+              key: 0,
+              icon: vue.unref(iconsVue.Grid),
+              size: "small",
+              onClick: toggleMode
+            }, {
+              default: vue.withCtx(() => [..._cache[2] || (_cache[2] = [
+                vue.createTextVNode(
+                  "切换为表格",
+                  -1
+                  /* CACHED */
+                )
+              ])]),
+              _: 1
+              /* STABLE */
+            }, 8, ["icon"])) : vue.createCommentVNode("v-if", true),
+            vue.createElementVNode("div", _hoisted_5$1, [
+              addable.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), vue.mergeProps({
+                key: 0,
+                size: __props.config.enableToggleMode ? "small" : "default",
+                icon: vue.unref(iconsVue.Plus)
+              }, __props.config.addButtonConfig?.props || { type: "primary" }, {
+                disabled: __props.disabled,
+                onClick: addHandler
+              }), {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(
+                    vue.toDisplayString(__props.config.addButtonConfig?.text || "新增"),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              }, 16, ["size", "icon", "disabled"])) : vue.createCommentVNode("v-if", true)
+            ])
+          ])
         ]);
       };
     }
@@ -4355,7 +4429,7 @@
     style: { "display": "flex" }
   };
   const _hoisted_4$1 = { style: { "flex": "1" } };
-  const _hoisted_5$1 = ["src"];
+  const _hoisted_5 = ["src"];
   const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "MFormPanel"
@@ -4373,7 +4447,7 @@
       disabled: { type: Boolean }
     },
     emits: ["change", "addDiffCount"],
-    setup(__props, { emit: __emit }) {
+    setup(__props, { expose: __expose, emit: __emit }) {
       const props = __props;
       const emit = __emit;
       const mForm = vue.inject("mForm");
@@ -4384,6 +4458,12 @@
         emit("change", props.model, eventData);
       };
       const onAddDiffCount = () => emit("addDiffCount");
+      __expose({
+        getExpand: () => expand.value,
+        setExpand: (v) => {
+          expand.value = v;
+        }
+      });
       return (_ctx, _cache) => {
         return items.value && items.value.length ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicCard), {
           key: 0,
@@ -4398,18 +4478,23 @@
                 icon: expand.value ? vue.unref(iconsVue.CaretBottom) : vue.unref(iconsVue.CaretRight),
                 onClick: _cache[0] || (_cache[0] = ($event) => expand.value = !expand.value)
               }, null, 8, ["icon"]),
-              __props.config && __props.config.extra ? (vue.openBlock(), vue.createElementBlock("span", {
-                key: 0,
-                innerHTML: __props.config.extra,
-                class: "m-form-tip"
-              }, null, 8, _hoisted_2$3)) : vue.createCommentVNode("v-if", true),
               vue.renderSlot(_ctx.$slots, "header", {}, () => [
-                vue.createTextVNode(
+                vue.createElementVNode(
+                  "span",
+                  {
+                    style: { "cursor": "pointer" },
+                    onClick: _cache[1] || (_cache[1] = ($event) => expand.value = !expand.value)
+                  },
                   vue.toDisplayString(filter(__props.config.title)),
                   1
                   /* TEXT */
                 )
-              ])
+              ]),
+              __props.config && __props.config.extra ? (vue.openBlock(), vue.createElementBlock("span", {
+                key: 0,
+                innerHTML: __props.config.extra,
+                class: "m-form-tip"
+              }, null, 8, _hoisted_2$3)) : vue.createCommentVNode("v-if", true)
             ])
           ]),
           default: vue.withCtx(() => [
@@ -4432,7 +4517,7 @@
                         disabled: __props.disabled,
                         "label-width": __props.config.labelWidth || __props.labelWidth,
                         onChange: changeHandler,
-                        onAddDiffCount: _cache[1] || (_cache[1] = ($event) => onAddDiffCount())
+                        onAddDiffCount: _cache[2] || (_cache[2] = ($event) => onAddDiffCount())
                       }, null, 8, ["config", "model", "lastValues", "is-compare", "prop", "size", "disabled", "label-width"]);
                     }),
                     128
@@ -4442,7 +4527,7 @@
                 vue.createElementVNode("img", {
                   class: "m-form-schematic",
                   src: __props.config.schematic
-                }, null, 8, _hoisted_5$1)
+                }, null, 8, _hoisted_5)
               ])) : (vue.openBlock(true), vue.createElementBlock(
                 vue.Fragment,
                 { key: 1 },
@@ -4458,7 +4543,7 @@
                     disabled: __props.disabled,
                     "label-width": __props.config.labelWidth || __props.labelWidth,
                     onChange: changeHandler,
-                    onAddDiffCount: _cache[2] || (_cache[2] = ($event) => onAddDiffCount())
+                    onAddDiffCount: _cache[3] || (_cache[3] = ($event) => onAddDiffCount())
                   }, null, 8, ["config", "model", "lastValues", "is-compare", "prop", "size", "disabled", "label-width"]);
                 }),
                 128
@@ -4952,7 +5037,8 @@
       prop: {},
       disabled: { type: Boolean },
       size: {},
-      lastValues: {}
+      lastValues: {},
+      isCompare: { type: Boolean }
     },
     emits: ["change"],
     setup(__props, { emit: __emit }) {
@@ -5079,7 +5165,8 @@
       prop: {},
       disabled: { type: Boolean },
       size: {},
-      lastValues: {}
+      lastValues: {},
+      isCompare: { type: Boolean }
     },
     emits: ["change"],
     setup(__props, { emit: __emit }) {
@@ -5151,7 +5238,8 @@
       prop: {},
       disabled: { type: Boolean },
       size: {},
-      lastValues: {}
+      lastValues: {},
+      isCompare: { type: Boolean }
     },
     emits: ["change"],
     setup(__props, { emit: __emit }) {
@@ -5224,7 +5312,8 @@
       prop: {},
       disabled: { type: Boolean },
       size: {},
-      lastValues: {}
+      lastValues: {},
+      isCompare: { type: Boolean }
     },
     emits: ["change"],
     setup(__props, { emit: __emit }) {
@@ -5258,7 +5347,8 @@
       prop: {},
       disabled: { type: Boolean },
       size: {},
-      lastValues: {}
+      lastValues: {},
+      isCompare: { type: Boolean }
     },
     emits: ["change"],
     setup(__props, { emit: __emit }) {
@@ -5298,7 +5388,8 @@
       prop: {},
       disabled: { type: Boolean },
       size: {},
-      lastValues: {}
+      lastValues: {},
+      isCompare: { type: Boolean }
     },
     emits: ["change"],
     setup(__props, { emit: __emit }) {
@@ -5410,7 +5501,8 @@
       prop: {},
       disabled: { type: Boolean },
       size: {},
-      lastValues: {}
+      lastValues: {},
+      isCompare: { type: Boolean }
     },
     emits: ["change"],
     setup(__props, { emit: __emit }) {
@@ -5464,7 +5556,8 @@
       prop: {},
       disabled: { type: Boolean },
       size: {},
-      lastValues: {}
+      lastValues: {},
+      isCompare: { type: Boolean }
     },
     setup(__props) {
       const props = __props;
@@ -5499,7 +5592,8 @@
       prop: {},
       disabled: { type: Boolean },
       size: {},
-      lastValues: {}
+      lastValues: {},
+      isCompare: { type: Boolean }
     },
     emits: ["change"],
     setup(__props, { emit: __emit }) {
@@ -5600,7 +5694,8 @@
       prop: {},
       disabled: { type: Boolean },
       size: {},
-      lastValues: {}
+      lastValues: {},
+      isCompare: { type: Boolean }
     },
     setup(__props) {
       const props = __props;
@@ -5865,7 +5960,12 @@
       zIndex: {},
       size: {},
       confirmText: { default: "确定" },
-      preventSubmitDefault: { type: Boolean }
+      preventSubmitDefault: { type: Boolean },
+      closeOnClickModal: { type: Boolean, default: false },
+      closeOnPressEscape: { type: Boolean, default: false },
+      destroyOnClose: { type: Boolean, default: false },
+      showClose: { type: Boolean, default: true },
+      showCancel: { type: Boolean, default: true }
     },
     emits: ["close", "submit", "error", "change"],
     setup(__props, { expose: __expose, emit: __emit }) {
@@ -5945,7 +6045,10 @@
           width: __props.width,
           zIndex: __props.zIndex,
           fullscreen: __props.fullscreen,
-          "close-on-click-modal": false,
+          "close-on-click-modal": __props.closeOnClickModal,
+          "close-on-press-escape": __props.closeOnPressEscape,
+          "destroy-on-close": __props.destroyOnClose,
+          "show-close": __props.showClose,
           onClose: closeHandler
         }, {
           footer: vue.withCtx(() => [
@@ -5966,8 +6069,8 @@
                 vue.createVNode(vue.unref(design.TMagicCol), { span: 12 }, {
                   default: vue.withCtx(() => [
                     vue.renderSlot(_ctx.$slots, "footer", {}, () => [
-                      vue.createVNode(vue.unref(design.TMagicButton), {
-                        type: "default",
+                      __props.showCancel ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+                        key: 0,
                         onClick: cancel,
                         size: "small"
                       }, {
@@ -5980,9 +6083,9 @@
                         ])]),
                         _: 1
                         /* STABLE */
-                      }),
+                      })) : vue.createCommentVNode("v-if", true),
                       hasStep.value && stepActive.value > 1 ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
-                        key: 0,
+                        key: 1,
                         type: "info",
                         size: "small",
                         onClick: preStep
@@ -5998,7 +6101,7 @@
                         /* STABLE */
                       })) : vue.createCommentVNode("v-if", true),
                       hasStep.value && stepCount.value > stepActive.value ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
-                        key: 1,
+                        key: 2,
                         type: "info",
                         size: "small",
                         onClick: nextStep
@@ -6013,7 +6116,7 @@
                         _: 1
                         /* STABLE */
                       })) : (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
-                        key: 2,
+                        key: 3,
                         type: "primary",
                         size: "small",
                         disabled: __props.disabled,
@@ -6073,7 +6176,7 @@
           ]),
           _: 3
           /* FORWARDED */
-        }, 8, ["modelValue", "title", "width", "zIndex", "fullscreen"]);
+        }, 8, ["modelValue", "title", "width", "zIndex", "fullscreen", "close-on-click-modal", "close-on-press-escape", "destroy-on-close", "show-close"]);
       };
     }
   });
@@ -6097,7 +6200,8 @@
       prop: {},
       disabled: { type: Boolean },
       size: {},
-      lastValues: {}
+      lastValues: {},
+      isCompare: { type: Boolean }
     },
     emits: ["change"],
     setup(__props, { emit: __emit }) {
@@ -6120,7 +6224,8 @@
         if (typeof props.config.form === "function") {
           return props.config.form(mForm, {
             model: props.model || {},
-            values: props.values || {}
+            values: mForm ? vue.readonly(mForm.initValues) : null,
+            formValue: props.values || {}
           });
         }
         return props.config.form;
@@ -6207,16 +6312,27 @@
       prop: {},
       disabled: { type: Boolean },
       size: {},
-      lastValues: {}
+      lastValues: {},
+      isCompare: { type: Boolean }
     },
     emits: ["change", "input"],
     setup(__props, { emit: __emit }) {
       const props = __props;
       const emit = __emit;
+      const value = vue.ref();
+      vue.watch(
+        () => props.model[props.name],
+        (v) => {
+          value.value = v;
+        },
+        {
+          immediate: true
+        }
+      );
       useAddField(props.prop);
       const mForm = vue.inject("mForm");
-      const changeHandler = (value) => {
-        emit("change", value);
+      const changeHandler = (value2) => {
+        emit("change", value2);
       };
       const inputHandler = (v) => {
         emit("input", v);
@@ -6225,7 +6341,8 @@
       return (_ctx, _cache) => {
         return __props.model ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicInputNumber), {
           key: 0,
-          "model-value": __props.model[__props.name],
+          modelValue: value.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
           clearable: "",
           "controls-position": "right",
           size: __props.size,
@@ -6234,9 +6351,9 @@
           step: __props.config.step,
           placeholder: __props.config.placeholder,
           disabled: __props.disabled,
-          "onUpdate:modelValue": changeHandler,
+          onChange: changeHandler,
           onInput: inputHandler
-        }, null, 8, ["model-value", "size", "max", "min", "step", "placeholder", "disabled"])) : vue.createCommentVNode("v-if", true);
+        }, null, 8, ["modelValue", "size", "max", "min", "step", "placeholder", "disabled"])) : vue.createCommentVNode("v-if", true);
       };
     }
   });
@@ -6256,12 +6373,26 @@
       prop: {},
       disabled: { type: Boolean },
       size: {},
-      lastValues: {}
+      lastValues: {},
+      isCompare: { type: Boolean }
     },
     emits: ["change"],
     setup(__props, { emit: __emit }) {
       const props = __props;
       const emit = __emit;
+      const firstValue = vue.ref();
+      const secondValue = vue.ref();
+      vue.watch(
+        () => props.model[props.name],
+        ([first, second]) => {
+          firstValue.value = first;
+          secondValue.value = second;
+        },
+        {
+          immediate: true,
+          deep: true
+        }
+      );
       useAddField(props.prop);
       if (!Array.isArray(props.model[props.name])) {
         props.model[props.name] = [];
@@ -6275,13 +6406,14 @@
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
           vue.createVNode(vue.unref(design.TMagicInput), {
-            "model-value": __props.model[__props.name][0],
+            modelValue: firstValue.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => firstValue.value = $event),
             clearable: __props.config.clearable ?? true,
             size: __props.size,
             disabled: __props.disabled,
-            "onUpdate:modelValue": minChangeHandler
-          }, null, 8, ["model-value", "clearable", "size", "disabled"]),
-          _cache[0] || (_cache[0] = vue.createElementVNode(
+            onChange: minChangeHandler
+          }, null, 8, ["modelValue", "clearable", "size", "disabled"]),
+          _cache[2] || (_cache[2] = vue.createElementVNode(
             "span",
             { class: "split-tag" },
             "-",
@@ -6289,12 +6421,13 @@
             /* CACHED */
           )),
           vue.createVNode(vue.unref(design.TMagicInput), {
-            "model-value": __props.model[__props.name][1],
+            modelValue: secondValue.value,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => secondValue.value = $event),
             clearable: __props.config.clearable ?? true,
             size: __props.size,
             disabled: __props.disabled,
-            "onUpdate:modelValue": maxChangeHandler
-          }, null, 8, ["model-value", "clearable", "size", "disabled"])
+            onChange: maxChangeHandler
+          }, null, 8, ["modelValue", "clearable", "size", "disabled"])
         ]);
       };
     }
@@ -6314,7 +6447,8 @@
       prop: {},
       disabled: { type: Boolean },
       size: {},
-      lastValues: {}
+      lastValues: {},
+      isCompare: { type: Boolean }
     },
     emits: ["change"],
     setup(__props, { emit: __emit }) {
@@ -6412,7 +6546,8 @@
       prop: {},
       disabled: { type: Boolean },
       size: {},
-      lastValues: {}
+      lastValues: {},
+      isCompare: { type: Boolean }
     },
     emits: ["change"],
     setup(__props, { expose: __expose, emit: __emit }) {
@@ -6863,7 +6998,8 @@
       prop: {},
       disabled: { type: Boolean },
       size: {},
-      lastValues: {}
+      lastValues: {},
+      isCompare: { type: Boolean }
     },
     emits: ["change"],
     setup(__props, { emit: __emit }) {
@@ -6923,7 +7059,8 @@
       prop: {},
       disabled: { type: Boolean },
       size: {},
-      lastValues: {}
+      lastValues: {},
+      isCompare: { type: Boolean }
     },
     emits: ["change", "input"],
     setup(__props, { emit: __emit }) {
@@ -6931,6 +7068,16 @@
       const emit = __emit;
       useAddField(props.prop);
       const mForm = vue.inject("mForm");
+      const value = vue.ref("");
+      vue.watch(
+        () => props.model[props.name],
+        (v) => {
+          value.value = v;
+        },
+        {
+          immediate: true
+        }
+      );
       const appendConfig = vue.computed(() => {
         if (typeof props.config.append === "string") {
           return {
@@ -6961,13 +7108,13 @@
         emit("change", props.model[props.name].trim() || "");
         popoverVisible.value = false;
       };
-      const checkWhiteSpace = debounce((value) => {
-        if (typeof value === "string" && !props.config.trim) {
-          popoverVisible.value = value.trim() !== value;
+      const checkWhiteSpace = debounce((value2) => {
+        if (typeof value2 === "string" && !props.config.trim) {
+          popoverVisible.value = value2.trim() !== value2;
         }
       }, 300);
-      const changeHandler = (value) => {
-        emit("change", value);
+      const changeHandler = (value2) => {
+        emit("change", value2);
       };
       const inputHandler = (v) => {
         checkWhiteSpace(v);
@@ -6977,10 +7124,25 @@
       const buttonClickHandler = () => {
         if (!appendConfig.value) return;
         if (typeof appendConfig.value.handler === "function") {
+          const newChangeRecords = [];
+          const setModel = (key, value2) => {
+            newChangeRecords.push({ propPath: props.prop.replace(`${props.name}`, key), value: value2 });
+          };
+          const setFormValue = (key, value2) => {
+            newChangeRecords.push({ propPath: key, value: value2 });
+          };
           appendConfig.value.handler(mForm, {
             model: props.model,
-            values: mForm?.values
+            values: mForm ? vue.readonly(mForm.initValues) : null,
+            formValue: props.values || {},
+            setModel,
+            setFormValue
           });
+          if (newChangeRecords.length > 0) {
+            emit("change", props.model[props.name], {
+              changeRecords: newChangeRecords
+            });
+          }
         }
       };
       const keyUpHandler = ($event) => {
@@ -6991,13 +7153,13 @@
         if (!arrowUp && !arrowDown) {
           return;
         }
-        const value = props.model[props.name];
+        const value2 = props.model[props.name];
         let num;
         let unit;
-        if (utils.isNumber(value)) {
-          num = +value;
+        if (utils.isNumber(value2)) {
+          num = +value2;
         } else {
-          value.replace(/^([0-9.]+)([a-z%]+)$/, ($0, $1, $2) => {
+          value2.replace(/^([0-9.]+)([a-z%]+)$/, ($0, $1, $2) => {
             num = +$1;
             unit = $2;
           });
@@ -7059,16 +7221,17 @@
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
           vue.createVNode(vue.unref(design.TMagicInput), {
-            "model-value": __props.model[__props.name],
+            modelValue: value.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
             ref_key: "input",
             ref: input,
             clearable: "",
             size: __props.size,
             placeholder: __props.config.placeholder,
             disabled: __props.disabled,
-            "onUpdate:modelValue": changeHandler,
+            onChange: changeHandler,
             onInput: inputHandler,
-            onKeyup: _cache[0] || (_cache[0] = ($event) => keyUpHandler($event))
+            onKeyup: _cache[1] || (_cache[1] = ($event) => keyUpHandler($event))
           }, vue.createSlots({
             _: 2
             /* DYNAMIC */
@@ -7114,7 +7277,7 @@
               ]),
               key: "1"
             } : void 0
-          ]), 1032, ["model-value", "size", "placeholder", "disabled"]),
+          ]), 1032, ["modelValue", "size", "placeholder", "disabled"]),
           (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
             popoverVisible.value ? (vue.openBlock(), vue.createElementBlock(
               "div",
@@ -7125,7 +7288,7 @@
                 ref: popoverEl
               },
               [
-                _cache[4] || (_cache[4] = vue.createElementVNode(
+                _cache[5] || (_cache[5] = vue.createElementVNode(
                   "div",
                   { class: "m-form-validate__warning" },
                   "输入内容前后有空格，是否移除空格？",
@@ -7136,9 +7299,9 @@
                   vue.createVNode(vue.unref(design.TMagicButton), {
                     link: "",
                     size: "small",
-                    onClick: _cache[1] || (_cache[1] = ($event) => popoverVisible.value = false)
+                    onClick: _cache[2] || (_cache[2] = ($event) => popoverVisible.value = false)
                   }, {
-                    default: vue.withCtx(() => [..._cache[2] || (_cache[2] = [
+                    default: vue.withCtx(() => [..._cache[3] || (_cache[3] = [
                       vue.createTextVNode(
                         "保持原样",
                         -1
@@ -7153,7 +7316,7 @@
                     size: "small",
                     onClick: confirmTrimHandler
                   }, {
-                    default: vue.withCtx(() => [..._cache[3] || (_cache[3] = [
+                    default: vue.withCtx(() => [..._cache[4] || (_cache[4] = [
                       vue.createTextVNode(
                         "移除空格",
                         -1
@@ -7164,7 +7327,7 @@
                     /* STABLE */
                   })
                 ]),
-                _cache[5] || (_cache[5] = vue.createElementVNode(
+                _cache[6] || (_cache[6] = vue.createElementVNode(
                   "span",
                   {
                     class: "tmagic-form-text-popper-arrow",
@@ -7198,16 +7361,27 @@
       prop: {},
       disabled: { type: Boolean },
       size: {},
-      lastValues: {}
+      lastValues: {},
+      isCompare: { type: Boolean }
     },
     emits: ["change", "input"],
     setup(__props, { emit: __emit }) {
       const props = __props;
       const emit = __emit;
+      const value = vue.ref("");
+      vue.watch(
+        () => props.model[props.name],
+        (v) => {
+          value.value = v;
+        },
+        {
+          immediate: true
+        }
+      );
       useAddField(props.prop);
       const mForm = vue.inject("mForm");
-      const changeHandler = (value) => {
-        emit("change", value);
+      const changeHandler = (value2) => {
+        emit("change", value2);
       };
       const inputHandler = (v) => {
         emit("input", v);
@@ -7215,16 +7389,17 @@
       };
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(design.TMagicInput), {
-          "model-value": __props.model[__props.name],
+          modelValue: value.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
           type: "textarea",
           size: __props.size,
           clearable: "",
           placeholder: __props.config.placeholder,
           disabled: __props.disabled,
           rows: __props.config.rows,
-          "onUpdate:modelValue": changeHandler,
+          onChange: changeHandler,
           onInput: inputHandler
-        }, null, 8, ["model-value", "size", "placeholder", "disabled", "rows"]);
+        }, null, 8, ["modelValue", "size", "placeholder", "disabled", "rows"]);
       };
     }
   });
@@ -7243,7 +7418,8 @@
       prop: {},
       disabled: { type: Boolean },
       size: {},
-      lastValues: {}
+      lastValues: {},
+      isCompare: { type: Boolean }
     },
     emits: ["change"],
     setup(__props, { emit: __emit }) {
@@ -7281,7 +7457,8 @@
       prop: {},
       disabled: { type: Boolean },
       size: {},
-      lastValues: {}
+      lastValues: {},
+      isCompare: { type: Boolean }
     },
     emits: ["change"],
     setup(__props, { emit: __emit }) {
@@ -7402,6 +7579,7 @@
         if (typeof props.config.defaultAdd === "function") {
           inputs = await props.config.defaultAdd(mForm, {
             model: props.model[modelName],
+            prop: props.prop,
             formValue: mForm?.values
           });
         } else if (props.config.defaultAdd) {
@@ -7432,16 +7610,10 @@
 
   const useFullscreen = () => {
     const isFullscreen = vue.ref(false);
-    const mTableEl = vue.useTemplateRef("mTable");
-    const { nextZIndex } = design.useZIndex();
     const toggleFullscreen = () => {
-      if (!mTableEl.value) return;
       if (isFullscreen.value) {
-        mTableEl.value.classList.remove("fixed");
         isFullscreen.value = false;
       } else {
-        mTableEl.value.classList.add("fixed");
-        mTableEl.value.style.zIndex = `${nextZIndex()}`;
         isFullscreen.value = true;
       }
     };
@@ -7547,7 +7719,7 @@
     const rowDrop = () => {
       sortable?.destroy();
       const tableEl = tMagicTableRef.value?.getEl();
-      const tBodyEl = tableEl?.querySelector(".el-table__body > tbody");
+      const tBodyEl = tableEl?.querySelector(".el-table__body > tbody") || tableEl?.querySelector(".t-table__body");
       if (!tBodyEl) {
         return;
       }
@@ -7794,6 +7966,17 @@
       }
       return fuc;
     };
+    const titleTip = (fuc) => {
+      if (typeof fuc === "function") {
+        return fuc(mForm, {
+          values: mForm?.initValues,
+          model: props.model,
+          formValue: mForm ? mForm.values : props.model,
+          prop: props.prop
+        });
+      }
+      return fuc;
+    };
     const selection = vue.computed(() => {
       if (typeof props.config.selection === "function") {
         return props.config.selection(mForm, { model: props.model[modelName.value] });
@@ -7830,10 +8013,14 @@
           })
         });
       }
-      columns2.push({
+      let actionFixed = props.config.fixed === false ? void 0 : "left";
+      if (typeof props.config.fixed === "string" && ["left", "right"].includes(props.config.fixed)) {
+        actionFixed = props.config.fixed;
+      }
+      const actionClumn = {
         props: {
           label: "操作",
-          fixed: props.config.fixed === false ? void 0 : "left",
+          fixed: actionFixed,
           width: props.config.operateColWidth || 112,
           align: "center"
         },
@@ -7852,7 +8039,10 @@
             emit("change", v);
           }
         })
-      });
+      };
+      if (actionFixed !== "right") {
+        columns2.push(actionClumn);
+      }
       if (props.sort && props.model[modelName.value] && props.model[modelName.value].length > 1) {
         columns2.push({
           props: {
@@ -7895,6 +8085,7 @@
       }
       for (const column of props.config.items) {
         if (column.type !== "hidden" && display$1(column.display)) {
+          const titleTipValue = titleTip(column.titleTip);
           columns2.push({
             props: {
               prop: column.name,
@@ -7916,10 +8107,33 @@
               size: props.size,
               onChange: changeHandler,
               onAddDiffCount
-            })
+            }),
+            title: titleTipValue ? () => vue.h(
+              design.TMagicTooltip,
+              { placement: "top" },
+              {
+                default: () => vue.h(
+                  "span",
+                  {
+                    style: {
+                      display: "inline-flex",
+                      alignItems: "center",
+                      gap: "5px"
+                    }
+                  },
+                  [vue.h("span", column.label), vue.h(design.TMagicIcon, {}, { default: () => vue.h(iconsVue.WarningFilled) })]
+                ),
+                content: () => vue.h("div", {
+                  innerHTML: titleTipValue
+                })
+              }
+            ) : void 0
           });
         }
       }
+      if (actionFixed === "right") {
+        columns2.push(actionClumn);
+      }
       return columns2;
     });
     return {
@@ -7927,11 +8141,10 @@
     };
   };
 
-  const _hoisted_1$1 = { class: "m-fields-table-wrap" };
-  const _hoisted_2 = ["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$1 = ["innerHTML"];
+  const _hoisted_2 = { style: { "display": "flex", "justify-content": "space-between", "margin": "10px 0" } };
+  const _hoisted_3 = { style: { "display": "flex" } };
+  const _hoisted_4 = {
     key: 1,
     class: "bottom",
     style: { "text-align": "right" }
@@ -7967,6 +8180,7 @@
         props,
         modelName
       );
+      const { nextZIndex } = design.useZIndex();
       const { addable, newHandler } = useAdd(props, emit);
       const { columns } = useTableColumns(props, emit, currentPage, pageSize, modelName);
       useSortable(props, emit, tMagicTableRef, modelName);
@@ -8004,170 +8218,178 @@
         toggleRowSelection
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
-          (vue.openBlock(), vue.createBlock(vue.Teleport, {
-            to: "body",
-            disabled: !vue.unref(isFullscreen)
-          }, [
-            vue.createElementVNode(
-              "div",
-              {
-                ref: "mTable",
-                class: vue.normalizeClass(["m-fields-table", { "m-fields-table-item-extra": __props.config.itemExtra }])
-              },
-              [
-                __props.config.extra ? (vue.openBlock(), vue.createElementBlock("span", {
-                  key: 0,
-                  style: { "color": "rgba(0, 0, 0, 0.45)" },
-                  innerHTML: __props.config.extra
-                }, null, 8, _hoisted_2)) : vue.createCommentVNode("v-if", true),
-                vue.createVNode(vue.unref(design.TMagicTooltip), {
-                  content: "拖拽可排序",
-                  placement: "left-start",
-                  disabled: __props.config.dropSort !== true
-                }, {
-                  default: vue.withCtx(() => [
-                    __props.model[modelName.value] ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTable), {
-                      ref: "tMagicTable",
-                      style: { "width": "100%" },
-                      "show-header": "",
-                      "row-key": __props.config.rowKey || "id",
-                      columns: vue.unref(columns),
-                      data: data.value,
-                      border: __props.config.border,
-                      "max-height": __props.config.maxHeight,
-                      "default-expand-all": true,
-                      key: updateKey.value,
-                      onSelect: vue.unref(selectHandle),
-                      onSortChange: sortChangeHandler
-                    }, null, 8, ["row-key", "columns", "data", "border", "max-height", "onSelect"])) : vue.createCommentVNode("v-if", true)
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }, 8, ["disabled"]),
-                vue.renderSlot(_ctx.$slots, "default"),
-                vue.createElementVNode("div", _hoisted_3, [
-                  vue.createElementVNode("div", _hoisted_4, [
-                    __props.enableToggleMode && __props.config.enableToggleMode !== false && !vue.unref(isFullscreen) ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+        return vue.openBlock(), vue.createBlock(vue.Teleport, {
+          to: "body",
+          disabled: !vue.unref(isFullscreen)
+        }, [
+          vue.createElementVNode(
+            "div",
+            vue.mergeProps(_ctx.$attrs, {
+              class: ["m-fields-table-wrap", { fixed: vue.unref(isFullscreen) }],
+              style: vue.unref(isFullscreen) ? `z-index: ${vue.unref(nextZIndex)()}` : ""
+            }),
+            [
+              vue.createElementVNode(
+                "div",
+                {
+                  class: vue.normalizeClass(["m-fields-table", { "m-fields-table-item-extra": __props.config.itemExtra }])
+                },
+                [
+                  __props.config.extra ? (vue.openBlock(), vue.createElementBlock("span", {
+                    key: 0,
+                    style: { "color": "rgba(0, 0, 0, 0.45)" },
+                    innerHTML: __props.config.extra
+                  }, null, 8, _hoisted_1$1)) : vue.createCommentVNode("v-if", true),
+                  vue.createVNode(vue.unref(design.TMagicTooltip), {
+                    content: "拖拽可排序",
+                    placement: "left-start",
+                    disabled: __props.config.dropSort !== true
+                  }, {
+                    default: vue.withCtx(() => [
+                      __props.model[modelName.value] ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicTable), {
+                        ref: "tMagicTable",
+                        style: { "width": "100%" },
+                        "show-header": "",
+                        "row-key": __props.config.rowKey || "id",
+                        columns: vue.unref(columns),
+                        data: data.value,
+                        border: __props.config.border,
+                        "max-height": __props.config.maxHeight,
+                        "default-expand-all": true,
+                        key: updateKey.value,
+                        onSelect: vue.unref(selectHandle),
+                        onSortChange: sortChangeHandler
+                      }, null, 8, ["row-key", "columns", "data", "border", "max-height", "onSelect"])) : vue.createCommentVNode("v-if", true)
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["disabled"]),
+                  vue.renderSlot(_ctx.$slots, "default"),
+                  vue.createElementVNode("div", _hoisted_2, [
+                    vue.createElementVNode("div", _hoisted_3, [
+                      __props.enableToggleMode && __props.config.enableToggleMode !== false && !vue.unref(isFullscreen) ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+                        key: 0,
+                        icon: vue.unref(iconsVue.Grid),
+                        size: "small",
+                        onClick: toggleMode
+                      }, {
+                        default: vue.withCtx(() => [..._cache[1] || (_cache[1] = [
+                          vue.createTextVNode(
+                            "展开配置",
+                            -1
+                            /* CACHED */
+                          )
+                        ])]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["icon"])) : vue.createCommentVNode("v-if", true),
+                      __props.config.enableFullscreen !== false ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+                        key: 1,
+                        icon: vue.unref(iconsVue.FullScreen),
+                        size: "small",
+                        onClick: vue.unref(toggleFullscreen)
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode(
+                            vue.toDisplayString(vue.unref(isFullscreen) ? "退出全屏" : "全屏编辑"),
+                            1
+                            /* TEXT */
+                          )
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["icon", "onClick"])) : vue.createCommentVNode("v-if", true),
+                      vue.unref(importable) ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicUpload), {
+                        key: 2,
+                        style: { "display": "inline-block" },
+                        ref: "excelBtn",
+                        action: "/noop",
+                        disabled: __props.disabled,
+                        "on-change": vue.unref(excelHandler),
+                        "auto-upload": false
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(design.TMagicButton), {
+                            size: "small",
+                            type: "success",
+                            disabled: __props.disabled,
+                            plain: ""
+                          }, {
+                            default: vue.withCtx(() => [..._cache[2] || (_cache[2] = [
+                              vue.createTextVNode(
+                                "导入EXCEL",
+                                -1
+                                /* CACHED */
+                              )
+                            ])]),
+                            _: 1
+                            /* STABLE */
+                          }, 8, ["disabled"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["disabled", "on-change"])) : vue.createCommentVNode("v-if", true),
+                      vue.unref(importable) ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
+                        key: 3,
+                        size: "small",
+                        type: "warning",
+                        disabled: __props.disabled,
+                        plain: "",
+                        onClick: vue.unref(clearHandler)
+                      }, {
+                        default: vue.withCtx(() => [..._cache[3] || (_cache[3] = [
+                          vue.createTextVNode(
+                            "清空",
+                            -1
+                            /* CACHED */
+                          )
+                        ])]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["disabled", "onClick"])) : vue.createCommentVNode("v-if", true)
+                    ]),
+                    vue.unref(addable) ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), vue.mergeProps({
                       key: 0,
-                      icon: vue.unref(iconsVue.Grid),
-                      size: "small",
-                      type: "defalut",
-                      onClick: toggleMode
-                    }, {
-                      default: vue.withCtx(() => [..._cache[1] || (_cache[1] = [
-                        vue.createTextVNode(
-                          "展开配置",
-                          -1
-                          /* CACHED */
-                        )
-                      ])]),
-                      _: 1
-                      /* STABLE */
-                    }, 8, ["icon"])) : vue.createCommentVNode("v-if", true),
-                    __props.config.enableFullscreen !== false ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
-                      key: 1,
-                      icon: vue.unref(iconsVue.FullScreen),
+                      class: "m-form-table-add-button",
                       size: "small",
-                      type: "defalut",
-                      onClick: vue.unref(toggleFullscreen)
-                    }, {
+                      plain: "",
+                      icon: vue.unref(iconsVue.Plus)
+                    }, __props.config.addButtonConfig?.props || { type: "primary" }, {
+                      disabled: __props.disabled,
+                      onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(newHandler)())
+                    }), {
                       default: vue.withCtx(() => [
                         vue.createTextVNode(
-                          vue.toDisplayString(vue.unref(isFullscreen) ? "退出全屏" : "全屏编辑"),
+                          vue.toDisplayString(__props.config.addButtonConfig?.text || "新增一行"),
                           1
                           /* TEXT */
                         )
                       ]),
                       _: 1
                       /* STABLE */
-                    }, 8, ["icon", "onClick"])) : vue.createCommentVNode("v-if", true),
-                    vue.unref(importable) ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicUpload), {
-                      key: 2,
-                      style: { "display": "inline-block" },
-                      ref: "excelBtn",
-                      action: "/noop",
-                      disabled: __props.disabled,
-                      "on-change": vue.unref(excelHandler),
-                      "auto-upload": false
-                    }, {
-                      default: vue.withCtx(() => [
-                        vue.createVNode(vue.unref(design.TMagicButton), {
-                          size: "small",
-                          type: "success",
-                          disabled: __props.disabled,
-                          plain: ""
-                        }, {
-                          default: vue.withCtx(() => [..._cache[2] || (_cache[2] = [
-                            vue.createTextVNode(
-                              "导入EXCEL",
-                              -1
-                              /* CACHED */
-                            )
-                          ])]),
-                          _: 1
-                          /* STABLE */
-                        }, 8, ["disabled"])
-                      ]),
-                      _: 1
-                      /* STABLE */
-                    }, 8, ["disabled", "on-change"])) : vue.createCommentVNode("v-if", true),
-                    vue.unref(importable) ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
-                      key: 3,
-                      size: "small",
-                      type: "warning",
-                      disabled: __props.disabled,
-                      plain: "",
-                      onClick: vue.unref(clearHandler)
-                    }, {
-                      default: vue.withCtx(() => [..._cache[3] || (_cache[3] = [
-                        vue.createTextVNode(
-                          "清空",
-                          -1
-                          /* CACHED */
-                        )
-                      ])]),
-                      _: 1
-                      /* STABLE */
-                    }, 8, ["disabled", "onClick"])) : vue.createCommentVNode("v-if", true)
+                    }, 16, ["icon", "disabled"])) : vue.createCommentVNode("v-if", true)
                   ]),
-                  vue.unref(addable) ? (vue.openBlock(), vue.createBlock(vue.unref(design.TMagicButton), {
-                    key: 0,
-                    size: "small",
-                    type: "primary",
-                    disabled: __props.disabled,
-                    plain: "",
-                    onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(newHandler)())
-                  }, {
-                    default: vue.withCtx(() => [..._cache[4] || (_cache[4] = [
-                      vue.createTextVNode(
-                        "新增一行",
-                        -1
-                        /* CACHED */
-                      )
-                    ])]),
-                    _: 1
-                    /* STABLE */
-                  }, 8, ["disabled"])) : vue.createCommentVNode("v-if", true)
-                ]),
-                __props.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": __props.model[modelName.value].length < vue.unref(pageSize),
-                    "current-page": vue.unref(currentPage) + 1,
-                    "page-sizes": [vue.unref(pageSize), 60, 120, 300],
-                    "page-size": vue.unref(pageSize),
-                    total: __props.model[modelName.value].length,
-                    onSizeChange: vue.unref(handleSizeChange),
-                    onCurrentChange: vue.unref(handleCurrentChange)
-                  }, null, 8, ["hide-on-single-page", "current-page", "page-sizes", "page-size", "total", "onSizeChange", "onCurrentChange"])
-                ])) : vue.createCommentVNode("v-if", true)
-              ],
-              2
-              /* CLASS */
-            )
-          ], 8, ["disabled"]))
-        ]);
+                  __props.config.pagination ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+                    vue.createVNode(vue.unref(design.TMagicPagination), {
+                      layout: "total, sizes, prev, pager, next, jumper",
+                      "hide-on-single-page": __props.model[modelName.value].length < vue.unref(pageSize),
+                      "current-page": vue.unref(currentPage) + 1,
+                      "page-sizes": [vue.unref(pageSize), 60, 120, 300],
+                      "page-size": vue.unref(pageSize),
+                      total: __props.model[modelName.value].length,
+                      onSizeChange: vue.unref(handleSizeChange),
+                      onCurrentChange: vue.unref(handleCurrentChange)
+                    }, null, 8, ["hide-on-single-page", "current-page", "page-sizes", "page-size", "total", "onSizeChange", "onCurrentChange"])
+                  ])) : vue.createCommentVNode("v-if", true)
+                ],
+                2
+                /* CLASS */
+              )
+            ],
+            16
+            /* FULL_PROPS */
+          )
+        ], 8, ["disabled"]);
       };
     }
   });
@@ -8288,10 +8510,7 @@
                 vue.createVNode(vue.unref(design.TMagicCol), { span: 12 }, {
                   default: vue.withCtx(() => [
                     vue.renderSlot(_ctx.$slots, "footer", {}, () => [
-                      vue.createVNode(vue.unref(design.TMagicButton), {
-                        type: "default",
-                        onClick: handleClose
-                      }, {
+                      vue.createVNode(vue.unref(design.TMagicButton), { onClick: handleClose }, {
                         default: vue.withCtx(() => [..._cache[1] || (_cache[1] = [
                           vue.createTextVNode(
                             "关闭",