@douyinfe/semi-ui 2.1.0-beta.0 → 2.1.0-next.0

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/table/Table.d.ts

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

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

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

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;

package/lib/es/tabs/index.js

@@ -5,7 +5,6 @@ import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _findIndexInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find-index";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 
@@ -27,7 +26,7 @@ import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/tabs/const
 import isNullOrUndefined from '@douyinfe/semi-foundation/lib/es/utils/isNullOrUndefined';
 import getDataAttr from '@douyinfe/semi-foundation/lib/es/utils/getDataAttr';
 import TabsFoundation from '@douyinfe/semi-foundation/lib/es/tabs/foundation';
-import { isEqual, omit, pick } from 'lodash-es';
+import { isEqual, pick, omit } from 'lodash-es';
 import BaseComponent from '../_base/baseComponent';
 import '@douyinfe/semi-foundation/lib/es/tabs/tabs.css';
 import TabBar from './TabBar';
@@ -88,11 +87,6 @@ class Tabs extends BaseComponent {
       });
     };
 
-    this.deleteTabItem = (tabKey, event) => {
-      event.stopPropagation();
-      this.foundation.handleTabDelete(tabKey);
-    };
-
     this.foundation = new TabsFoundation(this.adapter);
     this.state = {
       activeKey: this.foundation.getDefaultActiveKey(),
@@ -125,15 +119,13 @@ class Tabs extends BaseComponent {
               tab,
               icon,
               disabled,
-              itemKey,
-              closable
+              itemKey
             } = child.props;
             return {
               tab,
               icon,
               disabled,
-              itemKey,
-              closable
+              itemKey
             };
           }
 
@@ -144,61 +136,6 @@ class Tabs extends BaseComponent {
           panes
         });
       },
-      collectActiveKey: () => {
-        let panes = [];
-        const {
-          tabList,
-          children,
-          activeKey: propsActiveKey
-        } = this.props;
-
-        if (typeof propsActiveKey !== 'undefined') {
-          return;
-        }
-
-        const {
-          activeKey
-        } = this.state;
-
-        if (_Array$isArray(tabList) && tabList.length) {
-          panes = tabList;
-        } else {
-          var _context3;
-
-          panes = _mapInstanceProperty(_context3 = React.Children).call(_context3, children, child => {
-            if (child) {
-              const {
-                tab,
-                icon,
-                disabled,
-                itemKey,
-                closable
-              } = child.props;
-              return {
-                tab,
-                icon,
-                disabled,
-                itemKey,
-                closable
-              };
-            }
-
-            return undefined;
-          });
-        }
-
-        if (_findIndexInstanceProperty(panes).call(panes, p => p.itemKey === activeKey) === -1) {
-          if (panes.length > 0) {
-            this.setState({
-              activeKey: panes[0].itemKey
-            });
-          } else {
-            this.setState({
-              activeKey: ''
-            });
-          }
-        }
-      },
       notifyTabClick: (activeKey, event) => {
         this.props.onTabClick(activeKey, event);
       },
@@ -211,14 +148,14 @@ class Tabs extends BaseComponent {
         });
       },
       getDefaultActiveKeyFromChildren: () => {
-        var _context4;
+        var _context3;
 
         const {
           tabList,
           children
         } = this.props;
         let activeKey = '';
-        const list = tabList ? tabList : _mapInstanceProperty(_context4 = React.Children.toArray(children)).call(_context4, child => child.props);
+        const list = tabList ? tabList : _mapInstanceProperty(_context3 = React.Children.toArray(children)).call(_context3, child => child.props);
 
         _forEachInstanceProperty(list).call(list, item => {
           if (item && !activeKey && !item.disabled) {
@@ -227,9 +164,6 @@ class Tabs extends BaseComponent {
         });
 
         return activeKey;
-      },
-      notifyTabDelete: tabKey => {
-        this.props.onTabClose && this.props.onTabClose(tabKey);
       }
     });
   }
