3h1-ui 3.0.0-next.6 → 3.0.0-next.7

package/es/index.js

@@ -1,6 +1,6 @@
-import { h, nextTick, createVNode, defineComponent, ref, computed, unref, watchEffect, watch, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, createSlots, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, onMounted, normalizeClass, createCommentVNode, normalizeStyle as normalizeStyle$1, Transition, toHandlers, useSlots, withDirectives, vShow, getCurrentInstance, inject, onUnmounted, provide, onBeforeUnmount, resolveDynamicComponent, reactive, toRef, toRefs, TransitionGroup, getCurrentScope, onScopeDispose, readonly, defineAsyncComponent, isRef, shallowRef, isVNode, toRaw, useAttrs as useAttrs$2, shallowReactive, withKeys, withModifiers, render as render$1, resolveDirective, pushScopeId, popScopeId, useCssVars, triggerRef, Comment, Text } from "vue";
-import { Radio, Select, Tree, TreeSelect, Cascader, Transfer, Input, Tooltip, Skeleton, Popover, Pagination as Pagination$1, Empty as Empty$3, Button as Button$1, Table as Table$1, Form, FormItem, DatePicker as DatePicker$1, InputNumber, Modal as Modal$2, Popconfirm, Menu, Dropdown, Divider as Divider$1, Image, Progress, Tag, Alert, Upload, Space, AutoComplete, Switch, Checkbox, Slider, Rate, TimePicker as TimePicker$1, Col, Row, MenuItem, MenuDivider, Spin, PageHeader, CheckboxGroup, TableSummaryRow, TableSummaryCell, TableSummary, Badge, FormItemRest, Drawer, Avatar, Descriptions, DescriptionsItem, theme } from "ant-design-vue";
-import { isFunction as isFunction$4, isString as isString$4, isArray as isArray$4, getSlot as getSlot$1, addClass as addClass$1, removeClass as removeClass$1, getPopupContainer as getPopupContainer$1, triggerWindowResize, off, on, addResizeListener, removeResizeListener, withInstall as withInstall$6, extendSlots as extendSlots$1, isBoolean, isNumber as isNumber$2, isDef as isDef$1, buildUUID, warn as warn$1, downloadByUrl, isObject as isObject$4, isNull, dateUtil, isNullOrUnDef, error as error$1, deepMerge as deepMerge$1, getDynamicProps, buildProps, createBEM, forEach as forEach$1, isClient as isClient$1, filter, treeToList, eachTree, isEmpty, isServer, formatToDate, isMap as isMap$2, findNodeAll, getViewportOffset, isNullAndUnDef, dataURLtoBlob, deepMergeObjects } from "@shy-plugins/utils";
+import { h, nextTick, createVNode, defineComponent, ref, computed, unref, watchEffect, watch, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, createSlots, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, onMounted, normalizeClass, createCommentVNode, normalizeStyle as normalizeStyle$1, Transition, toHandlers, useSlots, withDirectives, vShow, getCurrentInstance, inject, onUnmounted, provide, onBeforeUnmount, resolveDynamicComponent, reactive, toRef, toRefs, TransitionGroup, getCurrentScope, onScopeDispose, readonly, defineAsyncComponent, isRef, toRaw, shallowRef, isVNode, useAttrs as useAttrs$2, shallowReactive, withKeys, withModifiers, render as render$1, resolveDirective, pushScopeId, popScopeId, useCssVars, triggerRef, Comment, Text } from "vue";
+import { Radio, Select, Tree, TreeSelect, Cascader, Transfer, Input, Tooltip, Skeleton, Popover, Pagination as Pagination$1, Empty as Empty$3, Button as Button$1, Table as Table$1, FormItem, DatePicker as DatePicker$1, InputNumber, Modal as Modal$2, Popconfirm, Menu, Dropdown, Divider as Divider$1, Image, Progress, Tag, Alert, Upload, Space, AutoComplete, Switch, Checkbox, Slider, Rate, TimePicker as TimePicker$1, Col, Form, Row, MenuItem, MenuDivider, Spin, PageHeader, CheckboxGroup, TableSummaryRow, TableSummaryCell, TableSummary, Badge, FormItemRest, Drawer, Avatar, Descriptions, DescriptionsItem, theme } from "ant-design-vue";
+import { isFunction as isFunction$4, isString as isString$4, isArray as isArray$4, getSlot as getSlot$1, addClass as addClass$1, removeClass as removeClass$1, getPopupContainer as getPopupContainer$1, triggerWindowResize, off, on, addResizeListener, removeResizeListener, buildUUID, withInstall as withInstall$6, extendSlots as extendSlots$1, isBoolean, isNumber as isNumber$2, isDef as isDef$1, warn as warn$1, downloadByUrl, isObject as isObject$4, isNull, dateUtil, isNullOrUnDef, error as error$1, deepMerge as deepMerge$1, getDynamicProps, buildProps, createBEM, forEach as forEach$1, isClient as isClient$1, filter, treeToList, eachTree, isEmpty, isServer, formatToDate, isMap as isMap$2, findNodeAll, getViewportOffset, isNullAndUnDef, dataURLtoBlob, deepMergeObjects } from "@shy-plugins/utils";
 import { useAttrs as useAttrs$1, useRuleFormItem, useTimeoutFn as useTimeoutFn$2, useScrollTo as useScrollTo$1, useIntersectionObserver, useCopyToClipboard, useMessage, usePagination as usePagination$2, useI18n as useI18n$1, useDesign as useDesign$1, useSortable, createContext as createContext$1, useContext as useContext$2, useBreakpoint, useContentHeight, useWindowSizeFn as useWindowSizeFn$1, onMountedOrActivated, useEventListener as useEventListener$1 } from "@shy-plugins/use";
 import { zxcvbn } from "@zxcvbn-ts/core";
 import Iconify from "@purge-icons/generated";
