@geelato/web-vue 2.57.1 → 2.58.2

package/es/table/table-operation-td.d.ts

@@ -90,7 +90,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
             value: {
-                type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+                type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
             };
             disabled: {
                 type: BooleanConstructor;
@@ -105,8 +105,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{
-            "onUpdate:modelValue"?: ((value: boolean | (string | number | boolean)[]) => any) | undefined;
             onChange?: ((value: boolean | (string | number | boolean)[], ev: Event) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: boolean | (string | number | boolean)[]) => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:modelValue': (value: boolean | (string | number | boolean)[]) => true;
             change: (value: boolean | (string | number | boolean)[], ev: Event) => true;
@@ -123,7 +123,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: StringConstructor;
                 };
                 size: {
-                    type: PropType<"mini" | "medium" | "large" | "small">;
+                    type: PropType<"mini" | "small" | "medium" | "large">;
                     default: string;
                 };
                 disabled: {
@@ -137,7 +137,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: StringConstructor;
                 };
                 size: {
-                    type: PropType<"mini" | "medium" | "large" | "small">;
+                    type: PropType<"mini" | "small" | "medium" | "large">;
                     default: string;
                 };
                 disabled: {
@@ -145,8 +145,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     default: boolean;
                 };
             }>> & Readonly<{}>, {
+                size: "mini" | "small" | "medium" | "large";
                 disabled: boolean;
-                size: "mini" | "medium" | "large" | "small";
             }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -165,7 +165,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
             value: {
-                type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+                type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
             };
             disabled: {
                 type: BooleanConstructor;
@@ -180,8 +180,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{
-            "onUpdate:modelValue"?: ((value: boolean | (string | number | boolean)[]) => any) | undefined;
             onChange?: ((value: boolean | (string | number | boolean)[], ev: Event) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: boolean | (string | number | boolean)[]) => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
             disabled: boolean;
             modelValue: boolean | (string | number | boolean)[];
@@ -202,7 +202,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
         value: {
-            type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+            type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         };
         disabled: {
             type: BooleanConstructor;
@@ -217,8 +217,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
     }>> & Readonly<{
-        "onUpdate:modelValue"?: ((value: boolean | (string | number | boolean)[]) => any) | undefined;
         onChange?: ((value: boolean | (string | number | boolean)[], ev: Event) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: boolean | (string | number | boolean)[]) => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:modelValue': (value: boolean | (string | number | boolean)[]) => true;
         change: (value: boolean | (string | number | boolean)[], ev: Event) => true;
@@ -235,7 +235,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: StringConstructor;
             };
             size: {
-                type: PropType<"mini" | "medium" | "large" | "small">;
+                type: PropType<"mini" | "small" | "medium" | "large">;
                 default: string;
             };
             disabled: {
@@ -249,7 +249,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: StringConstructor;
             };
             size: {
-                type: PropType<"mini" | "medium" | "large" | "small">;
+                type: PropType<"mini" | "small" | "medium" | "large">;
                 default: string;
             };
             disabled: {
@@ -257,8 +257,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{}>, {
+            size: "mini" | "small" | "medium" | "large";
             disabled: boolean;
-            size: "mini" | "medium" | "large" | "small";
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
         Group: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -311,12 +311,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{
-            "onUpdate:modelValue"?: ((value: (string | number | boolean)[]) => any) | undefined;
             onChange?: ((value: (string | number | boolean)[], ev: Event) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: (string | number | boolean)[]) => any) | undefined;
         }>, {
             disabled: boolean;
-            modelValue: (string | number | boolean)[];
             defaultValue: (string | number | boolean)[];
+            modelValue: (string | number | boolean)[];
             direction: "horizontal" | "vertical";
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         install: (app: import("vue").App<any>, options?: import("../_utils/types").ArcoOptions | undefined) => void;
@@ -348,16 +348,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{
-            "onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
             onChange?: ((value: string | number | boolean, ev: Event) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:modelValue': (value: string | number | boolean) => true;
             change: (value: string | number | boolean, ev: Event) => true;
         }, import("vue").PublicProps, {
             disabled: boolean;
             type: "button" | "radio";
-            modelValue: string | number | boolean;
             value: string | number | boolean;
+            modelValue: string | number | boolean;
             defaultChecked: boolean;
             uninjectGroupContext: boolean;
         }, true, {}, {}, {
@@ -366,7 +366,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: StringConstructor;
                 };
                 size: {
-                    type: PropType<"mini" | "medium" | "large" | "small">;
+                    type: PropType<"mini" | "small" | "medium" | "large">;
                     default: string;
                 };
                 disabled: {
@@ -380,7 +380,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: StringConstructor;
                 };
                 size: {
-                    type: PropType<"mini" | "medium" | "large" | "small">;
+                    type: PropType<"mini" | "small" | "medium" | "large">;
                     default: string;
                 };
                 disabled: {
@@ -388,8 +388,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     default: boolean;
                 };
             }>> & Readonly<{}>, {
+                size: "mini" | "small" | "medium" | "large";
                 disabled: boolean;
-                size: "mini" | "medium" | "large" | "small";
             }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -424,13 +424,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{
-            "onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
             onChange?: ((value: string | number | boolean, ev: Event) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
             disabled: boolean;
             type: "button" | "radio";
-            modelValue: string | number | boolean;
             value: string | number | boolean;
+            modelValue: string | number | boolean;
             defaultChecked: boolean;
             uninjectGroupContext: boolean;
         }>;
@@ -463,16 +463,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
     }>> & Readonly<{
-        "onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
         onChange?: ((value: string | number | boolean, ev: Event) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:modelValue': (value: string | number | boolean) => true;
         change: (value: string | number | boolean, ev: Event) => true;
     }, string, {
         disabled: boolean;
         type: "button" | "radio";
-        modelValue: string | number | boolean;
         value: string | number | boolean;
+        modelValue: string | number | boolean;
         defaultChecked: boolean;
         uninjectGroupContext: boolean;
     }, {}, string, {}, {
@@ -481,7 +481,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: StringConstructor;
             };
             size: {
-                type: PropType<"mini" | "medium" | "large" | "small">;
+                type: PropType<"mini" | "small" | "medium" | "large">;
                 default: string;
             };
             disabled: {
@@ -495,7 +495,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: StringConstructor;
             };
             size: {
-                type: PropType<"mini" | "medium" | "large" | "small">;
+                type: PropType<"mini" | "small" | "medium" | "large">;
                 default: string;
             };
             disabled: {
@@ -503,8 +503,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{}>, {
+            size: "mini" | "small" | "medium" | "large";
             disabled: boolean;
-            size: "mini" | "medium" | "large" | "small";
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
         Group: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -521,7 +521,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: string;
             };
             size: {
-                type: PropType<"mini" | "medium" | "large" | "small">;
+                type: PropType<"mini" | "small" | "medium" | "large">;
             };
             options: {
                 type: PropType<(string | number | import("../radio/interface").RadioOption)[]>;
@@ -551,7 +551,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: string;
             };
             size: {
-                type: PropType<"mini" | "medium" | "large" | "small">;
+                type: PropType<"mini" | "small" | "medium" | "large">;
             };
             options: {
                 type: PropType<(string | number | import("../radio/interface").RadioOption)[]>;
@@ -565,13 +565,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{
-            "onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
             onChange?: ((value: string | number | boolean, ev: Event) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
         }>, {
             disabled: boolean;
             type: "button" | "radio";
-            modelValue: string | number | boolean;
             defaultValue: string | number | boolean;
+            modelValue: string | number | boolean;
             direction: "horizontal" | "vertical";
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         install: (app: import("vue").App<any>, options?: import("../_utils/types").ArcoOptions | undefined) => void;

package/es/table/table-operation-td.js

@@ -67,11 +67,11 @@ var OperationTd = defineComponent({
     }, ...getOperationFixedCls(prefixCls, props.operationColumn)]);
     const leafKeys = computed(() => getLeafKeys(props.record));
     const selectionStatus = computed(() => {
-      var _a;
-      return getSelectionStatus((_a = tableCtx.currentSelectedRowKeys) != null ? _a : [], leafKeys.value);
+      var _a, _b;
+      return getSelectionStatus((_b = (_a = tableCtx.currentSelectedRowKeySet) != null ? _a : tableCtx.currentSelectedRowKeys) != null ? _b : [], leafKeys.value);
     });
     const renderContent = () => {
-      var _a, _b, _c, _d, _e, _f;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
       if (props.summary) {
         return null;
       }
@@ -94,7 +94,7 @@ var OperationTd = defineComponent({
           }, null);
         }
         return createVNode(Checkbox, {
-          "modelValue": (_b = (_a = props.selectedRowKeys) == null ? void 0 : _a.includes(value)) != null ? _b : false,
+          "modelValue": (_d = (_c = (_a = tableCtx.selectedRowKeySet) == null ? void 0 : _a.has(value)) != null ? _c : (_b = props.selectedRowKeys) == null ? void 0 : _b.includes(value)) != null ? _d : false,
           "disabled": Boolean(props.record.disabled),
           "uninjectGroupContext": true,
           "onChange": (checked) => {
@@ -107,7 +107,7 @@ var OperationTd = defineComponent({
       if (props.operationColumn.name === "selection-radio") {
         const value = props.record.key;
         return createVNode(Radio, {
-          "modelValue": (_d = (_c = props.selectedRowKeys) == null ? void 0 : _c.includes(value)) != null ? _d : false,
+          "modelValue": (_h = (_g = (_e = tableCtx.selectedRowKeySet) == null ? void 0 : _e.has(value)) != null ? _g : (_f = props.selectedRowKeys) == null ? void 0 : _f.includes(value)) != null ? _h : false,
           "disabled": Boolean(props.record.disabled),
           "uninjectGroupContext": true,
           "onChange": (checked) => {
@@ -124,7 +124,7 @@ var OperationTd = defineComponent({
         return null;
       }
       if (props.operationColumn.name === "drag-handle") {
-        return (_f = (_e = slots["drag-handle-icon"]) == null ? void 0 : _e.call(slots)) != null ? _f : createVNode(IconDragDotVertical, null, null);
+        return (_j = (_i = slots["drag-handle-icon"]) == null ? void 0 : _i.call(slots)) != null ? _j : createVNode(IconDragDotVertical, null, null);
       }
       return null;
     };

package/es/table/table-operation-th.js

@@ -28,15 +28,27 @@ var OperationTh = defineComponent({
     const prefixCls = getPrefixCls("table");
     const tableCtx = inject(tableInjectionKey, {});
     const checkboxStatus = computed(() => {
-      var _a, _b, _c, _d;
+      var _a, _b, _c, _d, _e;
       let checked = false;
       let indeterminate = false;
-      const currentSelectedEnabledRowKeys = (_b = (_a = tableCtx.currentSelectedRowKeys) == null ? void 0 : _a.filter((key) => {
-        var _a2, _b2;
-        return (_b2 = (_a2 = tableCtx.currentAllEnabledRowKeys) == null ? void 0 : _a2.includes(key)) != null ? _b2 : true;
-      })) != null ? _b : [];
-      const selectedNumber = currentSelectedEnabledRowKeys.length;
-      const totalEnabledNumber = (_d = (_c = tableCtx.currentAllEnabledRowKeys) == null ? void 0 : _c.length) != null ? _d : 0;
+      const totalEnabledNumber = (_b = (_a = tableCtx.currentAllEnabledRowKeys) == null ? void 0 : _a.length) != null ? _b : 0;
+      if (totalEnabledNumber === 0) {
+        return {
+          checked,
+          indeterminate
+        };
+      }
+      const enabledKeySet = (_d = tableCtx.currentAllEnabledRowKeySet) != null ? _d : new Set((_c = tableCtx.currentAllEnabledRowKeys) != null ? _c : []);
+      const currentSelectedRowKeys = (_e = tableCtx.currentSelectedRowKeys) != null ? _e : [];
+      let selectedNumber = 0;
+      for (const key of currentSelectedRowKeys) {
+        if (enabledKeySet.has(key)) {
+          selectedNumber += 1;
+          if (selectedNumber >= totalEnabledNumber) {
+            break;
+          }
+        }
+      }
       if (selectedNumber > 0) {
         if (selectedNumber >= totalEnabledNumber) {
           checked = true;

package/es/table/table-td.d.ts

@@ -107,9 +107,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
 }>> & Readonly<{}>, {
+    type: "normal" | "checkbox" | "radio" | "expand" | "operation";
     column: TableColumnData;
     summary: boolean;
-    type: "normal" | "checkbox" | "radio" | "expand" | "operation";
     indentSize: number;
     record: TableDataWithRaw;
     operations: TableOperationColumn[];

package/es/table/table-td.js

@@ -106,13 +106,13 @@ var Td = defineComponent({
     };
     const style = computed(() => {
       var _a;
-      const style2 = getStyle(props.column, {
+      const fixedStyle = getStyle(props.column, {
         dataColumns: props.dataColumns,
         operations: props.operations
       });
       const customStyle = getCustomStyle();
       return {
-        ...style2,
+        ...fixedStyle,
         ...(_a = props.column) == null ? void 0 : _a.cellStyle,
         ...customStyle
       };

package/es/table/table.d.ts

@@ -26,15 +26,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     size: {
-        type: PropType<"mini" | "medium" | "large" | "small">;
-        default: () => "mini" | "medium" | "large" | "small";
+        type: PropType<"mini" | "small" | "medium" | "large">;
+        default: () => "mini" | "small" | "medium" | "large";
     };
     tableLayoutFixed: {
         type: BooleanConstructor;
         default: boolean;
     };
     loading: {
-        type: (ObjectConstructor | BooleanConstructor)[];
+        type: (BooleanConstructor | ObjectConstructor)[];
         default: boolean;
     };
     rowSelection: {
@@ -110,7 +110,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<TableDraggable>;
     };
     rowNumber: {
-        type: (ObjectConstructor | BooleanConstructor)[];
+        type: (BooleanConstructor | ObjectConstructor)[];
     };
     columnResizable: {
         type: BooleanConstructor;
@@ -228,15 +228,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     size: {
-        type: PropType<"mini" | "medium" | "large" | "small">;
-        default: () => "mini" | "medium" | "large" | "small";
+        type: PropType<"mini" | "small" | "medium" | "large">;
+        default: () => "mini" | "small" | "medium" | "large";
     };
     tableLayoutFixed: {
         type: BooleanConstructor;
         default: boolean;
     };
     loading: {
-        type: (ObjectConstructor | BooleanConstructor)[];
+        type: (BooleanConstructor | ObjectConstructor)[];
         default: boolean;
     };
     rowSelection: {
@@ -312,7 +312,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<TableDraggable>;
     };
     rowNumber: {
-        type: (ObjectConstructor | BooleanConstructor)[];
+        type: (BooleanConstructor | ObjectConstructor)[];
     };
     columnResizable: {
         type: BooleanConstructor;
@@ -367,8 +367,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
 }>> & Readonly<{
-    onSelect?: ((rowKeys: (string | number)[], rowKey: string | number, record: TableData) => any) | undefined;
     onChange?: ((data: TableData[], extra: TableChangeExtra, currentData: TableData[]) => any) | undefined;
+    onSelect?: ((rowKeys: (string | number)[], rowKey: string | number, record: TableData) => any) | undefined;
     onPageChange?: ((page: number) => any) | undefined;
     onPageSizeChange?: ((pageSize: number) => any) | undefined;
     "onUpdate:selectedKeys"?: ((rowKeys: (string | number)[]) => any) | undefined;
@@ -390,12 +390,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onRowContextmenu?: ((record: TableData, ev: Event) => any) | undefined;
     onCellContextmenu?: ((record: TableData, column: TableColumnData, ev: Event) => any) | undefined;
 }>, {
-    size: "mini" | "medium" | "large" | "small";
+    size: "mini" | "small" | "medium" | "large";
     scrollbar: boolean | ScrollbarProps;
     data: TableData[];
+    columns: TableColumnData[];
     loading: boolean | Record<string, any>;
     bordered: boolean | TableBorder;
-    columns: TableColumnData[];
     hoverable: boolean;
     stripe: boolean;
     tableLayoutFixed: boolean;