@douyinfe/semi-ui 2.26.0-beta.0 → 2.27.0-alpha.0

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

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

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

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

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

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

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

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

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

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

package/lib/cjs/carousel/CarouselIndicator.d.ts

@@ -12,7 +12,7 @@ declare class CarouselIndicator extends React.PureComponent<CarouselIndicatorPro
         total: PropTypes.Requireable<number>;
         onIndicatorChange: PropTypes.Requireable<(...args: any[]) => any>;
         type: PropTypes.Requireable<"line" | "dot" | "columnar">;
-        trigger: PropTypes.Requireable<"hover" | "click">;
+        trigger: PropTypes.Requireable<"click" | "hover">;
     };
     onIndicatorChange: (activeIndex: number) => void;
     handleIndicatorClick: (activeIndex: number) => void;

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

@@ -30,7 +30,7 @@ declare class Carousel extends BaseComponent<CarouselProps, CarouselState> {
         slideDirection: PropTypes.Requireable<"left" | "right">;
         speed: PropTypes.Requireable<number>;
         style: PropTypes.Requireable<object>;
-        trigger: PropTypes.Requireable<"hover" | "click">;
+        trigger: PropTypes.Requireable<"click" | "hover">;
     };
     static defaultProps: CarouselProps;
     foundation: CarouselFoundation;

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

@@ -110,7 +110,7 @@ declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
         zIndex: PropTypes.Requireable<number>;
         value: PropTypes.Requireable<NonNullable<string | number | any[]>>;
         validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
-        showNext: PropTypes.Requireable<"hover" | "click">;
+        showNext: PropTypes.Requireable<"click" | "hover">;
         stopPropagation: PropTypes.Requireable<NonNullable<string | boolean>>;
         showClear: PropTypes.Requireable<boolean>;
         defaultOpen: PropTypes.Requireable<boolean>;

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

