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

package/dist/tmagic-form.js

@@ -1,7 +1,7 @@
-import { toRaw, defineComponent, inject, ref, computed, watchEffect, watch, resolveComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, createBlock, createCommentVNode, mergeProps, resolveDynamicComponent, Fragment, createVNode, unref, withCtx, createElementVNode, renderList, createTextVNode, toDisplayString, readonly, withDirectives, vShow, renderSlot, getCurrentInstance, createSlots, onUnmounted, reactive, onBeforeUnmount, vModelText, useTemplateRef, provide, shallowRef, onBeforeMount, nextTick, resolveDirective, withModifiers, Teleport, h } from 'vue';
-import { WarningFilled, CaretBottom, CaretRight, Delete, DocumentCopy, CaretTop, Position, Grid, ArrowUp, ArrowDown, FullScreen } from '@element-plus/icons-vue';
+import { toRaw, defineComponent, createElementBlock, openBlock, createElementVNode, createBlock, createCommentVNode, unref, withCtx, createVNode, inject, ref, computed, watchEffect, watch, resolveComponent, normalizeStyle, normalizeClass, mergeProps, resolveDynamicComponent, Fragment, renderList, createTextVNode, toDisplayString, readonly, withDirectives, vShow, renderSlot, getCurrentInstance, createSlots, onUnmounted, reactive, onBeforeUnmount, vModelText, useTemplateRef, provide, shallowRef, onBeforeMount, nextTick, resolveDirective, withModifiers, Teleport, h } from 'vue';
+import { WarningFilled, CaretBottom, CaretRight, Delete, DocumentCopy, CaretTop, Position, Grid, Plus, ArrowUp, ArrowDown, FullScreen } from '@element-plus/icons-vue';
 import { cloneDeep, isEqual, isEmpty, debounce } from 'lodash-es';
-import { TMagicFormItem, TMagicTooltip, TMagicIcon, TMagicButton, TMagicCheckbox, TMagicPopover, TMagicInputNumber, TMagicCard, TMagicCol, TMagicRow, TMagicSteps, TMagicStep, getDesignConfig, TMagicBadge, TMagicCascader, TMagicCheckboxGroup, TMagicColorPicker, TMagicDatePicker, TMagicForm, TMagicInput, tMagicMessage, tMagicMessageBox, TMagicDialog, TMagicRadioButton, TMagicRadio, TMagicRadioGroup, TMagicSelect, TMagicSwitch, TMagicTimePicker, useZIndex, TMagicTable, TMagicUpload, TMagicPagination, TMagicDrawer, TMagicScrollbar } from '@tmagic/design';
+import { TMagicTooltip, TMagicIcon, TMagicFormItem, TMagicButton, TMagicCheckbox, TMagicCard, TMagicPopover, TMagicInputNumber, TMagicCol, TMagicRow, TMagicSteps, TMagicStep, getDesignConfig, TMagicBadge, TMagicCascader, TMagicCheckboxGroup, TMagicColorPicker, TMagicDatePicker, TMagicForm, TMagicInput, tMagicMessage, tMagicMessageBox, TMagicDialog, TMagicRadioButton, TMagicRadio, TMagicRadioGroup, TMagicSelect, TMagicSwitch, TMagicTimePicker, useZIndex, TMagicTable, TMagicUpload, TMagicPagination, TMagicDrawer, TMagicScrollbar } from '@tmagic/design';
 import { getValueByKeyPath, setValueByKeyPath, isNumber, asyncLoadJs } from '@tmagic/utils';
 import dayjs from 'dayjs';
 import utc from 'dayjs/plugin/utc';
@@ -215,7 +215,7 @@ const sortArray = (data, newIndex, oldIndex, sortKey) => {
       newData[v][sortKey] = i;
     }
   }