@@ -245,12 +179,12 @@ class Tabs extends BaseComponent {
   }
 
   componentDidUpdate(prevProps) {
-    var _context5, _context6;
+    var _context4, _context5;
 
     // Panes state acts on tab bar, no need to compare TabPane children
-    const prevChildrenProps = _mapInstanceProperty(_context5 = React.Children.toArray(prevProps.children)).call(_context5, child => pick(child.props, panePickKeys));
+    const prevChildrenProps = _mapInstanceProperty(_context4 = React.Children.toArray(prevProps.children)).call(_context4, child => pick(child.props, panePickKeys));
 
-    const nowChildrenProps = _mapInstanceProperty(_context6 = React.Children.toArray(this.props.children)).call(_context6, child => pick(child.props, panePickKeys));
+    const nowChildrenProps = _mapInstanceProperty(_context5 = React.Children.toArray(this.props.children)).call(_context5, child => pick(child.props, panePickKeys));
 
     const isTabListType = this.props.tabList || prevProps.tabList;
 
@@ -268,7 +202,7 @@ class Tabs extends BaseComponent {
   }
 
   render() {
-    var _context7, _context8;
+    var _context6, _context7;
 
     const _a = this.props,
           {
@@ -296,11 +230,11 @@ class Tabs extends BaseComponent {
     } = this.state;
     const tabWrapperCls = cls(className, {
       [cssClasses.TABS]: true,
-      [_concatInstanceProperty(_context7 = "".concat(cssClasses.TABS, "-")).call(_context7, tabPosition)]: tabPosition
+      [_concatInstanceProperty(_context6 = "".concat(cssClasses.TABS, "-")).call(_context6, tabPosition)]: tabPosition
     });
     const tabContentCls = cls({
       [cssClasses.TABS_CONTENT]: true,
-      [_concatInstanceProperty(_context8 = "".concat(cssClasses.TABS_CONTENT, "-")).call(_context8, tabPosition)]: tabPosition
+      [_concatInstanceProperty(_context7 = "".concat(cssClasses.TABS_CONTENT, "-")).call(_context7, tabPosition)]: tabPosition
     });
     const tabBarProps = {
       activeKey,
@@ -312,8 +246,7 @@ class Tabs extends BaseComponent {
       style: tabBarStyle,
       tabBarExtraContent,
       tabPosition,
-      type,
-      deleteTabItem: this.deleteTabItem
+      type
     };
     const tabBar = renderTabBar ? renderTabBar(tabBarProps, TabBar) : /*#__PURE__*/React.createElement(TabBar, _Object$assign({}, tabBarProps));
     const content = keepDOM ? children : this.getActiveItem();
@@ -358,8 +291,7 @@ Tabs.propTypes = {
   tabList: PropTypes.array,
   tabPaneMotion: PropTypes.oneOfType([PropTypes.bool, PropTypes.object, PropTypes.func]),
   tabPosition: PropTypes.oneOf(strings.POSITION_MAP),
-  type: PropTypes.oneOf(strings.TYPE_MAP),
-  onTabClose: PropTypes.func
+  type: PropTypes.oneOf(strings.TYPE_MAP)
 };
 Tabs.defaultProps = {
   children: [],
@@ -371,7 +303,6 @@ Tabs.defaultProps = {
   size: 'large',
   tabPaneMotion: true,
   tabPosition: 'top',
-  type: 'line',
-  onTabClose: () => undefined
+  type: 'line'
 };
 export default Tabs;

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

@@ -1,4 +1,4 @@
-import { ComponentType, CSSProperties, MouseEvent, ReactNode } from 'react';
+import { MouseEvent, ReactNode, ComponentType, CSSProperties } from 'react';
 import { Motion } from '../_base/base';
 export declare type TabType = 'line' | 'card' | 'button';
 export declare type TabSize = 'small' | 'medium' | 'large';
@@ -8,7 +8,6 @@ export interface PlainTab {
     icon?: ReactNode;
     itemKey: string;
     tab?: ReactNode;
-    closable: boolean;
 }
 export interface TabsProps {
     activeKey?: string;
@@ -31,7 +30,6 @@ export interface TabsProps {
     tabPaneMotion?: boolean;
     tabPosition?: TabPosition;
     type?: TabType;
-    onTabClose?: (tabKey: string) => void;
 }
 export interface TabBarProps {
     activeKey?: string;
@@ -46,8 +44,6 @@ export interface TabBarProps {
     type?: TabType;
     dropdownClassName?: string;
     dropdownStyle?: CSSProperties;
-    closable?: boolean;
-    deleteTabItem?: (tabKey: string, event: MouseEvent<Element>) => void;
 }
 export interface TabPaneProps {
     className?: string;
@@ -56,7 +52,6 @@ export interface TabPaneProps {
     itemKey?: string;
     style?: CSSProperties;
     tab?: ReactNode;
-    closable?: boolean;
 }
 export interface TabPaneTransitionProps {
     [key: string]: any;

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

@@ -29,7 +29,6 @@ export interface TagInputProps {
     onFocus?: (e: React.MouseEvent<HTMLInputElement>) => void;
     onInputChange?: (value: string, e: React.MouseEvent<HTMLInputElement>) => void;
     onInputExceed?: ((value: string) => void);
-    onKeyDown?: (e: React.MouseEvent<HTMLInputElement>) => void;
     onRemove?: (removedValue: string, idx: number) => void;
     placeholder?: string;
     prefix?: React.ReactNode;
@@ -79,7 +78,6 @@ declare class TagInput extends BaseComponent<TagInputProps, TagInputState> {
         onInputExceed: PropTypes.Requireable<(...args: any[]) => any>;
         onAdd: PropTypes.Requireable<(...args: any[]) => any>;
         onRemove: PropTypes.Requireable<(...args: any[]) => any>;
-        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
         size: PropTypes.Requireable<"default" | "small" | "large">;
         validateStatus: PropTypes.Requireable<"default" | "error" | "warning">;
         prefix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -103,7 +101,6 @@ declare class TagInput extends BaseComponent<TagInputProps, TagInputState> {
         onInputExceed: (...args: any[]) => void;
         onAdd: (...args: any[]) => void;
         onRemove: (...args: any[]) => void;
-        onKeyDown: (...args: any[]) => void;
     };
     inputRef: React.RefObject<HTMLInputElement>;
     constructor(props: TagInputProps);

package/lib/es/tagInput/index.js

@@ -112,9 +112,6 @@ class TagInput extends BaseComponent {
       },
       notifyTagRemove: (v, idx) => {
         this.props.onRemove(v, idx);
-      },
-      notifyKeyDown: e => {
-        this.props.onKeyDown(e);
       }
     });
   }
@@ -363,7 +360,6 @@ TagInput.propTypes = {
   onInputExceed: PropTypes.func,
   onAdd: PropTypes.func,
   onRemove: PropTypes.func,
-  onKeyDown: PropTypes.func,
   size: PropTypes.oneOf(strings.SIZE_SET),
   validateStatus: PropTypes.oneOf(strings.STATUS),
   prefix: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
@@ -386,7 +382,6 @@ TagInput.defaultProps = {
   onExceed: noop,
   onInputExceed: noop,
   onAdd: noop,
-  onRemove: noop,
-  onKeyDown: noop
+  onRemove: noop
 };
 export default TagInput;

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

@@ -31,7 +31,6 @@ export interface TooltipProps extends BaseProps {
     content?: React.ReactNode;
     prefixCls?: string;
     onVisibleChange?: (visible: boolean) => void;
-    onClickOutSide?: (e: React.MouseEvent) => void;
     spacing?: number;
     showArrow?: boolean | React.ReactNode;
     zIndex?: number;
@@ -78,7 +77,6 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
         content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         prefixCls: PropTypes.Requireable<string>;
         onVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onClickOutSide: PropTypes.Requireable<(...args: any[]) => any>;
         spacing: PropTypes.Requireable<number>;
         showArrow: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         zIndex: PropTypes.Requireable<number>;
@@ -107,7 +105,6 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
         mouseEnterDelay: 50;
         mouseLeaveDelay: 50;
         onVisibleChange: (...args: any[]) => void;
-        onClickOutSide: (...args: any[]) => void;
         spacing: 8;
         showArrow: boolean;
         arrowBounding: {