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

package/dist/umd/semi-ui.js

@@ -24579,13 +24579,14 @@ function getUuidv4() {
  */
 
 
-function getUuidShort(_ref) {
+function getUuidShort() {
   var _context3;
 
-  let {
+  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
     prefix = '',
     length = 7
-  } = _ref;
+  } = options;
   const characters = '0123456789abcdefghijklmnopqrstuvwxyz';
   const total = characters.length;
   let randomId = '';
@@ -26917,7 +26918,7 @@ class tooltip_Tooltip extends baseComponent_BaseComponent {
       placement: props.position || 'top',
       transitionStyle: {},
       isPositionUpdated: false,
-      id: getUuidv4() // auto generate id, will be used by children.aria-descriptionby & content.id, improve a11y
+      id: getUuidShort() // auto generate id, will be used by children.aria-describedby & content.id, improve a11y
 
     };
     this.foundation = new foundation_Tooltip(this.adapter);
@@ -30656,7 +30657,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
 
   external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default.a.render( /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Fragment, null), ellipsisContainer); // Check if ellipsis in measure div is height enough for content
@@ -32715,7 +32715,8 @@ function icon_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__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("defs", null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("linearGradient", {
     x1: "0%",
     y1: "100%",
@@ -34694,7 +34695,6 @@ class avatar_Avatar extends baseComponent_BaseComponent {
     const hoverRender = hoverContent ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(avatar_prefixCls, "-hover")
     }, hoverContent) : null;
-    let ariaLabel;
 
     if (isImg) {
       content = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("img", assign_default()({
@@ -34703,22 +34703,18 @@ class avatar_Avatar extends baseComponent_BaseComponent {
         onError: this.handleError,
         alt: alt
       }, imgAttr));
-      ariaLabel = 'avatar';
     } else if (typeof children === 'string') {
       content = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
         className: "".concat(avatar_prefixCls, "-content")
       }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
         className: "".concat(avatar_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
-      external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", assign_default()({
-        "aria-label": ariaLabel
-      }, others, {
+      external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", assign_default()({}, others, {
         style: style,
         className: avatarCls,
         onClick: onClick,
@@ -34872,8 +34868,7 @@ class avatarGroup_AvatarGroup extends external_root_React_commonjs2_react_common
     }
 
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: groupCls,
-      "aria-label": "avatar group"
+      className: groupCls
     }, inner);
   }
 
@@ -48118,9 +48113,7 @@ class item_CollapsePanel extends external_root_React_commonjs2_react_commonjs_re
     if (typeof header === 'string') {
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Fragment, null, iconPosLeft ? icon : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", null, header), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
         className: "".concat(collapse_constants_cssClasses.PREFIX, "-header-right")
-      }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", {
-        "aria-label": 'Extra of collapse header'
-      }, extra), iconPosLeft ? null : icon));
+      }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", null, extra), iconPosLeft ? null : icon));
     }
 
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Fragment, null, iconPosLeft ? icon : null, header, iconPosLeft ? null : icon);
@@ -48155,7 +48148,6 @@ class item_CollapsePanel extends external_root_React_commonjs2_react_commonjs_re
       ["".concat(collapse_constants_cssClasses.PREFIX, "-content")]: true
     });
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", assign_default()({
-      "aria-label": 'Collapse panel',
       className: itemCls
     }, restProps), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       role: "button",
