@douyinfe/semi-ui 2.27.0-alpha.2 → 2.27.0

package/lib/es/select/index.js

@@ -699,7 +699,10 @@ class Select extends BaseComponent {
         style: style,
         ref: this.setOptionContainerEl,
         onKeyDown: e => this.foundation.handleContainerKeyDown(e)
-      }, outerTopSlot, /*#__PURE__*/React.createElement("div", {
+      }, outerTopSlot ? /*#__PURE__*/React.createElement("div", {
+        className: "".concat(prefixcls, "-option-list-outer-top-slot"),
+        onMouseEnter: () => this.foundation.handleSlotMouseEnter()
+      }, outerTopSlot) : null, /*#__PURE__*/React.createElement("div", {
         style: {
           maxHeight: "".concat(maxHeight, "px")
         },
@@ -707,7 +710,16 @@ class Select extends BaseComponent {
         role: "listbox",
         "aria-multiselectable": multiple,
         onScroll: e => this.foundation.handleListScroll(e)
-      }, innerTopSlot, loading ? this.renderLoading() : isEmpty ? this.renderEmpty() : listContent, innerBottomSlot), outerBottomSlot)
+      }, innerTopSlot ? /*#__PURE__*/React.createElement("div", {
+        className: "".concat(prefixcls, "-option-list-inner-top-slot"),
+        onMouseEnter: () => this.foundation.handleSlotMouseEnter()
+      }, innerTopSlot) : null, loading ? this.renderLoading() : isEmpty ? this.renderEmpty() : listContent, innerBottomSlot ? /*#__PURE__*/React.createElement("div", {
+        className: "".concat(prefixcls, "-option-list-inner-bottom-slot"),
+        onMouseEnter: () => this.foundation.handleSlotMouseEnter()
+      }, innerBottomSlot) : null), outerBottomSlot ? /*#__PURE__*/React.createElement("div", {
+        className: "".concat(prefixcls, "-option-list-outer-bottom-slot"),
+        onMouseEnter: () => this.foundation.handleSlotMouseEnter()
+      }, outerBottomSlot) : null)
     );
   }
 

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

