@douyinfe/semi-ui 2.2.0-beta.1 → 2.3.0-beta.0

package/lib/cjs/table/Table.js

@@ -397,6 +397,7 @@ class Table extends _baseComponent.default {
           const hasRowSelected = _this.foundation.hasRowSelected(selectedRowKeys, allRowKeysSet);
 
           return /*#__PURE__*/_react.default.createElement(_ColumnSelection.default, {
+            "aria-label": "".concat(allIsSelected ? 'Deselect' : 'Select', " all rows"),
             disabled: disabled,
             key: columnKey,
             selected: allIsSelected,
@@ -413,6 +414,7 @@ class Table extends _baseComponent.default {
           const checkboxPropsFn = () => typeof getCheckboxProps === 'function' ? getCheckboxProps(record) : {};
 
           return /*#__PURE__*/_react.default.createElement(_ColumnSelection.default, {
+            "aria-label": "".concat(selected ? 'Deselect' : 'Select', " this row"),
             getCheckboxProps: checkboxPropsFn,
             selected: selected,
             onChange: (status, e) => _this.toggleSelectRow(status, key, e)
@@ -597,6 +599,7 @@ class Table extends _baseComponent.default {
     /**
      * render pagination
      * @param {object} pagination
+     * @param {object} propRenderPagination
      */
 
 
@@ -900,7 +903,8 @@ class Table extends _baseComponent.default {
       disabledRowKeysSet: new _set.default(),
       headWidths: [],
       bodyHasScrollBar: false,
-      prePropRowSelection: undefined
+      prePropRowSelection: undefined,
+      prePagination: undefined
     };
     this.rootWrapRef = /*#__PURE__*/(0, _react.createRef)();
     this.wrapRef = /*#__PURE__*/(0, _react.createRef)(); // table's outside wrap
@@ -1138,7 +1142,8 @@ class Table extends _baseComponent.default {
       rowSelection,
       dataSource,
       childrenRecordName,
-      rowKey
+      rowKey,
+      pagination
     } = props;
     props.columns && props.children && _utils2.logger.warn('columns should not given by object and children at the same time');
 
@@ -1192,6 +1197,21 @@ class Table extends _baseComponent.default {
       willUpdateStates.prePropRowSelection = rowSelection;
     }
 
+    if (pagination !== state.prePagination) {
+      let newPagination = {};
+
+      if ((0, _isObject2.default)(state.pagination)) {
+        newPagination = (0, _assign.default)((0, _assign.default)({}, newPagination), state.pagination);
+      }
+
+      if ((0, _isObject2.default)(pagination)) {
+        newPagination = (0, _assign.default)((0, _assign.default)({}, newPagination), pagination);
+      }
+
+      willUpdateStates.pagination = newPagination;
+      willUpdateStates.prePagination = pagination;
+    }
+
     return willUpdateStates;
   }
 
@@ -1207,15 +1227,16 @@ class Table extends _baseComponent.default {
 
   componentDidUpdate(prevProps, prevState) {
     const {
-      pagination,
       dataSource,
       expandedRowKeys,
       expandAllRows,
       expandAllGroupRows,
       virtualized,
-      components
+      components,
+      pagination: propsPagination
     } = this.props;
     const {
+      pagination: statePagination,
       queries: stateQueries,
       cachedColumns: stateCachedColumns,
       cachedChildren: stateCachedChildren,
@@ -1259,11 +1280,6 @@ class Table extends _baseComponent.default {
       this.foundation.initExpandedRowKeys({
         groups: stateGroups
       });
-    } // Update pagination
-
-
-    if (pagination !== prevProps.pagination) {
-      states.pagination = (0, _isObject2.default)(pagination) ? (0, _assign.default)({}, pagination) : pagination;
     }
     /**
      * After dataSource is updated || (cachedColumns || cachedChildren updated)
@@ -1278,11 +1294,11 @@ class Table extends _baseComponent.default {
       const _dataSource = [...dataSource];
       const filteredSortedDataSource = this.foundation.getFilteredSortedDataSource(_dataSource, stateQueries);
       this.foundation.setCachedFilteredSortedDataSource(filteredSortedDataSource);
-      states.dataSource = filteredSortedDataSource;
+      states.dataSource = filteredSortedDataSource; // when dataSource has change, should reset currentPage
 
-      if (pagination === prevProps.pagination) {
-        states.pagination = (0, _isObject2.default)(pagination) ? (0, _assign.default)({}, pagination) : pagination;
-      }
+      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 (this.props.groupBy) {
         states.groups = null;
@@ -1292,11 +1308,11 @@ class Table extends _baseComponent.default {
     if ((0, _keys.default)(states).length) {
       const {
         // eslint-disable-next-line @typescript-eslint/no-shadow
+        pagination: mergedStatePagination = null,
         queries: stateQueries = null,
-        pagination: statePagination = null,
         dataSource: stateDataSource = null
       } = states;
-      const handledProps = this.foundation.getCurrentPageData(stateDataSource, statePagination, stateQueries); // After the pager is updated, reset allRowKeys of the current page
+      const handledProps = this.foundation.getCurrentPageData(stateDataSource, mergedStatePagination, stateQueries); // After the pager is updated, reset allRowKeys of the current page
 
       this.adapter.setAllRowKeys(handledProps.allRowKeys);
       this.adapter.setDisabledRowKeys(handledProps.disabledRowKeys);

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

@@ -31,6 +31,7 @@ export interface TableCellProps extends BaseProps {
     selected?: boolean;
     expanded?: boolean;
     disabled?: boolean;
+    colIndex?: number;
 }
 export default class TableCell extends BaseComponent<TableCellProps, Record<string, any>> {
     static contextType: React.Context<import("./table-context").TableContextProps>;
@@ -65,6 +66,7 @@ export default class TableCell extends BaseComponent<TableCellProps, Record<stri
         height: PropTypes.Requireable<string | number>;
         selected: PropTypes.Requireable<boolean>;
         expanded: PropTypes.Requireable<boolean>;
+        colIndex: PropTypes.Requireable<number>;
     };
     get adapter(): TableCellAdapter;
     ref: React.MutableRefObject<any>;

package/lib/cjs/table/TableCell.js

@@ -320,7 +320,8 @@ class TableCell extends _baseComponent.default {
       fixedLeft,
       fixedRight,
       lastFixedLeft,
-      firstFixedRight
+      firstFixedRight,
+      colIndex
     } = this.props;
     const {
       className
@@ -359,6 +360,8 @@ class TableCell extends _baseComponent.default {
       ["".concat(prefixCls, "-cell-fixed-right-first")]: firstFixedRight
     });
     return /*#__PURE__*/_react.default.createElement(BodyCell, (0, _assign.default)({
+      role: "gridcell",
+      "aria-colindex": colIndex + 1,
       className: columnCls,
       onClick: this.handleClick
     }, newTdProps, {
@@ -400,5 +403,6 @@ TableCell.propTypes = {
   width: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
   height: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
   selected: _propTypes.default.bool,
-  expanded: _propTypes.default.bool
+  expanded: _propTypes.default.bool,
+  colIndex: _propTypes.default.number
 };

package/lib/cjs/table/TableHeaderRow.js

@@ -178,12 +178,18 @@ class TableHeaderRow extends _baseComponent.default {
         return null;
       }
 
-      return /*#__PURE__*/_react.default.createElement(HeaderCell, (0, _assign.default)({}, props, {
+      return /*#__PURE__*/_react.default.createElement(HeaderCell, (0, _assign.default)({
+        role: "columnheader",
+        "aria-colindex": cellIndex + 1
+      }, props, {
         style: cellStyle,
         key: column.key || column.dataIndex || cellIndex
       }));
     });
-    return /*#__PURE__*/_react.default.createElement(HeaderRow, (0, _assign.default)({}, rowProps, {
+    return /*#__PURE__*/_react.default.createElement(HeaderRow, (0, _assign.default)({
+      role: "row",
+      "aria-rowindex": index + 1
+    }, rowProps, {
       style: style,
       ref: this.cacheRef
     }), cells);

package/lib/cjs/tabs/TabBar.js

@@ -83,6 +83,8 @@ class TabBar extends _react.default.Component {
       } = this.props;
       const panelIcon = panel.icon ? this.renderIcon(panel.icon) : null;
       const closableIcon = type === 'card' && panel.closable ? /*#__PURE__*/_react.default.createElement(_semiIcons.IconClose, {
+        "aria-label": "Close",
+        role: "button",
         className: "".concat(_constants.cssClasses.TABS_TAB, "-icon-close"),
         onClick: e => deleteTabItem(panel.itemKey, e)
       }) : null;
@@ -95,16 +97,20 @@ class TabBar extends _react.default.Component {
         };
       }
 
+      const isSelected = this._isActive(key);
+
       const className = (0, _classnames.default)(_constants.cssClasses.TABS_TAB, {
-        [_constants.cssClasses.TABS_TAB_ACTIVE]: this._isActive(key),
+        [_constants.cssClasses.TABS_TAB_ACTIVE]: isSelected,
         [_constants.cssClasses.TABS_TAB_DISABLED]: panel.disabled,
         ["".concat(_constants.cssClasses.TABS_TAB, "-small")]: size === 'small',
         ["".concat(_constants.cssClasses.TABS_TAB, "-medium")]: size === 'medium'
       });
       return /*#__PURE__*/_react.default.createElement("div", (0, _assign.default)({
         role: "tab",
+        id: "semiTab".concat(key),
+        "aria-controls": "semiTabPanel".concat(key),
         "aria-disabled": panel.disabled ? 'true' : 'false',
-        "aria-selected": this._isActive(key) ? 'true' : 'false'
+        "aria-selected": isSelected ? 'true' : 'false'
       }, events, {
         className: className,
         key: this._getItemKey(key)
@@ -182,6 +188,7 @@ class TabBar extends _react.default.Component {
         style: dropdownStyle,
         trigger: 'hover'
       }, /*#__PURE__*/_react.default.createElement("div", {
+        role: "presentation",
         className: arrowCls,
         onClick: e => this.handleArrowClick(items, pos)
       }, /*#__PURE__*/_react.default.createElement(_button.default, {
@@ -289,7 +296,8 @@ class TabBar extends _react.default.Component {
     const extra = this.renderExtra();
     const contents = collapsible ? this.renderCollapsedTab() : this.renderTabComponents(list);
     return /*#__PURE__*/_react.default.createElement("div", (0, _assign.default)({
-      role: "tab-list",
+      role: "tablist",
+      "aria-orientation": tabPosition === "left" ? "vertical" : "horizontal",
       className: classNames,
       style: style
     }, (0, _getDataAttr.default)(restProps), {

package/lib/cjs/tabs/TabPane.js

@@ -132,7 +132,9 @@ class TabPane extends _react.PureComponent {
     const shouldRender = this.shouldRender();
     return /*#__PURE__*/_react.default.createElement("div", (0, _assign.default)({
       ref: this.ref,
-      role: "tab-panel",
+      role: "tabpanel",
+      id: "semiTabPanel".concat(itemKey),
+      "aria-labelledby": "semiTab".concat(itemKey),
       className: classNames,
       style: style,
       "aria-hidden": active ? 'false' : 'true'

package/lib/cjs/tabs/index.js

@@ -10,7 +10,7 @@ var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-s
 
 var _forEachInstanceProperty2 = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
 
-var _Object$keys2 = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 
@@ -25,8 +25,6 @@ var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-st
 
 var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
 
-var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
-
 var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
 
 var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
@@ -41,8 +39,6 @@ var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-st
 
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
 
-var _omit2 = _interopRequireDefault(require("lodash/omit"));
-
 var _pick2 = _interopRequireDefault(require("lodash/pick"));
 
 var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
@@ -73,7 +69,7 @@ var _tabsContext = _interopRequireDefault(require("./tabs-context"));
 
 var _interface = require("./interface");
 
-_forEachInstanceProperty2(_context9 = _Object$keys2(_interface)).call(_context9, function (key) {
+_forEachInstanceProperty2(_context9 = _Object$keys(_interface)).call(_context9, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _interface[key]) return;
@@ -101,7 +97,7 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   return t;
 };
 
-const panePickKeys = (0, _keys.default)((0, _omit2.default)(_TabPane.default.propTypes, ['children']));
+const panePickKeys = ['className', 'style', 'disabled', 'itemKey', 'tab', 'icon'];
 
 class Tabs extends _baseComponent.default {
   constructor(props) {
@@ -391,7 +387,6 @@ class Tabs extends _baseComponent.default {
       }
     }, /*#__PURE__*/_react.default.createElement("div", {
       ref: this.setContentRef,
-      role: "tab-content",
       className: tabContentCls,
       style: (0, _assign.default)({}, contentStyle)
     }, content)));

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

@@ -40,8 +40,9 @@ export interface TagInputProps {
     style?: React.CSSProperties;
     suffix?: React.ReactNode;
     validateStatus?: ValidateStatus;
-    value?: string[];
+    value?: string[] | undefined;
     autoFocus?: boolean;
+    'aria-label'?: string;
 }
 export interface TagInputState {
     tagsArray?: string[];
@@ -84,6 +85,7 @@ declare class TagInput extends BaseComponent<TagInputProps, TagInputState> {
         validateStatus: PropTypes.Requireable<"default" | "error" | "warning">;
         prefix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         suffix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        'aria-label': PropTypes.Requireable<string>;
     };
     static defaultProps: {
         showClear: boolean;
@@ -118,6 +120,7 @@ declare class TagInput extends BaseComponent<TagInputProps, TagInputState> {
     handleInputFocus: (e: React.MouseEvent<HTMLInputElement>) => void;
     handleInputBlur: (e: React.MouseEvent<HTMLInputElement>) => void;
     handleClearBtn: (e: React.MouseEvent<HTMLDivElement>) => void;
+    handleClearEnterPress: (e: React.KeyboardEvent<HTMLDivElement>) => void;
     handleTagClose: (idx: number) => void;
     handleInputMouseLeave: (e: React.MouseEvent<HTMLDivElement>) => void;
     handleInputMouseEnter: (e: React.MouseEvent<HTMLDivElement>) => void;

package/lib/cjs/tagInput/index.js

@@ -78,6 +78,10 @@ class TagInput extends _baseComponent.default {
       this.foundation.handleClearBtn(e);
     };
 
+    this.handleClearEnterPress = e => {
+      this.foundation.handleClearEnterPress(e);
+    };
+
     this.handleTagClose = idx => {
       this.foundation.handleTagClose(idx);
     };
@@ -105,8 +109,21 @@ class TagInput extends _baseComponent.default {
       value,
       inputValue
     } = nextProps;
+    const {
+      tagsArray: prevTagsArray
+    } = prevState;
+    let tagsArray;
+
+    if ((0, _isArray2.default)(value)) {
+      tagsArray = value;
+    } else if ('value' in nextProps && !value) {
+      tagsArray = [];
+    } else {
+      tagsArray = prevTagsArray;
+    }
+
     return {
-      tagsArray: (0, _isArray2.default)(value) ? value : prevState.tagsArray,
+      tagsArray,
       inputValue: (0, _isString2.default)(inputValue) ? inputValue : prevState.inputValue
     };
   }
@@ -184,8 +201,12 @@ class TagInput extends _baseComponent.default {
 
     if (showClear) {
       return /*#__PURE__*/_react.default.createElement("div", {
+        role: "button",
+        tabIndex: 0,
+        "aria-label": "Clear TagInput value",
         className: clearCls,
-        onClick: e => this.handleClearBtn(e)
+        onClick: e => this.handleClearBtn(e),
+        onKeyPress: e => this.handleClearEnterPress(e)
       }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconClear, null));
     }
 
@@ -338,6 +359,9 @@ class TagInput extends _baseComponent.default {
     return /*#__PURE__*/_react.default.createElement("div", {
       style: style,
       className: tagInputCls,
+      "aria-disabled": disabled,
+      "aria-label": this.props['aria-label'],
+      "aria-invalid": validateStatus === 'error',
       onMouseEnter: e => {
         this.handleInputMouseEnter(e);
       },
@@ -347,6 +371,7 @@ class TagInput extends _baseComponent.default {
     }, this.renderPrefix(), /*#__PURE__*/_react.default.createElement("div", {
       className: wrapperCls
     }, this.renderTags(), /*#__PURE__*/_react.default.createElement(_input.default, {
+      "aria-label": 'input value',
       ref: this.inputRef,
       className: inputCls,
       disabled: disabled,
@@ -403,7 +428,8 @@ TagInput.propTypes = {
   size: _propTypes.default.oneOf(_constants.strings.SIZE_SET),
   validateStatus: _propTypes.default.oneOf(_constants.strings.STATUS),
   prefix: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
-  suffix: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node])
+  suffix: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
+  'aria-label': _propTypes.default.string
 };
 TagInput.defaultProps = {
   showClear: false,

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

@@ -15,6 +15,11 @@ export interface Panel {
 export declare type BaseValueType = string | number | Date;
 export declare type Type = 'time' | 'timeRange';
 export declare type TimePickerProps = {
+    'aria-describedby'?: React.AriaAttributes['aria-describedby'];
+    'aria-errormessage'?: React.AriaAttributes['aria-errormessage'];
+    'aria-invalid'?: React.AriaAttributes['aria-invalid'];
+    'aria-labelledby'?: React.AriaAttributes['aria-labelledby'];
+    'aria-required'?: React.AriaAttributes['aria-required'];
     autoAdjustOverflow?: boolean;
     autoFocus?: boolean;
     className?: string;
@@ -35,6 +40,7 @@ export declare type TimePickerProps = {
     inputReadOnly?: boolean;
     inputStyle?: React.CSSProperties;
     insetLabel?: React.ReactNode;
+    insetLabelId?: string;
     locale?: Locale['TimePicker'];
     localeCode?: string;
     minuteStep?: number;
@@ -83,6 +89,11 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
         inputStyle: PropTypes.Requireable<object>;
         panelHeader: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         panelFooter: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        'aria-labelledby': PropTypes.Requireable<string>;
+        'aria-invalid': PropTypes.Requireable<boolean>;
+        'aria-errormessage': PropTypes.Requireable<string>;
+        'aria-describedby': PropTypes.Requireable<string>;
+        'aria-required': PropTypes.Requireable<boolean>;
         prefixCls: PropTypes.Requireable<string>;
         clearText: PropTypes.Requireable<string>;
         value: PropTypes.Requireable<string | number | string[] | number[] | Date | Date[]>;
@@ -124,6 +135,7 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
         dateFnsLocale: PropTypes.Requireable<object>;
         zIndex: PropTypes.Requireable<string | number>;
         insetLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        insetLabelId: PropTypes.Requireable<string>;
         validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
         type: PropTypes.Requireable<Type>;
         rangeSeparator: PropTypes.Requireable<string>;

package/lib/cjs/timePicker/TimePicker.js

@@ -325,6 +325,7 @@ class TimePicker extends _baseComponent.default {
       zIndex,
       getPopupContainer,
       insetLabel,
+      insetLabelId,
       inputStyle,
       showClear,
       panelHeader,
@@ -342,7 +343,7 @@ class TimePicker extends _baseComponent.default {
       motion,
       autoAdjustOverflow
     } = _a,
-          rest = __rest(_a, ["prefixCls", "placeholder", "disabled", "defaultValue", "className", "popupStyle", "size", "style", "locale", "localeCode", "zIndex", "getPopupContainer", "insetLabel", "inputStyle", "showClear", "panelHeader", "panelFooter", "rangeSeparator", "onOpenChange", "popupClassName", "hideDisabledOptions", "use12Hours", "minuteStep", "hourStep", "secondStep", "scrollItemProps", "triggerRender", "motion", "autoAdjustOverflow"]);
+          rest = __rest(_a, ["prefixCls", "placeholder", "disabled", "defaultValue", "className", "popupStyle", "size", "style", "locale", "localeCode", "zIndex", "getPopupContainer", "insetLabel", "insetLabelId", "inputStyle", "showClear", "panelHeader", "panelFooter", "rangeSeparator", "onOpenChange", "popupClassName", "hideDisabledOptions", "use12Hours", "minuteStep", "hourStep", "secondStep", "scrollItemProps", "triggerRender", "motion", "autoAdjustOverflow"]);
 
     const format = this.foundation.getDefaultFormatIfNeed();
     const position = this.foundation.getPosition();
@@ -370,6 +371,7 @@ class TimePicker extends _baseComponent.default {
       value: inputValue,
       onFocus: this.handleFocus,
       insetLabel,
+      insetLabelId,
       format,
       locale,
       localeCode,
@@ -421,6 +423,11 @@ class TimePicker extends _baseComponent.default {
 exports.default = TimePicker;
 TimePicker.contextType = _context3.default;
 TimePicker.propTypes = (0, _assign.default)((0, _assign.default)({
+  'aria-labelledby': _propTypes.default.string,
+  'aria-invalid': _propTypes.default.bool,
+  'aria-errormessage': _propTypes.default.string,
+  'aria-describedby': _propTypes.default.string,
+  'aria-required': _propTypes.default.bool,
   prefixCls: _propTypes.default.string,
   clearText: _propTypes.default.string,
   value: _TimeShape.TimeShape,
@@ -459,6 +466,7 @@ TimePicker.propTypes = (0, _assign.default)((0, _assign.default)({
   dateFnsLocale: _propTypes.default.object,
   zIndex: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
   insetLabel: _propTypes.default.node,
+  insetLabelId: _propTypes.default.string,
   validateStatus: _propTypes.default.oneOf(_constants.strings.STATUS),
   type: _propTypes.default.oneOf(_constants.strings.TYPES),
   rangeSeparator: _propTypes.default.string,

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

@@ -11,6 +11,11 @@ export default class LocaleTimePicker extends React.PureComponent<LocalePickerPr
         inputStyle: import("prop-types").Requireable<object>;
         panelHeader: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
         panelFooter: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+        'aria-labelledby': import("prop-types").Requireable<string>;
+        'aria-invalid': import("prop-types").Requireable<boolean>;
+        'aria-errormessage': import("prop-types").Requireable<string>;
+        'aria-describedby': import("prop-types").Requireable<string>;
+        'aria-required': import("prop-types").Requireable<boolean>;
         prefixCls: import("prop-types").Requireable<string>;
         clearText: import("prop-types").Requireable<string>;
         value: import("prop-types").Requireable<string | number | string[] | number[] | Date | Date[]>;
@@ -52,6 +57,7 @@ export default class LocaleTimePicker extends React.PureComponent<LocalePickerPr
         dateFnsLocale: import("prop-types").Requireable<object>;
         zIndex: import("prop-types").Requireable<string | number>;
         insetLabel: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+        insetLabelId: import("prop-types").Requireable<string>;
         validateStatus: import("prop-types").Requireable<"default" | "error" | "warning" | "success">;
         type: import("prop-types").Requireable<import("./TimePicker").Type>;
         rangeSeparator: import("prop-types").Requireable<string>;

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

@@ -6,7 +6,7 @@ export { TimelineItemProps } from './item';
 export interface Data extends TimelineItemProps {
     content: React.ReactNode;
 }
-export interface TimelineProps {
+export interface TimelineProps extends Pick<React.AriaAttributes, 'aria-label'> {
     mode?: 'left' | 'right' | 'center' | 'alternate';
     className?: string;
     style?: React.CSSProperties;

package/lib/cjs/timeline/index.js

@@ -123,6 +123,7 @@ class Timeline extends _react.PureComponent {
 
     const items = childrenList || this.addClassName(children);
     return /*#__PURE__*/_react.default.createElement("ul", {
+      "aria-label": this.props['aria-label'],
       style: style,
       className: classString
     }, items);

package/lib/cjs/timeline/item.js

@@ -67,9 +67,11 @@ class Item extends _react.PureComponent {
       style: style,
       onClick: onClick
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-tail")
+      className: "".concat(prefixCls, "-tail"),
+      "aria-hidden": true
     }), /*#__PURE__*/_react.default.createElement("div", (0, _assign.default)({
-      className: dotCls
+      className: dotCls,
+      "aria-hidden": true
     }, dotStyle), dot), /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-content")
     }, children, extra && /*#__PURE__*/_react.default.createElement("div", {

package/lib/cjs/toast/toast.js

@@ -135,6 +135,8 @@ class Toast extends _baseComponent.default {
     const btnTheme = 'borderless';
     const btnSize = 'small';
     return /*#__PURE__*/_react.default.createElement("div", {
+      role: 'alert',
+      "aria-label": "".concat(type ? type : 'default', " type"),
       className: toastCls,
       style: style,
       onMouseEnter: this.clearCloseTimer,

package/lib/cjs/tooltip/TriangleArrow.js

@@ -37,6 +37,7 @@ const TriangleArrow = props => {
         restProps = __rest(props, ["className", "style"]);
 
   return /*#__PURE__*/_react.default.createElement("svg", (0, _assign.default)({
+    "aria-hidden": true,
     className: className,
     style: style
   }, restProps, {

package/lib/cjs/tooltip/TriangleArrowVertical.js

@@ -37,6 +37,7 @@ const TriangleArrowVertical = props => {
         restProps = __rest(props, ["className", "style"]);
 
   return /*#__PURE__*/_react.default.createElement("svg", (0, _assign.default)({
+    "aria-hidden": true,
     className: className,
     style: style
   }, restProps, {

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

@@ -36,6 +36,7 @@ export interface TooltipProps extends BaseProps {
     showArrow?: boolean | React.ReactNode;
     zIndex?: number;
     rePosKey?: string | number;
+    role?: string;
     arrowBounding?: ArrowBounding;
     transformFromCenter?: boolean;
     arrowPointAtCenter?: boolean;
@@ -57,6 +58,8 @@ interface TooltipState {
     isInsert: boolean;
     placement: Position;
     transitionStyle: Record<string, any>;
+    isPositionUpdated: boolean;
+    id: string;
 }
 export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
     static contextType: React.Context<import("../configProvider/context").ContextValue>;
@@ -92,30 +95,32 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
         transformFromCenter: PropTypes.Requireable<boolean>;
         arrowPointAtCenter: PropTypes.Requireable<boolean>;
         stopPropagation: PropTypes.Requireable<boolean>;
+        role: PropTypes.Requireable<string>;
         wrapWhenSpecial: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
-        transformFromCenter: boolean;
+        arrowBounding: {
+            readonly offsetX: 0;
+            readonly offsetY: 2;
+            readonly width: 24;
+            readonly height: 7;
+        };
+        autoAdjustOverflow: boolean;
         arrowPointAtCenter: boolean;
-        wrapWhenSpecial: boolean;
-        motion: boolean;
-        zIndex: 1060;
         trigger: string;
+        transformFromCenter: boolean;
         position: string;
         prefixCls: "semi-tooltip";
-        autoAdjustOverflow: boolean;
+        role: string;
         mouseEnterDelay: 50;
         mouseLeaveDelay: 50;
+        motion: boolean;
         onVisibleChange: (...args: any[]) => void;
         onClickOutSide: (...args: any[]) => void;
         spacing: 8;
         showArrow: boolean;
-        arrowBounding: {
-            readonly offsetX: 0;
-            readonly offsetY: 2;
-            readonly width: 24;
-            readonly height: 7;
-        };
+        wrapWhenSpecial: boolean;
+        zIndex: 1060;
     };
     eventManager: Event;
     triggerEl: React.RefObject<unknown>;
@@ -135,7 +140,6 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
     componentDidMount(): void;
     componentWillUnmount(): void;
     isSpecial: (elem: React.ReactNode | HTMLElement | any) => boolean | "disabled" | "loading";
-    willEnter: () => void;
     didLeave: () => void;
     /** for transition - end */
     rePosition(): any;