@douyinfe/semi-ui 2.12.1-alpha.1 → 2.13.0

package/lib/cjs/modal/ModalContent.js

@@ -121,9 +121,7 @@ class ModalContent extends _baseComponent.default {
       let closer;
 
       if (closable) {
-        const iconType = closeIcon || /*#__PURE__*/_react.default.createElement(_semiIcons.IconClose, {
-          "x-semi-prop": "closeIcon"
-        });
+        const iconType = closeIcon || /*#__PURE__*/_react.default.createElement(_semiIcons.IconClose, null);
 
         closer = /*#__PURE__*/_react.default.createElement(_iconButton.default, {
           "aria-label": "close",
@@ -145,8 +143,7 @@ class ModalContent extends _baseComponent.default {
         icon
       } = this.props;
       return icon ? /*#__PURE__*/_react.default.createElement("span", {
-        className: "".concat(_constants.cssClasses.DIALOG, "-icon-wrapper"),
-        "x-semi-prop": "icon"
+        className: "".concat(_constants.cssClasses.DIALOG, "-icon-wrapper")
       }, icon) : null;
     };
 
@@ -165,8 +162,7 @@ class ModalContent extends _baseComponent.default {
       }, icon, /*#__PURE__*/_react.default.createElement(_typography.default.Title, {
         heading: 5,
         className: "".concat(_constants.cssClasses.DIALOG, "-title"),
-        id: "".concat(_constants.cssClasses.DIALOG, "-title"),
-        "x-semi-prop": "title"
+        id: "".concat(_constants.cssClasses.DIALOG, "-title")
       }, title), closer);
     };
 
@@ -185,14 +181,12 @@ class ModalContent extends _baseComponent.default {
       return hasHeader ? /*#__PURE__*/_react.default.createElement("div", {
         className: bodyCls,
         id: "".concat(_constants.cssClasses.DIALOG, "-body"),
-        style: bodyStyle,
-        "x-semi-prop": "children"
+        style: bodyStyle
       }, children) : /*#__PURE__*/_react.default.createElement("div", {
         className: "".concat(_constants.cssClasses.DIALOG, "-body-wrapper")
       }, icon, /*#__PURE__*/_react.default.createElement("div", {
         className: bodyCls,
-        style: bodyStyle,
-        "x-semi-prop": "children"
+        style: bodyStyle
       }, children), closer);
     };
 
@@ -224,8 +218,7 @@ class ModalContent extends _baseComponent.default {
       const body = this.renderBody();
       const header = this.renderHeader();
       const footer = props.footer ? /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(_constants.cssClasses.DIALOG, "-footer"),
-        "x-semi-prop": "footer"
+        className: "".concat(_constants.cssClasses.DIALOG, "-footer")
       }, props.footer) : null;
 
       const dialogElement =

package/lib/cjs/notification/notice.js

@@ -143,8 +143,7 @@ class Notice extends _baseComponent.default {
 
     if (iconType) {
       return /*#__PURE__*/_react.default.createElement("div", {
-        className: iconCls,
-        "x-semi-prop": "icon"
+        className: iconCls
       }, (0, _utils.isSemiIcon)(iconType) ? /*#__PURE__*/_react.default.cloneElement(iconType, {
         size: iconType.props.size || 'large'
       }) : iconType);
@@ -202,11 +201,9 @@ class Notice extends _baseComponent.default {
         className: "".concat(prefixCls, "-content-wrapper")
       }, title ? /*#__PURE__*/_react.default.createElement("div", {
         id: titleID,
-        className: "".concat(prefixCls, "-title"),
-        "x-semi-prop": "title"
+        className: "".concat(prefixCls, "-title")
       }, title) : '', content ? /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(prefixCls, "-content"),
-        "x-semi-prop": "content"
+        className: "".concat(prefixCls, "-content")
       }, content) : ''), showClose && /*#__PURE__*/_react.default.createElement(_iconButton.default, {
         className: "".concat(prefixCls, "-icon-close"),
         type: "tertiary",

package/lib/cjs/pagination/index.js

@@ -188,8 +188,7 @@ class Pagination extends _baseComponent.default {
       "aria-disabled": prevDisabled ? true : false,
       "aria-label": "Previous",
       onClick: e => !prevDisabled && this.foundation.goPrev(e),
-      className: preClassName,
-      "x-semi-prop": "prevText"
+      className: preClassName
     }, prevText || /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronLeft, {
       size: "large"
     }));
