@douyinfe/semi-foundation 2.2.1 → 2.3.1

package/lib/cjs/input/textareaFoundation.js

@@ -28,6 +28,8 @@ var _calculateNodeHeight = _interopRequireDefault(require("./util/calculateNodeH
 
 var _getSizingData = _interopRequireDefault(require("./util/getSizingData"));
 
+var _isEnterPress = _interopRequireDefault(require("../utils/isEnterPress"));
+
 class TextAreaFoundation extends _foundation.default {
   constructor(adapter) {
     super((0, _assign.default)((0, _assign.default)({}, TextAreaFoundation.textAreaDefaultAdapter), adapter));
@@ -293,6 +295,16 @@ class TextAreaFoundation extends _foundation.default {
 
     this.stopPropagation(e);
   }
+  /**
+   * A11y: simulate clear button click
+   */
+
+
+  handleClearEnterPress(e) {
+    if ((0, _isEnterPress.default)(e)) {
+      this.handleClear(e);
+    }
+  }
 
 }
 

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

@@ -63,11 +63,11 @@ declare class InputNumberFoundation extends BaseFoundation<InputNumberAdapter> {
     _adjustPrec(num: string | number): string;
     /**
      * format number to string
-     * @param {number} value
+     * @param {string|number} value
      * @param {boolean} needAdjustPrec
      * @returns {string}
      */
-    doFormat(value?: number, needAdjustPrec?: boolean): string;
+    doFormat(value?: string | number, needAdjustPrec?: boolean): string;
     /**
      *
      * @param {number} current

package/lib/cjs/inputNumber/foundation.js

@@ -140,6 +140,8 @@ class InputNumberFoundation extends _foundation.default {
 
     this._adapter.setFocusing(true, null);
 
+    this._adapter.setClickUpOrDown(false);
+
     this._adapter.notifyFocus(e);
   }
   /**
@@ -476,7 +478,7 @@ class InputNumberFoundation extends _foundation.default {
   }
   /**
    * format number to string
-   * @param {number} value
+   * @param {string|number} value
    * @param {boolean} needAdjustPrec
    * @returns {string}
    */

package/lib/cjs/modal/modalContentFoundation.d.ts

@@ -10,6 +10,7 @@ export interface ModalContentProps extends ModalProps {
 }
 export interface ModalContentState {
     dialogMouseDown: boolean;
+    prevFocusElement: HTMLElement;
 }
 export interface ModalContentAdapter extends DefaultAdapter<ModalContentProps, ModalContentState> {
     notifyClose: (e: any) => void;
@@ -18,6 +19,9 @@ export interface ModalContentAdapter extends DefaultAdapter<ModalContentProps, M
     addKeyDownEventListener: () => void;
     removeKeyDownEventListener: () => void;
     getMouseState: () => boolean;
+    modalDialogFocus: () => void;
+    modalDialogBlur: () => void;
+    prevFocusElementReFocus: () => void;
 }
 export default class ModalContentFoundation extends BaseFoundation<ModalContentAdapter> {
     constructor(adapter: ModalContentAdapter);
@@ -30,4 +34,7 @@ export default class ModalContentFoundation extends BaseFoundation<ModalContentA
     getMouseState(): void;
     handleMaskClick(e: any): void;
     close(e: any): void;
+    modalDialogFocus(): void;
+    modalDialogBlur(): void;
+    prevFocusElementReFocus(): void;
 }

package/lib/cjs/modal/modalContentFoundation.js

@@ -23,6 +23,8 @@ class ModalContentFoundation extends _foundation.default {
 
   destroy() {
     this.handleKeyDownEventListenerUnmount();
+    this.modalDialogBlur();
+    this.prevFocusElementReFocus();
   }
 
   handleDialogMouseDown() {
@@ -71,6 +73,18 @@ class ModalContentFoundation extends _foundation.default {
     this._adapter.notifyClose(e);
   }
 
+  modalDialogFocus() {
+    this._adapter.modalDialogFocus();
+  }
+
+  modalDialogBlur() {
+    this._adapter.modalDialogBlur();
+  }
+
+  prevFocusElementReFocus() {
+    this._adapter.prevFocusElementReFocus();
+  }
+
 }
 
 exports.default = ModalContentFoundation;

package/lib/cjs/navigation/itemFoundation.d.ts

@@ -33,6 +33,7 @@ export interface ItemAdapter<P = Record<string, any>, S = Record<string, any>> e
     notifyMouseLeave(e: any): void;
     getIsCollapsed(): boolean;
     getSelected(): boolean;
+    getIsOpen(): boolean;
 }
 export default class ItemFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<ItemAdapter<P, S>, P, S> {
     _timer: number;
@@ -42,4 +43,8 @@ export default class ItemFoundation<P = Record<string, any>, S = Record<string,
     destroy(): void;
     isValidKey(itemKey: string): boolean;
     handleClick(e: any): void;
+    /**
+     * A11y: simulate item click
+     */
+    handleKeyPress(e: any): void;
 }

package/lib/cjs/navigation/itemFoundation.js

@@ -14,6 +14,8 @@ var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-sta
 
 var _foundation = _interopRequireDefault(require("../base/foundation"));
 
+var _isEnterPress = _interopRequireDefault(require("../utils/isEnterPress"));
+
 /* argus-disable unPkgSensitiveInfo */
 class ItemFoundation extends _foundation.default {
   constructor(adapter) {
@@ -78,6 +80,16 @@ class ItemFoundation extends _foundation.default {
       domEvent: e
     });
   }
+  /**
+   * A11y: simulate item click
+   */
+
+
+  handleKeyPress(e) {
+    if ((0, _isEnterPress.default)(e)) {
+      this.handleClick(e);
+    }
+  }
 
 }
 

package/lib/cjs/navigation/subNavFoundation.d.ts

@@ -36,4 +36,10 @@ export default class SubNavFoundation<P = Record<string, any>, S = Record<string
      * @param {HTMLElement} titleRef
      */
     handleClick(e: any, titleRef: any): void;
+    /**
+     * A11y: simulate sub nav click
+     * @param e
+     * @param titleRef
+     */
+    handleKeyPress(e: any, titleRef: any): void;
 }

package/lib/cjs/navigation/subNavFoundation.js

@@ -20,6 +20,8 @@ var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-sta
 
 var _foundation = _interopRequireDefault(require("../base/foundation"));
 
+var _isEnterPress = _interopRequireDefault(require("../utils/isEnterPress"));
+
 const addKeys = function addKeys() {
   let originKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   const keySet = new _set.default(originKeys);
@@ -141,6 +143,18 @@ class SubNavFoundation extends _foundation.default {
 
     this._adapter.notifyGlobalOnClick(cbVal);
   }
+  /**
+   * A11y: simulate sub nav click
+   * @param e
+   * @param titleRef
+   */
+
+
+  handleKeyPress(e, titleRef) {
+    if ((0, _isEnterPress.default)(e)) {
+      this.handleClick(e, titleRef);
+    }
+  }
 
 }
 

package/lib/cjs/notification/notificationListFoundation.js

@@ -26,7 +26,7 @@ class NotificationListFoundation extends _foundation.default {
     // }
 
 
-    this._adapter.updateNotices([...notices, opts]); // return id;
+    this._adapter.updateNotices([opts, ...notices]); // return id;
 
   }
 

package/lib/cjs/radio/radio.css

@@ -236,7 +236,13 @@
 }
 .semi-radio .semi-radio-inner-buttonRadio,
 .semi-radio .semi-radio-inner-pureCardRadio {
-  display: none;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: -1;
+  opacity: 0;
 }
 .semi-radio-disabled, .semi-radio-disabled:hover {
   cursor: not-allowed;

package/lib/cjs/radio/radio.scss

@@ -317,9 +317,16 @@ $inner-width: $width-icon-medium;
         }
     }
 
