@douyinfe/semi-foundation 2.30.2 → 2.31.0

package/lib/es/table/foundation.js

@@ -141,12 +141,14 @@ class TableFoundation extends BaseFoundation {
     } = this._adapter.getStates();
 
     const filteredSortedDataSource = this.getFilteredSortedDataSource(dataSource, queries);
+    const allDataDisabledRowKeys = this.getAllDisabledRowKeys(filteredSortedDataSource);
     const pageData = this.getCurrentPageData(filteredSortedDataSource);
     this.setAdapterPageData(pageData);
     this.initExpandedRowKeys(pageData);
     this.initSelectedRowKeys(pageData); // cache dataSource after mount, and then calculate it on demand
 
     this.setCachedFilteredSortedDataSource(filteredSortedDataSource);
+    this.setAllDisabledRowKeys(allDataDisabledRowKeys);
   }
 
   initExpandedRowKeys() {
@@ -508,6 +510,10 @@ class TableFoundation extends BaseFoundation {
 
   destroy() {}
 
+  setAllDisabledRowKeys(disabledRowKeys) {
+    this._adapter.setAllDisabledRowKeys(disabledRowKeys);
+  }
+
   handleClick(e) {}
 
   handleMouseEnter(e) {}
@@ -766,8 +772,11 @@ class TableFoundation extends BaseFoundation {
       const selectedRowKeysSet = this._getSelectedRowKeysSet();
 
       let allRowKeys = [...this._adapter.getCachedFilteredSortedRowKeys()];
-      const disabledRowKeys = this.getAllDisabledRowKeys();
-      const disabledRowKeysSet = new Set(disabledRowKeys);
+
+      const disabledRowKeys = this._adapter.getAllDisabledRowKeys();
+
+      const disabledRowKeysSet = this._adapter.getAllDisabledRowKeysSet();
+
       let changedRowKeys; // Select all, if not disabled && not in selectedRowKeys
 
       if (selected) {
@@ -1141,7 +1150,9 @@ class TableFoundation extends BaseFoundation {
   handleClickFilterOrSorter(queries) {
     const dataSource = [...this.getProp('dataSource')];
     const sortedDataSource = this.getFilteredSortedDataSource(dataSource, queries);
+    const allDataDisabledRowKeys = this.getAllDisabledRowKeys(sortedDataSource);
     this.setCachedFilteredSortedDataSource(sortedDataSource);
+    this.setAllDisabledRowKeys(allDataDisabledRowKeys);
     const pageData = this.getCurrentPageData(sortedDataSource);
     this.setAdapterPageData(pageData);
   }

package/lib/es/table/rtl.scss

@@ -1,7 +1,6 @@
 $module: #{$prefix}-table;
 
-.#{$prefix}-rtl,
-.#{$prefix}-portal-rtl {
+.#{$module}-wrapper-rtl {
     .#{$module} {
         direction: rtl;
         text-align: right;
@@ -148,6 +147,34 @@ $module: #{$prefix}-table;
                 }
             }
         }
+
+        &-scroll {
+            &-position {
+                &-left {
+                    .#{$module}-tbody,
+                    .#{$module}-thead {
+                        & > .#{$module}-row > .#{$module}-cell-fixed-left-last {
+                            box-shadow: $shadow-table_right;
+                        }
+                        & > .#{$module}-row > .#{$module}-cell-fixed-right-first {
+                            box-shadow: none;
+                        }
+                    }
+                }
+    
+                &-right {
+                    .#{$module}-tbody,
+                    .#{$module}-thead {
+                        & > .#{$module}-row > .#{$module}-cell-fixed-left-last {
+                            box-shadow: none;
+                        }
+                        & > .#{$module}-row > .#{$module}-cell-fixed-right-first {
+                            box-shadow: $shadow-table_left;
+                        }
+                    }
+                }
+            }
+        }
     }
 
     .#{$module}-expand-icon {
@@ -155,4 +182,8 @@ $module: #{$prefix}-table;
         margin-left: $spacing-table_expand_icon-marginRight;
         transform: scaleX(-1) translateY(2px);
     }