@@ -212,8 +211,7 @@ class Pagination extends _baseComponent.default {
       "aria-disabled": nextDisabled ? true : false,
       "aria-label": "Next",
       onClick: e => !nextDisabled && this.foundation.goNext(e),
-      className: nextClassName,
-      "x-semi-prop": "prevText"
+      className: nextClassName
     }, nextText || /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronRight, {
       size: "large"
     }));

package/lib/cjs/popconfirm/index.js

@@ -150,16 +150,13 @@ class Popconfirm extends _baseComponent.default {
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-header")
     }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "".concat(prefixCls, "-header-icon"),
-      "x-semi-prop": "icon"
+      className: "".concat(prefixCls, "-header-icon")
     }, /*#__PURE__*/_react.default.isValidElement(icon) ? icon : null), /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-header-body")
     }, showTitle ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-header-title"),
-      "x-semi-prop": "title"
+      className: "".concat(prefixCls, "-header-title")
     }, title) : null, showContent ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-header-content"),
-      "x-semi-prop": "content"
+      className: "".concat(prefixCls, "-header-content")
     }, content) : null), /*#__PURE__*/_react.default.createElement(_button.default, {
       className: "".concat(prefixCls, "-btn-close"),
       icon: /*#__PURE__*/_react.default.createElement(_semiIcons.IconClose, null),

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

@@ -38,6 +38,7 @@ export interface PopoverProps extends BaseProps {
     guardFocus?: TooltipProps['guardFocus'];
     returnFocusOnClose?: TooltipProps['returnFocusOnClose'];
     onEscKeyDown?: TooltipProps['onEscKeyDown'];
+    clickToHide?: TooltipProps['clickToHide'];
 }
 export interface PopoverState {
     popConfirmVisible: boolean;

package/lib/cjs/radio/radio.d.ts

@@ -75,7 +75,7 @@ declare class Radio extends BaseComponent<RadioProps, RadioState> {
         prefixCls?: string;
         name?: string;
         onChange?: (e: RadioChangeEvent) => void;
-        buttonSize?: "small" | "large" | "middle";
+        buttonSize?: "small" | "middle" | "large";
         isCardRadio?: boolean;
         isPureCardRadio?: boolean;
     };

package/lib/cjs/radio/radio.js

@@ -188,12 +188,10 @@ class Radio extends _baseComponent.default {
     const renderContent = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children ? /*#__PURE__*/_react.default.createElement("span", {
       className: addonCls,
       style: addonStyle,
-      id: this.addonId,
-      "x-semi-prop": "children"
+      id: addonId
     }, children) : null, extra && !isButtonRadio ? /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefix, "-extra"),
-      id: this.extraId,
-      "x-semi-prop": "extra"
+      id: extraId
     }, extra) : null);
 
     return /*#__PURE__*/_react.default.createElement("label", {

package/lib/cjs/radio/radioGroup.d.ts

@@ -48,7 +48,7 @@ declare class RadioGroup extends BaseComponent<RadioGroupProps, RadioGroupState>
         disabled: PropTypes.Requireable<boolean>;
         name: PropTypes.Requireable<string>;
         options: PropTypes.Requireable<any[]>;
-        buttonSize: PropTypes.Requireable<"small" | "large" | "middle">;
+        buttonSize: PropTypes.Requireable<"small" | "middle" | "large">;
         type: PropTypes.Requireable<"default" | "button" | "card" | "pureCard">;
         value: PropTypes.Requireable<any>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/cjs/rating/item.js

@@ -126,8 +126,7 @@ class Item extends _react.PureComponent {
         width: "".concat(firstWidth * 100, "%")
       }
     }, content), /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-second"),
-      "x-semi-prop": "character"
+      className: "".concat(prefixCls, "-second")
     }, content)));
   }
 

package/lib/cjs/scrollList/index.js