-  return newData;
+  return cloneDeep(newData);
 };
 const sortChange = (data, { prop, order }) => {
   if (order === "ascending") {
@@ -225,17 +225,65 @@ const sortChange = (data, { prop, order }) => {
   }
 };
 
-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__ */ defineComponent({
+  __name: "FormLabel",
+  props: {
+    tip: {},
+    type: {},
+    useLabel: { type: Boolean },
+    text: {},
+    labelTitle: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return __props.tip ? (openBlock(), createElementBlock("span", _hoisted_1$e, [
+        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) ? (openBlock(), createBlock(unref(TMagicTooltip), {
+          key: 0,
+          placement: "top"
+        }, {
+          content: withCtx(() => [
+            createElementVNode("div", { innerHTML: __props.tip }, null, 8, _hoisted_3$6)
+          ]),
+          default: withCtx(() => [
+            createVNode(unref(TMagicIcon), { style: { "margin-left": "5px", "display": "flex" } }, {
+              default: withCtx(() => [
+                createVNode(unref(WarningFilled))
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          _: 1
+          /* STABLE */
+        })) : createCommentVNode("v-if", true)
+      ])) : (openBlock(), 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" }
 };
@@ -482,10 +530,13 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
               class: { "tmagic-form-hidden": `${itemLabelWidth.value}` === "0" || !text.value }
             }), {
               label: withCtx(() => [
-                createElementVNode("span", {
-                  innerHTML: type.value === "checkbox" && !__props.config.useLabel ? "" : text.value,
-                  title: __props.config.labelTitle
-                }, null, 8, _hoisted_2$7)
+                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: withCtx(() => [
                 tooltip.value.text ? (openBlock(), createBlock(unref(TMagicTooltip), {
@@ -495,36 +546,38 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
                   content: withCtx(() => [
                     createElementVNode("div", {
                       innerHTML: tooltip.value.text
-                    }, null, 8, _hoisted_3$6)
+                    }, null, 8, _hoisted_2$7)
                   ]),
                   default: withCtx(() => [
                     (openBlock(), createBlock(resolveDynamicComponent(tagName.value), 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"])) : (openBlock(), createBlock(resolveDynamicComponent(tagName.value), 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 ? (openBlock(), createBlock(unref(TMagicTooltip), {
+            __props.config.tip && type.value === "checkbox" && !__props.config.useLabel ? (openBlock(), createBlock(unref(TMagicTooltip), {
               key: 0,
-              placement: "left"
+              placement: "top"
             }, {
               content: withCtx(() => [
                 createElementVNode("div", {
                   innerHTML: __props.config.tip
-                }, null, 8, _hoisted_4$3)
+                }, null, 8, _hoisted_3$5)
               ]),
               default: withCtx(() => [
                 createVNode(unref(TMagicIcon), { style: { "line-height": "40px", "margin-left": "5px" } }, {
@@ -551,10 +604,13 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
               class: { "tmagic-form-hidden": `${itemLabelWidth.value}` === "0" || !text.value, "show-diff": true }
             }), {
               label: withCtx(() => [
-                createElementVNode("span", {
-                  innerHTML: type.value === "checkbox" ? "" : text.value,
-                  title: __props.config.labelTitle
-                }, null, 8, _hoisted_5$3)
+                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: withCtx(() => [
                 tooltip.value.text ? (openBlock(), createBlock(unref(TMagicTooltip), {
@@ -564,7 +620,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
                   content: withCtx(() => [
                     createElementVNode("div", {
                       innerHTML: tooltip.value.text
-                    }, null, 8, _hoisted_6$1)
+                    }, null, 8, _hoisted_4$4)
                   ]),
                   default: withCtx(() => [
                     (openBlock(), createBlock(resolveDynamicComponent(tagName.value), mergeProps(fieldsProps.value, {
@@ -582,14 +638,14 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
               _: 1
               /* STABLE */
             }, 16, ["class"]),
-            __props.config.tip ? (openBlock(), createBlock(unref(TMagicTooltip), {
+            __props.config.tip && type.value === "checkbox" && !__props.config.useLabel ? (openBlock(), createBlock(unref(TMagicTooltip), {
               key: 0,
-              placement: "left"
+              placement: "top"
             }, {
               content: withCtx(() => [
                 createElementVNode("div", {
                   innerHTML: __props.config.tip
-                }, null, 8, _hoisted_7$1)
+                }, null, 8, _hoisted_5$3)
               ]),
               default: withCtx(() => [
                 createVNode(unref(TMagicIcon), { style: { "line-height": "40px", "margin-left": "5px" } }, {
@@ -609,10 +665,13 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
               class: { "tmagic-form-hidden": `${itemLabelWidth.value}` === "0" || !text.value, "show-diff": true }
             }), {
               label: withCtx(() => [
-                createElementVNode("span", {
-                  innerHTML: type.value === "checkbox" ? "" : text.value,
-                  title: __props.config.labelTitle
-                }, null, 8, _hoisted_8$1)
+                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: withCtx(() => [
                 tooltip.value.text ? (openBlock(), createBlock(unref(TMagicTooltip), {
@@ -622,7 +681,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
                   content: withCtx(() => [
                     createElementVNode("div", {
                       innerHTML: tooltip.value.text
-                    }, null, 8, _hoisted_9)
+                    }, null, 8, _hoisted_6$1)
                   ]),
                   default: withCtx(() => [
                     (openBlock(), createBlock(resolveDynamicComponent(tagName.value), mergeProps(fieldsProps.value, {
@@ -640,14 +699,14 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
               _: 1
               /* STABLE */
             }, 16, ["style", "class"]),
-            __props.config.tip ? (openBlock(), createBlock(unref(TMagicTooltip), {
+            __props.config.tip && type.value === "checkbox" && !__props.config.useLabel ? (openBlock(), createBlock(unref(TMagicTooltip), {
               key: 1,
-              placement: "left"
+              placement: "top"
             }, {
               content: withCtx(() => [
                 createElementVNode("div", {
                   innerHTML: __props.config.tip
-                }, null, 8, _hoisted_10)
+                }, null, 8, _hoisted_7$1)
               ]),
               default: withCtx(() => [
                 createVNode(unref(TMagicIcon), { style: { "line-height": "40px", "margin-left": "5px" } }, {
@@ -695,7 +754,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
           64
           /* STABLE_FRAGMENT */
         )) : createCommentVNode("v-if", true),
-        __props.config.expand && type.value !== "fieldset" ? (openBlock(), createElementBlock("div", _hoisted_11, [
+        __props.config.expand && type.value !== "fieldset" ? (openBlock(), createElementBlock("div", _hoisted_8$1, [
           createVNode(unref(TMagicButton), {
             type: "primary",
             size: "small",
@@ -721,8 +780,8 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
 
 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,
@@ -822,10 +881,10 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
             /* STABLE */
-          })) : (openBlock(), createElementBlock("legend", _hoisted_3$5, [
+          })) : (openBlock(), createElementBlock("legend", _hoisted_3$4, [
             createElementVNode("span", {
               innerHTML: __props.config.legend
-            }, null, 8, _hoisted_4$2),
+            }, null, 8, _hoisted_4$3),
             __props.config.extra ? (openBlock(), createElementBlock("span", {
               key: 0,
               innerHTML: __props.config.extra,
@@ -954,9 +1013,8 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
   }
 });
 
-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__ */ defineComponent({
   ...{
     name: "MFormGroupListItem"
@@ -1035,211 +1093,220 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       emit("swap-item", props.index, moveSpecifyLocationIndex.value - 1);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$b, [
-        createElementVNode("div", null, [
-          createVNode(unref(TMagicButton), {
-            link: "",
-            disabled: __props.disabled,
-            onClick: expandHandler
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(TMagicIcon), null, {
-                default: withCtx(() => [
-                  expand.value ? (openBlock(), createBlock(unref(CaretBottom), { key: 0 })) : (openBlock(), createBlock(unref(CaretRight), { key: 1 }))
-                ]),
-                _: 1
-                /* STABLE */
-              }),
-              createTextVNode(
-                toDisplayString(title.value),
-                1
-                /* TEXT */
-              )
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["disabled"]),
-          withDirectives(createVNode(unref(TMagicButton), {
-            type: "danger",
-            size: "small",
-            link: "",
-            icon: unref(Delete),
-            disabled: __props.disabled,
-            onClick: removeHandler
-          }, null, 8, ["icon", "disabled"]), [
-            [vShow, showDelete.value]
-          ]),
-          copyable.value ? (openBlock(), createBlock(unref(TMagicButton), {
-            key: 0,
-            link: "",
-            size: "small",
-            type: "primary",
-            icon: unref(DocumentCopy),
-            disabled: __props.disabled,
-            onClick: copyHandler
-          }, {
-            default: withCtx(() => [..._cache[6] || (_cache[6] = [
-              createTextVNode(
-                "复制",
-                -1
-                /* CACHED */
-              )
-            ])]),
-            _: 1
-            /* STABLE */
-          }, 8, ["icon", "disabled"])) : createCommentVNode("v-if", true),
-          movable.value ? (openBlock(), createElementBlock(
-            Fragment,
-            { key: 1 },
-            [
-              withDirectives(createVNode(unref(TMagicButton), {
-                link: "",
-                size: "small",
-                disabled: __props.disabled,
-                icon: unref(CaretTop),
-                onClick: _cache[0] || (_cache[0] = ($event) => changeOrder(-1))
-              }, {
-                default: withCtx(() => [..._cache[7] || (_cache[7] = [
-                  createTextVNode(
-                    "上移",
-                    -1
-                    /* CACHED */
-                  )
-                ])]),
-                _: 1
-                /* STABLE */
-              }, 8, ["disabled", "icon"]), [
-                [vShow, __props.index !== 0]
+      return openBlock(), createBlock(unref(TMagicCard), {
+        class: "m-fields-group-list-item",
+        "body-style": { display: expand.value ? "block" : "none" }
+      }, {
+        header: withCtx(() => [
+          createElementVNode("div", null, [
+            createVNode(unref(TMagicButton), {
+              link: "",
+              disabled: __props.disabled,
+              onClick: expandHandler
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(TMagicIcon), null, {
+                  default: withCtx(() => [
+                    expand.value ? (openBlock(), createBlock(unref(CaretBottom), { key: 0 })) : (openBlock(), createBlock(unref(CaretRight), { key: 1 }))
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                createTextVNode(
+                  toDisplayString(title.value),
+                  1
+                  /* TEXT */
+                )
               ]),
-              withDirectives(createVNode(unref(TMagicButton), {
-                link: "",
-                size: "small",
-                disabled: __props.disabled,
-                icon: unref(CaretBottom),
-                onClick: _cache[1] || (_cache[1] = ($event) => changeOrder(1))
-              }, {
-                default: withCtx(() => [..._cache[8] || (_cache[8] = [
-                  createTextVNode(
-                    "下移",
-                    -1
-                    /* CACHED */
-                  )
-                ])]),
-                _: 1
-                /* STABLE */
-              }, 8, ["disabled", "icon"]), [
-                [vShow, __props.index !== length.value - 1]
-              ])
-            ],
-            64
-            /* STABLE_FRAGMENT */
-          )) : createCommentVNode("v-if", true),
-          __props.config.moveSpecifyLocation ? (openBlock(), createBlock(unref(TMagicPopover), {
-            key: 2,
-            trigger: "click",
-            placement: "top",
-            width: "200",
-            visible: moveSpecifyLocationVisible.value
-          }, {
-            reference: withCtx(() => [
-              createVNode(unref(TMagicButton), {
-                link: "",
-                size: "small",
-                type: "primary",
-                icon: unref(Position),
-                disabled: __props.disabled,
-                onClick: _cache[2] || (_cache[2] = ($event) => moveSpecifyLocationVisible.value = true)
-              }, {
-                default: withCtx(() => [..._cache[9] || (_cache[9] = [
-                  createTextVNode(
-                    "移动至",
-                    -1
-                    /* CACHED */
-                  )
-                ])]),
-                _: 1
-                /* STABLE */
-              }, 8, ["icon", "disabled"])
+              _: 1
+              /* STABLE */
+            }, 8, ["disabled"]),
+            withDirectives(createVNode(unref(TMagicButton), {
+              type: "danger",
+              size: "small",
+              link: "",
+              icon: unref(Delete),
+              disabled: __props.disabled,
+              onClick: removeHandler
+            }, null, 8, ["icon", "disabled"]), [
+              [vShow, showDelete.value]
             ]),
-            default: withCtx(() => [
-              createElementVNode("div", null, [
-                createElementVNode("div", null, [
-                  _cache[10] || (_cache[10] = createTextVNode(
-                    " 第",
-                    -1
-                    /* CACHED */
-                  )),
-                  createVNode(unref(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] = createTextVNode(
-                    "行 ",
-                    -1
-                    /* CACHED */
-                  ))
+            copyable.value ? (openBlock(), createBlock(unref(TMagicButton), {
+              key: 0,
+              link: "",
+              size: "small",
+              type: "primary",
+              icon: unref(DocumentCopy),
+              disabled: __props.disabled,
+              onClick: copyHandler
+            }, {
+              default: withCtx(() => [..._cache[6] || (_cache[6] = [
+                createTextVNode(
+                  "复制",
+                  -1
+                  /* CACHED */
+                )
+              ])]),
+              _: 1
+              /* STABLE */
+            }, 8, ["icon", "disabled"])) : createCommentVNode("v-if", true),
+            movable.value ? (openBlock(), createElementBlock(
+              Fragment,
+              { key: 1 },
+              [
+                withDirectives(createVNode(unref(TMagicButton), {
+                  link: "",
+                  size: "small",
+                  disabled: __props.disabled,
+                  icon: unref(CaretTop),
+                  onClick: _cache[0] || (_cache[0] = ($event) => changeOrder(-1))
+                }, {
+                  default: withCtx(() => [..._cache[7] || (_cache[7] = [
+                    createTextVNode(
+                      "上移",
+                      -1
+                      /* CACHED */
+                    )
+                  ])]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["disabled", "icon"]), [
+                  [vShow, __props.index !== 0]
                 ]),
-                createElementVNode("div", _hoisted_2$5, [
-                  createVNode(unref(TMagicButton), {
-                    size: "small",
-                    text: "",
-                    onClick: _cache[4] || (_cache[4] = ($event) => moveSpecifyLocationVisible.value = false)
-                  }, {
-                    default: withCtx(() => [..._cache[12] || (_cache[12] = [
-                      createTextVNode(
-                        "取消",
-                        -1
-                        /* CACHED */
-                      )
-                    ])]),
-                    _: 1
-                    /* STABLE */
-                  }),
-                  createVNode(unref(TMagicButton), {
-                    size: "small",
-                    type: "primary",
-                    onClick: moveSpecifyLocationHandler
-                  }, {
-                    default: withCtx(() => [..._cache[13] || (_cache[13] = [
-                      createTextVNode(
-                        "确认",
-                        -1
-                        /* CACHED */
-                      )
-                    ])]),
-                    _: 1
-                    /* STABLE */
-                  })
+                withDirectives(createVNode(unref(TMagicButton), {
+                  link: "",
+                  size: "small",
+                  disabled: __props.disabled,
+                  icon: unref(CaretBottom),
+                  onClick: _cache[1] || (_cache[1] = ($event) => changeOrder(1))
+                }, {
+                  default: withCtx(() => [..._cache[8] || (_cache[8] = [
+                    createTextVNode(
+                      "下移",
+                      -1
+                      /* CACHED */
+                    )
+                  ])]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["disabled", "icon"]), [
+                  [vShow, __props.index !== length.value - 1]
                 ])
-              ])
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["visible"])) : createCommentVNode("v-if", true),
-          itemExtra.value ? (openBlock(), createElementBlock("span", {
-            key: 3,
-            innerHTML: itemExtra.value,
-            class: "m-form-tip"
-          }, null, 8, _hoisted_3$4)) : createCommentVNode("v-if", true)
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            )) : createCommentVNode("v-if", true),
+            __props.config.moveSpecifyLocation ? (openBlock(), createBlock(unref(TMagicPopover), {
+              key: 2,
+              trigger: "click",
+              placement: "top",
+              width: "200",
+              visible: moveSpecifyLocationVisible.value
+            }, {
+              reference: withCtx(() => [
+                createVNode(unref(TMagicButton), {
+                  link: "",
+                  size: "small",
+                  type: "primary",
+                  icon: unref(Position),
+                  disabled: __props.disabled,
+                  onClick: _cache[2] || (_cache[2] = ($event) => moveSpecifyLocationVisible.value = true)
+                }, {
+                  default: withCtx(() => [..._cache[9] || (_cache[9] = [
+                    createTextVNode(
+                      "移动至",
+                      -1
+                      /* CACHED */
+                    )
+                  ])]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["icon", "disabled"])
+              ]),
+              default: withCtx(() => [
+                createElementVNode("div", null, [
+                  createElementVNode("div", null, [
+                    _cache[10] || (_cache[10] = createTextVNode(
+                      " 第",
+                      -1
+                      /* CACHED */
+                    )),
+                    createVNode(unref(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] = createTextVNode(
+                      "行 ",
+                      -1
+                      /* CACHED */
+                    ))
+                  ]),
+                  createElementVNode("div", _hoisted_1$b, [
+                    createVNode(unref(TMagicButton), {
+                      size: "small",
+                      text: "",
+                      onClick: _cache[4] || (_cache[4] = ($event) => moveSpecifyLocationVisible.value = false)
+                    }, {
+                      default: withCtx(() => [..._cache[12] || (_cache[12] = [
+                        createTextVNode(
+                          "取消",
+                          -1
+                          /* CACHED */
+                        )
+                      ])]),
+                      _: 1
+                      /* STABLE */
+                    }),
+                    createVNode(unref(TMagicButton), {
+                      size: "small",
+                      type: "primary",
+                      onClick: moveSpecifyLocationHandler
+                    }, {
+                      default: withCtx(() => [..._cache[13] || (_cache[13] = [
+                        createTextVNode(
+                          "确认",
+                          -1
+                          /* CACHED */
+                        )
+                      ])]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ])
+                ])
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["visible"])) : createCommentVNode("v-if", true),
+            itemExtra.value ? (openBlock(), createElementBlock("span", {
+              key: 3,
+              innerHTML: itemExtra.value,
+              class: "m-form-tip"
+            }, null, 8, _hoisted_2$5)) : createCommentVNode("v-if", true)
+          ])
         ]),
-        expand.value ? (openBlock(), 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"])) : createCommentVNode("v-if", true)
-      ]);
+        default: withCtx(() => [
+          expand.value ? (openBlock(), 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"])) : createCommentVNode("v-if", true)
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["body-style"]);
     };
   }
 });
@@ -1250,6 +1317,8 @@ const _hoisted_3$3 = {
   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__ */ defineComponent({
   ...{
     name: "MFormGroupList"
@@ -1349,7 +1418,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
         !__props.model[__props.name] || !__props.model[__props.name].length ? (openBlock(), createElementBlock("div", _hoisted_3$3, [..._cache[1] || (_cache[1] = [
           createElementVNode(
             "span",
-            { class: "el-table__empty-text" },
+            { class: "el-table__empty-text t-table__empty" },
             "暂无数据",
             -1
             /* CACHED */
@@ -1376,43 +1445,48 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
               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 ? (openBlock(), createBlock(unref(TMagicButton), {
-          key: 3,
-          type: "primary",
-          size: __props.config.enableToggleMode ? "small" : "default",
-          disabled: __props.disabled,
-          onClick: addHandler
-        }, {
-          default: withCtx(() => [..._cache[2] || (_cache[2] = [
-            createTextVNode(
-              "新增",
-              -1
-              /* CACHED */
-            )
-          ])]),
-          _: 1
-          /* STABLE */
-        }, 8, ["size", "disabled"])) : createCommentVNode("v-if", true),
-        __props.config.enableToggleMode ? (openBlock(), createBlock(unref(TMagicButton), {
-          key: 4,
-          icon: unref(Grid),
-          size: "small",
-          onClick: toggleMode
-        }, {
-          default: withCtx(() => [..._cache[3] || (_cache[3] = [
-            createTextVNode(
-              "切换为表格",
-              -1
-              /* CACHED */
-            )
-          ])]),
-          _: 1
-          /* STABLE */
-        }, 8, ["icon"])) : createCommentVNode("v-if", true)
+          }),
+          128
+          /* KEYED_FRAGMENT */
+        )),
+        createElementVNode("div", _hoisted_4$2, [
+          __props.config.enableToggleMode ? (openBlock(), createBlock(unref(TMagicButton), {
+            key: 0,
+            icon: unref(Grid),
+            size: "small",
+            onClick: toggleMode
+          }, {
+            default: withCtx(() => [..._cache[2] || (_cache[2] = [
+              createTextVNode(
+                "切换为表格",
+                -1
+                /* CACHED */
+              )
+            ])]),
+            _: 1
+            /* STABLE */
+          }, 8, ["icon"])) : createCommentVNode("v-if", true),
+          createElementVNode("div", _hoisted_5$1, [
+            addable.value ? (openBlock(), createBlock(unref(TMagicButton), mergeProps({
+              key: 0,
+              size: __props.config.enableToggleMode ? "small" : "default",
+              icon: unref(Plus)
+            }, __props.config.addButtonConfig?.props || { type: "primary" }, {
+              disabled: __props.disabled,
+              onClick: addHandler
+            }), {
+              default: withCtx(() => [
+                createTextVNode(
+                  toDisplayString(__props.config.addButtonConfig?.text || "新增"),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              _: 1
+              /* STABLE */
+            }, 16, ["size", "icon", "disabled"])) : createCommentVNode("v-if", true)
+          ])
+        ])
       ]);
     };
   }
@@ -1425,7 +1499,7 @@ const _hoisted_3$2 = {
   style: { "display": "flex" }
 };
 const _hoisted_4$1 = { style: { "flex": "1" } };
-const _hoisted_5$1 = ["src"];
+const _hoisted_5 = ["src"];
 const _sfc_main$v = /* @__PURE__ */ defineComponent({
   ...{
     name: "MFormPanel"
@@ -1443,7 +1517,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean }
   },
   emits: ["change", "addDiffCount"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const mForm = inject("mForm");
@@ -1454,6 +1528,12 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       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 ? (openBlock(), createBlock(unref(TMagicCard), {
         key: 0,
@@ -1468,18 +1548,23 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
               icon: expand.value ? unref(CaretBottom) : unref(CaretRight),
               onClick: _cache[0] || (_cache[0] = ($event) => expand.value = !expand.value)
             }, null, 8, ["icon"]),
-            __props.config && __props.config.extra ? (openBlock(), createElementBlock("span", {
-              key: 0,
-              innerHTML: __props.config.extra,
-              class: "m-form-tip"
-            }, null, 8, _hoisted_2$3)) : createCommentVNode("v-if", true),
             renderSlot(_ctx.$slots, "header", {}, () => [
-              createTextVNode(
+              createElementVNode(
+                "span",
+                {
+                  style: { "cursor": "pointer" },
+                  onClick: _cache[1] || (_cache[1] = ($event) => expand.value = !expand.value)
+                },
                 toDisplayString(filter(__props.config.title)),
                 1
                 /* TEXT */
               )
-            ])
+            ]),
+            __props.config && __props.config.extra ? (openBlock(), createElementBlock("span", {
+              key: 0,
+              innerHTML: __props.config.extra,
+              class: "m-form-tip"
+            }, null, 8, _hoisted_2$3)) : createCommentVNode("v-if", true)
           ])
         ]),
         default: withCtx(() => [
@@ -1502,7 +1587,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
                       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
@@ -1512,7 +1597,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
               createElementVNode("img", {
                 class: "m-form-schematic",
                 src: __props.config.schematic
-              }, null, 8, _hoisted_5$1)
+              }, null, 8, _hoisted_5)
             ])) : (openBlock(true), createElementBlock(
               Fragment,
               { key: 1 },
@@ -1528,7 +1613,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
                   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
@@ -2022,7 +2107,8 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     prop: {},
     disabled: { type: Boolean },
     size: {},
-    lastValues: {}
+    lastValues: {},
+    isCompare: { type: Boolean }
   },
   emits: ["change"],
   setup(__props, { emit: __emit }) {
@@ -2149,7 +2235,8 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     prop: {},
     disabled: { type: Boolean },
     size: {},
-    lastValues: {}
+    lastValues: {},
+    isCompare: { type: Boolean }
   },
   emits: ["change"],
   setup(__props, { emit: __emit }) {
@@ -2221,7 +2308,8 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     prop: {},
     disabled: { type: Boolean },
     size: {},
-    lastValues: {}
+    lastValues: {},
+    isCompare: { type: Boolean }
   },
   emits: ["change"],
   setup(__props, { emit: __emit }) {
@@ -2294,7 +2382,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     prop: {},
     disabled: { type: Boolean },
     size: {},
-    lastValues: {}
+    lastValues: {},
+    isCompare: { type: Boolean }
   },
   emits: ["change"],
   setup(__props, { emit: __emit }) {
@@ -2328,7 +2417,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     prop: {},
     disabled: { type: Boolean },
     size: {},
-    lastValues: {}
+    lastValues: {},
+    isCompare: { type: Boolean }
   },
   emits: ["change"],
   setup(__props, { emit: __emit }) {
@@ -2368,7 +2458,8 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     prop: {},
     disabled: { type: Boolean },
     size: {},
-    lastValues: {}
+    lastValues: {},
+    isCompare: { type: Boolean }
   },
   emits: ["change"],
   setup(__props, { emit: __emit }) {
@@ -2480,7 +2571,8 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     prop: {},
     disabled: { type: Boolean },
     size: {},
-    lastValues: {}
+    lastValues: {},
+    isCompare: { type: Boolean }
   },
   emits: ["change"],
   setup(__props, { emit: __emit }) {
@@ -2534,7 +2626,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     prop: {},
     disabled: { type: Boolean },
     size: {},
-    lastValues: {}
+    lastValues: {},
+    isCompare: { type: Boolean }
   },
   setup(__props) {
     const props = __props;
@@ -2569,7 +2662,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     prop: {},
     disabled: { type: Boolean },
     size: {},
-    lastValues: {}
+    lastValues: {},
+    isCompare: { type: Boolean }
   },
   emits: ["change"],
   setup(__props, { emit: __emit }) {
@@ -2670,7 +2764,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     prop: {},
     disabled: { type: Boolean },
     size: {},
-    lastValues: {}
+    lastValues: {},
+    isCompare: { type: Boolean }
   },
   setup(__props) {
     const props = __props;
@@ -2935,7 +3030,12 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     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 }) {
@@ -3015,7 +3115,10 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         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: withCtx(() => [
@@ -3036,8 +3139,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
               createVNode(unref(TMagicCol), { span: 12 }, {
                 default: withCtx(() => [
                   renderSlot(_ctx.$slots, "footer", {}, () => [
-                    createVNode(unref(TMagicButton), {
-                      type: "default",
+                    __props.showCancel ? (openBlock(), createBlock(unref(TMagicButton), {
+                      key: 0,
                       onClick: cancel,
                       size: "small"
                     }, {
@@ -3050,9 +3153,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                       ])]),
                       _: 1
                       /* STABLE */
-                    }),
+                    })) : createCommentVNode("v-if", true),
                     hasStep.value && stepActive.value > 1 ? (openBlock(), createBlock(unref(TMagicButton), {
-                      key: 0,
+                      key: 1,
                       type: "info",
                       size: "small",
                       onClick: preStep
@@ -3068,7 +3171,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                       /* STABLE */
                     })) : createCommentVNode("v-if", true),
                     hasStep.value && stepCount.value > stepActive.value ? (openBlock(), createBlock(unref(TMagicButton), {
-                      key: 1,
+                      key: 2,
                       type: "info",
                       size: "small",
                       onClick: nextStep
@@ -3083,7 +3186,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                       _: 1
                       /* STABLE */
                     })) : (openBlock(), createBlock(unref(TMagicButton), {
-                      key: 2,
+                      key: 3,
                       type: "primary",
                       size: "small",
                       disabled: __props.disabled,
@@ -3143,7 +3246,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         ]),
         _: 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"]);
     };
   }
 });
@@ -3167,7 +3270,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     prop: {},
     disabled: { type: Boolean },
     size: {},
-    lastValues: {}
+    lastValues: {},
+    isCompare: { type: Boolean }
   },
   emits: ["change"],
   setup(__props, { emit: __emit }) {
@@ -3190,7 +3294,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       if (typeof props.config.form === "function") {
         return props.config.form(mForm, {
           model: props.model || {},
-          values: props.values || {}
+          values: mForm ? readonly(mForm.initValues) : null,
+          formValue: props.values || {}
         });
       }
       return props.config.form;
@@ -3277,16 +3382,27 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     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 = ref();
+    watch(
+      () => props.model[props.name],
+      (v) => {
+        value.value = v;
+      },
+      {
+        immediate: true
+      }
+    );
     useAddField(props.prop);
     const mForm = inject("mForm");
-    const changeHandler = (value) => {
-      emit("change", value);
+    const changeHandler = (value2) => {
+      emit("change", value2);
     };
     const inputHandler = (v) => {
       emit("input", v);
@@ -3295,7 +3411,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return __props.model ? (openBlock(), createBlock(unref(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,
@@ -3304,9 +3421,9 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         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"])) : createCommentVNode("v-if", true);
+      }, null, 8, ["modelValue", "size", "max", "min", "step", "placeholder", "disabled"])) : createCommentVNode("v-if", true);
     };
   }
 });
@@ -3326,12 +3443,26 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     prop: {},
     disabled: { type: Boolean },
     size: {},
-    lastValues: {}
+    lastValues: {},
+    isCompare: { type: Boolean }
   },
   emits: ["change"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const firstValue = ref();
+    const secondValue = ref();
+    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] = [];
@@ -3345,13 +3476,14 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$4, [
         createVNode(unref(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] = createElementVNode(
+          onChange: minChangeHandler
+        }, null, 8, ["modelValue", "clearable", "size", "disabled"]),
+        _cache[2] || (_cache[2] = createElementVNode(
           "span",
           { class: "split-tag" },
           "-",
@@ -3359,12 +3491,13 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           /* CACHED */
         )),
         createVNode(unref(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"])
       ]);
     };
   }
@@ -3384,7 +3517,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     prop: {},
     disabled: { type: Boolean },
     size: {},
-    lastValues: {}
+    lastValues: {},
+    isCompare: { type: Boolean }
   },
   emits: ["change"],
   setup(__props, { emit: __emit }) {
@@ -3482,7 +3616,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     prop: {},
     disabled: { type: Boolean },
     size: {},
-    lastValues: {}
+    lastValues: {},
+    isCompare: { type: Boolean }
   },
   emits: ["change"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -3933,7 +4068,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     prop: {},
     disabled: { type: Boolean },
     size: {},
-    lastValues: {}
+    lastValues: {},
+    isCompare: { type: Boolean }
   },
   emits: ["change"],
   setup(__props, { emit: __emit }) {
@@ -3993,7 +4129,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     prop: {},
     disabled: { type: Boolean },
     size: {},
-    lastValues: {}
+    lastValues: {},
+    isCompare: { type: Boolean }
   },
   emits: ["change", "input"],
   setup(__props, { emit: __emit }) {
@@ -4001,6 +4138,16 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     useAddField(props.prop);
     const mForm = inject("mForm");
+    const value = ref("");
+    watch(
+      () => props.model[props.name],
+      (v) => {
+        value.value = v;
+      },
+      {
+        immediate: true
+      }
+    );
     const appendConfig = computed(() => {
       if (typeof props.config.append === "string") {
         return {
@@ -4031,13 +4178,13 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       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);
@@ -4047,10 +4194,25 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     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 ? readonly(mForm.initValues) : null,
+          formValue: props.values || {},
+          setModel,
+          setFormValue
         });
+        if (newChangeRecords.length > 0) {
+          emit("change", props.model[props.name], {
+            changeRecords: newChangeRecords
+          });
+        }
       }
     };
     const keyUpHandler = ($event) => {
@@ -4061,13 +4223,13 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       if (!arrowUp && !arrowDown) {
         return;
       }
-      const value = props.model[props.name];
+      const value2 = props.model[props.name];
       let num;
       let unit;
-      if (isNumber(value)) {
-        num = +value;
+      if (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;
         });
@@ -4129,16 +4291,17 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$2, [
         createVNode(unref(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))
         }, createSlots({
           _: 2
           /* DYNAMIC */
@@ -4184,7 +4347,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             ]),
             key: "1"
           } : void 0
-        ]), 1032, ["model-value", "size", "placeholder", "disabled"]),
+        ]), 1032, ["modelValue", "size", "placeholder", "disabled"]),
         (openBlock(), createBlock(Teleport, { to: "body" }, [
           popoverVisible.value ? (openBlock(), createElementBlock(
             "div",
@@ -4195,7 +4358,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               ref: popoverEl
             },
             [
-              _cache[4] || (_cache[4] = createElementVNode(
+              _cache[5] || (_cache[5] = createElementVNode(
                 "div",
                 { class: "m-form-validate__warning" },
                 "输入内容前后有空格，是否移除空格？",
@@ -4206,9 +4369,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                 createVNode(unref(TMagicButton), {
                   link: "",
                   size: "small",
-                  onClick: _cache[1] || (_cache[1] = ($event) => popoverVisible.value = false)
+                  onClick: _cache[2] || (_cache[2] = ($event) => popoverVisible.value = false)
                 }, {
-                  default: withCtx(() => [..._cache[2] || (_cache[2] = [
+                  default: withCtx(() => [..._cache[3] || (_cache[3] = [
                     createTextVNode(
                       "保持原样",
                       -1
@@ -4223,7 +4386,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                   size: "small",
                   onClick: confirmTrimHandler
                 }, {
-                  default: withCtx(() => [..._cache[3] || (_cache[3] = [
+                  default: withCtx(() => [..._cache[4] || (_cache[4] = [
                     createTextVNode(
                       "移除空格",
                       -1
@@ -4234,7 +4397,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                   /* STABLE */
                 })
               ]),
-              _cache[5] || (_cache[5] = createElementVNode(
+              _cache[6] || (_cache[6] = createElementVNode(
                 "span",
                 {
                   class: "tmagic-form-text-popper-arrow",
@@ -4268,16 +4431,27 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     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 = ref("");
+    watch(
+      () => props.model[props.name],
+      (v) => {
+        value.value = v;
+      },
+      {
+        immediate: true
+      }
+    );
     useAddField(props.prop);
     const mForm = inject("mForm");
-    const changeHandler = (value) => {
-      emit("change", value);
+    const changeHandler = (value2) => {
+      emit("change", value2);
     };
     const inputHandler = (v) => {
       emit("input", v);
@@ -4285,16 +4459,17 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(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"]);
     };
   }
 });
@@ -4313,7 +4488,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     prop: {},
     disabled: { type: Boolean },
     size: {},
-    lastValues: {}
+    lastValues: {},
+    isCompare: { type: Boolean }
   },
   emits: ["change"],
   setup(__props, { emit: __emit }) {
@@ -4351,7 +4527,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     prop: {},
     disabled: { type: Boolean },
     size: {},
-    lastValues: {}
+    lastValues: {},
+    isCompare: { type: Boolean }
   },
   emits: ["change"],
   setup(__props, { emit: __emit }) {
@@ -4472,6 +4649,7 @@ const useAdd = (props, emit) => {
       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) {
@@ -4502,16 +4680,10 @@ const useAdd = (props, emit) => {
 
 const useFullscreen = () => {
   const isFullscreen = ref(false);
-  const mTableEl = useTemplateRef("mTable");
-  const { nextZIndex } = 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;
     }
   };
@@ -4617,7 +4789,7 @@ const useSortable = (props, emit, tMagicTableRef, modelName) => {
   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;
     }
@@ -4864,6 +5036,17 @@ const useTableColumns = (props, emit, currentPage, pageSize, modelName) => {
     }
     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 = computed(() => {
     if (typeof props.config.selection === "function") {
       return props.config.selection(mForm, { model: props.model[modelName.value] });
@@ -4900,10 +5083,14 @@ const useTableColumns = (props, emit, currentPage, pageSize, modelName) => {
         })
       });
     }
-    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"
       },
@@ -4922,7 +5109,10 @@ const useTableColumns = (props, emit, currentPage, pageSize, modelName) => {
           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: {
@@ -4965,6 +5155,7 @@ const useTableColumns = (props, emit, currentPage, pageSize, modelName) => {
     }
     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,
@@ -4986,10 +5177,33 @@ const useTableColumns = (props, emit, currentPage, pageSize, modelName) => {
             size: props.size,
             onChange: changeHandler,
             onAddDiffCount
-          })
+          }),
+          title: titleTipValue ? () => h(
+            TMagicTooltip,
+            { placement: "top" },
+            {
+              default: () => h(
+                "span",
+                {
+                  style: {
+                    display: "inline-flex",
+                    alignItems: "center",
+                    gap: "5px"
+                  }
+                },
+                [h("span", column.label), h(TMagicIcon, {}, { default: () => h(WarningFilled) })]
+              ),
+              content: () => h("div", {
+                innerHTML: titleTipValue
+              })
+            }
+          ) : void 0
         });
       }
     }
+    if (actionFixed === "right") {
+      columns2.push(actionClumn);
+    }
     return columns2;
   });
   return {
@@ -4997,11 +5211,10 @@ const useTableColumns = (props, emit, currentPage, pageSize, modelName) => {
   };
 };
 
-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" }
@@ -5037,6 +5250,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       props,
       modelName
     );
+    const { nextZIndex } = useZIndex();
     const { addable, newHandler } = useAdd(props, emit);
     const { columns } = useTableColumns(props, emit, currentPage, pageSize, modelName);
     useSortable(props, emit, tMagicTableRef, modelName);
@@ -5074,170 +5288,178 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       toggleRowSelection
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1, [
-        (openBlock(), createBlock(Teleport, {
-          to: "body",
-          disabled: !unref(isFullscreen)
-        }, [
-          createElementVNode(
-            "div",
-            {
-              ref: "mTable",
-              class: normalizeClass(["m-fields-table", { "m-fields-table-item-extra": __props.config.itemExtra }])
-            },
-            [
-              __props.config.extra ? (openBlock(), createElementBlock("span", {
-                key: 0,
-                style: { "color": "rgba(0, 0, 0, 0.45)" },
-                innerHTML: __props.config.extra
-              }, null, 8, _hoisted_2)) : createCommentVNode("v-if", true),
-              createVNode(unref(TMagicTooltip), {
-                content: "拖拽可排序",
-                placement: "left-start",
-                disabled: __props.config.dropSort !== true
-              }, {
-                default: withCtx(() => [
-                  __props.model[modelName.value] ? (openBlock(), createBlock(unref(TMagicTable), {
-                    ref: "tMagicTable",
-                    style: { "width": "100%" },
-                    "show-header": "",
-                    "row-key": __props.config.rowKey || "id",
-                    columns: unref(columns),
-                    data: data.value,
-                    border: __props.config.border,
-                    "max-height": __props.config.maxHeight,
-                    "default-expand-all": true,
-                    key: updateKey.value,
-                    onSelect: unref(selectHandle),
-                    onSortChange: sortChangeHandler
-                  }, null, 8, ["row-key", "columns", "data", "border", "max-height", "onSelect"])) : createCommentVNode("v-if", true)
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["disabled"]),
-              renderSlot(_ctx.$slots, "default"),
-              createElementVNode("div", _hoisted_3, [
-                createElementVNode("div", _hoisted_4, [
-                  __props.enableToggleMode && __props.config.enableToggleMode !== false && !unref(isFullscreen) ? (openBlock(), createBlock(unref(TMagicButton), {
+      return openBlock(), createBlock(Teleport, {
+        to: "body",
+        disabled: !unref(isFullscreen)
+      }, [
+        createElementVNode(
+          "div",
+          mergeProps(_ctx.$attrs, {
+            class: ["m-fields-table-wrap", { fixed: unref(isFullscreen) }],
+            style: unref(isFullscreen) ? `z-index: ${unref(nextZIndex)()}` : ""
+          }),
+          [
+            createElementVNode(
+              "div",
+              {
+                class: normalizeClass(["m-fields-table", { "m-fields-table-item-extra": __props.config.itemExtra }])
+              },
+              [
+                __props.config.extra ? (openBlock(), createElementBlock("span", {
+                  key: 0,
+                  style: { "color": "rgba(0, 0, 0, 0.45)" },
+                  innerHTML: __props.config.extra
+                }, null, 8, _hoisted_1$1)) : createCommentVNode("v-if", true),
+                createVNode(unref(TMagicTooltip), {
+                  content: "拖拽可排序",
+                  placement: "left-start",
+                  disabled: __props.config.dropSort !== true
+                }, {
+                  default: withCtx(() => [
+                    __props.model[modelName.value] ? (openBlock(), createBlock(unref(TMagicTable), {
+                      ref: "tMagicTable",
+                      style: { "width": "100%" },
+                      "show-header": "",
+                      "row-key": __props.config.rowKey || "id",
+                      columns: unref(columns),
+                      data: data.value,
+                      border: __props.config.border,
+                      "max-height": __props.config.maxHeight,
+                      "default-expand-all": true,
+                      key: updateKey.value,
+                      onSelect: unref(selectHandle),
+                      onSortChange: sortChangeHandler
+                    }, null, 8, ["row-key", "columns", "data", "border", "max-height", "onSelect"])) : createCommentVNode("v-if", true)
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["disabled"]),
+                renderSlot(_ctx.$slots, "default"),
+                createElementVNode("div", _hoisted_2, [
+                  createElementVNode("div", _hoisted_3, [
+                    __props.enableToggleMode && __props.config.enableToggleMode !== false && !unref(isFullscreen) ? (openBlock(), createBlock(unref(TMagicButton), {
+                      key: 0,
+                      icon: unref(Grid),
+                      size: "small",
+                      onClick: toggleMode
+                    }, {
+                      default: withCtx(() => [..._cache[1] || (_cache[1] = [
+                        createTextVNode(
+                          "展开配置",
+                          -1
+                          /* CACHED */
+                        )
+                      ])]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["icon"])) : createCommentVNode("v-if", true),
+                    __props.config.enableFullscreen !== false ? (openBlock(), createBlock(unref(TMagicButton), {
+                      key: 1,
+                      icon: unref(FullScreen),
+                      size: "small",
+                      onClick: unref(toggleFullscreen)
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(
+                          toDisplayString(unref(isFullscreen) ? "退出全屏" : "全屏编辑"),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["icon", "onClick"])) : createCommentVNode("v-if", true),
+                    unref(importable) ? (openBlock(), createBlock(unref(TMagicUpload), {
+                      key: 2,
+                      style: { "display": "inline-block" },
+                      ref: "excelBtn",
+                      action: "/noop",
+                      disabled: __props.disabled,
+                      "on-change": unref(excelHandler),
+                      "auto-upload": false
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(TMagicButton), {
+                          size: "small",
+                          type: "success",
+                          disabled: __props.disabled,
+                          plain: ""
+                        }, {
+                          default: withCtx(() => [..._cache[2] || (_cache[2] = [
+                            createTextVNode(
+                              "导入EXCEL",
+                              -1
+                              /* CACHED */
+                            )
+                          ])]),
+                          _: 1
+                          /* STABLE */
+                        }, 8, ["disabled"])
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["disabled", "on-change"])) : createCommentVNode("v-if", true),
+                    unref(importable) ? (openBlock(), createBlock(unref(TMagicButton), {
+                      key: 3,
+                      size: "small",
+                      type: "warning",
+                      disabled: __props.disabled,
+                      plain: "",
+                      onClick: unref(clearHandler)
+                    }, {
+                      default: withCtx(() => [..._cache[3] || (_cache[3] = [
+                        createTextVNode(
+                          "清空",
+                          -1
+                          /* CACHED */
+                        )
+                      ])]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["disabled", "onClick"])) : createCommentVNode("v-if", true)
+                  ]),
+                  unref(addable) ? (openBlock(), createBlock(unref(TMagicButton), mergeProps({
                     key: 0,
-                    icon: unref(Grid),
-                    size: "small",
-                    type: "defalut",
-                    onClick: toggleMode
-                  }, {
-                    default: withCtx(() => [..._cache[1] || (_cache[1] = [
-                      createTextVNode(
-                        "展开配置",
-                        -1
-                        /* CACHED */
-                      )
-                    ])]),
-                    _: 1
-                    /* STABLE */
-                  }, 8, ["icon"])) : createCommentVNode("v-if", true),
-                  __props.config.enableFullscreen !== false ? (openBlock(), createBlock(unref(TMagicButton), {
-                    key: 1,
-                    icon: unref(FullScreen),
+                    class: "m-form-table-add-button",
                     size: "small",
-                    type: "defalut",
-                    onClick: unref(toggleFullscreen)
-                  }, {
+                    plain: "",
+                    icon: unref(Plus)
+                  }, __props.config.addButtonConfig?.props || { type: "primary" }, {
+                    disabled: __props.disabled,
+                    onClick: _cache[0] || (_cache[0] = ($event) => unref(newHandler)())
+                  }), {
                     default: withCtx(() => [
                       createTextVNode(
-                        toDisplayString(unref(isFullscreen) ? "退出全屏" : "全屏编辑"),
+                        toDisplayString(__props.config.addButtonConfig?.text || "新增一行"),
                         1
                         /* TEXT */
                       )
                     ]),
                     _: 1
                     /* STABLE */
-                  }, 8, ["icon", "onClick"])) : createCommentVNode("v-if", true),
-                  unref(importable) ? (openBlock(), createBlock(unref(TMagicUpload), {
-                    key: 2,
-                    style: { "display": "inline-block" },
-                    ref: "excelBtn",
-                    action: "/noop",
-                    disabled: __props.disabled,
-                    "on-change": unref(excelHandler),
-                    "auto-upload": false
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(unref(TMagicButton), {
-                        size: "small",
-                        type: "success",
-                        disabled: __props.disabled,
-                        plain: ""
-                      }, {
-                        default: withCtx(() => [..._cache[2] || (_cache[2] = [
-                          createTextVNode(
-                            "导入EXCEL",
-                            -1
-                            /* CACHED */
-                          )
-                        ])]),
-                        _: 1
-                        /* STABLE */
-                      }, 8, ["disabled"])
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }, 8, ["disabled", "on-change"])) : createCommentVNode("v-if", true),
-                  unref(importable) ? (openBlock(), createBlock(unref(TMagicButton), {
-                    key: 3,
-                    size: "small",
-                    type: "warning",
-                    disabled: __props.disabled,
-                    plain: "",
-                    onClick: unref(clearHandler)
-                  }, {
-                    default: withCtx(() => [..._cache[3] || (_cache[3] = [
-                      createTextVNode(
-                        "清空",
-                        -1
-                        /* CACHED */
-                      )
-                    ])]),
-                    _: 1
-                    /* STABLE */
-                  }, 8, ["disabled", "onClick"])) : createCommentVNode("v-if", true)
+                  }, 16, ["icon", "disabled"])) : createCommentVNode("v-if", true)
                 ]),
-                unref(addable) ? (openBlock(), createBlock(unref(TMagicButton), {
-                  key: 0,
-                  size: "small",
-                  type: "primary",
-                  disabled: __props.disabled,
-                  plain: "",
-                  onClick: _cache[0] || (_cache[0] = ($event) => unref(newHandler)())
-                }, {
-                  default: withCtx(() => [..._cache[4] || (_cache[4] = [
-                    createTextVNode(
-                      "新增一行",
-                      -1
-                      /* CACHED */
-                    )
-                  ])]),
-                  _: 1
-                  /* STABLE */
-                }, 8, ["disabled"])) : createCommentVNode("v-if", true)
-              ]),
-              __props.config.pagination ? (openBlock(), createElementBlock("div", _hoisted_5, [
-                createVNode(unref(TMagicPagination), {
-                  layout: "total, sizes, prev, pager, next, jumper",
-                  "hide-on-single-page": __props.model[modelName.value].length < unref(pageSize),
-                  "current-page": unref(currentPage) + 1,
-                  "page-sizes": [unref(pageSize), 60, 120, 300],
-                  "page-size": unref(pageSize),
-                  total: __props.model[modelName.value].length,
-                  onSizeChange: unref(handleSizeChange),
-                  onCurrentChange: unref(handleCurrentChange)
-                }, null, 8, ["hide-on-single-page", "current-page", "page-sizes", "page-size", "total", "onSizeChange", "onCurrentChange"])
-              ])) : createCommentVNode("v-if", true)
-            ],
-            2
-            /* CLASS */
-          )
-        ], 8, ["disabled"]))
-      ]);
+                __props.config.pagination ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                  createVNode(unref(TMagicPagination), {
+                    layout: "total, sizes, prev, pager, next, jumper",
+                    "hide-on-single-page": __props.model[modelName.value].length < unref(pageSize),
+                    "current-page": unref(currentPage) + 1,
+                    "page-sizes": [unref(pageSize), 60, 120, 300],
+                    "page-size": unref(pageSize),
+                    total: __props.model[modelName.value].length,
+                    onSizeChange: unref(handleSizeChange),
+                    onCurrentChange: unref(handleCurrentChange)
+                  }, null, 8, ["hide-on-single-page", "current-page", "page-sizes", "page-size", "total", "onSizeChange", "onCurrentChange"])
+                ])) : createCommentVNode("v-if", true)
+              ],
+              2
+              /* CLASS */
+            )
+          ],
+          16
+          /* FULL_PROPS */
+        )
+      ], 8, ["disabled"]);
     };
   }
 });
@@ -5358,10 +5580,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               createVNode(unref(TMagicCol), { span: 12 }, {
                 default: withCtx(() => [
                   renderSlot(_ctx.$slots, "footer", {}, () => [
-                    createVNode(unref(TMagicButton), {
-                      type: "default",
-                      onClick: handleClose
-                    }, {
+                    createVNode(unref(TMagicButton), { onClick: handleClose }, {
                       default: withCtx(() => [..._cache[1] || (_cache[1] = [
                         createTextVNode(
                           "关闭",