@@ -48171,7 +48163,6 @@ class item_CollapsePanel extends external_root_React_commonjs2_react_commonjs_re
       reCalcKey: reCalcKey
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: contentCls,
-      "aria-label": 'Collapse content',
       "aria-hidden": !active,
       id: this.ariaID
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
@@ -48295,8 +48286,7 @@ class collapse_Collapse extends baseComponent_BaseComponent {
     } = this.state;
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: clsPrefix,
-      style: style,
-      "aria-label": "Collapse"
+      style: style
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(collapse_context.Provider, {
       value: {
         activeSet,
@@ -57649,6 +57639,13 @@ class scrollItem_ScrollItem extends baseComponent_BaseComponent {
     });
   }
 
+  componentWillUnmount() {
+    if (this.props.cycled) {
+      this.throttledAdjustList.cancel();
+      this.debouncedSelect.cancel();
+    }
+  }
+
   componentDidMount() {
     this.foundation.init();
     const {
@@ -60448,8 +60445,7 @@ class empty_Empty extends baseComponent_BaseComponent {
     };
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: wrapperCls,
-      style: style,
-      "aria-label": "empty placeholder image"
+      style: style
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(empty_prefixCls, "-image"),
       style: imageStyle
@@ -64044,14 +64040,16 @@ class textarea_TextArea extends baseComponent_BaseComponent {
       minLength: stateMinLength
     } = this.state;
     const wrapperCls = classnames_default()(className, "".concat(textarea_prefixCls, "-textarea-wrapper"), {
-      ["".concat(textarea_prefixCls, "-textarea-wrapper-disabled")]: disabled || readonly,
+      ["".concat(textarea_prefixCls, "-textarea-wrapper-disabled")]: disabled,
+      ["".concat(textarea_prefixCls, "-textarea-wrapper-readonly")]: readonly,
       [concat_default()(_context = "".concat(textarea_prefixCls, "-textarea-wrapper-")).call(_context, validateStatus)]: Boolean(validateStatus),
       ["".concat(textarea_prefixCls, "-textarea-wrapper-focus")]: isFocus // [`${prefixCls}-textarea-wrapper-resize`]: !autosize && resize,
 
     }); // const ref = this.props.forwardRef || this.textAreaRef;
 
     const itemCls = classnames_default()("".concat(textarea_prefixCls, "-textarea"), {
-      ["".concat(textarea_prefixCls, "-textarea-disabled")]: disabled || readonly,
+      ["".concat(textarea_prefixCls, "-textarea-disabled")]: disabled,
+      ["".concat(textarea_prefixCls, "-textarea-readonly")]: readonly,
       ["".concat(textarea_prefixCls, "-textarea-autosize")]: autosize,
       ["".concat(textarea_prefixCls, "-textarea-showClear")]: showClear
     });
@@ -64170,7 +64168,8 @@ const inputNumber_constants_numbers = assign_default()(assign_default()({}, inpu
   DEFAULT_STEP: 1,
   DEFAULT_SHIFT_STEP: 1,
   DEFAULT_PRESS_TIMEOUT: 250,
-  DEFAULT_PRESS_INTERVAL: 0
+  DEFAULT_PRESS_INTERVAL: 0,
+  MOUSE_BUTTON_LEFT: 0
 });
 
 const inputNumber_constants_strings = assign_default()({}, input_constants_strings);
@@ -64204,6 +64203,7 @@ function minus(num1, num2) {
 
 
 
+
 /* eslint-disable max-len */
 
 /* eslint-disable no-param-reassign */
@@ -64490,6 +64490,10 @@ class foundation_InputNumberFoundation extends foundation {
   }
 
   handleUpClick(event) {
+    if (!this._isMouseButtonLeft(event)) {
+      return;
+    }
+
     this._adapter.setClickUpOrDown(true);
 
     if (event) {
@@ -64509,6 +64513,10 @@ class foundation_InputNumberFoundation extends foundation {
   }
 
   handleDownClick(event) {
+    if (!this._isMouseButtonLeft(event)) {
+      return;
+    }
+
     this._adapter.setClickUpOrDown(true);
 
     if (event) {
@@ -64526,6 +64534,15 @@ class foundation_InputNumberFoundation extends foundation {
       });
     });
   }
+  /**
+   * Whether it is a left mouse button click
+   * @see https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/button
+   */
+
+
+  _isMouseButtonLeft(event) {
+    return get_default()(event, 'button') === inputNumber_constants_numbers.MOUSE_BUTTON_LEFT;
+  }
 
   _preventDefault(event) {
     const keepFocus = this._adapter.getProp('keepFocus');
@@ -65284,9 +65301,10 @@ class inputNumber_InputNumber extends baseComponent_BaseComponent {
       innerButtons,
       style,
       onNumberChange,
-      keepFocus
+      keepFocus,
+      defaultValue
     } = _a,
-          rest = inputNumber_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 = inputNumber_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,
@@ -66187,7 +66205,7 @@ class Item_NavItem extends baseComponent_BaseComponent {
     } else {
       let placeholderIcons = null;
 
-      if (mode === navigation_constants_strings.MODE_VERTICAL && !limitIndent) {
+      if (mode === navigation_constants_strings.MODE_VERTICAL && !limitIndent && !isCollapsed) {
         const iconAmount = icon && !indent ? level : level - 1;
         placeholderIcons = times_default()(iconAmount, () => this.renderIcon(null, navigation_constants_strings.ICON_POS_RIGHT, false));
       }
@@ -66632,7 +66650,7 @@ class SubNav_SubNav extends baseComponent_BaseComponent {
 
     let placeholderIcons = null;
 
-    if (mode === navigation_constants_strings.MODE_VERTICAL && !limitIndent) {
+    if (mode === navigation_constants_strings.MODE_VERTICAL && !limitIndent && !isCollapsed) {
       /* Different icons' amount means different indents.*/
       const iconAmount = icon && !indent ? level : level - 1;
       placeholderIcons = times_default()(iconAmount, index => this.renderIcon(null, navigation_constants_strings.ICON_POS_RIGHT, false, undefined, index));
@@ -67464,7 +67482,7 @@ class notificationListFoundation_NotificationListFoundation extends foundation {
     // }
 
 
-    this._adapter.updateNotices([...notices, opts]); // return id;
+    this._adapter.updateNotices([opts, ...notices]); // return id;
 
   }
 
@@ -73459,7 +73477,7 @@ class select_Select extends baseComponent_BaseComponent {
         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)
     );
   }
@@ -76680,8 +76698,7 @@ class SideSheetContent_SideSheetContent extends external_root_React_commonjs2_re
 
     if (title) {
       header = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-        className: "".concat(SideSheetContent_prefixCls, "-title"),
-        "aria-label": 'Sidesheet title'
+        className: "".concat(SideSheetContent_prefixCls, "-title")
       }, this.props.title);
     }
 
@@ -76700,6 +76717,7 @@ class SideSheetContent_SideSheetContent extends external_root_React_commonjs2_re
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(SideSheetContent_prefixCls, "-header"),
       role: 'heading',
+      "aria-level": 1,
       style: assign_default()({}, headerStyle)
     }, header, closer);
   }
@@ -76732,15 +76750,12 @@ class SideSheetContent_SideSheetContent extends external_root_React_commonjs2_re
       // onMouseDown={this.onDialogMouseDown}
       style: assign_default()(assign_default()({}, props.style), style)
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(SideSheetContent_prefixCls, "-content"),
-      "aria-label": "Sidesheet content"
+      className: "".concat(SideSheetContent_prefixCls, "-content")
     }, header, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: "".concat(SideSheetContent_prefixCls, "-body"),
-      "aria-label": "Sidesheet body",
       style: props.bodyStyle
     }, props.children), props.footer ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: "".concat(SideSheetContent_prefixCls, "-footer"),