@@ -55,19 +55,16 @@ class ScrollList extends _baseComponent.default {
     }, header ? /*#__PURE__*/_react.default.createElement("div", {
       className: clsHeader
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(clsHeader, "-title"),
-      "x-semi-prop": this.props['x-semi-header-alias'] || "header"
+      className: "".concat(clsHeader, "-title")
     }, header), /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(clsWrapper, "-line")
     })) : null, /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(clsWrapper, "-body"),
       style: {
         height: bodyHeight ? bodyHeight : ''
-      },
-      "x-semi-prop": "children"
+      }
     }, children), footer ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(clsWrapper, "-footer"),
-      "x-semi-prop": this.props['x-semi-footer-alias'] || "footer"
+      className: "".concat(clsWrapper, "-footer")
     }, footer) : null);
   }
 

package/lib/cjs/select/index.js

@@ -718,8 +718,7 @@ class Select extends _baseComponent.default {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: contentWrapperCls
     }, /*#__PURE__*/_react.default.createElement("span", {
-      className: spanCls,
-      "x-semi-prop": "placeholder"
+      className: spanCls
     }, renderText || renderText === 0 ? renderText : placeholder), filterable && showInput ? this.renderInput() : null));
   }
 
@@ -878,8 +877,7 @@ class Select extends _baseComponent.default {
       ["".concat(prefixcls, "-suffix-icon")]: (0, _utils2.isSemiIcon)(suffix)
     });
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: suffixWrapperCls,
-      "x-semi-prop": "suffix"
+      className: suffixWrapperCls
     }, suffix);
   }
 
@@ -898,8 +896,7 @@ class Select extends _baseComponent.default {
     });
     return /*#__PURE__*/_react.default.createElement("div", {
       className: prefixWrapperCls,
-      id: insetLabelId,
-      "x-semi-prop": "prefix,insetLabel"
+      id: insetLabelId
     }, labelNode);
   }
 
@@ -951,8 +948,7 @@ class Select extends _baseComponent.default {
     });
     const showClear = this.props.showClear && (selections.size || inputValue) && !disabled && (isHovering || isOpen);
     const arrowContent = showArrow ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixcls, "-arrow"),
-      "x-semi-prop": "arrowIcon"
+      className: "".concat(prefixcls, "-arrow")
     }, arrowIcon) : /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixcls, "-arrow-empty")
     });

package/lib/cjs/select/option.js

@@ -129,8 +129,7 @@ class Option extends _react.PureComponent {
       return /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
         componentName: "Select"
       }, locale => /*#__PURE__*/_react.default.createElement("div", {
-        className: optionClassName,
-        "x-semi-prop": "emptyContent"
+        className: optionClassName
       }, emptyContent || locale.emptyText));
     } // Since there are empty, locale and other logic, the custom renderOptionItem is directly converged to the internal option instead of being placed in Select/index
 

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"),
-        "x-semi-prop": "title"
+        className: "".concat(prefixCls, "-title")
       }, this.props.title);
     }
 
@@ -159,11 +158,9 @@ class SideSheetContent extends _react.default.PureComponent {
       className: "".concat(prefixCls, "-content")
     }, header, /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-body"),
-      style: props.bodyStyle,
-      "x-semi-prop": "children"
+      style: props.bodyStyle
     }, props.children), props.footer ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-footer"),
-      "x-semi-prop": "footer"
+      className: "".concat(prefixCls, "-footer")
     }, props.footer) : null));
 
     return dialogElement;

package/lib/cjs/skeleton/index.js

@@ -71,9 +71,7 @@ class Skeleton extends _react.PureComponent {
       content = /*#__PURE__*/_react.default.createElement("div", (0, _assign.default)({
         className: skCls,
         style: style
-      }, others, {
-        "x-semi-prop": "placeholder"
-      }), placeholder);
+      }, others), placeholder);
     } else {
       content = children;
     }

package/lib/cjs/space/index.js

@@ -95,8 +95,7 @@ class Space extends _react.PureComponent {
     const childrenNodes = (0, _utils.flatten)(children);
     return /*#__PURE__*/_react.default.createElement("div", {
       className: classNames,
-      style: realStyle,
-      "x-semi-prop": "children"
+      style: realStyle
     }, childrenNodes);
   }
 

