@douyinfe/semi-foundation 2.31.0-beta.0 → 2.31.1

package/carousel/foundation.ts

@@ -18,6 +18,11 @@ class CarouselFoundation<P = Record<string, any>, S = Record<string, any>> exten
     }
 
     _interval = null;
+    _forcePlay = false;
+
+    setForcePlay(forcePlay: boolean) {
+        this._forcePlay = forcePlay;
+    }
 
     play(interval: number): void {
         if (this._interval) {
@@ -105,7 +110,7 @@ class CarouselFoundation<P = Record<string, any>, S = Record<string, any>> exten
     getSwitchingTime(): number {
         const { autoPlay, speed } = this.getProps(); 
         const autoPlayType = typeof autoPlay;
-        if (autoPlayType === 'boolean' && autoPlay){
+        if (autoPlayType === 'boolean'){ 
             return numbers.DEFAULT_INTERVAL + speed;
         }
         if (isObject(autoPlay)){
@@ -121,7 +126,8 @@ class CarouselFoundation<P = Record<string, any>, S = Record<string, any>> exten
     handleAutoPlay(): void { 
         const { autoPlay } = this.getProps(); 
         const autoPlayType = typeof autoPlay;
-        if ((autoPlayType === 'boolean' && autoPlay) || isObject(autoPlay)){
+        // when user manually call the play function, force play
+        if ((autoPlayType === 'boolean' && autoPlay) || isObject(autoPlay) || this._forcePlay){
             this.play(this.getSwitchingTime());
         }
     }

package/image/previewImageFoundation.ts

@@ -77,8 +77,7 @@ export default class PreviewImageFoundation<P = Record<string, any>, S = Record<
     }
 
     handleWindowResize = (): void => {
-        const { setRatio } = this.getProps();
-        const { ratio } = this.getProps();
+        const { ratio, setRatio } = this.getProps();
         const { originImageWidth, originImageHeight } = this._adapter.getOriginImageSize();
         if (originImageWidth && originImageHeight) {
             if (ratio !== "adaptation") {

package/image/previewInnerFoundation.ts

@@ -41,12 +41,6 @@ export default class PreviewInnerFoundation<P = Record<string, any>, S = Record<
         this._adapter.enabledBodyScroll();
     }
 
-    handleRatio(type: string) {
-        this.setState({
-            ratio: type,
-        } as any);
-    }
-
     handleViewVisibleChange = () => {
         const nowTime = new Date().getTime();
         const mouseActiveTime = this._adapter.getMouseActiveTime();

package/lib/cjs/carousel/foundation.d.ts

@@ -9,6 +9,8 @@ export interface CarouselAdapter<P = Record<string, any>, S = Record<string, any
 declare class CarouselFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<CarouselAdapter<P, S>, P, S> {
     constructor(adapter: CarouselAdapter<P, S>);
     _interval: any;
+    _forcePlay: boolean;
+    setForcePlay(forcePlay: boolean): void;
     play(interval: number): void;
     stop(): void;
     goTo(activeIndex: number): void;

package/lib/cjs/carousel/foundation.js

@@ -19,6 +19,11 @@ class CarouselFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));
     this._interval = null;
+    this._forcePlay = false;
+  }
+
+  setForcePlay(forcePlay) {
+    this._forcePlay = forcePlay;
   }
 
   play(interval) {
@@ -136,7 +141,7 @@ class CarouselFoundation extends _foundation.default {
     } = this.getProps();
     const autoPlayType = typeof autoPlay;
 
-    if (autoPlayType === 'boolean' && autoPlay) {
+    if (autoPlayType === 'boolean') {
       return _constants.numbers.DEFAULT_INTERVAL + speed;
     }
 
@@ -155,9 +160,9 @@ class CarouselFoundation extends _foundation.default {
     const {
       autoPlay
     } = this.getProps();
-    const autoPlayType = typeof autoPlay;
+    const autoPlayType = typeof autoPlay; // when user manually call the play function, force play
 
-    if (autoPlayType === 'boolean' && autoPlay || (0, _isObject2.default)(autoPlay)) {
+    if (autoPlayType === 'boolean' && autoPlay || (0, _isObject2.default)(autoPlay) || this._forcePlay) {
       this.play(this.getSwitchingTime());
     }
   }

package/lib/cjs/image/previewImageFoundation.js

@@ -71,11 +71,9 @@ class PreviewImageFoundation extends _foundation.default {
 
     this.handleWindowResize = () => {
       const {
+        ratio,
         setRatio
       } = this.getProps();
-      const {
-        ratio
-      } = this.getProps();
 
       const {
         originImageWidth,

package/lib/cjs/image/previewInnerFoundation.d.ts

@@ -26,7 +26,6 @@ export default class PreviewInnerFoundation<P = Record<string, any>, S = Record<
     constructor(adapter: PreviewInnerAdapter<P, S>);
     beforeShow(): void;
     afterHide(): void;
-    handleRatio(type: string): void;
     handleViewVisibleChange: () => void;
     handleMouseMoveEvent: (e: any, event: string) => void;
     handleMouseMove: (e: any) => void;

package/lib/cjs/image/previewInnerFoundation.js

@@ -334,12 +334,6 @@ class PreviewInnerFoundation extends _foundation.default {
     this._adapter.enabledBodyScroll();
   }
 
-  handleRatio(type) {
-    this.setState({
-      ratio: type
-    });
-  }
-
 }
 
 exports.default = PreviewInnerFoundation;

package/lib/cjs/select/foundation.d.ts

@@ -23,7 +23,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;
@@ -78,9 +78,9 @@ export default class SelectFoundation extends BaseFoundation<SelectAdapter> {
     clearSelected(): void;
     updateOptionsActiveStatus(selections: Map<any, any>, options?: BasicOptionProps[]): void;
     removeTag(item: BasicOptionProps): void;
-    clearInput(): void;
+    clearInput(event?: any): void;
     focusInput(): void;
-    handleInputChange(sugInput: string): void;
+    handleInputChange(sugInput: string, event: any): void;
     _filterOption(originalOptions: BasicOptionProps[], sugInput: string): BasicOptionProps[];
     _createOptionByInput(allowCreate: boolean, optionsAfterFilter: BasicOptionProps[], sugInput: string): BasicOptionProps[];
     bindKeyBoardEvent(): void;

package/lib/cjs/select/foundation.js

@@ -461,7 +461,7 @@ class SelectFoundation extends _foundation.default {
 
     this._adapter.once('popoverClose', () => {
       if (isFilterable) {
-        this.clearInput();
+        this.clearInput(e);
       }
 
       if (closeCb) {
@@ -579,7 +579,7 @@ class SelectFoundation extends _foundation.default {
 
       if (this._isFilterable()) {
         if (autoClearSearchValue) {
-          this.clearInput();
+          this.clearInput(event);
         }
 
         this.focusInput();
@@ -599,7 +599,7 @@ class SelectFoundation extends _foundation.default {
       if (this._isFilterable()) {
         // When filter active，if autoClearSearchValue is true，reset input after select
         if (autoClearSearchValue) {
-          this.clearInput(); // At the same time, the filtering of options is also cleared, in order to show all candidates
+          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);
@@ -689,9 +689,10 @@ class SelectFoundation extends _foundation.default {
 
       this._notifyChange(selections);
     }
-  }
+  } // The reason why event input is optional is that clearInput may be manually called by the user through ref
+
 
-  clearInput() {
+  clearInput(event) {
     const {
       inputValue
     } = this.getStates(); // only when input is not null, select should notifySearch and updateOptions
@@ -699,7 +700,7 @@ class SelectFoundation extends _foundation.default {
     if (inputValue !== '') {
       this._adapter.updateInputValue('');
 
-      this._adapter.notifySearch(''); // reset options filter
+      this._adapter.notifySearch('', event); // reset options filter
 
 
       const {
@@ -726,7 +727,7 @@ class SelectFoundation extends _foundation.default {
     this._adapter.setIsFocusInContainer(false);
   }
 
-  handleInputChange(sugInput) {
+  handleInputChange(sugInput, event) {
     // Input is a controlled component, so the value needs to be updated
     this._adapter.updateInputValue(sugInput);
 
@@ -750,7 +751,7 @@ class SelectFoundation extends _foundation.default {
 
     this._adapter.updateOptions(optionsAfterFilter);
 
-    this._adapter.notifySearch(sugInput); // 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
+    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()) {
@@ -1026,7 +1027,7 @@ class SelectFoundation extends _foundation.default {
         }
       } else {
         // there are no focusable elements inside the container, tab to next element and trigger blur
-        this.close();
+        this.close(event);
 
         this._notifyBlur(event);
       }
@@ -1052,7 +1053,7 @@ class SelectFoundation extends _foundation.default {
       // focus in the last element in container, focus back to trigger and close panel
       this._focusTrigger();
 
-      this.close();
+      this.close(event);
       (0, _a11y.handlePrevent)(event);
     }
   }
@@ -1064,7 +1065,7 @@ class SelectFoundation extends _foundation.default {
 
     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]) {
@@ -1107,7 +1108,7 @@ class SelectFoundation extends _foundation.default {
           this.onSelect(selectedOption, focusIndex, event);
         }
       } else {
-        this.close();
+        this.close(event);
       }
     }
   }
@@ -1286,7 +1287,7 @@ class SelectFoundation extends _foundation.default {
     } = this.getProps();
 
     if (filter) {
-      this.clearInput();
+      this.clearInput(e);
     }
 
     this.clearSelected(); // prevent this click open dropdown

package/lib/cjs/table/foundation.d.ts

@@ -54,6 +54,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;
@@ -159,6 +162,7 @@ declare class TableFoundation<RecordType> extends BaseFoundation<TableAdapter<Re
      */
     setCachedFilteredSortedDataSource: (filteredSortedDataSource: RecordType[]) => void;
     destroy(): void;
+    setAllDisabledRowKeys(disabledRowKeys: any): void;
     handleClick(e: any): void;
     handleMouseEnter(e: any): void;
     handleMouseLeave(e: any): void;

package/lib/cjs/table/foundation.js

@@ -166,12 +166,14 @@ class TableFoundation extends _foundation.default {
     } = 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() {
@@ -525,6 +527,10 @@ class TableFoundation extends _foundation.default {
 
   destroy() {}
 
+  setAllDisabledRowKeys(disabledRowKeys) {
+    this._adapter.setAllDisabledRowKeys(disabledRowKeys);
+  }
+
   handleClick(e) {}
 
   handleMouseEnter(e) {}
@@ -774,8 +780,11 @@ class TableFoundation extends _foundation.default {
       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) {
@@ -1142,7 +1151,9 @@ class TableFoundation extends _foundation.default {
   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/carousel/foundation.d.ts

@@ -9,6 +9,8 @@ export interface CarouselAdapter<P = Record<string, any>, S = Record<string, any
 declare class CarouselFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<CarouselAdapter<P, S>, P, S> {
     constructor(adapter: CarouselAdapter<P, S>);
     _interval: any;
+    _forcePlay: boolean;
+    setForcePlay(forcePlay: boolean): void;
     play(interval: number): void;
     stop(): void;
     goTo(activeIndex: number): void;

package/lib/es/carousel/foundation.js

@@ -7,6 +7,11 @@ class CarouselFoundation extends BaseFoundation {
   constructor(adapter) {
     super(Object.assign({}, adapter));
     this._interval = null;
+    this._forcePlay = false;
+  }
+
+  setForcePlay(forcePlay) {
+    this._forcePlay = forcePlay;
   }
 
   play(interval) {
@@ -124,7 +129,7 @@ class CarouselFoundation extends BaseFoundation {
     } = this.getProps();
     const autoPlayType = typeof autoPlay;
 
-    if (autoPlayType === 'boolean' && autoPlay) {
+    if (autoPlayType === 'boolean') {
       return numbers.DEFAULT_INTERVAL + speed;
     }
 
@@ -143,9 +148,9 @@ class CarouselFoundation extends BaseFoundation {
     const {
       autoPlay
     } = this.getProps();
-    const autoPlayType = typeof autoPlay;
+    const autoPlayType = typeof autoPlay; // when user manually call the play function, force play
 
-    if (autoPlayType === 'boolean' && autoPlay || _isObject(autoPlay)) {
+    if (autoPlayType === 'boolean' && autoPlay || _isObject(autoPlay) || this._forcePlay) {
       this.play(this.getSwitchingTime());
     }
   }

package/lib/es/image/previewImageFoundation.js

@@ -57,11 +57,9 @@ export default class PreviewImageFoundation extends BaseFoundation {
 
     this.handleWindowResize = () => {
       const {
+        ratio,
         setRatio
       } = this.getProps();
-      const {
-        ratio
-      } = this.getProps();
 
       const {
         originImageWidth,

package/lib/es/image/previewInnerFoundation.d.ts

@@ -26,7 +26,6 @@ export default class PreviewInnerFoundation<P = Record<string, any>, S = Record<
     constructor(adapter: PreviewInnerAdapter<P, S>);
     beforeShow(): void;
     afterHide(): void;
-    handleRatio(type: string): void;
     handleViewVisibleChange: () => void;
     handleMouseMoveEvent: (e: any, event: string) => void;
     handleMouseMove: (e: any) => void;

package/lib/es/image/previewInnerFoundation.js

@@ -321,10 +321,4 @@ export default class PreviewInnerFoundation extends BaseFoundation {
     this._adapter.enabledBodyScroll();
   }
 
-  handleRatio(type) {
-    this.setState({
-      ratio: type
-    });
-  }
-
 }

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

@@ -23,7 +23,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;
@@ -78,9 +78,9 @@ export default class SelectFoundation extends BaseFoundation<SelectAdapter> {
     clearSelected(): void;
     updateOptionsActiveStatus(selections: Map<any, any>, options?: BasicOptionProps[]): void;
     removeTag(item: BasicOptionProps): void;
-    clearInput(): void;
+    clearInput(event?: any): void;
     focusInput(): void;
-    handleInputChange(sugInput: string): void;
+    handleInputChange(sugInput: string, event: any): void;
     _filterOption(originalOptions: BasicOptionProps[], sugInput: string): BasicOptionProps[];
     _createOptionByInput(allowCreate: boolean, optionsAfterFilter: BasicOptionProps[], sugInput: string): BasicOptionProps[];
     bindKeyBoardEvent(): void;

package/lib/es/select/foundation.js

@@ -439,7 +439,7 @@ export default class SelectFoundation extends BaseFoundation {
 
     this._adapter.once('popoverClose', () => {
       if (isFilterable) {
-        this.clearInput();
+        this.clearInput(e);
       }
 
       if (closeCb) {
@@ -557,7 +557,7 @@ export default class SelectFoundation extends BaseFoundation {
 
       if (this._isFilterable()) {
         if (autoClearSearchValue) {
-          this.clearInput();
+          this.clearInput(event);
         }
 
         this.focusInput();
@@ -577,7 +577,7 @@ export default class SelectFoundation extends BaseFoundation {
       if (this._isFilterable()) {
         // When filter active，if autoClearSearchValue is true，reset input after select
         if (autoClearSearchValue) {
-          this.clearInput(); // At the same time, the filtering of options is also cleared, in order to show all candidates
+          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);
@@ -667,9 +667,10 @@ export default class SelectFoundation extends BaseFoundation {
 
       this._notifyChange(selections);
     }
-  }
+  } // The reason why event input is optional is that clearInput may be manually called by the user through ref
+
 
-  clearInput() {
+  clearInput(event) {
     const {
       inputValue
     } = this.getStates(); // only when input is not null, select should notifySearch and updateOptions
@@ -677,7 +678,7 @@ export default class SelectFoundation extends BaseFoundation {
     if (inputValue !== '') {
       this._adapter.updateInputValue('');
 
-      this._adapter.notifySearch(''); // reset options filter
+      this._adapter.notifySearch('', event); // reset options filter
 
 
       const {
@@ -704,7 +705,7 @@ export default class SelectFoundation extends BaseFoundation {
     this._adapter.setIsFocusInContainer(false);
   }
 
-  handleInputChange(sugInput) {
+  handleInputChange(sugInput, event) {
     // Input is a controlled component, so the value needs to be updated
     this._adapter.updateInputValue(sugInput);
 
@@ -728,7 +729,7 @@ export default class SelectFoundation extends BaseFoundation {
 
     this._adapter.updateOptions(optionsAfterFilter);
 
-    this._adapter.notifySearch(sugInput); // 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
+    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()) {
@@ -1004,7 +1005,7 @@ export default class SelectFoundation extends BaseFoundation {
         }
       } else {
         // there are no focusable elements inside the container, tab to next element and trigger blur
-        this.close();
+        this.close(event);
 
         this._notifyBlur(event);
       }
@@ -1030,7 +1031,7 @@ export default class SelectFoundation extends BaseFoundation {
       // focus in the last element in container, focus back to trigger and close panel
       this._focusTrigger();
 
-      this.close();
+      this.close(event);
       handlePrevent(event);
     }
   }
@@ -1042,7 +1043,7 @@ export default class SelectFoundation extends BaseFoundation {
 
     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]) {
@@ -1085,7 +1086,7 @@ export default class SelectFoundation extends BaseFoundation {
           this.onSelect(selectedOption, focusIndex, event);
         }
       } else {
-        this.close();
+        this.close(event);
       }
     }
   }
@@ -1264,7 +1265,7 @@ export default class SelectFoundation extends BaseFoundation {
     } = this.getProps();
 
     if (filter) {
-      this.clearInput();
+      this.clearInput(e);
     }
 
     this.clearSelected(); // prevent this click open dropdown

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

@@ -54,6 +54,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;
@@ -159,6 +162,7 @@ declare class TableFoundation<RecordType> extends BaseFoundation<TableAdapter<Re
      */
     setCachedFilteredSortedDataSource: (filteredSortedDataSource: RecordType[]) => void;
     destroy(): void;
+    setAllDisabledRowKeys(disabledRowKeys: any): void;
     handleClick(e: any): void;
     handleMouseEnter(e: any): void;
     handleMouseLeave(e: any): void;

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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.31.0-beta.0",
+    "version": "2.31.1",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
@@ -23,7 +23,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "8b378259f169ca3bfb9af17118e962d717efa685",
+    "gitHead": "00ded133e899ea816cbefe20eebcdb60fd983ecc",
     "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);
     }