@douyinfe/semi-ui 2.1.0-beta.1 → 2.1.0-beta.2

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

@@ -14,6 +14,7 @@ declare class Button extends React.PureComponent<ButtonProps> {
         loading: import("prop-types").Requireable<boolean>;
         prefixCls: import("prop-types").Requireable<string>;
         icon: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+        iconType: import("prop-types").Requireable<import("prop-types").ReactElementLike>;
         iconSize: import("prop-types").Requireable<string>;
         noHorizontalPadding: import("prop-types").Requireable<string | boolean | any[]>;
         children: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;

package/lib/es/button/index.js

@@ -12,7 +12,8 @@ class Button extends React.PureComponent {
   render() {
     const props = _Object$assign({}, this.props);
 
-    const hasIcon = Boolean(props.icon);
+    const hasIcon = Boolean(props.icon || props.iconType); // TODO: iconType needs to be confirmed
+
     const isLoading = Boolean(props.loading);
     const isDisabled = Boolean(props.disabled);
 

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

@@ -7,7 +7,6 @@ import Input from '../input/index';
 import { PopoverProps } from '../popover/index';
 import { CascaderData, Entities, Entity, Data } from './item';
 import { Motion } from '../_base/base';
-export { CascaderType, ShowNextType } from '@douyinfe/semi-foundation/cascader/foundation';
 export { CascaderData, Entity, Data, CascaderItemProps } from './item';
 export interface ScrollPanelProps extends BasicScrollPanelProps {
     activeNode: CascaderData;

package/lib/es/cascader/index.js

@@ -272,27 +272,15 @@ class Cascader extends BaseComponent {
     this.renderCustomTrigger = () => {
       const {
         disabled,
-        triggerRender,
-        multiple,
-        autoMergeValue
+        triggerRender
       } = this.props;
       const {
         selectedKeys,
         inputValue,
-        inputPlaceHolder,
-        mergedCheckedKeys,
-        checkedKeys
+        inputPlaceHolder
       } = this.state;
-      let realValue;
-
-      if (multiple) {
-        realValue = autoMergeValue ? mergedCheckedKeys : checkedKeys;
-      } else {
-        realValue = [...selectedKeys][0];
-      }
-
       return /*#__PURE__*/React.createElement(Trigger, {
-        value: realValue,
+        value: [...selectedKeys][0],
         inputValue: inputValue,
         onChange: this.handleInputChange,
         onClear: this.handleClear,

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

@@ -8,4 +8,4 @@ export { QuickControlProps } from './quickControl';
 export { YearAndMonthProps } from './yearAndMonth';
 declare const _default: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<DatePicker>>;
 export default _default;
-export { BaseValueType, DayStatusType, DisabledDateOptions, DisabledDateType, DisabledTimeType, InputSize, Position, PresetType, PresetsType, TriggerRenderProps, ValidateStatus, ValueType, } from '@douyinfe/semi-foundation/datePicker/foundation';
+export { BaseValueType, DayStatusType, DisabledDateOptions, DisabledDateType, DisabledTimeType, InputSize, Position, PresetType, PresetsType, TriggerRenderProps, ValidateStatus, ValueType, } from '@douyinfe/semi-foundation/lib/es/datePicker/foundation';

package/lib/es/datePicker/yearAndMonth.js

@@ -220,7 +220,7 @@ class YearAndMonth extends BaseComponent {
       className: prefix
     }, /*#__PURE__*/React.createElement(IconButton, {
       noHorizontalPadding: false,
-      icon: /*#__PURE__*/React.createElement(IconChevronLeft, {
+      iconType: /*#__PURE__*/React.createElement(IconChevronLeft, {
         size: iconSize
       }),
       size: buttonSize,

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

@@ -32,6 +32,7 @@ declare class IconButton extends PureComponent<IconButtonProps> {
         loading: PropTypes.Requireable<boolean>;
         prefixCls: PropTypes.Requireable<string>;
         icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        iconType: PropTypes.Requireable<PropTypes.ReactElementLike>;
         iconSize: PropTypes.Requireable<string>;
         noHorizontalPadding: PropTypes.Requireable<string | boolean | any[]>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/lib/es/iconButton/index.js

@@ -108,6 +108,7 @@ IconButton.propTypes = {
   loading: PropTypes.bool,
   prefixCls: PropTypes.string,
   icon: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.node]),
+  iconType: PropTypes.element,
   iconSize: PropTypes.oneOf(iconSizes),
   noHorizontalPadding: PropTypes.oneOfType([PropTypes.bool, PropTypes.string, PropTypes.array]),
   children: PropTypes.node,

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

@@ -7,7 +7,7 @@ import Item, { NavItemProps } from './Item';
 import Footer, { NavFooterProps } from './Footer';
 import Header, { NavHeaderProps } from './Header';
 import '@douyinfe/semi-foundation/lib/es/navigation/navigation.css';
-import { Motion } from '_base/base';
+import { Motion } from '../_base/base';
 export { CollapseButtonProps } from './CollapseButton';
 export { NavFooterProps } from './Footer';
 export { NavHeaderProps } from './Header';

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

@@ -29,7 +29,6 @@ export interface PopconfirmProps extends PopoverProps {
     onCancel?: (e: React.MouseEvent) => void;
     onConfirm?: (e: React.MouseEvent) => void;
     onVisibleChange?: (visible: boolean) => void;
-    onClickOutSide?: (e: React.MouseEvent) => void;
 }
 export interface PopconfirmState {
     visible: boolean;
@@ -51,14 +50,13 @@ export default class Popconfirm extends BaseComponent<PopconfirmProps, Popconfir
         cancelType: PropTypes.Requireable<string>;
         onCancel: PropTypes.Requireable<(...args: any[]) => any>;
         onConfirm: PropTypes.Requireable<(...args: any[]) => any>;
-        onClickOutSide: PropTypes.Requireable<(...args: any[]) => any>;
+        zIndex: PropTypes.Requireable<number>;
         onVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
         visible: PropTypes.Requireable<boolean>;
         defaultVisible: PropTypes.Requireable<boolean>;
         okButtonProps: PropTypes.Requireable<object>;
         cancelButtonProps: PropTypes.Requireable<object>;
         stopPropagation: PropTypes.Requireable<string | boolean>;
-        zIndex: PropTypes.Requireable<number>;
         trigger: PropTypes.Requireable<string>;
         position: PropTypes.Requireable<string>;
     };
@@ -74,7 +72,6 @@ export default class Popconfirm extends BaseComponent<PopconfirmProps, Popconfir
         zIndex: number;
         onCancel: (...args: any[]) => void;
         onConfirm: (...args: any[]) => void;
-        onClickOutSide: (...args: any[]) => void;
     };
     constructor(props: PopconfirmProps);
     static getDerivedStateFromProps(props: PopconfirmProps, state: PopconfirmState): Partial<PopconfirmState>;
@@ -82,7 +79,6 @@ export default class Popconfirm extends BaseComponent<PopconfirmProps, Popconfir
     handleCancel: (e: React.MouseEvent) => void;
     handleConfirm: (e: React.MouseEvent) => void;
     handleVisibleChange: (visible: boolean) => void;
-    handleClickOutSide: (e: React.MouseEvent) => any;
     stopImmediatePropagation: (e: React.SyntheticEvent) => void;
     renderControls(): JSX.Element;
     renderConfirmPopCard(): JSX.Element;

package/lib/es/popconfirm/index.js

@@ -38,8 +38,6 @@ export default class Popconfirm extends BaseComponent {
 
     this.handleVisibleChange = visible => this.foundation.handleVisibleChange(visible);
 
-    this.handleClickOutSide = e => this.foundation.handleClickOutSide(e);
-
     this.stopImmediatePropagation = e => e && e.nativeEvent && e.nativeEvent.stopImmediatePropagation();
 
     this.state = {
@@ -68,8 +66,7 @@ export default class Popconfirm extends BaseComponent {
       }),
       notifyConfirm: e => this.props.onConfirm(e),
       notifyCancel: e => this.props.onCancel(e),
-      notifyVisibleChange: visible => this.props.onVisibleChange(visible),
-      notifyClickOutSide: e => this.props.onClickOutSide(e)
+      notifyVisibleChange: visible => this.props.onVisibleChange(visible)
     });
   }
 
@@ -168,8 +165,7 @@ export default class Popconfirm extends BaseComponent {
     const popContent = this.renderConfirmPopCard();
     const popProps = {
       onVisibleChange: this.handleVisibleChange,
-      className: cssClasses.POPOVER,
-      onClickOutSide: this.handleClickOutSide
+      className: cssClasses.POPOVER
     };
 
     if (this.isControlled('visible')) {
@@ -200,14 +196,13 @@ Popconfirm.propTypes = {
   cancelType: PropTypes.string,
   onCancel: PropTypes.func,
   onConfirm: PropTypes.func,
-  onClickOutSide: PropTypes.func,
+  zIndex: PropTypes.number,
   onVisibleChange: PropTypes.func,
   visible: PropTypes.bool,
   defaultVisible: PropTypes.bool,
   okButtonProps: PropTypes.object,
   cancelButtonProps: PropTypes.object,
   stopPropagation: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-  zIndex: PropTypes.number,
   // private
   trigger: PropTypes.string,
   position: PropTypes.string
@@ -226,6 +221,5 @@ Popconfirm.defaultProps = {
   prefixCls: cssClasses.PREFIX,
   zIndex: numbers.DEFAULT_Z_INDEX,
   onCancel: noop,
-  onConfirm: noop,
-  onClickOutSide: noop
+  onConfirm: noop
 };

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

@@ -22,7 +22,6 @@ export interface PopoverProps extends BaseProps {
     trigger?: Trigger;
     contentClassName?: string | any[];
     onVisibleChange?: (visible: boolean) => void;
-    onClickOutSide?: (e: React.MouseEvent) => void;
     showArrow?: boolean;
     spacing?: number;
     stopPropagation?: boolean | string;
@@ -51,7 +50,6 @@ declare class Popover extends React.PureComponent<PopoverProps, PopoverState> {
         trigger: PropTypes.Validator<"hover" | "focus" | "click" | "custom">;
         contentClassName: PropTypes.Requireable<string | any[]>;
         onVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onClickOutSide: PropTypes.Requireable<(...args: any[]) => any>;
         style: PropTypes.Requireable<object>;
         spacing: PropTypes.Requireable<number>;
         zIndex: PropTypes.Requireable<number>;
@@ -81,8 +79,8 @@ declare class Popover extends React.PureComponent<PopoverProps, PopoverState> {
         okText: string;
         position: string;
         prefixCls: string;
-        onClickOutSide: (...args: any[]) => void;
     };
+    constructor(props: PopoverProps);
     renderPopCard(): JSX.Element;
     render(): JSX.Element;
 }

package/lib/es/popover/index.js

@@ -21,11 +21,17 @@ import { cssClasses, strings, numbers } from '@douyinfe/semi-foundation/lib/es/p
 import Tooltip from '../tooltip/index';
 import Arrow from './Arrow';
 import '@douyinfe/semi-foundation/lib/es/popover/popover.css';
-import { noop } from 'lodash-es';
 const positionSet = strings.POSITION_SET;
 const triggerSet = strings.TRIGGER_SET;
 
 class Popover extends React.PureComponent {
+  constructor(props) {
+    super(props);
+    this.state = {
+      popConfirmVisible: false
+    };
+  }
+
   renderPopCard() {
     const {
       content,
@@ -101,7 +107,6 @@ Popover.propTypes = {
   trigger: PropTypes.oneOf(triggerSet).isRequired,
   contentClassName: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
   onVisibleChange: PropTypes.func,
-  onClickOutSide: PropTypes.func,
   style: PropTypes.object,
   spacing: PropTypes.number,
   zIndex: PropTypes.number,
@@ -125,7 +130,6 @@ Popover.defaultProps = {
   cancelText: 'No',
   okText: 'Yes',
   position: 'bottom',
-  prefixCls: cssClasses.PREFIX,
-  onClickOutSide: noop
+  prefixCls: cssClasses.PREFIX
 };
 export default Popover;

package/lib/es/radio/context.d.ts

@@ -7,7 +7,7 @@ export declare type RadioMode = ArrayElement<typeof strings.MODE>;
 export interface RadioContextValue {
     mode?: RadioMode;
     radioGroup?: {
-        value?: string | number;
+        value?: any;
         isButtonRadio?: any;
         disabled?: boolean;
         prefixCls?: string;

package/lib/es/radio/radio.d.ts

@@ -13,7 +13,7 @@ export declare type RadioProps = {
     autoFocus?: boolean;
     checked?: boolean;
     defaultChecked?: boolean;
-    value?: string | number;
+    value?: any;
     disabled?: boolean;
     prefixCls?: string;
     displayMode?: RadioDisplayMode;
@@ -59,7 +59,7 @@ declare class Radio extends BaseComponent<RadioProps, RadioState> {
     constructor(props: RadioProps);
     get adapter(): RadioAdapter;
     isInGroup(): {
-        value?: string | number;
+        value?: any;
         isButtonRadio?: any;
         disabled?: boolean;
         prefixCls?: string;

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

@@ -8,8 +8,8 @@ import { ArrayElement } from '../_base/base';
 import { RadioType } from './radio';
 import { RadioGroupButtonSize, RadioMode } from './context';
 export interface OptionItem {
-    label?: React.ReactNode;
-    value?: string | number;
+    label?: string;
+    value?: string;
     disabled?: boolean;
     extra?: React.ReactNode;
     style?: React.CSSProperties;
@@ -17,11 +17,11 @@ export interface OptionItem {
 }
 export declare type Options = string[] | Array<OptionItem>;
 export declare type RadioGroupProps = {
-    defaultValue?: string | number;
+    defaultValue?: any;
     disabled?: boolean;
     name?: string;
     options?: Options;
-    value?: string | number;
+    value?: any;
     onChange?: (event: RadioChangeEvent) => void;
     className?: string;
     style?: React.CSSProperties;

package/lib/es/select/index.js

@@ -22,7 +22,7 @@ import ConfigContext from '../configProvider/context';
 import SelectFoundation from '@douyinfe/semi-foundation/lib/es/select/foundation';
 import { cssClasses, strings, numbers } from '@douyinfe/semi-foundation/lib/es/select/constants';
 import BaseComponent from '../_base/baseComponent';
-import { isEqual, isString, noop, get, isNumber } from 'lodash-es';
+import { isEqual, isString, noop } from 'lodash-es';
 import Tag from '../tag/index';
 import TagGroup from '../tag/group';
 import LocaleCosumer from '../locale/localeConsumer';
@@ -177,10 +177,9 @@ class Select extends BaseComponent {
         } = _this.props;
 
         if (optionList && optionList.length) {
-          options = _mapInstanceProperty(optionList).call(optionList, (itemOpt, index) => _Object$assign({
+          options = _mapInstanceProperty(optionList).call(optionList, itemOpt => _Object$assign({
             _show: true,
-            _selected: false,
-            _scrollIndex: index
+            _selected: false
           }, itemOpt));
           optionGroups[0] = {
             children: options,
@@ -755,21 +754,15 @@ class Select extends BaseComponent {
     }
 
     if (virtualize) {
-      let minItemIndex = -1;
+      let minKey;
 
-      _forEachInstanceProperty(selections).call(selections, item => {
-        const itemIndex = get(item, '_scrollIndex');
-        /* When the itemIndex is legal */
-
-        if (isNumber(itemIndex) && itemIndex >= 0) {
-          minItemIndex = minItemIndex !== -1 && minItemIndex < itemIndex ? minItemIndex : itemIndex;
-        }
+      _forEachInstanceProperty(selections).call(selections, (v, k) => {
+        const tempKey = Number(String(k).match(/option-(.*)/)[1]);
+        minKey = typeof minKey === 'number' && minKey < tempKey ? minKey : tempKey;
       });
 
-      if (minItemIndex !== -1) {
-        try {
-          this.virtualizeListRef.current.scrollToItem(minItemIndex, 'center');
-        } catch (error) {}
+      if (minKey) {
+        this.virtualizeListRef.current.scrollToItem(minKey, 'center');
       }
     } else {
       this.foundation.updateScrollTop();

package/lib/es/select/option.js

@@ -144,14 +144,14 @@ class Option extends PureComponent {
       style: style
     }, showTick ? /*#__PURE__*/React.createElement("div", {
       className: selectedIconClassName
-    }, /*#__PURE__*/React.createElement(IconTick, null)) : null, isString(children) ? /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement(IconTick, null)) : null, /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixCls, "-text")
     }, this.renderOptionContent({
       children,
       config,
       inputValue,
       prefixCls
-    })) : children);
+    })));
   }
 
 }

package/lib/es/select/utils.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { OptionProps } from './option';
 import { OptionGroupProps } from './optionGroup';
-declare const generateOption: (child: React.ReactElement, parent: any, index: number) => OptionProps;
+declare const generateOption: (child: React.ReactElement, parent?: any) => OptionProps;
 declare const getOptionsFromGroup: (selectChildren: React.ReactNode) => {
     optionGroups: OptionGroupProps[];
     options: OptionProps[];

package/lib/es/select/utils.js

@@ -20,7 +20,7 @@ var __rest = this && this.__rest || function (s, e) {
 import React from 'react';
 import warning from '@douyinfe/semi-foundation/lib/es/utils/warning';
 
-const generateOption = (child, parent, index) => {
+const generateOption = (child, parent) => {
   const childProps = child.props;
 
   if (!child || !childProps) {
@@ -32,8 +32,7 @@ const generateOption = (child, parent, index) => {
     // Drop-down menu rendering priority label value, children, value in turn downgrade
     label: childProps.label || childProps.children || childProps.value,
     _show: true,
-    _selected: false,
-    _scrollIndex: index
+    _selected: false
   }, childProps), {
     _parentGroup: parent
   });
@@ -56,13 +55,11 @@ const getOptionsFromGroup = selectChildren => {
   const childNodes = _filterInstanceProperty(_context = React.Children.toArray(selectChildren)).call(_context, childNode => childNode && childNode.props);
 
   let type = '';
-  let optionIndex = -1;
 
   _forEachInstanceProperty(childNodes).call(childNodes, child => {
     if (child.type.isSelectOption) {
       type = 'option';
-      optionIndex++;
-      const option = generateOption(child, undefined, optionIndex);
+      const option = generateOption(child);
       emptyGroup.children.push(option);
       options.push(option);
     } else if (child.type.isSelectOptionGroup) {
@@ -77,10 +74,7 @@ const getOptionsFromGroup = selectChildren => {
 
       children = React.Children.toArray(children);
 
-      const childrenOption = _mapInstanceProperty(children).call(children, option => {
-        optionIndex++;
-        return generateOption(option, restGroupProps, optionIndex);
-      });
+      const childrenOption = _mapInstanceProperty(children).call(children, option => generateOption(option, restGroupProps));
 
       const group = _Object$assign(_Object$assign({}, child.props), {
         children: childrenOption,

package/lib/es/table/interface.d.ts

@@ -35,7 +35,7 @@ export interface TableProps<RecordType extends Record<string, any> = any> extend
     id?: string;
     indentSize?: number;
     loading?: boolean;
-    pagination?: Pagination;
+    pagination?: TablePagination;
     prefixCls?: string;
     renderGroupSection?: RenderGroupSection;
     renderPagination?: RenderPagination;
@@ -225,6 +225,7 @@ export declare type Size = ArrayElement<typeof strings.SIZES>;
 export declare type Title<RecordType> = React.ReactNode | ((pageData?: RecordType[]) => React.ReactNode);
 export declare type PaginationPosition = ArrayElement<typeof strings.PAGINATION_POSITIONS>;
 export declare type Pagination = TablePaginationProps | boolean;
+export declare type TablePagination = Pagination;
 export interface ChangeInfoFilter<RecordType> extends BaseChangeInfoFilter<RecordType> {
     filters?: Filter[];
     onFilter?: OnFilter<RecordType>;

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

@@ -1,6 +1,6 @@
-import React, { MouseEvent, ReactNode } from 'react';
+import React, { ReactNode, MouseEvent } from 'react';
 import PropTypes from 'prop-types';
-import { PlainTab, TabBarProps } from './interface';
+import { TabBarProps, PlainTab } from './interface';
 export interface TabBarState {
     endInd: number;
     rePosKey: number;
@@ -22,8 +22,6 @@ declare class TabBar extends React.Component<TabBarProps, TabBarState> {
         tabBarExtraContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         tabPosition: PropTypes.Requireable<string>;
         type: PropTypes.Requireable<string>;
-        closable: PropTypes.Requireable<boolean>;
-        deleteTabItem: PropTypes.Requireable<(...args: any[]) => any>;
     };
     uuid: string;
     constructor(props: TabBarProps);

package/lib/es/tabs/TabBar.js

@@ -24,7 +24,7 @@ import OverflowList from '../overflowList';
 import Dropdown from '../dropdown';
 import Button from '../button';
 import { isEmpty } from 'lodash-es';
-import { IconChevronLeft, IconChevronRight, IconClose } from '@douyinfe/semi-icons';
+import { IconChevronRight, IconChevronLeft } from '@douyinfe/semi-icons';
 import { getUuidv4 } from '@douyinfe/semi-foundation/lib/es/utils/uuid';
 
 class TabBar extends React.Component {
@@ -51,15 +51,9 @@ class TabBar extends React.Component {
 
     this.renderTabItem = panel => {
       const {
-        size,
-        type,
-        deleteTabItem
+        size
       } = this.props;
       const panelIcon = panel.icon ? this.renderIcon(panel.icon) : null;
-      const closableIcon = type === 'card' && panel.closable ? /*#__PURE__*/React.createElement(IconClose, {
-        className: "".concat(cssClasses.TABS_TAB, "-icon-close"),
-        onClick: e => deleteTabItem(panel.itemKey, e)
-      }) : null;
       let events = {};
       const key = panel.itemKey;
 
@@ -82,7 +76,7 @@ class TabBar extends React.Component {
       }, events, {
         className: className,
         key: this._getItemKey(key)
-      }), panelIcon, panel.tab, closableIcon);
+      }), panelIcon, panel.tab);
     };
 
     this.renderTabComponents = list => _mapInstanceProperty(list).call(list, panel => this.renderTabItem(panel));
@@ -284,8 +278,6 @@ TabBar.propTypes = {
   style: PropTypes.object,
   tabBarExtraContent: PropTypes.node,
   tabPosition: PropTypes.oneOf(strings.POSITION_MAP),
-  type: PropTypes.oneOf(strings.TYPE_MAP),
-  closable: PropTypes.bool,
-  deleteTabItem: PropTypes.func
+  type: PropTypes.oneOf(strings.TYPE_MAP)
 };
 export default TabBar;

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

@@ -1,6 +1,6 @@
 import React, { PureComponent, ReactNode } from 'react';
 import PropTypes from 'prop-types';
-import { PlainTab, TabPaneProps } from './interface';
+import { TabPaneProps, PlainTab } from './interface';
 declare class TabPane extends PureComponent<TabPaneProps> {
     static isTabPane: boolean;
     static contextType: React.Context<import("./interface").TabContextValue>;
@@ -12,7 +12,6 @@ declare class TabPane extends PureComponent<TabPaneProps> {
         itemKey: PropTypes.Requireable<string>;
         tab: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        closable: PropTypes.Requireable<boolean>;
     };
     lastActiveKey: string;
     ref: React.RefObject<HTMLDivElement>;

package/lib/es/tabs/TabPane.js

@@ -15,7 +15,7 @@ var __rest = this && this.__rest || function (s, e) {
   return t;
 };
 
-import React, { createRef, PureComponent } from 'react';
+import React, { PureComponent, createRef } from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/tabs/constants';
@@ -131,7 +131,6 @@ TabPane.propTypes = {
   disabled: PropTypes.bool,
   itemKey: PropTypes.string,
   tab: PropTypes.node,
-  icon: PropTypes.node,
-  closable: PropTypes.bool
+  icon: PropTypes.node
 };
 export default TabPane;

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

@@ -1,10 +1,10 @@
-import { MouseEvent, ReactElement, ReactNode, RefCallback, RefObject } from 'react';
+import { RefObject, ReactElement, MouseEvent, RefCallback, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 import TabsFoundation, { TabsAdapter } from '@douyinfe/semi-foundation/lib/es/tabs/foundation';
 import BaseComponent from '../_base/baseComponent';
 import '@douyinfe/semi-foundation/lib/es/tabs/tabs.css';
 import TabPane from './TabPane';
-import { PlainTab, TabsProps } from './interface';
+import { TabsProps, PlainTab } from './interface';
 export * from './interface';
 export interface TabsState {
     activeKey: string;
@@ -32,7 +32,6 @@ declare class Tabs extends BaseComponent<TabsProps, TabsState> {
         tabPaneMotion: PropTypes.Requireable<boolean | object>;
         tabPosition: PropTypes.Requireable<string>;
         type: PropTypes.Requireable<string>;
-        onTabClose: PropTypes.Requireable<(...args: any[]) => any>;
     };
     static defaultProps: TabsProps;
     contentRef: RefObject<HTMLDivElement>;
@@ -46,7 +45,6 @@ declare class Tabs extends BaseComponent<TabsProps, TabsState> {
     onTabClick: (activeKey: string, event: MouseEvent<HTMLDivElement>) => void;
     rePosChildren: (children: ReactElement[], activeKey: string) => ReactElement[];
     getActiveItem: () => ReactNode | ReactNode[];
-    deleteTabItem: (tabKey: string, event: MouseEvent<HTMLDivElement>) => void;
     render(): ReactNode;
 }
 export default Tabs;