package/lib/cjs/spin/index.js

@@ -89,11 +89,8 @@ class Spin extends _baseComponent.default {
     return loading ? /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-wrapper")
     }, indicator ? /*#__PURE__*/_react.default.createElement("div", {
-      className: spinIconCls,
-      "x-semi-prop": "indicator"
-    }, indicator) : /*#__PURE__*/_react.default.createElement(_icon.default, null), tip ? /*#__PURE__*/_react.default.createElement("div", {
-      "x-semi-prop": "tip"
-    }, tip) : null) : null;
+      className: spinIconCls
+    }, indicator) : /*#__PURE__*/_react.default.createElement(_icon.default, null), tip ? /*#__PURE__*/_react.default.createElement("div", null, tip) : null) : null;
   }
 
   render() {
@@ -120,8 +117,7 @@ class Spin extends _baseComponent.default {
       style: style
     }, this.renderSpin(), /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-children"),
-      style: childStyle,
-      "x-semi-prop": "children"
+      style: childStyle
     }, children));
   }
 

package/lib/cjs/switch/index.js

@@ -139,21 +139,19 @@ class Switch extends _baseComponent.default {
       className: _constants.cssClasses.KNOB,
       "aria-hidden": true
     }), showCheckedText ? /*#__PURE__*/_react.default.createElement("div", {
-      className: _constants.cssClasses.CHECKED_TEXT,
-      "x-semi-prop": "checkedText"
+      className: _constants.cssClasses.CHECKED_TEXT
     }, checkedText) : null, showUncheckedText ? /*#__PURE__*/_react.default.createElement("div", {
-      className: _constants.cssClasses.UNCHECKED_TEXT,
-      "x-semi-prop": "uncheckedText"
+      className: _constants.cssClasses.UNCHECKED_TEXT
     }, uncheckedText) : null, /*#__PURE__*/_react.default.createElement("input", (0, _assign.default)({}, switchProps, {
       ref: this.switchRef,
       id: id,
-      role: "switch",
+      role: 'switch',
       "aria-checked": nativeControlChecked,
       "aria-invalid": this.props['aria-invalid'],
       "aria-errormessage": this.props['aria-errormessage'],
       "aria-label": this.props['aria-label'],
       "aria-labelledby": this.props['aria-labelledby'],
-      "aria-describedby": this.props['aria-describedby'],
+      "aria-describedby": this.props["aria-describedby"],
       "aria-disabled": this.props['disabled'],
       onChange: e => this.foundation.handleChange(e.target.checked, e),
       onFocus: e => this.handleFocusVisible(e),

package/lib/cjs/table/Table.js

@@ -642,8 +642,7 @@ class Table extends _baseComponent.default {
       }
 
       return /*#__PURE__*/(0, _react.isValidElement)(title) || typeof title === 'string' ? /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(prefixCls, "-title"),
-        "x-semi-prop": "title"
+        className: "".concat(prefixCls, "-title")
       }, title) : null;
     };
 
@@ -668,8 +667,7 @@ class Table extends _baseComponent.default {
       }, (locale, localeCode) => /*#__PURE__*/_react.default.createElement("div", {
         className: wrapCls
       }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(prefixCls, "-empty"),
-        "x-semi-prop": "empty"
+        className: "".concat(prefixCls, "-empty")
       }, empty || locale.emptyText)));
     };
 
@@ -689,8 +687,7 @@ class Table extends _baseComponent.default {
 
       return /*#__PURE__*/(0, _react.isValidElement)(footer) || typeof footer === 'string' ? /*#__PURE__*/_react.default.createElement("div", {
         className: "".concat(prefixCls, "-footer"),
-        key: "footer",
-        "x-semi-prop": "footer"
+        key: "footer"
       }, footer) : null;
     };
 

package/lib/cjs/tabs/TabBar.js

