@douyinfe/semi-ui 2.24.0-beta.1 → 2.24.1-alpha.0

package/lib/cjs/anchor/index.d.ts

@@ -39,7 +39,7 @@ declare class Anchor extends BaseComponent<AnchorProps, AnchorState> {
     static contextType: React.Context<ContextValue>;
     static Link: typeof Link;
     static PropTypes: {
-        size: PropTypes.Requireable<"default" | "small">;
+        size: PropTypes.Requireable<"small" | "default">;
         railTheme: PropTypes.Requireable<"primary" | "tertiary" | "muted">;
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;

package/lib/cjs/autoComplete/index.d.ts

@@ -123,7 +123,7 @@ declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<Au
         renderSelectedItem: PropTypes.Requireable<(...args: any[]) => any>;
         suffix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         showClear: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         style: PropTypes.Requireable<object>;
         stopPropagation: PropTypes.Requireable<NonNullable<string | boolean>>;
         maxHeight: PropTypes.Requireable<NonNullable<string | number>>;

package/lib/cjs/button/Button.d.ts

@@ -47,8 +47,8 @@ export default class Button extends PureComponent<ButtonProps> {
         disabled: PropTypes.Requireable<boolean>;
         prefixCls: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
-        type: PropTypes.Requireable<"warning" | "primary" | "tertiary" | "secondary" | "danger">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
+        type: PropTypes.Requireable<"warning" | "primary" | "secondary" | "tertiary" | "danger">;
         block: PropTypes.Requireable<boolean>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseDown: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/cjs/button/buttonGroup.d.ts

@@ -18,7 +18,7 @@ export default class ButtonGroup extends BaseComponent<ButtonGroupProps> {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         disabled: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<string>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         theme: PropTypes.Requireable<"solid" | "light" | "borderless">;
         'aria-label': PropTypes.Requireable<string>;
     };

package/lib/cjs/button/index.d.ts

@@ -22,8 +22,8 @@ declare class Button extends React.PureComponent<ButtonProps> {
         onMouseEnter: import("prop-types").Requireable<(...args: any[]) => any>;
         onMouseLeave: import("prop-types").Requireable<(...args: any[]) => any>;
         disabled: import("prop-types").Requireable<boolean>;
-        size: import("prop-types").Requireable<"default" | "small" | "large">;
-        type: import("prop-types").Requireable<"warning" | "primary" | "tertiary" | "secondary" | "danger">;
+        size: import("prop-types").Requireable<"small" | "default" | "large">;
+        type: import("prop-types").Requireable<"warning" | "primary" | "secondary" | "tertiary" | "danger">;
         block: import("prop-types").Requireable<boolean>;
         onClick: import("prop-types").Requireable<(...args: any[]) => any>;
         onMouseDown: import("prop-types").Requireable<(...args: any[]) => any>;

package/lib/cjs/cascader/index.js

@@ -41,8 +41,6 @@ var _semiIcons = require("@douyinfe/semi-icons");
 
 var _util = require("@douyinfe/semi-foundation/lib/cjs/cascader/util");
 
-var _treeUtil = require("@douyinfe/semi-foundation/lib/cjs/tree/treeUtil");
-
 var _context = _interopRequireDefault(require("../configProvider/context"));
 
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
@@ -67,6 +65,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+// import { calcCheckedKeys, normalizeKeyList, calcDisabledKeys } from '@douyinfe/semi-foundation/tree/treeUtil';
 const prefixcls = _constants.cssClasses.PREFIX;
 const resetkey = 0;
 
@@ -148,7 +147,8 @@ class Cascader extends _baseComponent.default {
         checkedKeys,
         halfCheckedKeys,
         loadedKeys,
-        loadingKeys
+        loadingKeys,
+        keyEntities
       } = this.state;
       const {
         filterTreeNode,
@@ -188,7 +188,8 @@ class Cascader extends _baseComponent.default {
         data: renderData,
         multiple: multiple,
         checkedKeys: checkedKeys,
-        halfCheckedKeys: halfCheckedKeys
+        halfCheckedKeys: halfCheckedKeys,
+        keyEntities: keyEntities
       }), bottomSlot);
 
       return content;
@@ -830,12 +831,12 @@ class Cascader extends _baseComponent.default {
           realKeys = [...realKeys];
         }
 
-        const calRes = (0, _treeUtil.calcCheckedKeys)((0, _flatten2.default)(realKeys), keyEntities);
+        const calRes = (0, _util.calcCheckedKeys)((0, _flatten2.default)(realKeys), keyEntities);
         const checkedKeys = new Set(calRes.checkedKeys);
         const halfCheckedKeys = new Set(calRes.halfCheckedKeys); // disableStrictly
 
         if (props.disableStrictly) {
-          newState.disabledKeys = (0, _treeUtil.calcDisabledKeys)(keyEntities);
+          newState.disabledKeys = (0, _util.calcDisabledKeys)(keyEntities);
         }
 
         const isLeafOnlyMerge = (0, _util.calcMergeType)(autoMergeValue, leafOnly) === _constants.strings.LEAF_ONLY_MERGE_TYPE;
@@ -843,7 +844,7 @@ class Cascader extends _baseComponent.default {
         newState.prevProps = props;
         newState.checkedKeys = checkedKeys;
         newState.halfCheckedKeys = halfCheckedKeys;
-        newState.resolvedCheckedKeys = new Set((0, _treeUtil.normalizeKeyList)(checkedKeys, keyEntities, isLeafOnlyMerge));
+        newState.resolvedCheckedKeys = new Set((0, _util.normalizeKeyList)(checkedKeys, keyEntities, isLeafOnlyMerge));
       }
     }
 

package/lib/cjs/cascader/item.d.ts

@@ -38,6 +38,7 @@ export interface CascaderItemProps {
     multiple: boolean;
     checkedKeys: Set<string>;
     halfCheckedKeys: Set<string>;
+    keyEntities: Entities;
 }
 export default class Item extends PureComponent<CascaderItemProps> {
     static contextType: React.Context<ContextValue>;

package/lib/cjs/cascader/item.js

@@ -229,7 +229,8 @@ class Item extends _react.PureComponent {
     const {
       multiple,
       checkedKeys,
-      halfCheckedKeys
+      halfCheckedKeys,
+      keyEntities
     } = this.props;
     let showChildItem;
     const ind = content.length;
@@ -242,10 +243,10 @@ class Item extends _react.PureComponent {
       const {
         data,
         key,
-        parentKey
+        parentKey,
+        childrenKeys
       } = item;
       const {
-        children,
         label,
         disabled,
         isLeaf
@@ -255,7 +256,7 @@ class Item extends _react.PureComponent {
         selected,
         loading
       } = this.getItemStatus(key);
-      const hasChild = Boolean(children) && children.length;
+      const hasChild = Boolean(childrenKeys) && childrenKeys.length;
       const showExpand = hasChild || this.props.loadData && !isLeaf;
 
       if (active && hasChild) {
@@ -298,7 +299,8 @@ class Item extends _react.PureComponent {
     })));
 
     if (showChildItem) {
-      content.concat(this.renderItem(showChildItem.children, content));
+      const childItem = showChildItem.childrenKeys.map(key => keyEntities[key]);
+      content.concat(this.renderItem(childItem, content));
     }
 
     return content;

package/lib/cjs/datePicker/dateInput.d.ts

@@ -26,7 +26,7 @@ export default class DateInput extends BaseComponent<DateInputProps, {}> {
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         value: PropTypes.Requireable<any[]>;
         disabled: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "dateTimeRange">;
         showClear: PropTypes.Requireable<boolean>;
         format: PropTypes.Requireable<string>;
         inputStyle: PropTypes.Requireable<object>;

package/lib/cjs/datePicker/datePicker.d.ts

@@ -43,8 +43,8 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         'aria-invalid': PropTypes.Requireable<boolean>;
         'aria-labelledby': PropTypes.Requireable<string>;
         'aria-required': PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "dateTimeRange">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         density: PropTypes.Requireable<"default" | "compact">;
         defaultValue: PropTypes.Requireable<NonNullable<string | number | object>>;
         value: PropTypes.Requireable<NonNullable<string | number | object>>;

package/lib/cjs/datePicker/monthsGrid.d.ts

@@ -19,7 +19,7 @@ export interface MonthsGridProps extends MonthsGridFoundationProps, BaseProps {
 export declare type MonthsGridState = MonthsGridFoundationState;
 export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGridState> {
     static propTypes: {
-        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "dateTimeRange">;
         defaultValue: PropTypes.Requireable<NonNullable<string | number | object>>;
         defaultPickerValue: PropTypes.Requireable<NonNullable<string | number | object>>;
         multiple: PropTypes.Requireable<boolean>;

package/lib/cjs/datePicker/yearAndMonth.js

@@ -96,9 +96,9 @@ class YearAndMonth extends _baseComponent.default {
     return Object.assign(Object.assign({}, super.adapter), {
       // updateYears: years => this.setState({ years }),
       // updateMonths: months => this.setState({ months }),
-      setCurrentYear: currentYear => this.setState({
+      setCurrentYear: (currentYear, cb) => this.setState({
         currentYear
-      }),
+      }, cb),
       setCurrentMonth: currentMonth => this.setState({
         currentMonth
       }),
@@ -133,7 +133,8 @@ class YearAndMonth extends _baseComponent.default {
     const {
       years,
       currentYear,
-      currentMonth
+      currentMonth,
+      months
     } = this.state;
     const {
       disabledDate,
@@ -147,10 +148,19 @@ class YearAndMonth extends _baseComponent.default {
         value,
         year
       } = _ref;
+      const isAllMonthDisabled = months.every(_ref2 => {
+        let {
+          month
+        } = _ref2;
+        return disabledDate((0, _dateFns.set)(currentDate, {
+          year,
+          month: month - 1
+        }));
+      });
       return {
         year,
         value,
-        disabled: disabledDate((0, _dateFns.setYear)(currentDate, year))
+        disabled: isAllMonthDisabled
       };
     });
 
@@ -197,11 +207,11 @@ class YearAndMonth extends _baseComponent.default {
     } // i18n
 
 
-    const list = months.map(_ref2 => {
+    const list = months.map(_ref3 => {
       let {
         value,
         month
-      } = _ref2;
+      } = _ref3;
       return {
         month,
         disabled: disabledDate((0, _dateFns.setMonth)(currentDate, month - 1)),

package/lib/cjs/form/baseForm.d.ts

@@ -128,7 +128,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
         preventScroll?: boolean;
         showRestTagsPopover?: boolean;
         restTagsPopoverProps?: import("../popover").PopoverProps;
-    } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+    } & Pick<import("../tooltip").TooltipProps, "motion" | "getPopupContainer" | "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
     static Checkbox: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox").CheckboxProps & import("./interface").RCIncludeType>;
     static CheckboxGroup: React.ComponentType<import("utility-types").Subtract<import("../checkbox").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
     static Radio: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio").RadioProps & import("./interface").RCIncludeType>;

package/lib/cjs/form/field.d.ts

@@ -76,7 +76,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     preventScroll?: boolean;
     showRestTagsPopover?: boolean;
     restTagsPopoverProps?: import("../popover").PopoverProps;
-} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+} & Pick<import("../tooltip").TooltipProps, "motion" | "getPopupContainer" | "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
 declare const FormCheckboxGroup: import("react").ComponentType<import("utility-types").Subtract<import("../checkbox/checkboxGroup").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
 declare const FormCheckbox: import("react").ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox/checkbox").CheckboxProps & import("./interface").RCIncludeType>;
 declare const FormRadioGroup: import("react").ComponentType<import("utility-types").Subtract<import("../radio/radioGroup").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;

package/lib/cjs/image/preview.js

@@ -178,7 +178,7 @@ class Preview extends _baseComponent.default {
     const finalSrcList = [...srcArr, ...srcListInChildren];
     return /*#__PURE__*/_react.default.createElement(_previewContext.PreviewContext.Provider, {
       value: {
-        isGroup: finalSrcList.length > 1,
+        isGroup: true,
         previewSrc: finalSrcList,
         titles: titles,
         currentIndex,

package/lib/cjs/input/index.d.ts

@@ -81,7 +81,7 @@ declare class Input extends BaseComponent<InputProps, InputState> {
         showClear: PropTypes.Requireable<boolean>;
         hideSuffix: PropTypes.Requireable<boolean>;
         placeholder: PropTypes.Requireable<any>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
         validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
@@ -132,6 +132,7 @@ declare class Input extends BaseComponent<InputProps, InputState> {
         setValue: (value: string) => void;
         setEyeClosed: (value: boolean) => void;
         toggleFocusing: (isFocus: boolean) => void;
+        focusInput: () => void;
         toggleHovering: (isHovering: boolean) => void;
         getIfFocusing: () => boolean;
         notifyChange: (cbValue: string, e: React.ChangeEvent<HTMLInputElement>) => void;
@@ -178,6 +179,7 @@ declare class Input extends BaseComponent<InputProps, InputState> {
     renderPrefix(): JSX.Element;
     showClearBtn(): boolean;
     renderSuffix(suffixAllowClear: boolean): JSX.Element;
+    getInputRef(): React.RefObject<HTMLInputElement> | React.MutableRefObject<any> | ((node: HTMLInputElement) => void);
     render(): JSX.Element;
 }
 declare const ForwardInput: React.ForwardRefExoticComponent<Omit<InputProps, "forwardRef"> & React.RefAttributes<HTMLInputElement>>;

package/lib/cjs/input/index.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Input = void 0;
 
+var _isUndefined2 = _interopRequireDefault(require("lodash/isUndefined"));
+
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
 
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
@@ -126,21 +128,17 @@ class Input extends _baseComponent.default {
         eyeClosed: value
       }),
       toggleFocusing: isFocus => {
+        this.setState({
+          isFocus
+        });
+      },
+      focusInput: () => {
         const {
           preventScroll
         } = this.props;
         const input = this.inputRef && this.inputRef.current;
-
-        if (isFocus) {
-          input && input.focus({
-            preventScroll
-          });
-        } else {
-          input && input.blur();
-        }
-
-        this.setState({
-          isFocus
+        input && input.focus({
+          preventScroll
         });
       },
       toggleHovering: isHovering => this.setState({
@@ -344,6 +342,28 @@ class Input extends _baseComponent.default {
     );
   }
 
+  getInputRef() {
+    const {
+      forwardRef
+    } = this.props;
+
+    if (!(0, _isUndefined2.default)(forwardRef)) {
+      if (typeof forwardRef === 'function') {
+        return node => {
+          forwardRef(node);
+          this.inputRef = {
+            current: node
+          };
+        };
+      } else if (Object.prototype.toString.call(forwardRef) === '[object Object]') {
+        this.inputRef = forwardRef;
+        return forwardRef;
+      }
+    }
+
+    return this.inputRef;
+  }
+
   render() {
     const _a = this.props,
           {
@@ -383,7 +403,7 @@ class Input extends _baseComponent.default {
     } = this.state;
     const suffixAllowClear = this.showClearBtn();
     const suffixIsIcon = (0, _utils.isSemiIcon)(suffix);
-    const ref = forwardRef || this.inputRef;
+    const ref = this.getInputRef();
     const wrapperPrefix = "".concat(prefixCls, "-wrapper");
     const wrapperCls = (0, _classnames.default)(wrapperPrefix, className, {
       ["".concat(prefixCls, "-wrapper__with-prefix")]: prefix || insetLabel,

package/lib/cjs/input/inputGroup.d.ts

@@ -21,7 +21,7 @@ export default class inputGroup extends BaseComponent<InputGroupProps, InputGrou
     static propTypes: {
         className: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         style: PropTypes.Requireable<object>;
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/cjs/popover/index.d.ts

@@ -56,7 +56,7 @@ declare class Popover extends React.PureComponent<PopoverProps, PopoverState> {
         position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
         mouseEnterDelay: PropTypes.Requireable<number>;
         mouseLeaveDelay: PropTypes.Requireable<number>;
-        trigger: PropTypes.Validator<NonNullable<"hover" | "focus" | "click" | "custom">>;
+        trigger: PropTypes.Validator<NonNullable<"custom" | "hover" | "focus" | "click">>;
         contentClassName: PropTypes.Requireable<NonNullable<string | any[]>>;
         onVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
         onClickOutSide: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/cjs/rating/index.d.ts

@@ -69,7 +69,7 @@ export default class Rating extends BaseComponent<RatingProps, RatingState> {
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;
         onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
         autoFocus: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<NonNullable<number | "default" | "small">>;
+        size: PropTypes.Requireable<NonNullable<number | "small" | "default">>;
         tooltips: PropTypes.Requireable<string[]>;
         id: PropTypes.Requireable<string>;
         preventScroll: PropTypes.Requireable<boolean>;

package/lib/cjs/rating/item.d.ts

@@ -40,7 +40,7 @@ export default class Item extends BaseComponent<RatingItemProps, RatingItemState
         disabled: PropTypes.Requireable<boolean>;
         count: PropTypes.Requireable<number>;
         ariaLabelPrefix: PropTypes.Requireable<string>;
-        size: PropTypes.Requireable<NonNullable<number | "default" | "small">>;
+        size: PropTypes.Requireable<NonNullable<number | "small" | "default">>;
         'aria-describedby': PropTypes.Requireable<string>;
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/cjs/switch/index.d.ts

@@ -45,7 +45,7 @@ declare class Switch extends BaseComponent<SwitchProps, SwitchState> {
         onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
         style: PropTypes.Requireable<object>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         uncheckedText: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         id: PropTypes.Requireable<string>;
     };

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

@@ -52,7 +52,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
         components: PropTypes.Requireable<any>;
         bordered: PropTypes.Requireable<boolean>;
         loading: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<"default" | "small" | "middle">;
+        size: PropTypes.Requireable<"small" | "default" | "middle">;
         tableLayout: PropTypes.Requireable<"" | "fixed" | "auto">;
         columns: PropTypes.Requireable<PropTypes.InferProps<{
             align: PropTypes.Requireable<"left" | "right" | "center">;
@@ -289,7 +289,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
         showTotal?: boolean;
         pageSize?: number;
         pageSizeOpts?: number[];
-        size?: "default" | "small";
+        size?: "small" | "default";
         currentPage?: number;
         defaultCurrentPage?: number;
         onPageChange?: (currentPage: number) => void;

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

@@ -15,7 +15,7 @@ declare class Table<RecordType extends Record<string, any> = Data> extends React
         components: PropTypes.Requireable<any>;
         bordered: PropTypes.Requireable<boolean>;
         loading: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<"default" | "small" | "middle">;
+        size: PropTypes.Requireable<"small" | "default" | "middle">;
         tableLayout: PropTypes.Requireable<"" | "fixed" | "auto">;
         columns: PropTypes.Requireable<PropTypes.InferProps<{
             align: PropTypes.Requireable<"left" | "right" | "center">;

package/lib/cjs/tabs/TabBar.js

@@ -112,7 +112,6 @@ class TabBar extends _react.default.Component {
     this.renderTabComponents = list => list.map(panel => this.renderTabItem(panel));
 
     this.handleArrowClick = (items, pos) => {
-      const inline = pos === 'start' ? 'end' : 'start';
       const lastItem = pos === 'start' ? items.pop() : items.shift();
 
       if (!lastItem) {
@@ -126,7 +125,7 @@ class TabBar extends _react.default.Component {
       tabItem.scrollIntoView({
         behavior: 'smooth',
         block: 'nearest',
-        inline
+        inline: 'nearest'
       });
     };
 

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

@@ -89,7 +89,7 @@ declare class TagInput extends BaseComponent<TagInputProps, TagInputState> {
         onAdd: PropTypes.Requireable<(...args: any[]) => any>;
         onRemove: PropTypes.Requireable<(...args: any[]) => any>;
         onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
         prefix: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         suffix: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;

package/lib/cjs/timePicker/TimePicker.d.ts

@@ -125,7 +125,7 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
         secondStep: PropTypes.Requireable<number>;
         focusOnOpen: PropTypes.Requireable<boolean>;
         autoFocus: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         panels: PropTypes.Requireable<PropTypes.InferProps<{
             panelHeader: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
             panelFooter: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;

package/lib/cjs/timePicker/index.d.ts

@@ -46,7 +46,7 @@ export default class LocaleTimePicker extends React.PureComponent<LocalePickerPr
         secondStep: import("prop-types").Requireable<number>;
         focusOnOpen: import("prop-types").Requireable<boolean>;
         autoFocus: import("prop-types").Requireable<boolean>;
-        size: import("prop-types").Requireable<"default" | "small" | "large">;
+        size: import("prop-types").Requireable<"small" | "default" | "large">;
         panels: import("prop-types").Requireable<import("prop-types").InferProps<{
             panelHeader: import("prop-types").Requireable<NonNullable<import("prop-types").ReactNodeLike>>;
             panelFooter: import("prop-types").Requireable<NonNullable<import("prop-types").ReactNodeLike>>;

package/lib/cjs/tooltip/index.d.ts

@@ -90,7 +90,7 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
         getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
         mouseEnterDelay: PropTypes.Requireable<number>;
         mouseLeaveDelay: PropTypes.Requireable<number>;
-        trigger: PropTypes.Validator<NonNullable<"hover" | "focus" | "click" | "custom">>;
+        trigger: PropTypes.Validator<NonNullable<"custom" | "hover" | "focus" | "click">>;
         className: PropTypes.Requireable<string>;
         wrapperClassName: PropTypes.Requireable<string>;
         clickToHide: PropTypes.Requireable<boolean>;

package/lib/cjs/treeSelect/index.js

@@ -586,7 +586,9 @@ class TreeSelect extends _baseComponent.default {
         maxTagCount,
         checkRelation,
         showRestTagsPopover,
-        restTagsPopoverProps
+        restTagsPopoverProps,
+        searchPosition,
+        filterTreeNode
       } = this.props;
       const {
         keyEntities,
@@ -600,8 +602,16 @@ class TreeSelect extends _baseComponent.default {
         keyList = (0, _treeUtil.normalizeKeyList)(checkedKeys, keyEntities, leafOnly);
       } else if (checkRelation === 'unRelated') {
         keyList = [...realCheckedKeys];
-      }
+      } // auto focus search input divide into two parts
+      // 1. filterTreeNode && searchPosition === strings.SEARCH_POSITION_TRIGGER
+      //    Implemented by passing autofocus to the underlying input's autofocus
+      // 2. filterTreeNode && searchPosition === strings.SEARCH_POSITION_DROPDOWN
+      //    Due to the off-screen rendering in the tooltip implementation mechanism, if it is implemented through the 
+      //    autofocus of the input, when the option panel is opened, the page will scroll to top, so it is necessary 
+      //    to call the focus method through ref in the onVisibleChange callback of the Popover to achieve focus
+
 
+      const autoFocus = filterTreeNode && searchPosition === _constants.strings.SEARCH_POSITION_TRIGGER ? searchAutoFocus : undefined;
       return /*#__PURE__*/_react.default.createElement(_tagInput.default, {
         maxTagCount: maxTagCount,
         disabled: disabled,
@@ -614,7 +624,7 @@ class TreeSelect extends _baseComponent.default {
         showRestTagsPopover: showRestTagsPopover,
         restTagsPopoverProps: restTagsPopoverProps,
         // eslint-disable-next-line jsx-a11y/no-autofocus
-        autoFocus: searchAutoFocus,
+        autoFocus: autoFocus,
         renderTagItem: (itemKey, index) => this.renderTagItem(itemKey, index),
         onRemove: itemKey => this.removeTag(itemKey),
         expandRestTagsOnClick: false
@@ -650,6 +660,7 @@ class TreeSelect extends _baseComponent.default {
         prefix: /*#__PURE__*/_react.default.createElement(_semiIcons.IconSearch, null)
       };
       const inputTriggerProps = {
+        autofocus: searchAutoFocus,
         onFocus: e => this.foundation.handleInputTriggerFocus(),
         onBlur: e => this.foundation.handleInputTriggerBlur(),
         disabled
@@ -681,7 +692,6 @@ class TreeSelect extends _baseComponent.default {
         return /*#__PURE__*/_react.default.createElement(_index2.default, Object.assign({
           "aria-label": 'Filter TreeSelect item',
           ref: this.inputRef,
-          autofocus: searchAutoFocus,
           placeholder: placeholder
         }, baseInputProps, realInputProps));
       }));
@@ -755,12 +765,18 @@ class TreeSelect extends _baseComponent.default {
 
     this.handlePopoverClose = isVisible => {
       const {
-        filterTreeNode
+        filterTreeNode,
+        searchAutoFocus,
+        searchPosition
       } = this.props;
 
       if (isVisible === false && Boolean(filterTreeNode)) {
         this.foundation.clearInput();
       }
+
+      if (filterTreeNode && searchPosition === _constants.strings.SEARCH_POSITION_DROPDOWN && isVisible && searchAutoFocus) {
+        this.foundation.focusInput(true);
+      }
     };
 
     this.renderTreeNode = (treeNode, ind, style) => {
@@ -1225,7 +1241,25 @@ class TreeSelect extends _baseComponent.default {
           isHovering: bool
         });
       },
-      updateInputFocus: bool => {} // eslint-disable-line
+      updateInputFocus: bool => {
+        if (bool) {
+          if (this.inputRef && this.inputRef.current) {
+            this.inputRef.current.focus();
+          }
+
+          if (this.tagInputRef && this.tagInputRef.current) {
+            this.tagInputRef.current.focus();
+          }
+        } else {
+          if (this.inputRef && this.inputRef.current) {
+            this.inputRef.current.blur();
+          }
+
+          if (this.tagInputRef && this.tagInputRef.current) {
+            this.tagInputRef.current.blur();
+          }
+        }
+      } // eslint-disable-line
 
     });
   }