@@ -4518,9 +4518,16 @@ const _sfc_main$1q = defineComponent({
         return prev2;
       }, []);
     });
-    watchEffect(() => {
-      props2.immediate && !props2.alwaysLoad && fetch();
-    });
+    watch(
+      () => props2.immediate && !props2.alwaysLoad,
+      (val) => {
+        if (val)
+          fetch();
+      },
+      {
+        immediate: true
+      }
+    );
     watch(
       () => state.value,
       (v) => {
@@ -4564,6 +4571,7 @@ const _sfc_main$1q = defineComponent({
         console.warn(error2);
       } finally {
         loading.value = false;
+        isFirstLoad.value = false;
       }
     }
     async function handleFetch(visible) {
@@ -4579,8 +4587,9 @@ const _sfc_main$1q = defineComponent({
     function emitChange() {
       emit("options-change", unref(getOptions));
     }
-    function handleChange(_, ...args) {
+    function handleChange(val, ...args) {
       emitData.value = args;
+      emit("update:value", val);
     }
     const filterOption = (input, option) => {
       var _a2, _b, _c;
@@ -8048,24 +8057,28 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$t = { key: 0 };
-const _hoisted_2$9 = { key: 1 };
-const _hoisted_3$6 = {
-  key: 1,
-  class: "delete-wrapper"
+const _hoisted_1$t = { key: 1 };
+const _hoisted_2$9 = {
+  key: 0,
+  class: "table-children-required"
 };
+const _hoisted_3$6 = { class: "text-red-500" };
 const _hoisted_4$4 = {
   key: 0,
-  class: "delete-index"
+  class: "table-children-delete-index"
 };
 const _hoisted_5$3 = ["onClick"];
 const _hoisted_6$1 = {
   key: 2,
-  class: ""
+  class: "table-children-delete-index"
 };
 const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   __name: "Table",
   props: {
+    rowKey: {
+      type: String,
+      default: () => "uuid"
+    },
     columns: {
       type: Array,
       default: () => []
@@ -8082,7 +8095,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   emits: ["update:value", "change", "add", "remove"],
   setup(__props, { expose, emit }) {
     const props2 = __props;
-    const listFormRefs = ref([]);
+    const formActionType = inject("formActionType");
     const emitData = ref([]);
     const [state] = useRuleFormItem(props2, "value", "change", emitData);
     const getColumns = computed(() => {
@@ -8095,18 +8108,124 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
         width: 50,
         align: "center"
       };
-      return [indexColumn, ...props2.columns];
+      return [
+        indexColumn,
+        ...props2.columns.map((item) => ({
+          ...item,
+          type: item.type ? item.type : "input"
+        }))
+      ];
     });
     const plusClickEvent = () => {
-      state.value = [{}, ...state.value];
+      state.value = [{ [props2.rowKey]: buildUUID() }, ...toRaw(state.value)];
       emit("add", state.value);
     };
     const rowClickEvent = (index2) => {
-      state.value = unref(state).filter((item, i) => {
-        return index2 !== i;
+      const tempState = state.value.filter((item) => {
+        return item[props2.rowKey] !== index2;
       });
+      tempState.forEach((item) => item[props2.rowKey] = buildUUID());
+      state.value = [...tempState];
       emit("remove", state.value, index2);
     };
+    const getPopupContainer2 = () => document.body;
+    const rulesRef = reactive({});
+    const getRules = ({ column: column2, record, index: index2, ...args }) => {
+      var _a2, _b;
+      const errKey = `${column2.dataIndex}-${record.uuid}Info`;
+      if (!column2.required)
+        return [];
+      if ((_a2 = rulesRef[errKey]) == null ? void 0 : _a2.rules)
+        return (_b = rulesRef[errKey]) == null ? void 0 : _b.rules;
+      rulesRef[errKey] = {
+        rules: [],
+        show: false,
+        msg: ""
+      };
+      if (!column2.rules && column2.required) {
+        rulesRef[errKey].rules = [
+          {
+            required: true,
+            validator: (rule, value) => {
+              const prefix = column2.type.toLocaleLowerCase().includes("input") ? "请输入" : "请选择";
+              const errMsg = `${prefix}${column2.title}`;
+              if (value) {
+                rulesRef[errKey].show = false;
+                return Promise.resolve();
+              }
+              rulesRef[errKey].show = true;
+              rulesRef[errKey].msg = errMsg;
+              return Promise.reject(errMsg);
+            }
+          }
+        ];
+        return rulesRef[errKey].rules;
+      }
+      if (!isArray$3(column2.rules))
+        return column2.rules;
+      rulesRef[errKey].rules = cloneDeep(column2.rules);
+      rulesRef[errKey].rules.forEach((item) => {
+        if (!item.validator || !isFunction$4(item.validator))
+          return;
+        const validator = item.validator;
+        item.validator = async (rule, value) => {
+          try {
+            rulesRef[errKey].show = false;
+            return await validator(
+              rule,
+              value,
+              { column: column2, record, ...args },
+              formActionType
+            );
+          } catch (error2) {
+            rulesRef[errKey].show = true;
+            rulesRef[errKey].msg = error2;
+            return Promise.reject(error2);
+          }
+        };
+      });
+      return rulesRef[errKey].rules;
+    };
+    watch(
+      () => state.value,
+      (v, old) => {
+        if (!isEqual(toRaw(v), toRaw(old))) {
+          emit(
+            "update:value",
+            toRaw(v).map((ele) => {
+              return {
+                ...ele,
+                [props2.rowKey]: ele[props2.rowKey] || buildUUID()
+              };
+            })
+          );
+        }
+      },
+      {
+        deep: true
+      }
+    );
+    const isScroll = ref(false);
+    const timer = ref();
+    onMounted(() => {
+      window.addEventListener(
+        "scroll",
+        (e) => {
+          clearTimeout(timer.value);
+          timer.value = setTimeout(() => {
+            isScroll.value = false;
+          }, 500);
+          if (isScroll.value)
+            return;
+          isScroll.value = true;
+        },
+        true
+      );
+    });
+    onUnmounted(() => {
+      window.removeEventListener("scroll", () => {
+      });
+    });
     const loadKv = () => {
       const columns = props2.columns;
       let dicData = [];
@@ -8117,14 +8236,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
         }
       });
     };
-    loadKv();
-    watch(
-      () => state.value,
-      (v) => {
-        emit("update:value", v);
-      }
-      // { immediate: true }
-    );
+    const listFormRefs = ref([]);
     const validate = async () => {
       try {
         for (let formRef of listFormRefs.value) {
@@ -8134,6 +8246,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
         throw new Error("校验失败");
       }
     };
+    loadKv();
     expose({ validate });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Table$1), {
@@ -8145,81 +8258,109 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
         class: "table-children",
         align: "center"
       }, {
-        headerCell: withCtx(({ column: column2 }) => [
-          column2.dataIndex === "index" ? (openBlock(), createElementBlock("div", _hoisted_1$t, [
-            __props.isShowAction ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: "shy-table-edit-icon-plus",
-              onClick: plusClickEvent
-            }, [
-              createVNode(unref(PlusCircleFilled$1), { style: { color: "#006eff" } })
-            ])) : (openBlock(), createElementBlock("div", _hoisted_2$9, "序号"))
-          ])) : createCommentVNode("", true)
-        ]),
-        bodyCell: withCtx(({ column: column2, record, index: index2 }) => [
-          column2.dataIndex !== "index" ? (openBlock(), createBlock(unref(Form), {
-            key: 0,
-            model: record,
-            ref: (el) => {
-              if (el)
-                listFormRefs.value.push(el);
-            }
+        headerCell: withCtx(({ column: column2 }) => {
+          var _a2;
+          return [
+            column2.dataIndex === "index" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              __props.isShowAction ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: "shy-table-edit-icon-plus",
+                onClick: plusClickEvent
+              }, [
+                createVNode(unref(PlusCircleFilled$1), { style: { color: "#006eff" } })
+              ])) : (openBlock(), createElementBlock("div", _hoisted_1$t, "序号"))
+            ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              column2.required || ((_a2 = column2 == null ? void 0 : column2.rules) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("span", _hoisted_2$9, "*")) : createCommentVNode("", true),
+              createElementVNode("span", null, toDisplayString(column2.title), 1)
+            ], 64))
+          ];
+        }),
+        bodyCell: withCtx(({ column: column2, record, index: index2, ...args }) => [
+          column2.dataIndex !== "index" && column2.type !== "text" ? (openBlock(), createBlock(unref(FormItem), {
+            required: column2.required,
+            rules: getRules({ column: column2, record, index: index2, ...args }),
+            name: [_ctx.$attrs.codeField, index2, column2.dataIndex],
+            key: record[__props.rowKey]
           }, {
-            default: withCtx(() => [
-              createVNode(unref(FormItem), {
-                rules: (column2 == null ? void 0 : column2.rules) || [],
-                name: column2.dataIndex
-              }, {
-                default: withCtx(() => [
-                  column2.type === "select" ? (openBlock(), createBlock(unref(Select), {
-                    key: 0,
-                    value: record[column2.dataIndex],
-                    "onUpdate:value": ($event) => record[column2.dataIndex] = $event,
-                    options: column2.dicData,
-                    mode: column2.mode,
-                    "max-tag-count": column2.maxTagCount,
-                    "max-tag-text-length": column2.maxTagTextLength
-                  }, null, 8, ["value", "onUpdate:value", "options", "mode", "max-tag-count", "max-tag-text-length"])) : column2.type === "datePicker" ? (openBlock(), createBlock(unref(DatePicker$1), {
-                    key: 1,
-                    value: record[column2.dataIndex],
-                    "onUpdate:value": ($event) => record[column2.dataIndex] = $event,
-                    valueFormat: "YYYY-MM-DD HH:mm:ss"
-                  }, null, 8, ["value", "onUpdate:value"])) : column2.type === "number" ? (openBlock(), createBlock(unref(InputNumber), {
-                    key: 2,
-                    value: record[column2.dataIndex],
-                    "onUpdate:value": ($event) => record[column2.dataIndex] = $event,
-                    min: column2.min,
-                    max: column2.max,
-                    precision: column2.precision ?? 2
-                  }, null, 8, ["value", "onUpdate:value", "min", "max", "precision"])) : (openBlock(), createBlock(unref(Input), {
-                    key: 3,
-                    value: record[column2.dataIndex],
-                    "onUpdate:value": ($event) => record[column2.dataIndex] = $event,
-                    disabled: !props2.isShowAction
-                  }, null, 8, ["value", "onUpdate:value", "disabled"]))
-                ]),
-                _: 2
-              }, 1032, ["rules", "name"])
-            ]),
+            default: withCtx(() => {
+              var _a2;
+              return [
+                createVNode(unref(Popover), {
+                  overlayClassName: "table-children-err-popover",
+                  visible: !!((_a2 = rulesRef == null ? void 0 : rulesRef[`${column2.dataIndex}-${record.uuid}Info`]) == null ? void 0 : _a2.show) && !isScroll.value
+                }, {
+                  content: withCtx(() => {
+                    var _a3;
+                    return [
+                      createElementVNode("span", _hoisted_3$6, toDisplayString((_a3 = rulesRef[`${column2.dataIndex}-${record.uuid}Info`]) == null ? void 0 : _a3.msg), 1)
+                    ];
+                  }),
+                  default: withCtx(() => [
+                    column2.type === "select" ? (openBlock(), createBlock(unref(Select), {
+                      key: 0,
+                      value: record[column2.dataIndex],
+                      "onUpdate:value": ($event) => record[column2.dataIndex] = $event,
+                      options: column2.dicData,
+                      mode: column2.mode,
+                      "max-tag-count": column2.maxTagCount,
+                      "max-tag-text-length": column2.maxTagTextLength
+                    }, null, 8, ["value", "onUpdate:value", "options", "mode", "max-tag-count", "max-tag-text-length"])) : column2.type === "datePicker" ? (openBlock(), createBlock(unref(DatePicker$1), {
+                      key: 1,
+                      value: record[column2.dataIndex],
+                      "onUpdate:value": ($event) => record[column2.dataIndex] = $event,
+                      valueFormat: "YYYY-MM-DD HH:mm:ss"
+                    }, null, 8, ["value", "onUpdate:value"])) : column2.type === "number" ? (openBlock(), createBlock(unref(InputNumber), {
+                      key: 2,
+                      value: record[column2.dataIndex],
+                      "onUpdate:value": ($event) => record[column2.dataIndex] = $event,
+                      min: column2.min,
+                      max: column2.max,
+                      precision: column2.precision ?? 2
+                    }, null, 8, ["value", "onUpdate:value", "min", "max", "precision"])) : column2.type === "input" ? (openBlock(), createBlock(unref(Input), {
+                      key: 3,
+                      value: record[column2.dataIndex],
+                      "onUpdate:value": ($event) => record[column2.dataIndex] = $event,
+                      disabled: !props2.isShowAction
+                    }, null, 8, ["value", "onUpdate:value", "disabled"])) : (openBlock(), createBlock(resolveDynamicComponent(unref(componentMap$2).get(column2.type)), mergeProps(
+                      {
+                        key: 4,
+                        allowClear: "",
+                        getPopupContainer: getPopupContainer2,
+                        style: { width: "100%" }
+                      },
+                      unref(isFunction$4)(column2.componentProps) ? column2.componentProps({ record, column: column2, index: index2, ...args }) : column2.componentProps,
+                      {
+                        value: record[column2.dataIndex],
+                        "onUpdate:value": ($event) => record[column2.dataIndex] = $event
+                      }
+                    ), null, 16, ["value", "onUpdate:value"]))
+                  ]),
+                  _: 2
+                }, 1032, ["visible"])
+              ];
+            }),
             _: 2
-          }, 1032, ["model"])) : (openBlock(), createElementBlock("div", _hoisted_3$6, [
+          }, 1032, ["required", "rules", "name"])) : column2.dataIndex === "index" ? (openBlock(), createElementBlock("div", {
+            class: "table-children-delete-wrapper",
+            key: record[__props.rowKey]
+          }, [
             __props.isShowAction ? (openBlock(), createElementBlock("span", _hoisted_4$4, toDisplayString(index2 + 1), 1)) : createCommentVNode("", true),
             __props.isShowAction ? (openBlock(), createElementBlock("div", {
               key: 1,
-              class: "delete-item",
-              onClick: ($event) => rowClickEvent(index2)
+              class: "table-children-delete-item",
+              onClick: ($event) => rowClickEvent(record[__props.rowKey])
             }, [
               createVNode(unref(DeleteFilled$1), { style: { color: "#fff" } })
             ], 8, _hoisted_5$3)) : (openBlock(), createElementBlock("span", _hoisted_6$1, toDisplayString(index2 + 1), 1))
-          ]))
+          ])) : createCommentVNode("", true)
         ]),
         _: 1
       }, 8, ["columns", "data-source"]);
     };
   }
 });