@@ -271,8 +271,7 @@ class TabBar extends _react.default.Component {
       const tabBarStyle = (0, _assign.default)((0, _assign.default)({}, tabBarExtraContentDefaultStyle), tabBarExtraContentStyle);
       return /*#__PURE__*/_react.default.createElement("div", {
         className: extraCls,
-        style: tabBarStyle,
-        "x-semi-prop": "tabBarExtraContent"
+        style: tabBarStyle
       }, tabBarExtraContent);
     }
 

package/lib/cjs/tabs/TabPane.js

@@ -143,17 +143,14 @@ class TabPane extends _react.PureComponent {
       style: style,
       "aria-hidden": active ? 'false' : 'true',
       tabIndex: 0
-    }, (0, _getDataAttr.default)(restProps), {
-      "x-semi-prop": "children"
-    }), motion ? /*#__PURE__*/_react.default.createElement(_TabPaneTransition.default, {
+    }, (0, _getDataAttr.default)(restProps)), motion ? /*#__PURE__*/_react.default.createElement(_TabPaneTransition.default, {
       direction: this.getDirection(this.context.activeKey, itemKey, this.context.panes),
       motion: motion,
       mode: tabPosition === 'top' ? 'horizontal' : 'vertical',
       state: active ? 'enter' : 'leave'
     }, transitionStyle => /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(_constants.cssClasses.TABS_PANE_MOTION_OVERLAY),
-      style: (0, _assign.default)({}, transitionStyle),
-      "x-semi-prop": "children"
+      style: (0, _assign.default)({}, transitionStyle)
     }, shouldRender ? children : null)) : shouldRender ? children : null);
   }
 

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

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { strings } from '@douyinfe/semi-foundation/lib/cjs/tagInput/constants';
 import '@douyinfe/semi-foundation/lib/cjs/tagInput/tagInput.css';
-import { TagInputAdapter } from '@douyinfe/semi-foundation/lib/cjs/tagInput/foundation';
+import TagInputFoundation, { TagInputAdapter } from '@douyinfe/semi-foundation/lib/cjs/tagInput/foundation';
 import { ArrayElement } from '../_base/base';
 import BaseComponent from '../_base/baseComponent';
 import { PopoverProps } from '../popover';
