@douyinfe/semi-ui 2.3.0-beta.0 → 2.4.0

package/dropdown/index.tsx

@@ -25,12 +25,20 @@ export { DropdownDividerProps } from './dropdownDivider';
 export { DropdownItemProps, Type } from './dropdownItem';
 export { DropdownMenuProps } from './dropdownMenu';
 export { DropdownTitleProps } from './dropdownTitle';
-export interface DropDownMenuItemBasic {
-    node: 'title' | 'item' | 'divider';
+
+export interface DropDownMenuItemItem extends DropdownItemProps {
+    node: 'item';
     name?: string;
 }
+export interface DropDownMenuItemDivider extends DropdownDividerProps {
+    node: 'divider'
+}
+export interface DropDownMenuItemTitle extends DropdownTitleProps {
+    node: 'title';
+    name?: string
+}
 
-export type DropDownMenuItem = DropDownMenuItemBasic & DropdownItemProps & DropdownDividerProps & DropdownTitleProps;
+export type DropDownMenuItem = DropDownMenuItemItem | DropDownMenuItemDivider | DropDownMenuItemTitle;
 
 export interface DropdownProps extends TooltipProps {
     render?: React.ReactNode;

package/empty/index.tsx

@@ -108,7 +108,7 @@ export default class Empty extends BaseComponent<EmptyProps, EmptyState> {
                 style: { fontWeight: 400 },
             };
         return (
-            <div className={wrapperCls} style={style} aria-label="empty placeholder image">
+            <div className={wrapperCls} style={style}>
                 <div className={`${prefixCls}-image`} style={imageStyle} >
                     {imageNode}
                 </div>

package/input/textarea.tsx

@@ -295,7 +295,8 @@ class TextArea extends BaseComponent<TextAreaProps, TextAreaState> {
             className,
             `${prefixCls}-textarea-wrapper`,
             {
-                [`${prefixCls}-textarea-wrapper-disabled`]: disabled || readonly,
+                [`${prefixCls}-textarea-wrapper-disabled`]: disabled,
+                [`${prefixCls}-textarea-wrapper-readonly`]: readonly,
                 [`${prefixCls}-textarea-wrapper-${validateStatus}`]: Boolean(validateStatus),
                 [`${prefixCls}-textarea-wrapper-focus`]: isFocus,
                 // [`${prefixCls}-textarea-wrapper-resize`]: !autosize && resize,
@@ -305,7 +306,8 @@ class TextArea extends BaseComponent<TextAreaProps, TextAreaState> {
         const itemCls = cls(
             `${prefixCls}-textarea`,
             {
-                [`${prefixCls}-textarea-disabled`]: disabled || readonly,
+                [`${prefixCls}-textarea-disabled`]: disabled,
+                [`${prefixCls}-textarea-readonly`]: readonly,
                 [`${prefixCls}-textarea-autosize`]: autosize,
                 [`${prefixCls}-textarea-showClear`]: showClear,
             }
@@ -346,4 +348,4 @@ class TextArea extends BaseComponent<TextAreaProps, TextAreaState> {
 
 const ForwardTextarea = React.forwardRef<HTMLTextAreaElement, Omit<TextAreaProps, 'forwardRef'>>((props, ref) => <TextArea {...props} forwardRef={ref} />);
 
-export default ForwardTextarea;
+export default ForwardTextarea;

package/inputNumber/__test__/inputNumber.test.js

@@ -5,6 +5,7 @@ import sinon from 'sinon';
 import keyCode from '@douyinfe/semi-foundation/utils/keyCode';
 import * as _ from 'lodash';
 import { BASE_CLASS_PREFIX } from '../../../semi-foundation/base/constants';
+import { numbers } from '@douyinfe/semi-foundation/inputNumber/constants';
 import { Form, withField } from '../../index';
 
 const log = (...args) => console.log(...args);
@@ -216,8 +217,8 @@ describe(`InputNumber`, () => {
         const addCount = 3;
         const minusCount = 1;
 
-        _.times(addCount, () => addBtn.simulate('mousedown'));
-        _.times(minusCount, () => minusBtn.simulate('mousedown'));
+        _.times(addCount, () => addBtn.simulate('mousedown', { button: numbers.MOUSE_BUTTON_LEFT }));
+        _.times(minusCount, () => minusBtn.simulate('mousedown', { button: numbers.MOUSE_BUTTON_LEFT }));
 
         expect(inputElem.instance().value).toBe(String(defaultValue + addCount - minusCount));
         expect(onUpClick.called).toBe(true);
@@ -243,8 +244,8 @@ describe(`InputNumber`, () => {
         const addCount = 3;
         const minusCount = 1;
 
-        _.times(addCount, () => addBtn.simulate('mousedown'));
-        _.times(minusCount, () => minusBtn.simulate('mousedown'));
+        _.times(addCount, () => addBtn.simulate('mousedown', { button: numbers.MOUSE_BUTTON_LEFT }));
+        _.times(minusCount, () => minusBtn.simulate('mousedown', { button: numbers.MOUSE_BUTTON_LEFT }));
 
         expect(inputElem.instance().value).toBe(String(defaultValue + addCount - minusCount));
         expect(onUpClick.called).toBe(true);
@@ -283,9 +284,9 @@ describe(`InputNumber`, () => {
         // click button focus
         const addCount = 3;
         const minusCount = 1;
-        _.times(addCount, () => addBtn.simulate('mousedown'));
+        _.times(addCount, () => addBtn.simulate('mousedown', { button: numbers.MOUSE_BUTTON_LEFT }));
         _.times(addCount, () => addBtn.simulate('mouseup'));
-        _.times(minusCount, () => minusBtn.simulate('mousedown'));
+        _.times(minusCount, () => minusBtn.simulate('mousedown', { button: numbers.MOUSE_BUTTON_LEFT }));
         _.times(minusCount, () => minusBtn.simulate('mouseup'));
         expect(inputElem.instance().value).toBe(String(defaultValue + addCount - minusCount));
         expect(inputNumber.find(BaseInputNumber).state('focusing')).toBeTruthy();
@@ -338,7 +339,7 @@ describe(`InputNumber`, () => {
         const btns = inputNumber.find(`.${BASE_CLASS_PREFIX}-input-number-suffix-btns .${BASE_CLASS_PREFIX}-input-number-button`);
         const inputElem = inputNumber.find('input');
         const addBtn = btns.first();
-        addBtn.simulate('mousedown');
+        addBtn.simulate('mousedown', { button: numbers.MOUSE_BUTTON_LEFT });
         expect(inputElem.instance().value).toBe("1");
     })
 
@@ -366,5 +367,32 @@ describe(`InputNumber`, () => {
         inputElem.simulate('change', newEvent);
         expect(onNumberChange.calledOnce).toBe(true);
         expect(inputElem.instance().value).toBe('123');
-    })
+    });
+
+    /**
+     * test buttons right click
+     */
+     it(`right click add/minus button`, async () => {
+        const defaultValue = 1000;
+        const onUpClick = sinon.spy();
+        const onDownClick = sinon.spy();
+        const MOUSE_BUTTON_RIGHT = 2;
+
+        const inputNumber = mount(
+            <InputNumber defaultValue={defaultValue} onUpClick={onUpClick} onDownClick={onDownClick} />
+        );
+        const inputElem = inputNumber.find('input');
+
+        const btns = inputNumber.find(`.${BASE_CLASS_PREFIX}-input-number-suffix-btns .${BASE_CLASS_PREFIX}-input-number-button`);
+
+        const addBtn = btns.first();
+        const minusBtn = btns.last();
+
+        _.times(1, () => addBtn.simulate('mousedown', { button: MOUSE_BUTTON_RIGHT  }));
+        _.times(3, () => minusBtn.simulate('mousedown', { button: MOUSE_BUTTON_RIGHT }));
+
+        expect(inputElem.instance().value).toBe(String(defaultValue));
+        expect(onUpClick.called).toBe(false);
+        expect(onDownClick.called).toBe(false);
+    });
 });

package/inputNumber/index.tsx

@@ -447,6 +447,7 @@ class InputNumber extends BaseComponent<InputNumberProps, InputNumberState> {
             style,
             onNumberChange,
             keepFocus,
+            defaultValue,
             ...rest
         } = this.props;
         const { value, number } = this.state;
@@ -508,4 +509,4 @@ export default forwardStatics(
     InputNumber
 );
 
-export { InputNumber };
+export { InputNumber };

package/lib/cjs/avatar/avatarGroup.js

@@ -149,8 +149,7 @@ class AvatarGroup extends _react.PureComponent {
     }
 
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: groupCls,
-      "aria-label": "avatar group"
+      className: groupCls
     }, inner);
   }
 

package/lib/cjs/avatar/index.js

@@ -204,7 +204,6 @@ class Avatar extends _baseComponent.default {
     const hoverRender = hoverContent ? /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-hover")
     }, hoverContent) : null;
-    let ariaLabel;
 
     if (isImg) {
       content = /*#__PURE__*/_react.default.createElement("img", (0, _assign.default)({
@@ -213,22 +212,18 @@ class Avatar extends _baseComponent.default {
         onError: this.handleError,
         alt: alt
       }, imgAttr));
-      ariaLabel = 'avatar';
     } else if (typeof children === 'string') {
       content = /*#__PURE__*/_react.default.createElement("span", {
         className: "".concat(prefixCls, "-content")
       }, /*#__PURE__*/_react.default.createElement("span", {
         className: "".concat(prefixCls, "-label")
       }, children));
-      ariaLabel = "avatar of ".concat(children);
     }
 
     return (
       /*#__PURE__*/
       // eslint-disable-next-line jsx-a11y/no-static-element-interactions,jsx-a11y/click-events-have-key-events
-      _react.default.createElement("span", (0, _assign.default)({
-        "aria-label": ariaLabel
-      }, others, {
+      _react.default.createElement("span", (0, _assign.default)({}, others, {
         style: style,
         className: avatarCls,
         onClick: onClick,

package/lib/cjs/collapse/index.js

@@ -126,8 +126,7 @@ class Collapse extends _baseComponent.default {
     } = this.state;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: clsPrefix,
-      style: style,
-      "aria-label": "Collapse"
+      style: style
     }, /*#__PURE__*/_react.default.createElement(_collapseContext.default.Provider, {
       value: {
         activeSet,

package/lib/cjs/collapse/item.js

@@ -91,9 +91,7 @@ class CollapsePanel extends _react.PureComponent {
     if (typeof header === 'string') {
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, iconPosLeft ? icon : null, /*#__PURE__*/_react.default.createElement("span", null, header), /*#__PURE__*/_react.default.createElement("span", {
         className: "".concat(_constants.cssClasses.PREFIX, "-header-right")
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        "aria-label": 'Extra of collapse header'
-      }, extra), iconPosLeft ? null : icon));
+      }, /*#__PURE__*/_react.default.createElement("span", null, extra), iconPosLeft ? null : icon));
     }
 
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, iconPosLeft ? icon : null, header, iconPosLeft ? null : icon);
@@ -128,7 +126,6 @@ class CollapsePanel extends _react.PureComponent {
       ["".concat(_constants.cssClasses.PREFIX, "-content")]: true
     });
     return /*#__PURE__*/_react.default.createElement("div", (0, _assign.default)({
-      "aria-label": 'Collapse panel',
       className: itemCls
     }, restProps), /*#__PURE__*/_react.default.createElement("div", {
       role: "button",
@@ -144,7 +141,6 @@ class CollapsePanel extends _react.PureComponent {
       reCalcKey: reCalcKey
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: contentCls,
-      "aria-label": 'Collapse content',
       "aria-hidden": !active,
       id: this.ariaID
     }, /*#__PURE__*/_react.default.createElement("div", {

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

@@ -12,11 +12,18 @@ export { DropdownDividerProps } from './dropdownDivider';
 export { DropdownItemProps, Type } from './dropdownItem';
 export { DropdownMenuProps } from './dropdownMenu';
 export { DropdownTitleProps } from './dropdownTitle';
-export interface DropDownMenuItemBasic {
-    node: 'title' | 'item' | 'divider';
+export interface DropDownMenuItemItem extends DropdownItemProps {
+    node: 'item';
     name?: string;
 }
-export declare type DropDownMenuItem = DropDownMenuItemBasic & DropdownItemProps & DropdownDividerProps & DropdownTitleProps;
+export interface DropDownMenuItemDivider extends DropdownDividerProps {
+    node: 'divider';
+}
+export interface DropDownMenuItemTitle extends DropdownTitleProps {
+    node: 'title';
+    name?: string;
+}
+export declare type DropDownMenuItem = DropDownMenuItemItem | DropDownMenuItemDivider | DropDownMenuItemTitle;
 export interface DropdownProps extends TooltipProps {
     render?: React.ReactNode;
     children?: React.ReactNode;

package/lib/cjs/empty/index.js

@@ -119,8 +119,7 @@ class Empty extends _baseComponent.default {
     };
     return /*#__PURE__*/_react.default.createElement("div", {
       className: wrapperCls,
-      style: style,
-      "aria-label": "empty placeholder image"
+      style: style
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-image"),
       style: imageStyle

package/lib/cjs/input/textarea.js

@@ -267,14 +267,16 @@ class TextArea extends _baseComponent.default {
       minLength: stateMinLength
     } = this.state;
     const wrapperCls = (0, _classnames.default)(className, "".concat(prefixCls, "-textarea-wrapper"), {
-      ["".concat(prefixCls, "-textarea-wrapper-disabled")]: disabled || readonly,
+      ["".concat(prefixCls, "-textarea-wrapper-disabled")]: disabled,
+      ["".concat(prefixCls, "-textarea-wrapper-readonly")]: readonly,
       [(0, _concat.default)(_context = "".concat(prefixCls, "-textarea-wrapper-")).call(_context, validateStatus)]: Boolean(validateStatus),
       ["".concat(prefixCls, "-textarea-wrapper-focus")]: isFocus // [`${prefixCls}-textarea-wrapper-resize`]: !autosize && resize,
 
     }); // const ref = this.props.forwardRef || this.textAreaRef;
 
     const itemCls = (0, _classnames.default)("".concat(prefixCls, "-textarea"), {
-      ["".concat(prefixCls, "-textarea-disabled")]: disabled || readonly,
+      ["".concat(prefixCls, "-textarea-disabled")]: disabled,
+      ["".concat(prefixCls, "-textarea-readonly")]: readonly,
       ["".concat(prefixCls, "-textarea-autosize")]: autosize,
       ["".concat(prefixCls, "-textarea-showClear")]: showClear
     });

package/lib/cjs/inputNumber/index.js

@@ -441,9 +441,10 @@ class InputNumber extends _baseComponent.default {
       innerButtons,
       style,
       onNumberChange,
-      keepFocus
+      keepFocus,
+      defaultValue
     } = _a,
-          rest = __rest(_a, ["disabled", "className", "prefixCls", "min", "max", "step", "shiftStep", "precision", "formatter", "parser", "forwardedRef", "onUpClick", "onDownClick", "pressInterval", "pressTimeout", "suffix", "size", "hideButtons", "innerButtons", "style", "onNumberChange", "keepFocus"]);
+          rest = __rest(_a, ["disabled", "className", "prefixCls", "min", "max", "step", "shiftStep", "precision", "formatter", "parser", "forwardedRef", "onUpClick", "onDownClick", "pressInterval", "pressTimeout", "suffix", "size", "hideButtons", "innerButtons", "style", "onNumberChange", "keepFocus", "defaultValue"]);
 
     const {
       value,

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

@@ -5,7 +5,7 @@ import ListItem from './item';
 import { Grid } from './list-context';
 import BaseComponent from '../_base/baseComponent';
 export { ListItemProps } from './item';
-export interface ListProps {
+export interface ListProps<T> {
     style?: React.CSSProperties;
     className?: string;
     bordered?: boolean;
@@ -15,15 +15,15 @@ export interface ListProps {
     size?: 'small' | 'large' | 'default';
     split?: boolean;
     emptyContent?: React.ReactNode;
-    dataSource?: any[];
-    renderItem?: (item: any, ind: number) => React.ReactNode;
+    dataSource?: T[];
+    renderItem?: (item: T, ind: number) => React.ReactNode;
     grid?: Grid;
     loading?: boolean;
     loadMore?: React.ReactNode;
     onClick?: React.MouseEventHandler<HTMLLIElement>;
     onRightClick?: React.MouseEventHandler<HTMLLIElement>;
 }
-declare class List extends BaseComponent<ListProps> {
+declare class List<T = any> extends BaseComponent<ListProps<T>> {
     static Item: typeof ListItem;
     static propTypes: {
         style: PropTypes.Requireable<object>;

package/lib/cjs/navigation/Item.js

@@ -204,7 +204,7 @@ class NavItem extends _baseComponent.default {
     } else {
       let placeholderIcons = null;
 
-      if (mode === _constants.strings.MODE_VERTICAL && !limitIndent) {
+      if (mode === _constants.strings.MODE_VERTICAL && !limitIndent && !isCollapsed) {
         const iconAmount = icon && !indent ? level : level - 1;
         placeholderIcons = (0, _times2.default)(iconAmount, () => this.renderIcon(null, _constants.strings.ICON_POS_RIGHT, false));
       }

package/lib/cjs/navigation/SubNav.js

@@ -230,7 +230,7 @@ class SubNav extends _baseComponent.default {
 
     let placeholderIcons = null;
 
-    if (mode === _constants.strings.MODE_VERTICAL && !limitIndent) {
+    if (mode === _constants.strings.MODE_VERTICAL && !limitIndent && !isCollapsed) {
       /* Different icons' amount means different indents.*/
       const iconAmount = icon && !indent ? level : level - 1;
       placeholderIcons = (0, _times2.default)(iconAmount, index => this.renderIcon(null, _constants.strings.ICON_POS_RIGHT, false, undefined, index));

package/lib/cjs/scrollList/scrollItem.d.ts

@@ -3,7 +3,10 @@ import BaseComponent from '../_base/baseComponent';
 import PropTypes from 'prop-types';
 import { Item, ScrollItemAdapter } from '@douyinfe/semi-foundation/lib/cjs/scrollList/itemFoundation';
 import { Motion } from '../_base/base';
-declare type DebounceSelectFn = (e: React.UIEvent, newSelectedNode: HTMLElement) => void;
+interface DebounceSelectFn {
+    (e: React.UIEvent, newSelectedNode: HTMLElement): void;
+    cancel(): void;
+}
 export interface ScrollItemProps<T extends Item> {
     mode?: string;
     cycled?: boolean;
@@ -52,6 +55,7 @@ export default class ScrollItem<T extends Item> extends BaseComponent<ScrollItem
     debouncedSelect: DebounceSelectFn;
     constructor(props?: {});
     get adapter(): ScrollItemAdapter<ScrollItemProps<T>, ScrollItemState, T>;
+    componentWillUnmount(): void;
     componentDidMount(): void;
     componentDidUpdate(prevProps: ScrollItemProps<T>): void;
     _cacheNode: (name: string, node: Element) => Element;

package/lib/cjs/scrollList/scrollItem.js

@@ -451,6 +451,13 @@ class ScrollItem extends _baseComponent.default {
     });
   }
 
+  componentWillUnmount() {
+    if (this.props.cycled) {
+      this.throttledAdjustList.cancel();
+      this.debouncedSelect.cancel();
+    }
+  }
+
   componentDidMount() {
     this.foundation.init();
     const {

package/lib/cjs/select/index.js

@@ -563,7 +563,7 @@ class Select extends _baseComponent.default {
         role: "button",
         "aria-label": "Use the input box to create an optional item",
         onClick: e => this.onSelect(option, optionIndex, e),
-        key: new Date().valueOf()
+        key: option.key || option.label
       }, customCreateItem)
     );
   }

package/lib/cjs/sideSheet/SideSheetContent.js

@@ -102,8 +102,7 @@ class SideSheetContent extends _react.default.PureComponent {
 
     if (title) {
       header = /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(prefixCls, "-title"),
-        "aria-label": 'Sidesheet title'
+        className: "".concat(prefixCls, "-title")
       }, this.props.title);
     }
 
@@ -122,6 +121,7 @@ class SideSheetContent extends _react.default.PureComponent {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-header"),
       role: 'heading',
+      "aria-level": 1,
       style: (0, _assign.default)({}, headerStyle)
     }, header, closer);
   }
@@ -155,15 +155,12 @@ class SideSheetContent extends _react.default.PureComponent {
       // onMouseDown={this.onDialogMouseDown}
       style: (0, _assign.default)((0, _assign.default)({}, props.style), style)
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-content"),
-      "aria-label": "Sidesheet content"
+      className: "".concat(prefixCls, "-content")
     }, header, /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-body"),
-      "aria-label": "Sidesheet body",
       style: props.bodyStyle
     }, props.children), props.footer ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-footer"),
-      "aria-label": "Sidesheet footer"
+      className: "".concat(prefixCls, "-footer")
     }, props.footer) : null));
 
     return dialogElement;
@@ -186,8 +183,7 @@ class SideSheetContent extends _react.default.PureComponent {
 
     return /*#__PURE__*/_react.default.createElement("div", {
       className: wrapperCls,
-      style: wrapperStyle,
-      "aria-label": this.props['aria-label']
+      style: wrapperStyle
     }, this.getMaskElement(), this.getDialogElement());
   }
 

package/lib/cjs/spin/icon.js

@@ -59,7 +59,8 @@ function Icon() {
     viewBox: "0 0 36 36",
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
-    "aria-label": "spin"
+    "aria-hidden": true,
+    "data-icon": "spin"
   }), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("linearGradient", {
     x1: "0%",
     y1: "100%",

package/lib/cjs/table/Table.js

@@ -1294,15 +1294,18 @@ class Table extends _baseComponent.default {
       const _dataSource = [...dataSource];
       const filteredSortedDataSource = this.foundation.getFilteredSortedDataSource(_dataSource, stateQueries);
       this.foundation.setCachedFilteredSortedDataSource(filteredSortedDataSource);
-      states.dataSource = filteredSortedDataSource; // when dataSource has change, should reset currentPage
-
-      states.pagination = (0, _isObject2.default)(statePagination) ? (0, _assign.default)((0, _assign.default)({}, statePagination), {
-        currentPage: (0, _isObject2.default)(propsPagination) && propsPagination.currentPage ? propsPagination.currentPage : 1
-      }) : statePagination;
+      states.dataSource = filteredSortedDataSource;
 
       if (this.props.groupBy) {
         states.groups = null;
       }
+    } // when dataSource has change, should reset currentPage
+
+
+    if (dataSource !== prevProps.dataSource) {
+      states.pagination = (0, _isObject2.default)(statePagination) ? (0, _assign.default)((0, _assign.default)({}, statePagination), {
+        currentPage: (0, _isObject2.default)(propsPagination) && propsPagination.currentPage ? propsPagination.currentPage : 1
+      }) : statePagination;
     }
 
     if ((0, _keys.default)(states).length) {
@@ -1484,6 +1487,7 @@ class Table extends _baseComponent.default {
     return /*#__PURE__*/_react.default.createElement("div", {
       ref: this.rootWrapRef,
       className: (0, _classnames.default)(className, "".concat(prefixCls, "-wrapper")),
+      "data-column-fixed": anyColumnFixed,
       style: wrapStyle,
       id: id
     }, /*#__PURE__*/_react.default.createElement(_TableContextProvider.default, (0, _assign.default)({}, tableContextValue), /*#__PURE__*/_react.default.createElement(_spin.default, {

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

@@ -69,6 +69,7 @@ export declare type TimePickerProps = {
     zIndex?: number | string;
     onBlur?: React.FocusEventHandler<HTMLInputElement>;
     onChange?: TimePickerAdapter['notifyChange'];
+    onChangeWithDateFirst?: boolean;
     onFocus?: React.FocusEventHandler<HTMLInputElement>;
     onOpenChange?: (open: boolean) => void;
 };
@@ -169,6 +170,7 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
         onFocus: (...args: any[]) => void;
         onBlur: (...args: any[]) => void;
         onChange: (...args: any[]) => void;
+        onChangeWithDateFirst: boolean;
         use12Hours: boolean;
         focusOnOpen: boolean;
         onKeyDown: (...args: any[]) => void;

package/lib/cjs/timePicker/TimePicker.js

@@ -183,9 +183,7 @@ class TimePicker extends _baseComponent.default {
       notifyOpenChange: function () {
         return _this2.props.onOpenChange(...arguments);
       },
-      notifyChange: function () {
-        return _this2.props.onChange && _this2.props.onChange(...arguments);
-      },
+      notifyChange: (agr1, arg2) => this.props.onChange && this.props.onChange(agr1, arg2),
       notifyFocus: function () {
         return _this2.props.onFocus && _this2.props.onFocus(...arguments);
       },
@@ -503,6 +501,7 @@ TimePicker.defaultProps = (0, _assign.default)({
   onFocus: _noop2.default,
   onBlur: _noop2.default,
   onChange: _noop2.default,
+  onChangeWithDateFirst: true,
   use12Hours: false,
   focusOnOpen: false,
   onKeyDown: _noop2.default,

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

@@ -91,6 +91,7 @@ export default class LocaleTimePicker extends React.PureComponent<LocalePickerPr
         onFocus: (...args: any[]) => void;
         onBlur: (...args: any[]) => void;
         onChange: (...args: any[]) => void;
+        onChangeWithDateFirst: boolean;
         use12Hours: boolean;
         focusOnOpen: boolean;
         onKeyDown: (...args: any[]) => void;

package/lib/cjs/tooltip/index.js

@@ -308,7 +308,7 @@ class Tooltip extends _baseComponent.default {
       placement: props.position || 'top',
       transitionStyle: {},
       isPositionUpdated: false,
-      id: (0, _uuid.getUuidv4)() // auto generate id, will be used by children.aria-descriptionby & content.id, improve a11y
+      id: (0, _uuid.getUuidShort)() // auto generate id, will be used by children.aria-describedby & content.id, improve a11y
 
     };
     this.foundation = new _foundation.default(this.adapter);

package/lib/cjs/tree/treeNode.js

@@ -24,6 +24,8 @@ var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-st
 
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
 
+var _isEmpty2 = _interopRequireDefault(require("lodash/isEmpty"));
+
 var _get2 = _interopRequireDefault(require("lodash/get"));
 
 var _isString2 = _interopRequireDefault(require("lodash/isString"));
@@ -506,7 +508,14 @@ class TreeNode extends _react.PureComponent {
           ref: this.setRef
         }, dragProps));
       } else {
-        return customLabel;
+        if ((0, _isEmpty2.default)(style)) {
+          return customLabel;
+        } else {
+          // In virtualization, props.style will contain location information
+          return /*#__PURE__*/_react.default.cloneElement(customLabel, {
+            style: (0, _assign.default)((0, _assign.default)({}, (0, _get2.default)(customLabel, ['props', 'style'])), style)
+          });
+        }
       }
     }
 

package/lib/cjs/treeSelect/index.js

@@ -950,7 +950,7 @@ class TreeSelect extends _baseComponent.default {
     } // if treeData keys changes, we won't show animation
 
 
-    if (treeData && props.motion && !(0, _isEqual2.default)(new _set.default((0, _keys.default)(newState.keyEntities)), new _set.default((0, _keys.default)(prevState.keyEntities)))) {
+    if (treeData && props.motion && !(0, _isEqual2.default)((0, _keys.default)(newState.keyEntities), (0, _keys.default)(prevState.keyEntities))) {
       if (prevProps && props.motion) {
         newState.motionKeys = new _set.default([]);
         newState.motionType = null;
@@ -996,7 +996,11 @@ class TreeSelect extends _baseComponent.default {
         newState.selectedKeys = (0, _treeUtil.findKeysForValues)((0, _treeUtil.normalizeValue)(props.defaultValue, withObject), valueEntities, isMultiple);
       } else if (treeData) {
         // If `treeData` changed, we also need check it
-        newState.selectedKeys = (0, _treeUtil.findKeysForValues)((0, _treeUtil.normalizeValue)(props.value, withObject) || '', valueEntities, isMultiple);
+        if (props.value) {
+          newState.selectedKeys = (0, _treeUtil.findKeysForValues)((0, _treeUtil.normalizeValue)(props.value, withObject) || '', valueEntities, isMultiple);
+        } else {
+          newState.selectedKeys = (0, _treeUtil.updateKeys)(prevState.selectedKeys, keyEntities);
+        }
       }
     } else {
       // checkedKeys: multiple mode controlled || data changed
@@ -1008,7 +1012,11 @@ class TreeSelect extends _baseComponent.default {
         checkedKeyValues = (0, _treeUtil.findKeysForValues)((0, _treeUtil.normalizeValue)(props.defaultValue, withObject), valueEntities, isMultiple);
       } else if (treeData) {
         // If `treeData` changed, we also need check it
-        checkedKeyValues = (0, _treeUtil.findKeysForValues)((0, _treeUtil.normalizeValue)(props.value, withObject) || [], valueEntities, isMultiple);
+        if (props.value) {
+          checkedKeyValues = (0, _treeUtil.findKeysForValues)((0, _treeUtil.normalizeValue)(props.value, withObject) || [], valueEntities, isMultiple);
+        } else {
+          checkedKeyValues = (0, _treeUtil.updateKeys)(prevState.checkedKeys, keyEntities);
+        }
       }
 
       if (checkedKeyValues) {

package/lib/cjs/typography/util.js

@@ -77,7 +77,6 @@ const getRenderText = function (originEle, rows) {
   ellipsisContainer.style.zIndex = '-1000'; // clean up css overflow
 
   ellipsisContainer.style.textOverflow = 'clip';
-  ellipsisContainer.style.whiteSpace = 'normal';
   ellipsisContainer.style.webkitLineClamp = 'none'; // Render fake container
 
   _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), ellipsisContainer); // Check if ellipsis in measure div is height enough for content

package/lib/cjs/upload/fileCard.js

@@ -259,12 +259,12 @@ class FileCard extends _react.PureComponent {
       orbitStroke: '#FFF',
       "aria-label": "uploading file progress"
     }) : null, showRetry ? retry : null, showReplace && replace, showPicInfo && picInfo, !disabled && /*#__PURE__*/_react.default.createElement("div", {
-      className: closeCls
+      className: closeCls,
+      onClick: e => this.onRemove(e)
     }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconClose, {
       tabIndex: 0,
       role: "button",
-      size: "extra-small",
-      onClick: e => this.onRemove(e)
+      size: "extra-small"
     })), this.renderPicValidateMsg());
   }