-      "aria-label": "Sidesheet footer"
+      className: "".concat(SideSheetContent_prefixCls, "-footer")
     }, props.footer) : null));
     return dialogElement;
   }
@@ -76762,8 +76777,7 @@ class SideSheetContent_SideSheetContent extends external_root_React_commonjs2_re
 
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       className: wrapperCls,
-      style: wrapperStyle,
-      "aria-label": this.props['aria-label']
+      style: wrapperStyle
     }, this.getMaskElement(), this.getDialogElement());
   }
 
@@ -86406,15 +86420,18 @@ class Table_Table extends baseComponent_BaseComponent {
       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 = isObject_default()(statePagination) ? assign_default()(assign_default()({}, statePagination), {
-        currentPage: isObject_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 = isObject_default()(statePagination) ? assign_default()(assign_default()({}, statePagination), {
+        currentPage: isObject_default()(propsPagination) && propsPagination.currentPage ? propsPagination.currentPage : 1
+      }) : statePagination;
     }
 
     if (keys_default()(states).length) {
@@ -86601,6 +86618,7 @@ class Table_Table extends baseComponent_BaseComponent {
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
       ref: this.rootWrapRef,
       className: classnames_default()(className, "".concat(prefixCls, "-wrapper")),
+      "data-column-fixed": anyColumnFixed,
       style: wrapStyle,
       id: id
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(table_TableContextProvider, assign_default()({}, tableContextValue), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(spin_0, {
@@ -88876,7 +88894,13 @@ class foundation_TimePickerFoundation extends foundation {
       }
     }
 
-    this._adapter.notifyChange(_value, str);
+    const onChangeWithDateFirst = this.getProp('onChangeWithDateFirst');
+
+    if (onChangeWithDateFirst) {
+      this._adapter.notifyChange(_value, str);
+    } else {
+      this._adapter.notifyChange(str, _value);
+    }
   }
 
   _hasChanged() {
@@ -89343,9 +89367,7 @@ class TimePicker_TimePicker extends baseComponent_BaseComponent {
       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);
       },
@@ -89663,6 +89685,7 @@ TimePicker_TimePicker.defaultProps = assign_default()({
   onFocus: noop_default.a,
   onBlur: noop_default.a,
   onChange: noop_default.a,
+  onChangeWithDateFirst: true,
   use12Hours: false,
   focusOnOpen: false,
   onKeyDown: noop_default.a,
@@ -91260,6 +91283,7 @@ const TreeContext = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_re
 
 
 
+
 var treeNode_rest = undefined && undefined.__rest || function (s, e) {
   var t = {};
 
@@ -91722,7 +91746,14 @@ class treeNode_TreeNode extends external_root_React_commonjs2_react_commonjs_rea
           ref: this.setRef
         }, dragProps));
       } else {
-        return customLabel;
+        if (isEmpty_default()(style)) {
+          return customLabel;
+        } else {
+          // In virtualization, props.style will contain location information
+          return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.cloneElement(customLabel, {
+            style: assign_default()(assign_default()({}, get_default()(customLabel, ['props', 'style'])), style)
+          });
+        }
       }
     }
 
@@ -94500,7 +94531,7 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
     } // if treeData keys changes, we won't show animation
 
 
-    if (treeData && props.motion && !isEqual_default()(new set_default.a(keys_default()(newState.keyEntities)), new set_default.a(keys_default()(prevState.keyEntities)))) {
+    if (treeData && props.motion && !isEqual_default()(keys_default()(newState.keyEntities), keys_default()(prevState.keyEntities))) {
       if (prevProps && props.motion) {
         newState.motionKeys = new set_default.a([]);
         newState.motionType = null;
@@ -94546,7 +94577,11 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
         newState.selectedKeys = findKeysForValues(normalizeValue(props.defaultValue, withObject), valueEntities, isMultiple);
       } else if (treeData) {
         // If `treeData` changed, we also need check it
-        newState.selectedKeys = findKeysForValues(normalizeValue(props.value, withObject) || '', valueEntities, isMultiple);
+        if (props.value) {
+          newState.selectedKeys = findKeysForValues(normalizeValue(props.value, withObject) || '', valueEntities, isMultiple);
+        } else {
+          newState.selectedKeys = updateKeys(prevState.selectedKeys, keyEntities);
+        }
       }
     } else {
       // checkedKeys: multiple mode controlled || data changed
@@ -94558,7 +94593,11 @@ class treeSelect_TreeSelect extends baseComponent_BaseComponent {
         checkedKeyValues = findKeysForValues(normalizeValue(props.defaultValue, withObject), valueEntities, isMultiple);
       } else if (treeData) {
         // If `treeData` changed, we also need check it
-        checkedKeyValues = findKeysForValues(normalizeValue(props.value, withObject) || [], valueEntities, isMultiple);
+        if (props.value) {
+          checkedKeyValues = findKeysForValues(normalizeValue(props.value, withObject) || [], valueEntities, isMultiple);
+        } else {
+          checkedKeyValues = updateKeys(prevState.checkedKeys, keyEntities);
+        }
       }
 
       if (checkedKeyValues) {
@@ -96503,12 +96542,12 @@ class fileCard_FileCard extends external_root_React_commonjs2_react_commonjs_rea
       orbitStroke: '#FFF',
       "aria-label": "uploading file progress"
     }) : null, showRetry ? retry : null, showReplace && replace, showPicInfo && picInfo, !disabled && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", {
-      className: closeCls
+      className: closeCls,
+      onClick: e => this.onRemove(e)
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(IconClose, {
       tabIndex: 0,
       role: "button",
-      size: "extra-small",
-      onClick: e => this.onRemove(e)
+      size: "extra-small"
     })), this.renderPicValidateMsg());
   }