@@ -32,6 +32,8 @@ export interface TagInputProps {
     onKeyDown?: (e: React.MouseEvent<HTMLInputElement>) => void;
     onRemove?: (removedValue: string, idx: number) => void;
     placeholder?: string;
+    insetLabel?: React.ReactNode;
+    insetLabelId?: string;
     prefix?: React.ReactNode;
     renderTagItem?: (value: string, index: number) => React.ReactNode;
     separator?: string | string[] | null;
@@ -108,6 +110,7 @@ declare class TagInput extends BaseComponent<TagInputProps, TagInputState> {
         onKeyDown: (...args: any[]) => void;
     };
     inputRef: React.RefObject<HTMLInputElement>;
+    foundation: TagInputFoundation;
     constructor(props: TagInputProps);
     static getDerivedStateFromProps(nextProps: TagInputProps, prevState: TagInputState): {
         tagsArray: string[];
@@ -124,6 +127,8 @@ declare class TagInput extends BaseComponent<TagInputProps, TagInputState> {
     handleTagClose: (idx: number) => void;
     handleInputMouseLeave: (e: React.MouseEvent<HTMLDivElement>) => void;
     handleInputMouseEnter: (e: React.MouseEvent<HTMLDivElement>) => void;
+    handleClickPrefixOrSuffix: (e: React.MouseEvent<HTMLInputElement>) => void;
+    handlePreventMouseDown: (e: React.MouseEvent<HTMLInputElement>) => void;
     renderClearBtn(): JSX.Element;
     renderPrefix(): JSX.Element;
     renderSuffix(): JSX.Element;

package/lib/cjs/tagInput/index.js

@@ -40,6 +40,8 @@ require("@douyinfe/semi-foundation/lib/cjs/tagInput/tagInput.css");
 
 var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/tagInput/foundation"));
 
+var _utils = require("../_utils");
+
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
 
 var _tag = _interopRequireDefault(require("../tag"));
@@ -94,6 +96,14 @@ class TagInput extends _baseComponent.default {
       this.foundation.handleInputMouseEnter();
     };
 
+    this.handleClickPrefixOrSuffix = e => {
+      this.foundation.handleClickPrefixOrSuffix(e);
+    };
+
+    this.handlePreventMouseDown = e => {
+      this.foundation.handlePreventMouseDown(e);
+    };
+
     this.foundation = new _foundation.default(this.adapter);
     this.state = {
       tagsArray: props.defaultValue || [],
@@ -145,6 +155,19 @@ class TagInput extends _baseComponent.default {
           focusing
         });
       },
+      toggleFocusing: isFocus => {
+        const input = this.inputRef && this.inputRef.current;
+
+        if (isFocus) {
+          input && input.focus();
+        } else {
+          input && input.blur();
+        }
+
+        this.setState({
+          focusing: isFocus
+        });
+      },
       setHovering: hovering => {
         this.setState({
           hovering
@@ -215,22 +238,29 @@ class TagInput extends _baseComponent.default {
 
   renderPrefix() {
     const {
-      prefix
+      prefix,
+      insetLabel,
+      insetLabelId
     } = this.props;
+    const labelNode = prefix || insetLabel;
 
-    if ((0, _isNull2.default)(prefix) || (0, _isUndefined2.default)(prefix)) {
+    if ((0, _isNull2.default)(labelNode) || (0, _isUndefined2.default)(labelNode)) {
       return null;
     }
 
     const prefixWrapperCls = (0, _classnames.default)("".concat(prefixCls, "-prefix"), {
-      ["".concat(prefixCls, "-prefix-text")]: prefix && (0, _isString2.default)(prefix),
+      ["".concat(prefixCls, "-inset-label")]: insetLabel,
+      ["".concat(prefixCls, "-prefix-text")]: labelNode && (0, _isString2.default)(labelNode),
       // eslint-disable-next-line max-len
-      ["".concat(prefixCls, "-prefix-icon")]: /*#__PURE__*/_react.default.isValidElement(prefix) && !(prefix && (0, _isString2.default)(prefix))
-    });
+      ["".concat(prefixCls, "-prefix-icon")]: (0, _utils.isSemiIcon)(labelNode)
+    }); // eslint-disable-next-line jsx-a11y/no-static-element-interactions,jsx-a11y/click-events-have-key-events
+
     return /*#__PURE__*/_react.default.createElement("div", {
       className: prefixWrapperCls,
-      "x-semi-prop": "prefix"
-    }, prefix);
+      onMouseDown: this.handlePreventMouseDown,
+      onClick: this.handleClickPrefixOrSuffix,
+      id: insetLabelId
+    }, labelNode);
   }
 
   renderSuffix() {
@@ -245,11 +275,13 @@ class TagInput extends _baseComponent.default {
     const suffixWrapperCls = (0, _classnames.default)("".concat(prefixCls, "-suffix"), {
       ["".concat(prefixCls, "-suffix-text")]: suffix && (0, _isString2.default)(suffix),
       // eslint-disable-next-line max-len
-      ["".concat(prefixCls, "-suffix-icon")]: /*#__PURE__*/_react.default.isValidElement(suffix) && !(suffix && (0, _isString2.default)(suffix))
-    });
+      ["".concat(prefixCls, "-suffix-icon")]: (0, _utils.isSemiIcon)(suffix)
+    }); // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
+
     return /*#__PURE__*/_react.default.createElement("div", {
       className: suffixWrapperCls,
-      "x-semi-prop": "suffix"
+      onMouseDown: this.handlePreventMouseDown,
+      onClick: this.handleClickPrefixOrSuffix
     }, suffix);
   }
 
@@ -274,7 +306,7 @@ class TagInput extends _baseComponent.default {
     const typoCls = (0, _classnames.default)("".concat(prefixCls, "-wrapper-typo"), {
       ["".concat(prefixCls, "-wrapper-typo-disabled")]: disabled
     });
-    const spanNotWithPopoverCls = (0, _classnames.default)("".concat(prefixCls, "-wrapper-n"), {
+    const restTagsCls = (0, _classnames.default)("".concat(prefixCls, "-wrapper-n"), {
       ["".concat(prefixCls, "-wrapper-n-disabled")]: disabled
     });
     const restTags = [];
@@ -314,17 +346,18 @@ class TagInput extends _baseComponent.default {
         tags.push(item);
       }
     });
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, tags, restTags.length > 0 && (showRestTagsPopover && !disabled ? /*#__PURE__*/_react.default.createElement(_popover.default, (0, _assign.default)({
+
+    const restTagsContent = /*#__PURE__*/_react.default.createElement("span", {
+      className: restTagsCls
+    }, "+", tagsArray.length - maxTagCount);
+
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, tags, restTags.length > 0 && (showRestTagsPopover ? /*#__PURE__*/_react.default.createElement(_popover.default, (0, _assign.default)({
       content: restTags,
       showArrow: true,
       trigger: "hover",
       position: "top",
       autoAdjustOverflow: true
-    }, restTagsPopoverProps), /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)("".concat(prefixCls, "-wrapper-n"))
-    }, "+", tagsArray.length - maxTagCount)) : /*#__PURE__*/_react.default.createElement("span", {
-      className: spanNotWithPopoverCls
-    }, "+".concat(tagsArray.length - maxTagCount))));
+    }, restTagsPopoverProps), restTagsContent) : restTagsContent));
   }
 
   blur() {

package/lib/cjs/timePicker/Combobox.js

@@ -311,9 +311,7 @@ class Combobox extends _baseComponent.default {
       componentName: "TimePicker"
     }, (locale, localeCode) => /*#__PURE__*/_react.default.createElement(_index.default, {
       header: panelHeader,
-      footer: panelFooter,
-      "x-semi-header-alias": "panelHeader",
-      "x-semi-footer-alias": "panelFooter"
+      footer: panelFooter
     }, this.renderAMPMSelect(locale, localeCode), this.renderHourSelect(value.getHours(), locale), this.renderMinuteSelect(value.getMinutes(), locale), this.renderSecondSelect(value.getSeconds(), locale)));
   }
 

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