-const Table_vue_vue_type_style_index_0_scoped_cb71007d_lang = "";
-const Table = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-cb71007d"]]);
+const Table_vue_vue_type_style_index_0_scoped_9232fde4_lang = "";
+const Table = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-9232fde4"]]);
 const modal = "";
 const modalProps = {
   visible: { type: Boolean },
@@ -9234,10 +9375,8 @@ const _sfc_main$Z = defineComponent({
     watch(
       () => unref(visibleRef),
       (v) => {
-        var _a2;
         emit("visible-change", v);
         emit("update:visible", v);
-        instance && ((_a2 = modalMethods.emitVisible) == null ? void 0 : _a2.call(modalMethods, v, instance.uid));
         nextTick(() => {
           if (props2.scrollTop && v && unref(modalWrapperRef)) {
             unref(modalWrapperRef).scrollTop();
@@ -11115,6 +11254,9 @@ function createPlaceholderMessage$1(component) {
   if (component.includes("Transfer") || component.includes("Select") || component.includes("Cascader") || component.includes("Checkbox") || component.includes("Radio") || component.includes("Switch")) {
     return "请选择";
   }
+  if (component.includes("Table")) {
+    return "请至少添加一条";
+  }
   return "";
 }
 const DATE_TYPE = ["DatePicker", "MonthPicker", "WeekPicker", "TimePicker"];
@@ -11390,7 +11532,9 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
         dynamicRules,
         required
       } = props2.schema;
-      emit("clearCurrValidate", unref(getValues).field);
+      if (props2.schema.component !== "Table") {
+        emit("clearCurrValidate", unref(getValues).field);
+      }
       if (isFunction$4(dynamicRules)) {
         return dynamicRules(unref(getValues));
       }
@@ -11399,7 +11543,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
         rulesMessageJoinLabel: globalRulesMessageJoinLabel
       } = props2.formProps;
       const joinLabel = Reflect.has(props2.schema, "rulesMessageJoinLabel") ? rulesMessageJoinLabel : globalRulesMessageJoinLabel;
-      const defaultMsg = createPlaceholderMessage$1(component) + `${joinLabel ? label : ""}`;
+      const defaultMsg = createPlaceholderMessage$1(component) + `${joinLabel ? label ? label : "" : ""}`;
       function validator(rule, value) {
         const msg = rule.message || defaultMsg;
         if (value === void 0 || isNull(value)) {
@@ -12633,28 +12777,30 @@ const _sfc_main$M = defineComponent({
       () => formModel,
       useDebounceFn$1((val) => {
         var _a2;
+        if (isEqual(toRaw(val), toRaw(tempFormModel)))
+          return;
         for (const key2 in val) {
-          if (val[key2] !== tempFormModel[key2]) {
-            (_a2 = unref(getProps).schemas) == null ? void 0 : _a2.forEach((item) => {
-              var _a3;
-              const isComponentProps = item.field === key2 && item.componentProps;
-              if (isComponentProps && !isFunction$4(item.componentProps) && ((_a3 = item.componentProps) == null ? void 0 : _a3.onModelChange)) {
-                item.componentProps.onModelChange(val[key2]);
-              } else if (isComponentProps && isFunction$4(item.componentProps)) {
-                const modelProps = item.componentProps({
-                  schema: item,
-                  formModel,
-                  formActionType,
-                  tableAction: props2.tableAction
-                });
-                if (modelProps.onModelChange) {
-                  modelProps.onModelChange(val[key2]);
-                }
+          if (isEqual(toRaw(val[key2]), toRaw(tempFormModel[key2])))
+            continue;
+          (_a2 = unref(getProps).schemas) == null ? void 0 : _a2.forEach((item) => {
+            var _a3;
+            const isComponentProps = item.field === key2 && item.componentProps;
+            if (isComponentProps && !isFunction$4(item.componentProps) && ((_a3 = item.componentProps) == null ? void 0 : _a3.onModelChange)) {
+              item.componentProps.onModelChange(val[key2]);
+            } else if (isComponentProps && isFunction$4(item.componentProps)) {
+              const modelProps = item.componentProps({
+                schema: item,
+                formModel,
+                formActionType,
+                tableAction: props2.tableAction
+              });
+              if (modelProps.onModelChange) {
+                modelProps.onModelChange(val[key2]);
               }
-            });
-          }
+            }
+          });
         }
-        Object.assign(tempFormModel, formModel);
+        Object.assign(tempFormModel, cloneDeep(formModel));
         unref(getProps).submitOnChange && handleSubmit();
       }, 300),
       { deep: true }
@@ -12697,6 +12843,7 @@ const _sfc_main$M = defineComponent({
       submit: handleSubmit,
       scrollToField
     };
+    provide("formActionType", formActionType);
     const clearCurrValidate = (field) => {
       clearValidate([field]);
     };
@@ -15157,7 +15304,8 @@ function handleColumnResize(propsRef, columns, wrapRef) {
     [0, 0]
   );
   const length2 = columns.length;
-  const colWidth = tableWidth ? (tableWidth - sumWidth - selectWidth) / (length2 - sumLength) : 100;
+  const countWidth = tableWidth ? (tableWidth - sumWidth - selectWidth) / (length2 - sumLength) : 150;
+  const colWidth = countWidth < 150 ? 150 : countWidth;
   columns.forEach((item) => {
     if (item.flag)
       return;
@@ -15210,7 +15358,7 @@ function handleIndexColumn(propsRef, getPaginationRef, columns) {
         return `${index2 + 1}`;
       }
       const { current = 1, pageSize = PAGE_SIZE } = getPagination;
-      return ((current < 1 ? 1 : current) - 1) * pageSize + index2 + 1;
+      return h("div", { class: "ant-table-cell-index full cursor-pointer" }, ((current < 1 ? 1 : current) - 1) * pageSize + index2 + 1);
     },
     ...isFixedLeft ? {
       fixed: "left"
@@ -15274,7 +15422,22 @@ function useColumns$1(propsRef, getPaginationRef, tableAction, wrapRef) {
     return columns.filter((column2) => {
       return hasPermission(column2.auth) && isIfShow(column2);
     }).map((column2) => {
-      const { slots, customRender, format: format2, edit, editRow, flag } = column2;
+      var _a2, _b;
+      const isSummaryCol = unref(propsRef).showSummaryTotal && ((_b = (_a2 = unref(propsRef).summaryTotalFields) == null ? void 0 : _a2.includes) == null ? void 0 : _b.call(
+        _a2,
+        column2.dataIndex
+      ));
+      const summaryFormat = (text) => {
+        return text ? isNumber$2(+text) && !isNaN(+text) ? Number.parseFloat((+text).toFixed(2)).toLocaleString("en-US") : text : "";
+      };
+      const {
+        slots,
+        customRender,
+        format: format2 = isSummaryCol ? summaryFormat : void 0,
+        edit,
+        editRow,
+        flag
+      } = column2;
       if (!slots || !(slots == null ? void 0 : slots.title)) {
         column2.customTitle = column2.title;
         Reflect.deleteProperty(column2, "title");
@@ -15460,7 +15623,7 @@ function useDataSource(propsRef, {
     const obj = {};
     summaryTotalFields.forEach((field) => {
       const total = dataSourceRef.value.reduce((acc, cur) => {
-        return acc + (cur[field] || 0);
+        return +acc + (+cur[field] || 0);
       }, 0);
       obj[field] = Number.parseFloat(total.toFixed(2)).toLocaleString("en-US");
     });
@@ -15476,7 +15639,9 @@ function useDataSource(propsRef, {
       immediate: true
     }
   );
+  let oldSortInfoRef;
   function handleTableChange(pagination, filters, sorter) {
+    const isChangeSorter = !eq(oldSortInfoRef, sorter.order);
     const { clearSelectOnPageChange, sortFn, filterFn } = unref(propsRef);
     if (clearSelectOnPageChange) {
       clearSelectedRowKeys();
@@ -15494,6 +15659,10 @@ function useDataSource(propsRef, {
       searchState.filterInfo = filterInfo;
       params.filterInfo = filterInfo;
     }
+    if (isChangeSorter && !unref(propsRef).isSortFetch) {
+      oldSortInfoRef = sorter.order;
+      return;
+    }
     fetch(params);
   }
   function setTableKey(items) {
@@ -16003,6 +16172,20 @@ function useTableScroll(propsRef, tableElRef, columnsRef, rowSelectionRef, getDa
     nextTick(() => {
       debounceRedoHeight();
     });
+    const table2 = unref(tableElRef);
+    if (!table2)
+      return;
+    const tableEl = table2.$el;
+    if (!tableEl)
+      return;
+    const bodyEl2 = tableEl.querySelector(".ant-table-tbody");
+    if (!bodyEl2)
+      return;
+    new Sortablejs(bodyEl2, {
+      ghostClass: "bg-gray-100",
+      handle: ".ant-table-cell .ant-table-cell-index",
+      draggable: ".ant-table-row"
+    });
   });
   const getScrollX = computed(() => {
     var _a2;
@@ -17727,6 +17910,7 @@ const basicProps$3 = reactive({
     }
   },
   inset: Boolean,
+  isSortFetch: { type: Boolean, default: true },
   sortFn: {
     type: Function,
     default: DEFAULT_SORT_FN
@@ -19626,9 +19810,7 @@ const _sfc_main$i = defineComponent({
       () => visibleRef.value,
       (visible) => {
         nextTick(() => {
-          var _a2;
           emit("visible-change", visible);
-          instance && ((_a2 = drawerInstance.emitVisible) == null ? void 0 : _a2.call(drawerInstance, visible, instance.uid));
         });
       }
     );