+    // A11y: arrow keyboard control
     .#{$module}-inner-buttonRadio,
     .#{$module}-inner-pureCardRadio  {
-        display: none;
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        z-index: -1;
+        opacity: 0;
     }
 
     &-disabled {

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

@@ -101,6 +101,8 @@ export default class SelectFoundation extends BaseFoundation<SelectAdapter> {
     handleMouseEnter(e: MouseEvent): void;
     handleMouseLeave(e: MouseEvent): void;
     handleClearClick(e: MouseEvent): void;
+    handleKeyPress(e: KeyboardEvent): void;
+    handleClearBtnEnterPress(e: KeyboardEvent): void;
     handleOptionMouseEnter(optionIndex: number): void;
     handleListScroll(e: any): void;
     handleTriggerBlur(e: FocusEvent): void;

package/lib/cjs/select/foundation.js

@@ -1,7 +1,11 @@
 "use strict";
 
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 
 _Object$defineProperty(exports, "__esModule", {
@@ -46,12 +50,18 @@ var _isNumber2 = _interopRequireDefault(require("lodash/isNumber"));
 
 var _foundation = _interopRequireDefault(require("../base/foundation"));
 
-var _keyCode = _interopRequireDefault(require("../utils/keyCode"));
+var _keyCode = _interopRequireWildcard(require("../utils/keyCode"));
 
 var _warning = _interopRequireDefault(require("../utils/warning"));
 
 var _isNullOrUndefined = _interopRequireDefault(require("../utils/isNullOrUndefined"));
 
+var _isEnterPress = _interopRequireDefault(require("../utils/isEnterPress"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
 
@@ -536,6 +546,10 @@ class SelectFoundation extends _foundation.default {
 
     const selections = this._adapter.getSelections();
 
+    const {
+      autoClearSearchValue
+    } = this.getProps();
+
     if (selections.has(label)) {
       this._notifyDeselect(value, (0, _assign.default)({
         value,
@@ -567,7 +581,10 @@ class SelectFoundation extends _foundation.default {
       this._notifyChange(selections);
 
       if (this._isFilterable()) {
-        this.clearInput();
+        if (autoClearSearchValue) {
+          this.clearInput();
+        }
+
         this.focusInput();
       }
     } else {
@@ -582,11 +599,15 @@ class SelectFoundation extends _foundation.default {
       } = this.getStates(); // Searchable filtering, when selected, resets Input
 
       if (this._isFilterable()) {
-        this.clearInput();
-        this.focusInput(); // At the same time, the filtering of options is also cleared, in order to show all candidates
+        // 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
 
-        const sugInput = '';
-        options = this._filterOption(options, sugInput);
+          const sugInput = '';
+          options = this._filterOption(options, sugInput);
+        }
+
+        this.focusInput();
       }
 
       this.updateOptionsActiveStatus(selections, options);
@@ -860,6 +881,7 @@ class SelectFoundation extends _foundation.default {
         break;
 
       case _keyCode.default.ESC:
+      case _keyCode.default.TAB:
         this.close(event);
         break;
 
@@ -1134,6 +1156,18 @@ class SelectFoundation extends _foundation.default {
     e.stopPropagation();
   }
 
+  handleKeyPress(e) {
+    if (e && e.key === _keyCode.ENTER_KEY) {
+      this.handleClick(e);
+    }
+  }
+
+  handleClearBtnEnterPress(e) {
+    if ((0, _isEnterPress.default)(e)) {
+      this.handleClearClick(e);
+    }
+  }
+
   handleOptionMouseEnter(optionIndex) {
     this._adapter.updateFocusIndex(optionIndex);
   }

package/lib/cjs/sideSheet/sideSheetFoundation.d.ts

@@ -25,6 +25,7 @@ export interface SideSheetProps {
     width?: number | string;
     zIndex?: number;
     children?: any;
+    'aria-label'?: string;
 }
 export interface SideSheetState {
     hidden: boolean;

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

@@ -23,6 +23,10 @@ export interface SliderProps {
     showBoundary?: boolean;
     railStyle?: Record<string, any>;
     verticalReverse?: boolean;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    'aria-valuetext'?: string;
+    getAriaValueText?: (value: number) => string;
 }
 export interface SliderState {
     currentValue: number | number[];
@@ -138,7 +142,7 @@ export default class SliderFoundation extends BaseFoundation<SliderAdapter> {
      *
      * @memberof SliderFoundation
      */
-    getScrollParent: (element: HTMLElement) => boolean | Element;
+    getScrollParent: (element: HTMLElement) => Element;
     /**
      * Fixed the event location, beyond the maximum, minimum, left and right, etc. directly modified to the effective location
      *
@@ -184,6 +188,7 @@ export default class SliderFoundation extends BaseFoundation<SliderAdapter> {
     onHandleEnter: (pos: SliderState['focusPos']) => void;
     onHandleLeave: () => void;
     onHandleUp: (e: any) => boolean;
+    onFocus: (e: any, handler: 'min' | 'max') => void;
     handleWrapClick: (e: any) => void;
     /**
      * Move the slider to the current click position

package/lib/cjs/slider/foundation.js

@@ -286,17 +286,8 @@ class SliderFoundation extends _foundation.default {
       }
 
       if (step !== 1) {
-        // Existence step
-        if (stepValue > compareValue && Math.round(stepValue / step) * step >= stepValue) {
-          // Move right
-          stepValue = Math.round(stepValue / step) * step;
-        } else if (stepValue < compareValue && Math.round(stepValue / step) * step <= stepValue) {
-          // Move left
-          stepValue = Math.round(stepValue / step) * step;
-        } else {
-          // Other moves are invalid, click valid
-          stepValue = compareValue;
-        }
+        // Find nearest step point 
+        stepValue = Math.round(stepValue / step) * step;
       }
 
       if (range && stepValue !== compareValue) {
@@ -610,7 +601,10 @@ class SliderFoundation extends _foundation.default {
       this._adapter.onHandleUpAfter();
 
       return true;
-    };
+    }; // eslint-disable-next-line @typescript-eslint/no-empty-function
+
+
+    this.onFocus = (e, handler) => {};
 
     this.handleWrapClick = e => {
       const {

package/lib/cjs/slider/slider.css

@@ -51,6 +51,7 @@
 }
 .semi-slider-handle-clicked {
   border: solid 1px var(--semi-color-focus-border);
+  cursor: grabbing;
 }
 .semi-slider-track {
   height: 4px;

package/lib/cjs/slider/slider.scss

@@ -63,6 +63,7 @@ $module: #{$prefix}-slider;
 
     &-handle-clicked {
         border: solid $width-slider_handle_clicked $color-slider_handle-border-focus;
+        cursor: grabbing;
     }
 
     &-track {

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

@@ -93,3 +93,10 @@ export interface GetAllDisabledRowKeysProps {
     rowKey?: string | number | ((record: Record<string, any>) => string | number);
 }
 export declare function warnIfNoDataIndex(column: Record<string, any>): void;
+/**
+ * Whether is tree table
+ */
+export declare function isTreeTable({ dataSource, childrenRecordName }: {
+    dataSource: Record<string, any>;
+    childrenRecordName?: string;
+}): boolean;

package/lib/cjs/table/utils.js

@@ -41,6 +41,7 @@ exports.isLastLeftFixed = isLastLeftFixed;
 exports.isScrollbarColumn = isScrollbarColumn;
 exports.isSelected = isSelected;
 exports.isSelectionColumn = isSelectionColumn;
+exports.isTreeTable = isTreeTable;
 exports.mergeColumns = mergeColumns;
 exports.mergeQueries = mergeQueries;
 exports.sliceColumnsByLevel = sliceColumnsByLevel;
@@ -614,4 +615,29 @@ function warnIfNoDataIndex(column) {
       logger.warn("The column with sorter or filter must pass the 'dataIndex' prop");
     }
   }
+}
+/**
+ * Whether is tree table
+ */
+
+
+function isTreeTable(_ref2) {
+  let {
+    dataSource,
+    childrenRecordName = 'children'
+  } = _ref2;
+  let flag = false;
+
+  if ((0, _isArray.default)(dataSource)) {
+    for (const data of dataSource) {
+      const children = (0, _get2.default)(data, childrenRecordName);
+
+      if ((0, _isArray.default)(children) && children.length) {
+        flag = true;
+        break;
+      }
+    }
+  }
+
+  return flag;
 }

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

@@ -33,6 +33,10 @@ declare class TagInputFoundation extends BaseFoundation<TagInputAdapter> {
     _handleAddTags(e: TagInputChangeEvent): void;
     handleInputBlur(e: TagInputCursorEvent): void;
     handleInputFocus(e: TagInputCursorEvent): void;
+    /**
+     * A11y: simulate clear button click
+     */
+    handleClearEnterPress(e: TagInputKeyboardEvent): void;
     handleClearBtn(e: TagInputMouseEvent): void;
     handleTagClose(index: number): void;
     handleInputMouseEnter(): void;

package/lib/cjs/tagInput/foundation.js

@@ -40,6 +40,8 @@ var _keyCode = _interopRequireDefault(require("../utils/keyCode"));
 
 var _getSplitedArray = _interopRequireDefault(require("./utils/getSplitedArray"));
 
+var _isEnterPress = _interopRequireDefault(require("../utils/isEnterPress"));
+
 class TagInputFoundation extends _foundation.default {
   constructor(adapter) {
     super((0, _assign.default)({}, adapter));
@@ -185,6 +187,16 @@ class TagInputFoundation extends _foundation.default {
 
     this._adapter.notifyFocus(e);
   }
+  /**
+   * A11y: simulate clear button click
+   */
+
+
+  handleClearEnterPress(e) {
+    if ((0, _isEnterPress.default)(e)) {
+      this.handleClearBtn(e);
+    }
+  }
 
   handleClearBtn(e) {
     const {

package/lib/cjs/tooltip/foundation.js

@@ -96,8 +96,6 @@ class Tooltip extends _foundation.default {
       if (trigger === 'custom') {
         // eslint-disable-next-line
         this._adapter.registerClickOutsideHandler(() => {});
-
-        this._togglePortalVisible(true);
       }
       /**
        * trigger类型是click时，仅当portal被插入显示后，才绑定clickOutsideHandler
@@ -643,6 +641,9 @@ class Tooltip extends _foundation.default {
       innerWidth,
       innerHeight
     } = window;
+    const {
+      spacing
+    } = this.getProps();
 
     if (wrapperRect.width > 0 && wrapperRect.height > 0) {
       // let clientLeft = left + translateX * wrapperRect.width - containerRect.scrollLeft;
@@ -666,10 +667,10 @@ class Tooltip extends _foundation.default {
       const widthIsBigger = wrapperRect.width > triggerRect.width;
       const heightIsBigger = wrapperRect.height > triggerRect.height; // The wrapperR ect.top|bottom equivalent cannot be directly used here for comparison, which is easy to cause jitter
 
-      const shouldReverseTop = clientTop < wrapperRect.height && restClientBottom > wrapperRect.height;
-      const shouldReverseLeft = clientLeft < wrapperRect.width && restClientRight > wrapperRect.width;
-      const sholdReverseBottom = restClientBottom < wrapperRect.height && clientTop > wrapperRect.height;
-      const shouldReverseRight = restClientRight < wrapperRect.width && clientLeft > wrapperRect.width;
+      const shouldReverseTop = clientTop < wrapperRect.height + spacing && restClientBottom > wrapperRect.height + spacing;
+      const shouldReverseLeft = clientLeft < wrapperRect.width + spacing && restClientRight > wrapperRect.width + spacing;
+      const sholdReverseBottom = restClientBottom < wrapperRect.height + spacing && clientTop > wrapperRect.height + spacing;
+      const shouldReverseRight = restClientRight < wrapperRect.width + spacing && clientLeft > wrapperRect.width + spacing;
       const shouldReverseTopSide = restClientTop < wrapperRect.height && clientBottom > wrapperRect.height;
       const shouldReverseBottomSide = clientBottom < wrapperRect.height && restClientTop > wrapperRect.height;
       const shouldReverseLeftSide = restClientLeft < wrapperRect.width && clientRight > wrapperRect.width;

package/lib/cjs/transfer/transfer.css

@@ -85,8 +85,6 @@
   background-color: inherit;
 }
 .semi-transfer-item .semi-transfer-item-close-icon {
-  width: 12px;
-  height: 12px;
   font-size: 12px;
   cursor: pointer;
   visibility: hidden;

package/lib/cjs/transfer/transfer.scss

@@ -93,8 +93,6 @@ $module: #{$prefix}-transfer;
         }
 
         .#{$module}-item-close-icon {
-            width: $width-transfer_item_close-icon;
-            height: $width-transfer_item_close-icon;
             font-size: $width-transfer_item_close-icon;
             cursor: pointer;
             visibility: hidden;

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

@@ -183,6 +183,7 @@ export interface BasicTreeProps {
     value?: BasicValue;
     virtualize?: Virtualize;
     icon?: any;
+    'aria-label'?: string;
 }
 export interface BasicTreeInnerData {
     inputValue: string;

package/lib/cjs/tree/foundation.js

@@ -651,7 +651,7 @@ class TreeFoundation extends _foundation.default {
 
 
     if (dragNode && eventKey === dragOverNodeKey) {
-      const newPos = (0, _treeUtil.calcDropRelativePosition)(event, treeNode);
+      const newPos = (0, _treeUtil.calcDropRelativePosition)(e, treeNode);
 
       if (dropPosition === newPos) {
         return;

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

@@ -27,7 +27,7 @@ export interface BasicOnChange {
     (node: BasicTreeNodeData[] | BasicTreeNodeData, e: any): void;
     (value: BasicTreeNodeData['value'] | Array<BasicTreeNodeData['value']>, node: BasicTreeNodeData[] | BasicTreeNodeData, e: any): void;
 }
-export interface BasicTreeSelectProps extends Pick<BasicTreeProps, 'virtualize' | 'renderFullLabel' | 'renderLabel' | 'autoExpandParent' | 'className' | 'defaultExpandAll' | 'defaultExpandedKeys' | 'defaultValue' | 'disabled' | 'emptyContent' | 'expandAction' | 'expandedKeys' | 'filterTreeNode' | 'labelEllipsis' | 'leafOnly' | 'multiple' | 'onChangeWithObject' | 'showClear' | 'showFilteredOnly' | 'style' | 'treeData' | 'treeNodeFilterProp' | 'value' | 'onExpand' | 'onSearch' | 'expandAll' | 'disableStrictly'> {
+export interface BasicTreeSelectProps extends Pick<BasicTreeProps, 'virtualize' | 'renderFullLabel' | 'renderLabel' | 'autoExpandParent' | 'className' | 'defaultExpandAll' | 'defaultExpandedKeys' | 'defaultValue' | 'disabled' | 'emptyContent' | 'expandAction' | 'expandedKeys' | 'filterTreeNode' | 'labelEllipsis' | 'leafOnly' | 'multiple' | 'onChangeWithObject' | 'showClear' | 'showFilteredOnly' | 'style' | 'treeData' | 'treeNodeFilterProp' | 'value' | 'onExpand' | 'onSearch' | 'expandAll' | 'disableStrictly' | 'aria-label'> {
     motion?: Motion;
     mouseEnterDelay?: number;
     mouseLeaveDelay?: number;
@@ -128,7 +128,15 @@ export default class TreeSelectFoundation<P = Record<string, any>, S = Record<st
     open(): void;
     close(e: any): void;
     handleClick(e: any): void;
+    /**
+     * A11y: simulate selection click
+     */
+    handleSelectionEnterPress(e: any): void;
     handleClear(e: any): void;
+    /**
+     * A11y: simulate clear button click
+     */
+    handleClearEnterPress(e: any): void;
     removeTag(eventKey: BasicTreeNodeData['key']): void;
     clearInput(): void;
     handleInputChange(sugInput: string): void;