+
+    .#{$prefix}-spin {
+        direction: rtl;
+    }
 }

package/lib/es/table/table.css

@@ -55,6 +55,12 @@
 .semi-table-wrapper[data-column-fixed=true] {
   z-index: 1;
 }
+.semi-table-wrapper-ltr {
+  direction: ltr;
+}
+.semi-table-wrapper-ltr .semi-spin {
+  direction: ltr;
+}
 .semi-table-middle .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
   padding-top: 12px;
   padding-bottom: 12px;
@@ -462,115 +468,90 @@
   transform: rotate(0deg);
 }
 
-.semi-rtl .semi-table,
-.semi-portal-rtl .semi-table {
+.semi-table-wrapper-rtl .semi-table {
   direction: rtl;
   text-align: right;
 }
-.semi-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head,
-.semi-portal-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head {
+.semi-table-wrapper-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head {
   text-align: right;
 }
-.semi-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left-last,
-.semi-portal-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left-last {
+.semi-table-wrapper-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left-last {
   border-right: 0;
   border-left: 1px solid var(--semi-color-border);
 }
-.semi-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left-last.resizing,
-.semi-portal-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left-last.resizing {
+.semi-table-wrapper-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-left-last.resizing {
   border-left: 2px solid var(--semi-color-primary);
 }
-.semi-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right-first,
-.semi-portal-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right-first {
+.semi-table-wrapper-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right-first {
   border-left: 0;
   border-right: 1px solid var(--semi-color-border);
 }
-.semi-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right-first.resizing,
-.semi-portal-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right-first.resizing {
+.semi-table-wrapper-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right-first.resizing {
   border-left: 2px solid var(--semi-color-primary);
 }
-.semi-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right-first[x-type=column-scrollbar],
-.semi-portal-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right-first[x-type=column-scrollbar] {
+.semi-table-wrapper-rtl .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-cell-fixed-right-first[x-type=column-scrollbar] {
   box-shadow: none;
   border-right: transparent;
 }
-.semi-rtl .semi-table-thead > .semi-table-row .resizing,
-.semi-portal-rtl .semi-table-thead > .semi-table-row .resizing {
+.semi-table-wrapper-rtl .semi-table-thead > .semi-table-row .resizing {
   border-left: 2px solid var(--semi-color-primary);
 }
-.semi-rtl .semi-table-thead > .semi-table-row .react-resizable-handle,
-.semi-portal-rtl .semi-table-thead > .semi-table-row .react-resizable-handle {
+.semi-table-wrapper-rtl .semi-table-thead > .semi-table-row .react-resizable-handle {
   right: auto;
   left: -1px;
 }
-.semi-rtl .semi-table-tbody,
-.semi-portal-rtl .semi-table-tbody {
+.semi-table-wrapper-rtl .semi-table-tbody {
   display: table-row-group;
 }
-.semi-rtl .semi-table-tbody > .semi-table-row > .semi-table-row-cell.resizing,
-.semi-portal-rtl .semi-table-tbody > .semi-table-row > .semi-table-row-cell.resizing {
+.semi-table-wrapper-rtl .semi-table-tbody > .semi-table-row > .semi-table-row-cell.resizing {
   border-right: 0;
   border-left: 2px solid var(--semi-color-primary);
 }
-.semi-rtl .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-left-last,
-.semi-portal-rtl .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-left-last {
+.semi-table-wrapper-rtl .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-left-last {
   border-right: 0;
   border-left: 1px solid var(--semi-color-border);
 }
-.semi-rtl .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-right-first,
-.semi-portal-rtl .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-right-first {
+.semi-table-wrapper-rtl .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-right-first {
   border-left: 0;
   border-right: 1px solid var(--semi-color-border);
 }
-.semi-rtl .semi-table .semi-table-column-selection .semi-checkbox-inner-display .semi-icon,
-.semi-portal-rtl .semi-table .semi-table-column-selection .semi-checkbox-inner-display .semi-icon {
+.semi-table-wrapper-rtl .semi-table .semi-table-column-selection .semi-checkbox-inner-display .semi-icon {
   left: auto;
   right: 0;
 }
-.semi-rtl .semi-table .semi-table-column-expand .semi-table-expand-icon,
-.semi-portal-rtl .semi-table .semi-table-column-expand .semi-table-expand-icon {
+.semi-table-wrapper-rtl .semi-table .semi-table-column-expand .semi-table-expand-icon {
   transform: scaleX(-1) translateY(2px);
 }
-.semi-rtl .semi-table .semi-table-column-expand .semi-table-expand-icon:last-child,
-.semi-portal-rtl .semi-table .semi-table-column-expand .semi-table-expand-icon:last-child {
+.semi-table-wrapper-rtl .semi-table .semi-table-column-expand .semi-table-expand-icon:last-child {
   margin-right: auto;
   margin-left: 0;
 }
-.semi-rtl .semi-table .semi-table-column-sorter,
-.semi-portal-rtl .semi-table .semi-table-column-sorter {
+.semi-table-wrapper-rtl .semi-table .semi-table-column-sorter {
   margin-left: auto;
   margin-right: 4px;
 }
-.semi-rtl .semi-table .semi-table-column-filter,
-.semi-portal-rtl .semi-table .semi-table-column-filter {
+.semi-table-wrapper-rtl .semi-table .semi-table-column-filter {
   margin-left: auto;
   margin-right: 4px;
 }
-.semi-rtl .semi-table-bordered .semi-table-container,
-.semi-portal-rtl .semi-table-bordered .semi-table-container {
+.semi-table-wrapper-rtl .semi-table-bordered .semi-table-container {
   border-left: 0;
   border-right: 1px solid var(--semi-color-border);
 }
-.semi-rtl .semi-table-bordered .semi-table-thead > .semi-table-row > .semi-table-row-head,
-.semi-rtl .semi-table-bordered .semi-table-tbody > .semi-table-row > .semi-table-row-cell,
-.semi-portal-rtl .semi-table-bordered .semi-table-thead > .semi-table-row > .semi-table-row-head,
-.semi-portal-rtl .semi-table-bordered .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
+.semi-table-wrapper-rtl .semi-table-bordered .semi-table-thead > .semi-table-row > .semi-table-row-head,
+.semi-table-wrapper-rtl .semi-table-bordered .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
   border-right: 0;
   border-left: 1px solid var(--semi-color-border);
 }
-.semi-rtl .semi-table-bordered .semi-table-placeholder,
-.semi-portal-rtl .semi-table-bordered .semi-table-placeholder {
+.semi-table-wrapper-rtl .semi-table-bordered .semi-table-placeholder {
   border-left: 1px solid var(--semi-color-border);
   border-right: 0;
 }
-.semi-rtl .semi-table-bordered .semi-table-header::-webkit-scrollbar,
-.semi-portal-rtl .semi-table-bordered .semi-table-header::-webkit-scrollbar {
+.semi-table-wrapper-rtl .semi-table-bordered .semi-table-header::-webkit-scrollbar {
   border-right: 0;
   border-left: 1px solid var(--semi-color-border);
 }
-.semi-rtl .semi-table-fixed > .semi-table-tbody > .semi-table-row-expand > .semi-table-row-cell > .semi-table-expand-inner, .semi-rtl .semi-table-fixed > .semi-table-tbody > .semi-table-row-section > .semi-table-row-cell > .semi-table-section-inner,
-.semi-portal-rtl .semi-table-fixed > .semi-table-tbody > .semi-table-row-expand > .semi-table-row-cell > .semi-table-expand-inner,
-.semi-portal-rtl .semi-table-fixed > .semi-table-tbody > .semi-table-row-section > .semi-table-row-cell > .semi-table-section-inner {
+.semi-table-wrapper-rtl .semi-table-fixed > .semi-table-tbody > .semi-table-row-expand > .semi-table-row-cell > .semi-table-expand-inner, .semi-table-wrapper-rtl .semi-table-fixed > .semi-table-tbody > .semi-table-row-section > .semi-table-row-cell > .semi-table-section-inner {
   left: auto;
   right: 0;
   margin-right: -16px;
@@ -578,9 +559,27 @@
   padding-right: 16px;
   padding-left: 16px;
 }
-.semi-rtl .semi-table-expand-icon,
-.semi-portal-rtl .semi-table-expand-icon {
+.semi-table-wrapper-rtl .semi-table-scroll-position-left .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-left-last,
+.semi-table-wrapper-rtl .semi-table-scroll-position-left .semi-table-thead > .semi-table-row > .semi-table-cell-fixed-left-last {
+  box-shadow: 3px 0 0 0 var(--semi-color-shadow);
+}
+.semi-table-wrapper-rtl .semi-table-scroll-position-left .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-right-first,
+.semi-table-wrapper-rtl .semi-table-scroll-position-left .semi-table-thead > .semi-table-row > .semi-table-cell-fixed-right-first {
+  box-shadow: none;
+}
+.semi-table-wrapper-rtl .semi-table-scroll-position-right .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-left-last,
+.semi-table-wrapper-rtl .semi-table-scroll-position-right .semi-table-thead > .semi-table-row > .semi-table-cell-fixed-left-last {
+  box-shadow: none;
+}
+.semi-table-wrapper-rtl .semi-table-scroll-position-right .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed-right-first,
+.semi-table-wrapper-rtl .semi-table-scroll-position-right .semi-table-thead > .semi-table-row > .semi-table-cell-fixed-right-first {
+  box-shadow: -3px 0 0 0 var(--semi-color-shadow);
+}
+.semi-table-wrapper-rtl .semi-table-expand-icon {
   margin-right: auto;
   margin-left: 8px;
   transform: scaleX(-1) translateY(2px);
+}
+.semi-table-wrapper-rtl .semi-spin {
+  direction: rtl;
 }

package/lib/es/table/table.scss

@@ -28,6 +28,14 @@ $module: #{$prefix}-table;
         &[data-column-fixed='true'] {
             z-index: 1;
         }
+
+        &-ltr {
+            direction: ltr;
+
+            .#{$prefix}-spin {
+                direction: ltr;
+            }
+        }
     }
 
     &-middle {

package/lib/es/table/utils.d.ts

@@ -1,3 +1,4 @@
+import { strings } from './constants';
 export declare function cloneDeep(value: any, customizer?: (v: any) => any): any;
 export declare function equalWith(value: any, other: any, customizer?: (...args: any[]) => boolean): boolean;
 export declare function getColumnKey(column: any, keyPropNames: any[]): any;
@@ -100,3 +101,4 @@ export declare function isTreeTable({ dataSource, childrenRecordName }: {
     dataSource: Record<string, any>;
     childrenRecordName?: string;
 }): boolean;
+export declare function getRTLAlign(align: typeof strings.ALIGNS[number], direction?: 'ltr' | 'rtl'): typeof strings.ALIGNS[number];

package/lib/es/table/utils.js

@@ -531,4 +531,20 @@ export function isTreeTable(_ref2) {
   }
 
   return flag;
+}
+export function getRTLAlign(align, direction) {
+  if (direction === 'rtl') {
+    switch (align) {
+      case 'left':
+        return 'right';
+
+      case 'right':
+        return 'left';
+
+      default:
+        return align;
+    }
+  }
+
+  return align;
 }

package/lib/es/tag/tag.css

@@ -46,10 +46,20 @@
 }
 .semi-tag-content {
   flex: 1;
+}
+.semi-tag-content-ellipsis {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
+.semi-tag-content-center {
+  display: flex;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  min-width: 0;
+}
 .semi-tag-close {
   display: flex;
   justify-content: center;

package/lib/es/tag/tag.scss

@@ -53,9 +53,19 @@ $types: "ghost", "solid", "light";
 
     &-content {
         flex: 1;
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
+
+        &-ellipsis {
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+        }
+
+        &-center {
+            display: flex;
+            @include all-center;
+            height: 100%;
+            min-width: 0;
+        }
     }
 
     &-close {

package/lib/es/tooltip/foundation.d.ts

@@ -16,6 +16,7 @@ export interface TooltipAdapter<P = Record<string, any>, S = Record<string, any>
     unregisterScrollHandler(): void;
     insertPortal(...args: any[]): void;
     removePortal(...args: any[]): void;
+    setDisplayNone: (displayNone: boolean, cb?: () => void) => void;
     getEventName(): {
         mouseEnter: string;
         mouseLeave: string;
@@ -65,6 +66,7 @@ export default class Tooltip<P = Record<string, any>, S = Record<string, any>> e
     _bindResizeEvent(): void;
     unBindResizeEvent(): void;
     removePortal: () => void;
+    setDisplayNone: (displayNone: boolean, cb?: () => void) => void;
     _adjustPos(position?: string, isVertical?: boolean, adjustType?: string, concatPos?: any): string;
     _reversePos(position?: string, isVertical?: boolean): string;
     _expandPos(position: string, concatPos: string): string;

package/lib/es/tooltip/foundation.js

@@ -27,6 +27,10 @@ export default class Tooltip extends BaseFoundation {
       this._adapter.removePortal();
     };
 
+    this.setDisplayNone = (displayNone, cb) => {
+      this._adapter.setDisplayNone(displayNone, cb);
+    };
+
     this.onResize = () => {
       // this.log('resize');
       // rePosition when window resize
@@ -52,9 +56,14 @@ export default class Tooltip extends BaseFoundation {
       const trigger = this.getProp('trigger');
       const clickTriggerToHide = this.getProp('clickTriggerToHide');
       const {
-        visible
+        visible,
+        displayNone
       } = this.getStates();
 
+      if (displayNone) {
+        this.setDisplayNone(false);
+      }
+
       if (visible) {
         return;
       }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.30.2",
+    "version": "2.31.0",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
@@ -23,7 +23,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "1cd39aa790995b2770f09a95ef89f1e9948b845b",
+    "gitHead": "28b48a92313bbd889681618ca0898c931e6ee721",
     "devDependencies": {
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",

package/select/foundation.ts

@@ -32,7 +32,7 @@ export interface SelectAdapter<P = Record<string, any>, S = Record<string, any>>
     notifyClear(): void;
     updateInputValue(inputValue: string): void;
     focusInput(): void;
-    notifySearch(inputValue: string): void;
+    notifySearch(inputValue: string, event?: any): void;
     registerKeyDown(handler: () => void): void;
     unregisterKeyDown(): void;
     notifyChange(value: string | BasicOptionProps | (string | BasicOptionProps)[]): void;
@@ -396,7 +396,7 @@ export default class SelectFoundation extends BaseFoundation<SelectAdapter> {
 
         this._adapter.once('popoverClose', () => {
             if (isFilterable) {
-                this.clearInput();
+                this.clearInput(e);
             }
             if (closeCb) {
                 closeCb();
@@ -467,7 +467,7 @@ export default class SelectFoundation extends BaseFoundation<SelectAdapter> {
             this._notifyChange(selections);
             if (this._isFilterable()) {
                 if (autoClearSearchValue) {
-                    this.clearInput();
+                    this.clearInput(event);
                 }
                 this.focusInput();
             }
@@ -482,7 +482,7 @@ export default class SelectFoundation extends BaseFoundation<SelectAdapter> {
             if (this._isFilterable()) {
                 // When filter active，if autoClearSearchValue is true，reset input after select
                 if (autoClearSearchValue) {
-                    this.clearInput();
+                    this.clearInput(event);
                     // At the same time, the filtering of options is also cleared, in order to show all candidates
                     const sugInput = '';
                     options = this._filterOption(options, sugInput);
@@ -550,12 +550,14 @@ export default class SelectFoundation extends BaseFoundation<SelectAdapter> {
         }
     }
 
-    clearInput() {
+
+    // The reason why event input is optional is that clearInput may be manually called by the user through ref
+    clearInput(event?: any) {
         const { inputValue } = this.getStates();
         // only when input is not null, select should notifySearch and updateOptions
         if (inputValue !== ''){
             this._adapter.updateInputValue('');
-            this._adapter.notifySearch('');
+            this._adapter.notifySearch('', event);
             // reset options filter
             const { options } = this.getStates();
             const { remote } = this.getProps();
@@ -573,7 +575,7 @@ export default class SelectFoundation extends BaseFoundation<SelectAdapter> {
         this._adapter.setIsFocusInContainer(false);
     }
 
-    handleInputChange(sugInput: string) {
+    handleInputChange(sugInput: string, event: any) {
         // Input is a controlled component, so the value needs to be updated
         this._adapter.updateInputValue(sugInput);
         const { options, isOpen } = this.getStates();
@@ -589,7 +591,7 @@ export default class SelectFoundation extends BaseFoundation<SelectAdapter> {
         optionsAfterFilter = this._createOptionByInput(allowCreate, optionsAfterFilter, sugInput);
 
         this._adapter.updateOptions(optionsAfterFilter);
-        this._adapter.notifySearch(sugInput);
+        this._adapter.notifySearch(sugInput, event);
         // In multi-select mode, the drop-down box is repositioned each time you enter, because it may cause a line break as the input changes
         if (this._isMultiple()) {
             this._adapter.rePositionDropdown();
@@ -809,7 +811,7 @@ export default class SelectFoundation extends BaseFoundation<SelectAdapter> {
                 }
             } else {
                 // there are no focusable elements inside the container, tab to next element and trigger blur
-                this.close();
+                this.close(event);
                 this._notifyBlur(event);
             }
         } else {
@@ -829,7 +831,7 @@ export default class SelectFoundation extends BaseFoundation<SelectAdapter> {
         } else if (activeElement === focusableElements[focusableElements.length - 1]) {
             // focus in the last element in container, focus back to trigger and close panel
             this._focusTrigger(); 
-            this.close();
+            this.close(event);
             handlePrevent(event);
         }
     }
@@ -840,7 +842,7 @@ export default class SelectFoundation extends BaseFoundation<SelectAdapter> {
 
         if (!isFocusInContainer) {
             // focus in trigger, close the panel, shift tab to previe element and trigger blur
-            this.close();
+            this.close(event);
             this._notifyBlur(event);
         } else if (activeElement === focusableElements[0]) {
             // focus in the first element in container, focus back to trigger
@@ -870,7 +872,7 @@ export default class SelectFoundation extends BaseFoundation<SelectAdapter> {
                     this.onSelect(selectedOption, focusIndex, event);
                 }
             } else {
-                this.close();
+                this.close(event);
             }
         }
     }
@@ -1018,7 +1020,7 @@ export default class SelectFoundation extends BaseFoundation<SelectAdapter> {
     handleClearClick(e: MouseEvent) {
         const { filter } = this.getProps();
         if (filter) {
-            this.clearInput();
+            this.clearInput(e);
         }
         this.clearSelected();
         // prevent this click open dropdown

package/table/foundation.ts

@@ -82,6 +82,9 @@ export interface TableAdapter<RecordType> extends DefaultAdapter {
     getCachedFilteredSortedDataSource: () => RecordType[];
     getCachedFilteredSortedRowKeys: () => BaseRowKeyType[];
     getCachedFilteredSortedRowKeysSet: () => Set<BaseRowKeyType>;
+    setAllDisabledRowKeys: (allDisabledRowKeys: BaseRowKeyType[]) => void;
+    getAllDisabledRowKeys: () => BaseRowKeyType[];
+    getAllDisabledRowKeysSet: () => Set<BaseRowKeyType>;
     notifyFilterDropdownVisibleChange: (visible: boolean, dataIndex: string) => void;
     notifyChange: (changeInfo: { pagination: BasePagination; filters: BaseChangeInfoFilter<RecordType>[]; sorter: BaseChangeInfoSorter<RecordType>; extra: any }) => void;
     notifyExpand: (expanded?: boolean, record?: BaseIncludeGroupRecord<RecordType>, mouseEvent?: any) => void;
@@ -174,12 +177,14 @@ class TableFoundation<RecordType> extends BaseFoundation<TableAdapter<RecordType
         const dataSource = [...this.getProp('dataSource')];
         const { queries } = this._adapter.getStates();
         const filteredSortedDataSource = this.getFilteredSortedDataSource(dataSource, queries);
+        const allDataDisabledRowKeys = this.getAllDisabledRowKeys(filteredSortedDataSource);
         const pageData = this.getCurrentPageData(filteredSortedDataSource);
         this.setAdapterPageData(pageData);
         this.initExpandedRowKeys(pageData);
         this.initSelectedRowKeys(pageData);
         // cache dataSource after mount, and then calculate it on demand
         this.setCachedFilteredSortedDataSource(filteredSortedDataSource);
+        this.setAllDisabledRowKeys(allDataDisabledRowKeys);
     }
 
     initExpandedRowKeys({ groups }: { groups?: Map<string, RecordType[]> } = {}) {
@@ -553,6 +558,10 @@ class TableFoundation<RecordType> extends BaseFoundation<TableAdapter<RecordType
 
     destroy() { }
 
+    setAllDisabledRowKeys(disabledRowKeys) {
+        this._adapter.setAllDisabledRowKeys(disabledRowKeys);
+    }
+
     handleClick(e: any) { }
 
     handleMouseEnter(e: any) { }
@@ -784,8 +793,8 @@ class TableFoundation<RecordType> extends BaseFoundation<TableAdapter<RecordType
             let selectedRowKeys = [...curSelectedRowKeys];
             const selectedRowKeysSet = this._getSelectedRowKeysSet();
             let allRowKeys = [...this._adapter.getCachedFilteredSortedRowKeys()];
-            const disabledRowKeys = this.getAllDisabledRowKeys();
-            const disabledRowKeysSet = new Set(disabledRowKeys);
+            const disabledRowKeys = this._adapter.getAllDisabledRowKeys();
+            const disabledRowKeysSet = this._adapter.getAllDisabledRowKeysSet();
             let changedRowKeys;
 
             // Select all, if not disabled && not in selectedRowKeys
@@ -1130,7 +1139,9 @@ class TableFoundation<RecordType> extends BaseFoundation<TableAdapter<RecordType
     handleClickFilterOrSorter(queries: BaseColumnProps<RecordType>[]) {
         const dataSource = [...this.getProp('dataSource')];
         const sortedDataSource = this.getFilteredSortedDataSource(dataSource, queries);
+        const allDataDisabledRowKeys = this.getAllDisabledRowKeys(sortedDataSource);
         this.setCachedFilteredSortedDataSource(sortedDataSource);
+        this.setAllDisabledRowKeys(allDataDisabledRowKeys);
         const pageData = this.getCurrentPageData(sortedDataSource);
         this.setAdapterPageData(pageData);
     }

package/table/rtl.scss

@@ -1,7 +1,6 @@
 $module: #{$prefix}-table;
 
-.#{$prefix}-rtl,
-.#{$prefix}-portal-rtl {
+.#{$module}-wrapper-rtl {
     .#{$module} {
         direction: rtl;
         text-align: right;
@@ -148,6 +147,34 @@ $module: #{$prefix}-table;
                 }
             }
         }
+
+        &-scroll {
+            &-position {
+                &-left {
+                    .#{$module}-tbody,
+                    .#{$module}-thead {
+                        & > .#{$module}-row > .#{$module}-cell-fixed-left-last {
+                            box-shadow: $shadow-table_right;
+                        }
+                        & > .#{$module}-row > .#{$module}-cell-fixed-right-first {
+                            box-shadow: none;
+                        }
+                    }
+                }
+    
+                &-right {
+                    .#{$module}-tbody,
+                    .#{$module}-thead {
+                        & > .#{$module}-row > .#{$module}-cell-fixed-left-last {
+                            box-shadow: none;
+                        }
+                        & > .#{$module}-row > .#{$module}-cell-fixed-right-first {
+                            box-shadow: $shadow-table_left;
+                        }
+                    }
+                }
+            }
+        }
     }
 
     .#{$module}-expand-icon {
@@ -155,4 +182,8 @@ $module: #{$prefix}-table;
         margin-left: $spacing-table_expand_icon-marginRight;
         transform: scaleX(-1) translateY(2px);
     }
+
+    .#{$prefix}-spin {
+        direction: rtl;
+    }
 }