@@ -5,6 +5,7 @@ export interface TabBarState {
     endInd: number;
     rePosKey: number;
     startInd: number;
+    uuid: string;
 }
 export interface OverflowItem extends PlainTab {
     key: string;
@@ -25,8 +26,8 @@ declare class TabBar extends React.Component<TabBarProps, TabBarState> {
         closable: PropTypes.Requireable<boolean>;
         deleteTabItem: PropTypes.Requireable<(...args: any[]) => any>;
     };
-    uuid: string;
     constructor(props: TabBarProps);
+    componentDidMount(): void;
     renderIcon(icon: ReactNode): ReactNode;
     renderExtra(): ReactNode;
     handleItemClick: (itemKey: string, e: MouseEvent<Element>) => void;

package/lib/es/tabs/TabBar.js

@@ -19,9 +19,8 @@ import getDataAttr from '@douyinfe/semi-foundation/lib/es/utils/getDataAttr';
 import OverflowList from '../overflowList';
 import Dropdown from '../dropdown';
 import Button from '../button';
-import { IconChevronRight, IconChevronLeft } from '@douyinfe/semi-icons';
+import { IconChevronRight, IconChevronLeft, IconClose } from '@douyinfe/semi-icons';
 import { getUuidv4 } from '@douyinfe/semi-foundation/lib/es/utils/uuid';
-import TabItem from './TabItem';
 
 class TabBar extends React.Component {
   constructor(props) {
@@ -34,7 +33,7 @@ class TabBar extends React.Component {
         const key = this._getItemKey(itemKey); // eslint-disable-next-line max-len
 
 
-        const tabItem = document.querySelector("[data-uuid=\"".concat(this.uuid, "\"] .").concat(cssClasses.TABS_TAB, "[data-scrollkey=\"").concat(key, "\"]"));
+        const tabItem = document.querySelector("[data-uuid=\"".concat(this.state.uuid, "\"] .").concat(cssClasses.TABS_TAB, "[data-scrollkey=\"").concat(key, "\"]"));
         tabItem.scrollIntoView({
           behavior: 'smooth',
           block: 'nearest',
@@ -51,23 +50,45 @@ class TabBar extends React.Component {
       const {
         size,
         type,
-        deleteTabItem,
-        handleKeyDown,
-        tabPosition
+        deleteTabItem
       } = this.props;
+      const panelIcon = panel.icon ? this.renderIcon(panel.icon) : null;
+      const closableIcon = type === 'card' && panel.closable ? /*#__PURE__*/React.createElement(IconClose, {
+        "aria-label": "Close",
+        role: "button",
+        className: "".concat(cssClasses.TABS_TAB, "-icon-close"),
+        onClick: e => deleteTabItem(panel.itemKey, e)
+      }) : null;
+      let events = {};
+      const key = panel.itemKey;
+
+      if (!panel.disabled) {
+        events = {
+          onClick: e => this.handleItemClick(key, e)
+        };
+      }
 
-      const isSelected = this._isActive(panel.itemKey);
-
-      return /*#__PURE__*/React.createElement(TabItem, Object.assign({}, panel, {
-        key: this._getItemKey(panel.itemKey),
-        selected: isSelected,
-        size: size,
-        type: type,
-        tabPosition: tabPosition,
-        handleKeyDown: handleKeyDown,
-        deleteTabItem: deleteTabItem,
-        onClick: this.handleItemClick
-      }));
+      const isSelected = this._isActive(key);
+
+      const className = cls(cssClasses.TABS_TAB, {
+        [cssClasses.TABS_TAB_ACTIVE]: isSelected,
+        [cssClasses.TABS_TAB_DISABLED]: panel.disabled,
+        ["".concat(cssClasses.TABS_TAB, "-small")]: size === 'small',
+        ["".concat(cssClasses.TABS_TAB, "-medium")]: size === 'medium'
+      });
+      return /*#__PURE__*/React.createElement("div", Object.assign({
+        role: "tab",
+        id: "semiTab".concat(key),
+        "data-tabkey": "semiTab".concat(key),
+        "aria-controls": "semiTabPanel".concat(key),
+        "aria-disabled": panel.disabled ? 'true' : 'false',
+        "aria-selected": isSelected ? 'true' : 'false',
+        tabIndex: isSelected ? 0 : -1,
+        onKeyDown: e => this.handleKeyDown(e, key, panel.closable)
+      }, events, {
+        className: className,
+        key: this._getItemKey(key)
+      }), panelIcon, panel.tab, closableIcon);
     };
 
     this.renderTabComponents = list => list.map(panel => this.renderTabItem(panel));
@@ -82,7 +103,7 @@ class TabBar extends React.Component {
       const key = this._getItemKey(lastItem.itemKey); // eslint-disable-next-line max-len
 
 
-      const tabItem = document.querySelector("[data-uuid=\"".concat(this.uuid, "\"] .").concat(cssClasses.TABS_TAB, "[data-scrollkey=\"").concat(key, "\"]"));
+      const tabItem = document.querySelector("[data-uuid=\"".concat(this.state.uuid, "\"] .").concat(cssClasses.TABS_TAB, "[data-scrollkey=\"").concat(key, "\"]"));
       tabItem.scrollIntoView({
         behavior: 'smooth',
         block: 'nearest',
@@ -136,7 +157,9 @@ class TabBar extends React.Component {
         render: disabled ? null : menu,
         showTick: true,
         style: dropdownStyle,
-        trigger: 'hover'
+        trigger: 'hover',
+        disableFocusListener // prevent the panel from popping up again after clicking
+        : true
       }, /*#__PURE__*/React.createElement("div", {
         role: "presentation",
         className: arrowCls,
@@ -184,9 +207,15 @@ class TabBar extends React.Component {
     this.state = {
       endInd: props.list.length,
       rePosKey: 0,
-      startInd: 0
+      startInd: 0,
+      uuid: ''
     };
-    this.uuid = getUuidv4();
+  }
+
+  componentDidMount() {
+    this.setState({
+      uuid: getUuidv4()
+    });
   }
 
   renderIcon(icon) {
@@ -248,7 +277,7 @@ class TabBar extends React.Component {
       className: classNames,
       style: style
     }, getDataAttr(restProps), {
-      "data-uuid": this.uuid
+      "data-uuid": this.state.uuid
     }), contents, extra);
   }
 

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

@@ -1,4 +1,4 @@
-import React, { MouseEvent, ReactElement, ReactNode, RefCallback, RefObject } from 'react';
+import { MouseEvent, ReactElement, ReactNode, RefCallback, RefObject } from 'react';
 import PropTypes from 'prop-types';
 import TabsFoundation, { TabsAdapter } from '@douyinfe/semi-foundation/lib/es/tabs/foundation';
 import BaseComponent from '../_base/baseComponent';
@@ -14,7 +14,6 @@ export interface TabsState {
 }
 declare class Tabs extends BaseComponent<TabsProps, TabsState> {
     static TabPane: typeof TabPane;
-    static TabItem: React.ForwardRefExoticComponent<import("./TabItem").TabItemProps & React.RefAttributes<HTMLDivElement>>;
     static propTypes: {
         activeKey: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;

package/lib/es/tabs/index.js

@@ -23,7 +23,6 @@ import BaseComponent from '../_base/baseComponent';
 import '@douyinfe/semi-foundation/lib/es/tabs/tabs.css';
 import TabBar from './TabBar';
 import TabPane from './TabPane';
-import TabItem from './TabItem';
 import TabsContext from './tabs-context';
 const panePickKeys = ['className', 'style', 'disabled', 'itemKey', 'tab', 'icon'];
 export * from './interface';
@@ -336,7 +335,6 @@ class Tabs extends BaseComponent {
 }
 
 Tabs.TabPane = TabPane;
-Tabs.TabItem = TabItem;
 Tabs.propTypes = {
   activeKey: PropTypes.string,
   className: PropTypes.string,

package/lib/es/tooltip/index.js

@@ -450,7 +450,7 @@ export default class Tooltip extends BaseComponent {
           el = ReactDOM.findDOMNode(el);
           popupEl = ReactDOM.findDOMNode(popupEl);
 
-          if (el && !el.contains(e.target) && popupEl && !popupEl.contains(e.target) || this.props.clickTriggerToHide) {
+          if (el && !el.contains(e.target) && popupEl && !popupEl.contains(e.target) || this.props.clickTriggerToHide && el && el.contains(e.target)) {
             this.props.onClickOutSide(e);
             cb();
           }

package/lib/es/transfer/index.js

@@ -19,7 +19,7 @@ import Spin from '../spin';
 import Button from '../button';
 import Tree from '../tree';
 import { IconClose, IconSearch, IconHandle } from '@douyinfe/semi-icons';
-const prefixcls = cssClasses.PREFIX; // SortableItem & SortableList should not be assigned inside of the render function
+const prefixCls = cssClasses.PREFIX; // SortableItem & SortableList should not be assigned inside of the render function
 
 const SortableItem = SortableElement(props => props.item.node);
 const SortableList = SortableContainer(_ref => {
@@ -27,7 +27,7 @@ const SortableList = SortableContainer(_ref => {
     items
   } = _ref;
   return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixcls, "-right-list"),
+    className: "".concat(prefixCls, "-right-list"),
     role: "list",
     "aria-label": "Selected list"
   }, items.map((item, index) =>
@@ -179,7 +179,7 @@ class Transfer extends BaseComponent {
     return /*#__PURE__*/React.createElement("div", {
       role: "search",
       "aria-label": "Transfer filter",
-      className: "".concat(prefixcls, "-filter")
+      className: "".concat(prefixCls, "-filter")
     }, /*#__PURE__*/React.createElement(Input, Object.assign({
       prefix: /*#__PURE__*/React.createElement(IconSearch, null),
       placeholder: locale.placeholder,
@@ -202,20 +202,20 @@ class Transfer extends BaseComponent {
       showButton
     } = headerConfig;
     const headerCls = cls({
-      ["".concat(prefixcls, "-header")]: true,
-      ["".concat(prefixcls, "-right-header")]: type === 'right',
-      ["".concat(prefixcls, "-left-header")]: type === 'left'
+      ["".concat(prefixCls, "-header")]: true,
+      ["".concat(prefixCls, "-right-header")]: type === 'right',
+      ["".concat(prefixCls, "-left-header")]: type === 'left'
     });
     return /*#__PURE__*/React.createElement("div", {
       className: headerCls
     }, /*#__PURE__*/React.createElement("span", {
-      className: "".concat(prefixcls, "-header-total")
+      className: "".concat(prefixCls, "-header-total")
     }, totalContent), showButton ? /*#__PURE__*/React.createElement(Button, {
       theme: "borderless",
       disabled: disabled,
       type: "tertiary",
       size: "small",
-      className: "".concat(prefixcls, "-header-all"),
+      className: "".concat(prefixCls, "-header-all"),
       onClick: onAllClick
     }, allContent) : null);
   }
@@ -238,8 +238,8 @@ class Transfer extends BaseComponent {
     }
 
     const leftItemCls = cls({
-      ["".concat(prefixcls, "-item")]: true,
-      ["".concat(prefixcls, "-item-disabled")]: item.disabled
+      ["".concat(prefixCls, "-item")]: true,
+      ["".concat(prefixCls, "-item-disabled")]: item.disabled
     });
     return /*#__PURE__*/React.createElement(Checkbox, {
       key: index,
@@ -344,12 +344,12 @@ class Transfer extends BaseComponent {
     }
 
     return /*#__PURE__*/React.createElement("section", {
-      className: "".concat(prefixcls, "-left")
+      className: "".concat(prefixCls, "-left")
     }, inputCom, content);
   }
 
   renderGroupTitle(group, index) {
-    const groupCls = cls("".concat(prefixcls, "-group-title"));
+    const groupCls = cls("".concat(prefixCls, "-group-title"));
     return /*#__PURE__*/React.createElement("div", {
       className: groupCls,
       key: "title-".concat(index)
@@ -417,7 +417,7 @@ class Transfer extends BaseComponent {
       }
     });
     return /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixcls, "-left-list"),
+      className: "".concat(prefixCls, "-left-list"),
       role: "list",
       "aria-label": "Option list"
     }, content);
@@ -434,9 +434,9 @@ class Transfer extends BaseComponent {
     const onRemove = () => this.foundation.handleSelectOrRemove(item);
 
     const rightItemCls = cls({
-      ["".concat(prefixcls, "-item")]: true,
-      ["".concat(prefixcls, "-right-item")]: true,
-      ["".concat(prefixcls, "-right-item-draggable")]: draggable
+      ["".concat(prefixCls, "-item")]: true,
+      ["".concat(prefixCls, "-right-item")]: true,
+      ["".concat(prefixCls, "-right-item-draggable")]: draggable
     });
     const shouldShowPath = type === strings.TYPE_TREE_TO_LIST && showPath === true;
     const label = shouldShowPath ? this.foundation._generatePath(item) : item.label;
@@ -451,7 +451,7 @@ class Transfer extends BaseComponent {
     const DragHandle = SortableHandle(() => /*#__PURE__*/React.createElement(IconHandle, {
       role: "button",
       "aria-label": "Drag and sort",
-      className: "".concat(prefixcls, "-right-item-drag-handler")
+      className: "".concat(prefixCls, "-right-item-drag-handler")
     }));
     return (
       /*#__PURE__*/
@@ -461,12 +461,12 @@ class Transfer extends BaseComponent {
         className: rightItemCls,
         key: item.key
       }, draggable ? /*#__PURE__*/React.createElement(DragHandle, null) : null, /*#__PURE__*/React.createElement("div", {
-        className: "".concat(prefixcls, "-right-item-text")
+        className: "".concat(prefixCls, "-right-item-text")
       }, label), /*#__PURE__*/React.createElement(IconClose, {
         onClick: onRemove,
         "aria-disabled": item.disabled,
-        className: cls("".concat(prefixcls, "-item-close-icon"), {
-          ["".concat(prefixcls, "-item-close-icon-disabled")]: item.disabled
+        className: cls("".concat(prefixCls, "-item-close-icon"), {
+          ["".concat(prefixCls, "-item-close-icon-disabled")]: item.disabled
         })
       }))
     );
@@ -474,9 +474,9 @@ class Transfer extends BaseComponent {
 
   renderEmpty(type, emptyText) {
     const emptyCls = cls({
-      ["".concat(prefixcls, "-empty")]: true,
-      ["".concat(prefixcls, "-right-empty")]: type === 'right',
-      ["".concat(prefixcls, "-left-empty")]: type === 'left'
+      ["".concat(prefixCls, "-empty")]: true,
+      ["".concat(prefixCls, "-right-empty")]: type === 'right',
+      ["".concat(prefixCls, "-left-empty")]: type === 'left'
     });
     return /*#__PURE__*/React.createElement("div", {
       "aria-label": "empty",
@@ -492,7 +492,7 @@ class Transfer extends BaseComponent {
 
     const sortList = /*#__PURE__*/React.createElement(SortableList, {
       useDragHandle: true,
-      helperClass: "".concat(prefixcls, "-right-item-drag-item-move"),
+      helperClass: "".concat(prefixCls, "-right-item-drag-item-move"),
       onSortEnd: this.onSortEnd,
       items: sortableListItems
     });
@@ -533,7 +533,7 @@ class Transfer extends BaseComponent {
     };
     const headerCom = this.renderHeader(headerConfig);
     const emptyCom = this.renderEmpty('right', emptyContent.right ? emptyContent.right : locale.emptyRight);
-    const panelCls = "".concat(prefixcls, "-right");
+    const panelCls = "".concat(prefixCls, "-right");
     let content = null;
 
     switch (true) {
@@ -544,7 +544,7 @@ class Transfer extends BaseComponent {
 
       case selectedData.length && !draggable:
         const list = /*#__PURE__*/React.createElement("div", {
-          className: "".concat(prefixcls, "-right-list"),
+          className: "".concat(prefixCls, "-right-list"),
           role: "list",
           "aria-label": "Selected list"
         }, selectedData.map(item => this.renderRightItem(Object.assign({}, item))));
@@ -572,9 +572,9 @@ class Transfer extends BaseComponent {
       renderSelectedPanel,
       renderSourcePanel
     } = this.props;
-    const transferCls = cls(prefixcls, className, {
-      ["".concat(prefixcls, "-disabled")]: disabled,
-      ["".concat(prefixcls, "-custom-panel")]: renderSelectedPanel && renderSourcePanel
+    const transferCls = cls(prefixCls, className, {
+      ["".concat(prefixCls, "-disabled")]: disabled,
+      ["".concat(prefixCls, "-custom-panel")]: renderSelectedPanel && renderSourcePanel
     });
     return /*#__PURE__*/React.createElement(LocaleConsumer, {
       componentName: "Transfer"

package/lib/es/typography/base.d.ts

@@ -64,7 +64,7 @@ export default class Base extends Component<BaseTypographyProps, BaseTypographyS
         spacing: PropTypes.Requireable<"normal" | "extended">;
         strong: PropTypes.Requireable<boolean>;
         size: PropTypes.Requireable<"small" | "normal">;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         icon: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;

package/lib/es/typography/numeral.d.ts

@@ -38,7 +38,7 @@ export default class Numeral extends PureComponent<NumeralProps> {
         underline: PropTypes.Requireable<boolean>;
         link: PropTypes.Requireable<NonNullable<boolean | object>>;
         strong: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
         size: PropTypes.Requireable<"small" | "normal">;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;

package/lib/es/typography/paragraph.d.ts

@@ -29,7 +29,7 @@ export default class Paragraph extends PureComponent<ParagraphProps> {
         link: PropTypes.Requireable<NonNullable<boolean | object>>;
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
         size: PropTypes.Requireable<"small" | "normal">;
         spacing: PropTypes.Requireable<"normal" | "extended">;
         style: PropTypes.Requireable<object>;

package/lib/es/typography/text.d.ts

@@ -32,7 +32,7 @@ export default class Text extends PureComponent<TextProps> {
         underline: PropTypes.Requireable<boolean>;
         link: PropTypes.Requireable<NonNullable<boolean | object>>;
         strong: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
         size: PropTypes.Requireable<"small" | "normal">;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;

package/lib/es/typography/title.d.ts

@@ -36,7 +36,7 @@ export default class Title extends PureComponent<TitleProps> {
         link: PropTypes.Requireable<NonNullable<boolean | object>>;
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<"warning" | "success" | "primary" | "secondary" | "tertiary" | "danger" | "quaternary">;
+        type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
         heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 6 | 5>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.27.0-alpha.2",
+    "version": "2.27.0",
     "description": "",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -17,12 +17,12 @@
         "lib/*"
     ],
     "dependencies": {
-        "@douyinfe/semi-animation": "2.27.0-alpha.2",
-        "@douyinfe/semi-animation-react": "2.27.0-alpha.2",
-        "@douyinfe/semi-foundation": "2.27.0-alpha.2",
-        "@douyinfe/semi-icons": "2.27.0-alpha.2",
-        "@douyinfe/semi-illustrations": "2.27.0-alpha.2",
-        "@douyinfe/semi-theme-default": "2.27.0-alpha.2",
+        "@douyinfe/semi-animation": "2.27.0",
+        "@douyinfe/semi-animation-react": "2.27.0",
+        "@douyinfe/semi-foundation": "2.27.0",
+        "@douyinfe/semi-icons": "2.27.0",
+        "@douyinfe/semi-illustrations": "2.27.0",
+        "@douyinfe/semi-theme-default": "2.27.0",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -69,7 +69,7 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "c0cf24387dbafffb2d26f77d2f757ac5238ca0ec",
+    "gitHead": "a7a3f537ef48f75e3824c156e9b25a084e562dd6",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",

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

@@ -1,18 +0,0 @@
-import React, { ReactNode, MouseEvent } from 'react';
-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;
-}
-declare const ForwardTabItem: React.ForwardRefExoticComponent<TabItemProps & React.RefAttributes<HTMLDivElement>>;
-export default ForwardTabItem;

package/lib/cjs/tabs/TabItem.js

@@ -1,95 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-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 }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var __rest = void 0 && (void 0).__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-
-const TabItem = (props, ref) => {
-  const {
-    tab,
-    size,
-    type,
-    icon,
-    selected,
-    closable,
-    disabled,
-    itemKey,
-    deleteTabItem,
-    tabPosition,
-    handleKeyDown,
-    onClick
-  } = props,
-        resetProps = __rest(props, ["tab", "size", "type", "icon", "selected", "closable", "disabled", "itemKey", "deleteTabItem", "tabPosition", "handleKeyDown", "onClick"]);
-
-  const closableIcon = (0, _react.useMemo)(() => {
-    return 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;
-  }, [type, closable, deleteTabItem, itemKey]);
-  const renderIcon = (0, _react.useCallback)(icon => /*#__PURE__*/_react.default.createElement("span", null, icon), []);
-  const handleKeyDownInItem = (0, _react.useCallback)(event => {
-    handleKeyDown && handleKeyDown(event, itemKey, closable);
-  }, [handleKeyDown, itemKey, closable]);
-  const handleItemClick = (0, _react.useCallback)(e => {
-    !disabled && onClick && onClick(itemKey, e);
-  }, [itemKey, disabled, onClick]);
-  const panelIcon = icon ? 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'
-  });
-  return /*#__PURE__*/_react.default.createElement("div", Object.assign({
-    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: handleKeyDownInItem,
-    onClick: handleItemClick,
-    className: className
-  }, resetProps, {
-    ref: ref
-  }), panelIcon, tab, closableIcon);
-}; // Why is forwardRef needed here？
-// Because TabItem needs to be used in OverflowList （when tabs' type is collapsible), 
-// OverflowList will pass ref to the outermost div DOM node of TabItem
-
-
-const ForwardTabItem = /*#__PURE__*/(0, _react.forwardRef)(TabItem); // @ts-ignore 
-
-ForwardTabItem.elementType = 'TabItem';
-var _default = ForwardTabItem;
-exports.default = _default;

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

@@ -1,18 +0,0 @@
-import React, { ReactNode, MouseEvent } from 'react';
-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;
-}
-declare const ForwardTabItem: React.ForwardRefExoticComponent<TabItemProps & React.RefAttributes<HTMLDivElement>>;
-export default ForwardTabItem;