@@ -97,11 +97,11 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
         'aria-required': PropTypes.Requireable<boolean>;
         prefixCls: PropTypes.Requireable<string>;
         clearText: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<string | number | string[] | Date | number[] | Date[]>;
+        value: PropTypes.Requireable<string | number | string[] | number[] | Date | Date[]>;
         inputReadOnly: PropTypes.Requireable<boolean>;
         disabled: PropTypes.Requireable<boolean>;
         showClear: PropTypes.Requireable<boolean>;
-        defaultValue: PropTypes.Requireable<string | number | string[] | Date | number[] | Date[]>;
+        defaultValue: PropTypes.Requireable<string | number | string[] | number[] | Date | Date[]>;
         open: PropTypes.Requireable<boolean>;
         defaultOpen: PropTypes.Requireable<boolean>;
         onOpenChange: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -6,5 +6,5 @@ import PropTypes from 'prop-types';
  * - \[12:00:12, 12:21:12]
  * - \[[12:00:12, 12:21:12], [12:11:12, 12:32:12]]
  */
-declare const TimeShape: PropTypes.Requireable<string | number | string[] | Date | number[] | Date[]>;
+declare const TimeShape: PropTypes.Requireable<string | number | string[] | number[] | Date | Date[]>;
 export { TimeShape };

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

@@ -18,11 +18,11 @@ export default class LocaleTimePicker extends React.PureComponent<LocalePickerPr
         '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[] | Date | number[] | Date[]>;
+        value: import("prop-types").Requireable<string | number | string[] | number[] | Date | Date[]>;
         inputReadOnly: import("prop-types").Requireable<boolean>;
         disabled: import("prop-types").Requireable<boolean>;
         showClear: import("prop-types").Requireable<boolean>;
-        defaultValue: import("prop-types").Requireable<string | number | string[] | Date | number[] | Date[]>;
+        defaultValue: import("prop-types").Requireable<string | number | string[] | number[] | Date | Date[]>;
         open: import("prop-types").Requireable<boolean>;
         defaultOpen: import("prop-types").Requireable<boolean>;
         onOpenChange: import("prop-types").Requireable<(...args: any[]) => any>;