@geelato/web-vue 2.57.1 → 2.58.2

package/es/steps/index.d.ts

@@ -25,7 +25,7 @@ declare const Steps: {
             default: number;
         };
         status: {
-            type: import("vue").PropType<"wait" | "error" | "finish" | "process">;
+            type: import("vue").PropType<"error" | "wait" | "finish" | "process">;
             default: string;
         };
         lineLess: {
@@ -55,7 +55,7 @@ declare const Steps: {
         type: "default" | "dot" | "arrow" | "navigation";
         direction: "horizontal" | "vertical";
         lineLess: boolean;
-        status: "wait" | "error" | "finish" | "process";
+        status: "error" | "wait" | "finish" | "process";
         current: number;
         defaultCurrent: number;
         labelPlacement: "horizontal" | "vertical";
@@ -89,7 +89,7 @@ declare const Steps: {
             default: number;
         };
         status: {
-            type: import("vue").PropType<"wait" | "error" | "finish" | "process">;
+            type: import("vue").PropType<"error" | "wait" | "finish" | "process">;
             default: string;
         };
         lineLess: {
@@ -116,7 +116,7 @@ declare const Steps: {
         type: "default" | "dot" | "arrow" | "navigation";
         direction: "horizontal" | "vertical";
         lineLess: boolean;
-        status: "wait" | "error" | "finish" | "process";
+        status: "error" | "wait" | "finish" | "process";
         current: number;
         defaultCurrent: number;
         labelPlacement: "horizontal" | "vertical";
@@ -147,7 +147,7 @@ declare const Steps: {
         default: number;
     };
     status: {
-        type: import("vue").PropType<"wait" | "error" | "finish" | "process">;
+        type: import("vue").PropType<"error" | "wait" | "finish" | "process">;
         default: string;
     };
     lineLess: {
@@ -177,7 +177,7 @@ declare const Steps: {
     type: "default" | "dot" | "arrow" | "navigation";
     direction: "horizontal" | "vertical";
     lineLess: boolean;
-    status: "wait" | "error" | "finish" | "process";
+    status: "error" | "wait" | "finish" | "process";
     current: number;
     defaultCurrent: number;
     labelPlacement: "horizontal" | "vertical";
@@ -187,7 +187,7 @@ declare const Steps: {
         title: StringConstructor;
         description: StringConstructor;
         status: {
-            type: import("vue").PropType<"wait" | "error" | "finish" | "process">;
+            type: import("vue").PropType<"error" | "wait" | "finish" | "process">;
         };
         disabled: {
             type: BooleanConstructor;
@@ -202,14 +202,14 @@ declare const Steps: {
         itemRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
         showTail: import("vue").ComputedRef<boolean>;
         stepNumber: import("vue").ComputedRef<number>;
-        computedStatus: import("vue").ComputedRef<"wait" | "error" | "finish" | "process">;
+        computedStatus: import("vue").ComputedRef<"error" | "wait" | "finish" | "process">;
         type: import("vue").ComputedRef<"default" | "dot" | "arrow" | "navigation">;
         handleClick: (ev: Event) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         title: StringConstructor;
         description: StringConstructor;
         status: {
-            type: import("vue").PropType<"wait" | "error" | "finish" | "process">;
+            type: import("vue").PropType<"error" | "wait" | "finish" | "process">;
         };
         disabled: {
             type: BooleanConstructor;

package/es/steps/step.d.ts

@@ -3,7 +3,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     title: StringConstructor;
     description: StringConstructor;
     status: {
-        type: PropType<"wait" | "error" | "finish" | "process">;
+        type: PropType<"error" | "wait" | "finish" | "process">;
     };
     disabled: {
         type: BooleanConstructor;
@@ -18,14 +18,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     itemRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
     showTail: import("vue").ComputedRef<boolean>;
     stepNumber: import("vue").ComputedRef<number>;
-    computedStatus: import("vue").ComputedRef<"wait" | "error" | "finish" | "process">;
+    computedStatus: import("vue").ComputedRef<"error" | "wait" | "finish" | "process">;
     type: import("vue").ComputedRef<"default" | "dot" | "arrow" | "navigation">;
     handleClick: (ev: Event) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     description: StringConstructor;
     status: {
-        type: PropType<"wait" | "error" | "finish" | "process">;
+        type: PropType<"error" | "wait" | "finish" | "process">;
     };
     disabled: {
         type: BooleanConstructor;

package/es/steps/steps.d.ts

@@ -21,7 +21,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: number;
     };
     status: {
-        type: PropType<"wait" | "error" | "finish" | "process">;
+        type: PropType<"error" | "wait" | "finish" | "process">;
         default: string;
     };
     lineLess: {
@@ -65,7 +65,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: number;
     };
     status: {
-        type: PropType<"wait" | "error" | "finish" | "process">;
+        type: PropType<"error" | "wait" | "finish" | "process">;
         default: string;
     };
     lineLess: {
@@ -88,7 +88,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     type: "default" | "dot" | "arrow" | "navigation";
     direction: "horizontal" | "vertical";
     lineLess: boolean;
-    status: "wait" | "error" | "finish" | "process";
+    status: "error" | "wait" | "finish" | "process";
     current: number;
     defaultCurrent: number;
     labelPlacement: "horizontal" | "vertical";

package/es/switch/index.d.ts

@@ -4,7 +4,7 @@ import _Switch from './switch';
 declare const Switch: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
-            type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+            type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
             default: undefined;
         };
         defaultChecked: {
@@ -24,14 +24,14 @@ declare const Switch: {
             default: string;
         };
         size: {
-            type: import("vue").PropType<"medium" | "small">;
+            type: import("vue").PropType<"small" | "medium">;
         };
         checkedValue: {
-            type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+            type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
             default: boolean;
         };
         uncheckedValue: {
-            type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+            type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
             default: boolean;
         };
         checkedColor: {
@@ -50,10 +50,10 @@ declare const Switch: {
             type: StringConstructor;
         };
     }>> & Readonly<{
+        onChange?: ((value: string | number | boolean, ev: Event) => any) | undefined;
         onFocus?: ((ev: FocusEvent) => any) | undefined;
         onBlur?: ((ev: FocusEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
-        onChange?: ((value: string | number | boolean, ev: Event) => any) | undefined;
     }>, {
         prefixCls: string;
         cls: import("vue").ComputedRef<(string | {
@@ -96,7 +96,7 @@ declare const Switch: {
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
-            type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+            type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
             default: undefined;
         };
         defaultChecked: {
@@ -116,14 +116,14 @@ declare const Switch: {
             default: string;
         };
         size: {
-            type: import("vue").PropType<"medium" | "small">;
+            type: import("vue").PropType<"small" | "medium">;
         };
         checkedValue: {
-            type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+            type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
             default: boolean;
         };
         uncheckedValue: {
-            type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+            type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
             default: boolean;
         };
         checkedColor: {
@@ -142,10 +142,10 @@ declare const Switch: {
             type: StringConstructor;
         };
     }>> & Readonly<{
+        onChange?: ((value: string | number | boolean, ev: Event) => any) | undefined;
         onFocus?: ((ev: FocusEvent) => any) | undefined;
         onBlur?: ((ev: FocusEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
-        onChange?: ((value: string | number | boolean, ev: Event) => any) | undefined;
     }>, {
         prefixCls: string;
         cls: import("vue").ComputedRef<(string | {
@@ -178,7 +178,7 @@ declare const Switch: {
     __isSuspense?: undefined;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
     defaultChecked: {
@@ -198,14 +198,14 @@ declare const Switch: {
         default: string;
     };
     size: {
-        type: import("vue").PropType<"medium" | "small">;
+        type: import("vue").PropType<"small" | "medium">;
     };
     checkedValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: boolean;
     };
     checkedColor: {
@@ -224,10 +224,10 @@ declare const Switch: {
         type: StringConstructor;
     };
 }>> & Readonly<{
+    onChange?: ((value: string | number | boolean, ev: Event) => any) | undefined;
     onFocus?: ((ev: FocusEvent) => any) | undefined;
     onBlur?: ((ev: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
-    onChange?: ((value: string | number | boolean, ev: Event) => any) | undefined;
 }>, {
     prefixCls: string;
     cls: import("vue").ComputedRef<(string | {

package/es/switch/switch.d.ts

@@ -1,7 +1,7 @@
 import type { PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
     defaultChecked: {
@@ -21,14 +21,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
     size: {
-        type: PropType<"medium" | "small">;
+        type: PropType<"small" | "medium">;
     };
     checkedValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: boolean;
     };
     checkedColor: {
@@ -71,7 +71,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     blur: (ev: FocusEvent) => true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
     defaultChecked: {
@@ -91,14 +91,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
     size: {
-        type: PropType<"medium" | "small">;
+        type: PropType<"small" | "medium">;
     };
     checkedValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: boolean;
     };
     checkedColor: {
@@ -117,10 +117,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
     };
 }>> & Readonly<{
+    onChange?: ((value: string | number | boolean, ev: Event) => any) | undefined;
     onFocus?: ((ev: FocusEvent) => any) | undefined;
     onBlur?: ((ev: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
-    onChange?: ((value: string | number | boolean, ev: Event) => any) | undefined;
 }>, {
     disabled: boolean;
     type: "round" | "circle" | "line";

package/es/table/context.d.ts

@@ -7,7 +7,10 @@ export interface TableContext {
     slots: Slots;
     sorter: Sorter | undefined;
     currentAllEnabledRowKeys: BaseType[];
+    currentAllEnabledRowKeySet?: Set<BaseType>;
     currentSelectedRowKeys: BaseType[];
+    currentSelectedRowKeySet?: Set<BaseType>;
+    selectedRowKeySet?: Set<BaseType>;
     checkStrictly: boolean;
     filters: Filters;
     filterIconAlignLeft: boolean;

package/es/table/hooks/use-row-selection.js

@@ -23,9 +23,11 @@ const useRowSelection = ({
       return (_c2 = (_b2 = selectedKeys.value) != null ? _b2 : (_a2 = rowSelection.value) == null ? void 0 : _a2.selectedRowKeys) != null ? _c2 : _selectedRowKeys.value;
     }
   );
-  const currentSelectedRowKeys = computed(
-    () => selectedRowKeys.value.filter((key) => currentAllRowKeys.value.includes(key))
-  );
+  const currentAllRowKeySet = computed(() => new Set(currentAllRowKeys.value));
+  const currentSelectedRowKeys = computed(() => {
+    const allKeySet = currentAllRowKeySet.value;
+    return selectedRowKeys.value.filter((key) => allKeySet.has(key));
+  });
   const handleSelectAll = (checked) => {
     const newKeys = union(
       selectedRowKeys.value,

package/es/table/index.d.ts

@@ -30,15 +30,15 @@ declare const Table: {
             default: boolean;
         };
         size: {
-            type: import("vue").PropType<"mini" | "medium" | "large" | "small">;
-            default: () => "mini" | "medium" | "large" | "small";
+            type: import("vue").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: {
@@ -114,7 +114,7 @@ declare const Table: {
             type: import("vue").PropType<import("./interface").TableDraggable>;
         };
         rowNumber: {
-            type: (ObjectConstructor | BooleanConstructor)[];
+            type: (BooleanConstructor | ObjectConstructor)[];
         };
         columnResizable: {
             type: BooleanConstructor;
@@ -169,8 +169,8 @@ declare const Table: {
             default: boolean;
         };
     }>> & Readonly<{
-        onSelect?: ((rowKeys: (string | number)[], rowKey: string | number, record: import("./interface").TableData) => any) | undefined;
         onChange?: ((data: import("./interface").TableData[], extra: import("./interface").TableChangeExtra, currentData: import("./interface").TableData[]) => any) | undefined;
+        onSelect?: ((rowKeys: (string | number)[], rowKey: string | number, record: import("./interface").TableData) => any) | undefined;
         onPageChange?: ((page: number) => any) | undefined;
         onPageSizeChange?: ((pageSize: number) => any) | undefined;
         "onUpdate:selectedKeys"?: ((rowKeys: (string | number)[]) => any) | undefined;
@@ -234,12 +234,12 @@ declare const Table: {
         rowContextmenu: (record: import("./interface").TableData, ev: Event) => true;
         cellContextmenu: (record: import("./interface").TableData, column: import("./interface").TableColumnData, ev: Event) => true;
     }, import("vue").PublicProps, {
-        size: "mini" | "medium" | "large" | "small";
+        size: "mini" | "small" | "medium" | "large";
         scrollbar: boolean | import("..").ScrollbarProps;
         data: import("./interface").TableData[];
+        columns: import("./interface").TableColumnData[];
         loading: boolean | Record<string, any>;
         bordered: boolean | import("./interface").TableBorder;
-        columns: import("./interface").TableColumnData[];
         hoverable: boolean;
         stripe: boolean;
         tableLayoutFixed: boolean;
@@ -285,15 +285,15 @@ declare const Table: {
             default: boolean;
         };
         size: {
-            type: import("vue").PropType<"mini" | "medium" | "large" | "small">;
-            default: () => "mini" | "medium" | "large" | "small";
+            type: import("vue").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: {
@@ -369,7 +369,7 @@ declare const Table: {
             type: import("vue").PropType<import("./interface").TableDraggable>;
         };
         rowNumber: {
-            type: (ObjectConstructor | BooleanConstructor)[];
+            type: (BooleanConstructor | ObjectConstructor)[];
         };
         columnResizable: {
             type: BooleanConstructor;
@@ -424,8 +424,8 @@ declare const Table: {
             default: boolean;
         };
     }>> & Readonly<{
-        onSelect?: ((rowKeys: (string | number)[], rowKey: string | number, record: import("./interface").TableData) => any) | undefined;
         onChange?: ((data: import("./interface").TableData[], extra: import("./interface").TableChangeExtra, currentData: import("./interface").TableData[]) => any) | undefined;
+        onSelect?: ((rowKeys: (string | number)[], rowKey: string | number, record: import("./interface").TableData) => any) | undefined;
         onPageChange?: ((page: number) => any) | undefined;
         onPageSizeChange?: ((pageSize: number) => any) | undefined;
         "onUpdate:selectedKeys"?: ((rowKeys: (string | number)[]) => any) | undefined;
@@ -466,12 +466,12 @@ declare const Table: {
         resetSorters(): void;
         clearSorters(): void;
     }, {
-        size: "mini" | "medium" | "large" | "small";
+        size: "mini" | "small" | "medium" | "large";
         scrollbar: boolean | import("..").ScrollbarProps;
         data: import("./interface").TableData[];
+        columns: import("./interface").TableColumnData[];
         loading: boolean | Record<string, any>;
         bordered: boolean | import("./interface").TableBorder;
-        columns: import("./interface").TableColumnData[];
         hoverable: boolean;
         stripe: boolean;
         tableLayoutFixed: boolean;
@@ -514,15 +514,15 @@ declare const Table: {
         default: boolean;
     };
     size: {
-        type: import("vue").PropType<"mini" | "medium" | "large" | "small">;
-        default: () => "mini" | "medium" | "large" | "small";
+        type: import("vue").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: {
@@ -598,7 +598,7 @@ declare const Table: {
         type: import("vue").PropType<import("./interface").TableDraggable>;
     };
     rowNumber: {
-        type: (ObjectConstructor | BooleanConstructor)[];
+        type: (BooleanConstructor | ObjectConstructor)[];
     };
     columnResizable: {
         type: BooleanConstructor;
@@ -653,8 +653,8 @@ declare const Table: {
         default: boolean;
     };
 }>> & Readonly<{
-    onSelect?: ((rowKeys: (string | number)[], rowKey: string | number, record: import("./interface").TableData) => any) | undefined;
     onChange?: ((data: import("./interface").TableData[], extra: import("./interface").TableChangeExtra, currentData: import("./interface").TableData[]) => any) | undefined;
+    onSelect?: ((rowKeys: (string | number)[], rowKey: string | number, record: import("./interface").TableData) => any) | undefined;
     onPageChange?: ((page: number) => any) | undefined;
     onPageSizeChange?: ((pageSize: number) => any) | undefined;
     "onUpdate:selectedKeys"?: ((rowKeys: (string | number)[]) => any) | undefined;
@@ -718,12 +718,12 @@ declare const Table: {
     rowContextmenu: (record: import("./interface").TableData, ev: Event) => true;
     cellContextmenu: (record: import("./interface").TableData, column: import("./interface").TableColumnData, ev: Event) => true;
 }, string, {
-    size: "mini" | "medium" | "large" | "small";
+    size: "mini" | "small" | "medium" | "large";
     scrollbar: boolean | import("..").ScrollbarProps;
     data: import("./interface").TableData[];
+    columns: import("./interface").TableColumnData[];
     loading: boolean | Record<string, any>;
     bordered: boolean | import("./interface").TableBorder;
-    columns: import("./interface").TableColumnData[];
     hoverable: boolean;
     stripe: boolean;
     tableLayoutFixed: boolean;
@@ -932,9 +932,9 @@ declare const Table: {
             default: boolean;
         };
     }>> & Readonly<{}>, {
+        type: "normal" | "checkbox" | "radio" | "expand" | "operation";
         column: import("./interface").TableColumnData;
         summary: boolean;
-        type: "normal" | "checkbox" | "radio" | "expand" | "operation";
         indentSize: number;
         record: import("./interface").TableDataWithRaw;
         operations: import("./interface").TableOperationColumn[];
@@ -995,7 +995,7 @@ declare const Table: {
             type: NumberConstructor;
         };
         tooltip: {
-            type: (ObjectConstructor | BooleanConstructor)[];
+            type: (BooleanConstructor | ObjectConstructor)[];
             default: boolean;
         };
     }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -1051,7 +1051,7 @@ declare const Table: {
             type: NumberConstructor;
         };
         tooltip: {
-            type: (ObjectConstructor | BooleanConstructor)[];
+            type: (BooleanConstructor | ObjectConstructor)[];
             default: boolean;
         };
     }>> & Readonly<{}>, {

package/es/table/interface.d.ts

@@ -2,7 +2,7 @@ import { CSSProperties, RenderFunction, Slots, VNodeChild } from 'vue';
 import { BaseType, ClassName, Data } from '../_utils/types';
 import { TriggerProps } from '../trigger';
 export declare const TABLE_PAGE_POSITION: readonly ["tl", "top", "tr", "bl", "bottom", "br"];
-export declare type TablePagePosition = typeof TABLE_PAGE_POSITION[number];
+export declare type TablePagePosition = (typeof TABLE_PAGE_POSITION)[number];
 export interface TableData {
     key?: string;
     expand?: string | RenderFunction;

package/es/table/style/index.css

@@ -275,6 +275,24 @@
   justify-content: center;
   padding: 0;
 }
+.arco-table-th.arco-table-operation.arco-table-checkbox .arco-table-cell,
+.arco-table-td.arco-table-operation.arco-table-checkbox .arco-table-cell,
+.arco-table-th.arco-table-operation.arco-table-radio .arco-table-cell,
+.arco-table-td.arco-table-operation.arco-table-radio .arco-table-cell {
+  padding: 0 4px;
+}
+.arco-table-th.arco-table-operation.arco-table-checkbox,
+.arco-table-td.arco-table-operation.arco-table-checkbox {
+  position: relative;
+  z-index: 11;
+}
+.arco-table-th.arco-table-operation.arco-table-checkbox.arco-table-col-fixed-left,
+.arco-table-td.arco-table-operation.arco-table-checkbox.arco-table-col-fixed-left,
+.arco-table-th.arco-table-operation.arco-table-checkbox.arco-table-col-fixed-right,
+.arco-table-td.arco-table-operation.arco-table-checkbox.arco-table-col-fixed-right {
+  position: sticky !important;
+  z-index: 12;
+}
 .arco-table-radio,
 .arco-table-checkbox {
   justify-content: center;
@@ -665,13 +683,10 @@
 .arco-table-virtualized .arco-table-element {
   table-layout: fixed;
 }
-.arco-table-virtualized div.arco-table-body div.arco-table-tr {
-  display: flex;
-}
-.arco-table-virtualized div.arco-table-body div.arco-table-td {
-  display: flex;
-  flex: 1;
-  align-items: center;
+.arco-table-virtualized .arco-table-body .arco-table-td.arco-table-col-fixed-left,
+.arco-table-virtualized .arco-table-body .arco-table-td.arco-table-col-fixed-right {
+  position: sticky;
+  z-index: 10;
 }
 .arco-table-pagination {
   display: flex;

package/es/table/style/index.less

@@ -349,6 +349,25 @@
     padding: 0;
   }
 
+  &-th&-operation&-checkbox &-cell,
+  &-td&-operation&-checkbox &-cell,
+  &-th&-operation&-radio &-cell,
+  &-td&-operation&-radio &-cell {
+    padding: 0 @spacing-2;
+  }
+
+  &-th&-operation&-checkbox,
+  &-td&-operation&-checkbox {
+    position: relative;
+    z-index: 11;
+
+    &.@{table-prefix-cls}-col-fixed-left,
+    &.@{table-prefix-cls}-col-fixed-right {
+      position: sticky !important;
+      z-index: 12;
+    }
+  }
+
   &-radio,
   &-checkbox {
     justify-content: center;
@@ -824,14 +843,12 @@
     table-layout: fixed;
   }
 
-  &-virtualized div&-body div&-tr {
-    display: flex;
-  }
-
-  &-virtualized div&-body div&-td {
-    display: flex;
-    flex: 1;
-    align-items: center;
+  &-virtualized .@{table-prefix-cls}-body .@{table-prefix-cls}-td {
+    &.@{table-prefix-cls}-col-fixed-left,
+    &.@{table-prefix-cls}-col-fixed-right {
+      position: sticky;
+      z-index: 10;
+    }
   }
 }
 

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

@@ -52,7 +52,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: NumberConstructor;
     };
     tooltip: {
-        type: (ObjectConstructor | BooleanConstructor)[];
+        type: (BooleanConstructor | ObjectConstructor)[];
         default: boolean;
     };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -108,7 +108,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: NumberConstructor;
     };
     tooltip: {
-        type: (ObjectConstructor | BooleanConstructor)[];
+        type: (BooleanConstructor | ObjectConstructor)[];
         default: boolean;
     };
 }>> & Readonly<{}>, {