@@ -48,7 +48,7 @@ export default class Item extends PureComponent<CascaderItemProps> {
         onItemClick: PropTypes.Requireable<(...args: any[]) => any>;
         onItemHover: PropTypes.Requireable<(...args: any[]) => any>;
         multiple: PropTypes.Requireable<boolean>;
-        showNext: PropTypes.Requireable<"hover" | "click">;
+        showNext: PropTypes.Requireable<"click" | "hover">;
         checkedKeys: PropTypes.Requireable<object>;
         halfCheckedKeys: PropTypes.Requireable<object>;
         onItemCheckboxClick: PropTypes.Requireable<(...args: any[]) => any>;

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

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

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

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

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

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

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

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

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

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

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

@@ -83,7 +83,7 @@ declare class Input extends BaseComponent<InputProps, InputState> {
         showClear: PropTypes.Requireable<boolean>;
         hideSuffix: PropTypes.Requireable<boolean>;
         placeholder: PropTypes.Requireable<any>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
         validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;

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

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

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

@@ -58,7 +58,7 @@ declare class Popover extends React.PureComponent<PopoverProps, PopoverState> {
         margin: PropTypes.Requireable<NonNullable<number | object>>;
         mouseEnterDelay: PropTypes.Requireable<number>;
         mouseLeaveDelay: PropTypes.Requireable<number>;
-        trigger: PropTypes.Validator<NonNullable<"hover" | "focus" | "click" | "custom">>;
+        trigger: PropTypes.Validator<NonNullable<"click" | "focus" | "hover" | "custom">>;
         contentClassName: PropTypes.Requireable<NonNullable<string | any[]>>;
         onVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
         onClickOutSide: PropTypes.Requireable<(...args: any[]) => any>;

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

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

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

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

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

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

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

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

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

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

package/lib/cjs/tabs/TabBar.d.ts

@@ -31,6 +31,7 @@ declare class TabBar extends React.Component<TabBarProps, TabBarState> {
     renderExtra(): ReactNode;
     handleItemClick: (itemKey: string, e: MouseEvent<Element>) => void;
     handleKeyDown: (event: React.KeyboardEvent, itemKey: string, closable: boolean) => void;
+    renderTabItemInOverflowList: (panel: PlainTab) => ReactNode;
     renderTabItem: (panel: PlainTab) => ReactNode;
     renderTabComponents: (list: Array<PlainTab>) => Array<ReactNode>;
     handleArrowClick: (items: Array<OverflowItem>, pos: 'start' | 'end') => void;

package/lib/cjs/tabs/TabBar.js

@@ -27,6 +27,8 @@ var _semiIcons = require("@douyinfe/semi-icons");
 
 var _uuid = require("@douyinfe/semi-foundation/lib/cjs/utils/uuid");
 
+var _TabItem = _interopRequireDefault(require("./TabItem"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var __rest = void 0 && (void 0).__rest || function (s, e) {
@@ -64,7 +66,7 @@ class TabBar extends _react.default.Component {
       this.props.handleKeyDown(event, itemKey, closable);
     };
 
-    this.renderTabItem = panel => {
+    this.renderTabItemInOverflowList = panel => {
       const {
         size,
         type,
@@ -109,6 +111,30 @@ class TabBar extends _react.default.Component {
       }), panelIcon, panel.tab, closableIcon);
     };
 
+    this.renderTabItem = panel => {
+      const {
+        size,
+        type,
+        deleteTabItem,
+        handleKeyDown,
+        tabPosition
+      } = this.props;
+
+      const isSelected = this._isActive(panel.itemKey);
+
+      return /*#__PURE__*/_react.default.createElement(_TabItem.default, Object.assign({
+        key: this._getItemKey(panel.itemKey)
+      }, panel, {
+        selected: isSelected,
+        size: size,
+        type: type,
+        tabPosition: tabPosition,
+        handleKeyDown: handleKeyDown,
+        deleteTabItem: deleteTabItem,
+        onClick: this.handleItemClick
+      }));
+    };
+
     this.renderTabComponents = list => list.map(panel => this.renderTabItem(panel));
 
     this.handleArrowClick = (items, pos) => {
@@ -214,7 +240,7 @@ class TabBar extends _react.default.Component {
         overflowRenderer: this.renderOverflow,
         renderMode: "scroll",
         className: "".concat(_constants.cssClasses.TABS_BAR, "-overflow-list"),
-        visibleItemRenderer: this.renderTabItem
+        visibleItemRenderer: this.renderTabItemInOverflowList
       });
     };
 

package/lib/cjs/tabs/TabItem.d.ts

@@ -0,0 +1,38 @@
+import React, { ReactNode, MouseEvent } from 'react';
+import PropTypes from 'prop-types';
+import { TabType, TabSize, TabPosition } from './interface';
+export interface TabItemProps {
+    tab?: ReactNode;
+    icon?: ReactNode;
+    size?: TabSize;
+    type?: TabType;
+    tabPosition?: TabPosition;
+    selected?: boolean;
+    closable?: boolean;
+    disabled?: boolean;
+    itemKey?: string;
+    handleKeyDown?: (event: React.KeyboardEvent, itemKey: string, closable: boolean) => void;
+    deleteTabItem?: (tabKey: string, event: MouseEvent<Element>) => void;
+    onClick?: (itemKey: string, e: MouseEvent<Element>) => void;
+}
+export default class TabItem extends React.Component<TabItemProps> {
+    static propsTypes: {
+        tab: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        size: PropTypes.Requireable<string>;
+        type: PropTypes.Requireable<string>;
+        tabPosition: PropTypes.Requireable<string>;
+        selected: PropTypes.Requireable<boolean>;
+        closable: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        itemKey: PropTypes.Requireable<string>;
+        handleKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+        deleteTabItem: PropTypes.Requireable<(...args: any[]) => any>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    static elementType: string;
+    renderIcon(icon: ReactNode): ReactNode;
+    handleKeyDown: (event: React.KeyboardEvent) => void;
+    handleClick: (e: React.MouseEvent) => void;
+    render(): JSX.Element;
+}

package/lib/cjs/tabs/TabItem.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/tabs/constants");
+
+var _semiIcons = require("@douyinfe/semi-icons");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+class TabItem extends _react.default.Component {
+  constructor() {
+    super(...arguments);
+
+    this.handleKeyDown = event => {
+      const {
+        itemKey,
+        closable,
+        handleKeyDown
+      } = this.props;
+      handleKeyDown && handleKeyDown(event, itemKey, closable);
+    };
+
+    this.handleClick = e => {
+      const {
+        itemKey,
+        onClick,
+        disabled
+      } = this.props;
+      !disabled && onClick && onClick(itemKey, e);
+    };
+  }
+
+  renderIcon(icon) {
+    return /*#__PURE__*/_react.default.createElement("span", null, icon);
+  }
+
+  render() {
+    const {
+      tab,
+      size,
+      type,
+      icon,
+      selected,
+      closable,
+      disabled,
+      itemKey,
+      deleteTabItem,
+      tabPosition
+    } = this.props;
+    const panelIcon = icon ? this.renderIcon(icon) : null;
+    const className = (0, _classnames.default)(_constants.cssClasses.TABS_TAB, "".concat(_constants.cssClasses.TABS_TAB, "-").concat(type), "".concat(_constants.cssClasses.TABS_TAB, "-").concat(tabPosition), "".concat(_constants.cssClasses.TABS_TAB, "-single"), {
+      [_constants.cssClasses.TABS_TAB_ACTIVE]: selected,
+      [_constants.cssClasses.TABS_TAB_DISABLED]: disabled,
+      ["".concat(_constants.cssClasses.TABS_TAB, "-small")]: size === 'small',
+      ["".concat(_constants.cssClasses.TABS_TAB, "-medium")]: size === 'medium'
+    });
+    const closableIcon = type === 'card' && closable ? /*#__PURE__*/_react.default.createElement(_semiIcons.IconClose, {
+      "aria-label": "Close",
+      role: "button",
+      className: "".concat(_constants.cssClasses.TABS_TAB, "-icon-close"),
+      onClick: e => deleteTabItem(itemKey, e)
+    }) : null;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      role: "tab",
+      id: "semiTab".concat(itemKey),
+      "data-tabkey": "semiTab".concat(itemKey),
+      "aria-controls": "semiTabPanel".concat(itemKey),
+      "aria-disabled": disabled ? 'true' : 'false',
+      "aria-selected": selected ? 'true' : 'false',
+      tabIndex: selected ? 0 : -1,
+      onKeyDown: this.handleKeyDown,
+      onClick: this.handleClick,
+      className: className
+    }, panelIcon, tab, closableIcon);
+  }
+
+}
+
+exports.default = TabItem;
+TabItem.propsTypes = {
+  tab: _propTypes.default.node,
+  icon: _propTypes.default.node,
+  size: _propTypes.default.oneOf(_constants.strings.SIZE),
+  type: _propTypes.default.oneOf(_constants.strings.TYPE_MAP),
+  tabPosition: _propTypes.default.oneOf(_constants.strings.POSITION_MAP),
+  selected: _propTypes.default.bool,
+  closable: _propTypes.default.bool,
+  disabled: _propTypes.default.bool,
+  itemKey: _propTypes.default.string,
+  handleKeyDown: _propTypes.default.func,
+  deleteTabItem: _propTypes.default.func,
+  onClick: _propTypes.default.func
+};
+TabItem.elementType = 'TabItem';

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

@@ -4,6 +4,7 @@ import TabsFoundation, { TabsAdapter } from '@douyinfe/semi-foundation/lib/cjs/t
 import BaseComponent from '../_base/baseComponent';
 import '@douyinfe/semi-foundation/lib/cjs/tabs/tabs.css';
 import TabPane from './TabPane';
+import TabItem from './TabItem';
 import { PlainTab, TabsProps } from './interface';
 export * from './interface';
 export interface TabsState {
@@ -14,6 +15,7 @@ export interface TabsState {
 }
 declare class Tabs extends BaseComponent<TabsProps, TabsState> {
     static TabPane: typeof TabPane;
+    static TabItem: typeof TabItem;
     static propTypes: {
         activeKey: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;

package/lib/cjs/tabs/index.js

@@ -32,6 +32,8 @@ var _TabBar = _interopRequireDefault(require("./TabBar"));
 
 var _TabPane = _interopRequireDefault(require("./TabPane"));
 
+var _TabItem = _interopRequireDefault(require("./TabItem"));
+
 var _tabsContext = _interopRequireDefault(require("./tabs-context"));
 
 var _interface = require("./interface");
@@ -379,6 +381,7 @@ class Tabs extends _baseComponent.default {
 }
 
 Tabs.TabPane = _TabPane.default;
+Tabs.TabItem = _TabItem.default;
 Tabs.propTypes = {
   activeKey: _propTypes.default.string,
   className: _propTypes.default.string,

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

@@ -56,6 +56,7 @@ export interface TagInputState {
     focusing?: boolean;
     hovering?: boolean;
     active?: boolean;
+    entering?: boolean;
 }
 declare class TagInput extends BaseComponent<TagInputProps, TagInputState> {
     static propTypes: {
@@ -91,7 +92,7 @@ declare class TagInput extends BaseComponent<TagInputProps, TagInputState> {
         onAdd: PropTypes.Requireable<(...args: any[]) => any>;
         onRemove: PropTypes.Requireable<(...args: any[]) => any>;
         onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
         prefix: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         suffix: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
@@ -151,6 +152,8 @@ declare class TagInput extends BaseComponent<TagInputProps, TagInputState> {
     renderTags(): JSX.Element;
     blur(): void;
     focus(): void;
+    handleInputCompositionStart: (e: any) => void;
+    handleInputCompositionEnd: (e: any) => void;
     render(): JSX.Element;
 }
 export default TagInput;

package/lib/cjs/tagInput/index.js

@@ -186,13 +186,22 @@ class TagInput extends _baseComponent.default {
       this.foundation.handleSortEnd(callbackProps);
     };
 
+    this.handleInputCompositionStart = e => {
+      this.foundation.handleInputCompositionStart(e);
+    };
+
+    this.handleInputCompositionEnd = e => {
+      this.foundation.handleInputCompositionEnd(e);
+    };
+
     this.foundation = new _foundation.default(this.adapter);
     this.state = {
       tagsArray: props.defaultValue || [],
       inputValue: '',
       focusing: false,
       hovering: false,
-      active: false
+      active: false,
+      entering: false
     };
     this.inputRef = /*#__PURE__*/_react.default.createRef();
     this.tagInputRef = /*#__PURE__*/_react.default.createRef();
@@ -268,6 +277,11 @@ class TagInput extends _baseComponent.default {
           active
         });
       },
+      setEntering: entering => {
+        this.setState({
+          entering
+        });
+      },
       getClickOutsideHandler: () => {
         return this.clickOutsideHandler;
       },
@@ -558,7 +572,9 @@ class TagInput extends _baseComponent.default {
         },
         onFocus: e => {
           this.handleInputFocus(e);
-        }
+        },
+        onCompositionStart: this.handleInputCompositionStart,
+        onCompositionEnd: this.handleInputCompositionEnd
       })), this.renderClearBtn(), this.renderSuffix())
     );
   }

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

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

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

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

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

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

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

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

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

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

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

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