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

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

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

@@ -1,10 +1,15 @@
+import _isFunction from "lodash/isFunction";
+import _isUndefined from "lodash/isUndefined";
+import _isNull from "lodash/isNull";
+import _isArray from "lodash/isArray";
+import _isString from "lodash/isString";
+import _noop from "lodash/noop";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 import React from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
-import { noop, isString, isArray, isNull, isUndefined, isFunction } from 'lodash-es';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/tagInput/constants';
 import '@douyinfe/semi-foundation/lib/es/tagInput/tagInput.css';
 import TagInputFoundation from '@douyinfe/semi-foundation/lib/es/tagInput/foundation';
@@ -68,8 +73,8 @@ class TagInput extends BaseComponent {
       inputValue
     } = nextProps;
     return {
-      tagsArray: isArray(value) ? value : prevState.tagsArray,
-      inputValue: isString(inputValue) ? inputValue : prevState.inputValue
+      tagsArray: _isArray(value) ? value : prevState.tagsArray,
+      inputValue: _isString(inputValue) ? inputValue : prevState.inputValue
     };
   }
 
@@ -112,6 +117,9 @@ class TagInput extends BaseComponent {
       },
       notifyTagRemove: (v, idx) => {
         this.props.onRemove(v, idx);
+      },
+      notifyKeyDown: e => {
+        this.props.onKeyDown(e);
       }
     });
   }
@@ -156,14 +164,14 @@ class TagInput extends BaseComponent {
       prefix
     } = this.props;
 
-    if (isNull(prefix) || isUndefined(prefix)) {
+    if (_isNull(prefix) || _isUndefined(prefix)) {
       return null;
     }
 
     const prefixWrapperCls = cls("".concat(prefixCls, "-prefix"), {
-      ["".concat(prefixCls, "-prefix-text")]: prefix && isString(prefix),
+      ["".concat(prefixCls, "-prefix-text")]: prefix && _isString(prefix),
       // eslint-disable-next-line max-len
-      ["".concat(prefixCls, "-prefix-icon")]: /*#__PURE__*/React.isValidElement(prefix) && !(prefix && isString(prefix))
+      ["".concat(prefixCls, "-prefix-icon")]: /*#__PURE__*/React.isValidElement(prefix) && !(prefix && _isString(prefix))
     });
     return /*#__PURE__*/React.createElement("div", {
       className: prefixWrapperCls
@@ -175,14 +183,14 @@ class TagInput extends BaseComponent {
       suffix
     } = this.props;
 
-    if (isNull(suffix) || isUndefined(suffix)) {
+    if (_isNull(suffix) || _isUndefined(suffix)) {
       return null;
     }
 
     const suffixWrapperCls = cls("".concat(prefixCls, "-suffix"), {
-      ["".concat(prefixCls, "-suffix-text")]: suffix && isString(suffix),
+      ["".concat(prefixCls, "-suffix-text")]: suffix && _isString(suffix),
       // eslint-disable-next-line max-len
-      ["".concat(prefixCls, "-suffix-icon")]: /*#__PURE__*/React.isValidElement(suffix) && !(suffix && isString(suffix))
+      ["".concat(prefixCls, "-suffix-icon")]: /*#__PURE__*/React.isValidElement(suffix) && !(suffix && _isString(suffix))
     });
     return /*#__PURE__*/React.createElement("div", {
       className: suffixWrapperCls
@@ -219,7 +227,7 @@ class TagInput extends BaseComponent {
     _forEachInstanceProperty(tagsArray).call(tagsArray, (value, index) => {
       let item = null;
 
-      if (isFunction(renderTagItem)) {
+      if (_isFunction(renderTagItem)) {
         item = renderTagItem(value, index);
       } else {
         var _context2;
@@ -360,6 +368,7 @@ 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]),
@@ -375,13 +384,14 @@ TagInput.defaultProps = {
   separator: ',',
   size: 'default',
   validateStatus: 'default',
-  onBlur: noop,
-  onFocus: noop,
-  onChange: noop,
-  onInputChange: noop,
-  onExceed: noop,
-  onInputExceed: noop,
-  onAdd: noop,
-  onRemove: noop
+  onBlur: _noop,
+  onFocus: _noop,
+  onChange: _noop,
+  onInputChange: _noop,
+  onExceed: _noop,
+  onInputExceed: _noop,
+  onAdd: _noop,
+  onRemove: _noop,
+  onKeyDown: _noop
 };
 export default TagInput;

package/lib/es/timePicker/Combobox.d.ts

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 import BaseComponent, { BaseProps } from '../_base/baseComponent';
 import ScrollItem from '../scrollList/scrollItem';
-import ComboboxFoundation from '@douyinfe/semi-foundation/lib/es/timePicker/ComboxFoundation';
+import ComboboxFoundation, { formatOption } from '@douyinfe/semi-foundation/lib/es/timePicker/ComboxFoundation';
 import { TimePickerProps } from './TimePicker';
 import { Locale } from '../locale/interface';
 export declare type ComboboxProps = Pick<TimePickerProps, 'format' | 'prefixCls' | 'disabledHours' | 'disabledMinutes' | 'disabledSeconds' | 'hideDisabledOptions' | 'use12Hours' | 'scrollItemProps' | 'panelFooter' | 'panelHeader'> & BaseProps & {
@@ -26,6 +26,11 @@ export interface ComboboxState {
     minuteOptions: number[];
     secondOptions: number[];
 }
+export declare type FormatOptionReturn = ReturnType<typeof formatOption>;
+export interface AMPMOptionItem {
+    value: string;
+    text: string;
+}
 declare class Combobox extends BaseComponent<ComboboxProps, ComboboxState> {
     static propTypes: {
         format: PropTypes.Requireable<string>;
@@ -56,11 +61,12 @@ declare class Combobox extends BaseComponent<ComboboxProps, ComboboxState> {
     componentDidUpdate(prevProps: ComboboxProps, prevState: ComboboxState): void;
     componentWillUnmount(): void;
     componentDidMount(): void;
-    cacheRefCurrent: (key: string, current: ScrollItem) => void;
+    cacheRefCurrent: (key: string, current: ScrollItem<FormatOptionReturn> | ScrollItem<AMPMOptionItem>) => void;
     reselect: () => void;
-    onItemChange: ({ type, value }: {
-        type: string;
+    onItemChange: ({ type, value, disabled }: {
+        type?: string;
         value: string;
+        disabled?: boolean;
     }) => void;
     onEnterSelectPanel: (range: string) => void;
     renderHourSelect(hour: number, locale: Locale['TimePicker']): JSX.Element;

package/lib/es/timePicker/Combobox.js

@@ -1,3 +1,4 @@
+import _noop from "lodash/noop";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
@@ -11,7 +12,6 @@ import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/inst
 import React from 'react';
 import PropTypes from 'prop-types';
 import { format as dateFnsFormat } from 'date-fns';
-import { noop } from 'lodash-es';
 import BaseComponent from '../_base/baseComponent';
 import { strings } from '@douyinfe/semi-foundation/lib/es/timePicker/constants';
 import ScrollList from '../scrollList/index';
@@ -44,7 +44,8 @@ class Combobox extends BaseComponent {
     this.onItemChange = _ref => {
       let {
         type,
-        value
+        value,
+        disabled
       } = _ref;
       // eslint-disable-next-line prefer-const
       let {
@@ -302,9 +303,9 @@ Combobox.propTypes = {
   scrollItemProps: PropTypes.object
 };
 Combobox.defaultProps = {
-  disabledHours: noop,
-  disabledMinutes: noop,
-  disabledSeconds: noop,
+  disabledHours: _noop,
+  disabledMinutes: _noop,
+  disabledSeconds: _noop,
   format: strings.DEFAULT_FORMAT
 };
 export default Combobox;

package/lib/es/timePicker/TimeInput.js

@@ -1,3 +1,4 @@
+import _noop from "lodash/noop";
 import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
@@ -20,7 +21,6 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { strings } from '@douyinfe/semi-foundation/lib/es/timePicker/constants';
-import { noop } from 'lodash-es';
 import Input from '../input';
 import BaseComponent from '../_base/baseComponent';
 import InputFoundation from '@douyinfe/semi-foundation/lib/es/timePicker/inputFoundation';
@@ -190,13 +190,13 @@ TimeInput.propTypes = {
 };
 TimeInput.defaultProps = {
   inputReadOnly: false,
-  onChange: noop,
-  onBlur: noop,
-  onFocus: noop,
-  onClick: noop,
-  disabledHours: noop,
-  disabledMinutes: noop,
-  disabledSeconds: noop,
+  onChange: _noop,
+  onBlur: _noop,
+  onFocus: _noop,
+  onClick: _noop,
+  disabledHours: _noop,
+  disabledMinutes: _noop,
+  disabledSeconds: _noop,
   format: strings.DEFAULT_FORMAT
 };
 export default TimeInput;

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

@@ -49,7 +49,7 @@ export declare type TimePickerProps = {
     position?: Position;
     prefixCls?: string;
     rangeSeparator?: string;
-    scrollItemProps?: ScrollItemProps;
+    scrollItemProps?: ScrollItemProps<any>;
     secondStep?: number;
     showClear?: boolean;
     size?: InputSize;

package/lib/es/timePicker/TimePicker.js

@@ -1,3 +1,5 @@
+import _get from "lodash/get";
+import _noop from "lodash/noop";
 import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -20,7 +22,6 @@ var __rest = this && this.__rest || function (s, e) {
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { noop, get } from 'lodash-es';
 import ConfigContext from '../configProvider/context';
 import BaseComponent from '../_base/baseComponent';
 import { strings, cssClasses } from '@douyinfe/semi-foundation/lib/es/timePicker/constants';
@@ -69,8 +70,8 @@ export default class TimePicker extends BaseComponent {
           0: locale.begin,
           1: locale.end
         };
-        panelProps.panelHeader = get(panels, index, isNullOrUndefined(panelHeader) ? get(defaultHeaderMap, index, null) : panelHeader);
-        panelProps.panelFooter = get(panels, index, panelFooter);
+        panelProps.panelHeader = _get(panels, index, isNullOrUndefined(panelHeader) ? _get(defaultHeaderMap, index, null) : panelHeader);
+        panelProps.panelFooter = _get(panels, index, panelFooter);
       }
 
       return panelProps;
@@ -441,7 +442,7 @@ TimePicker.defaultProps = _Object$assign({
   showClear: true,
   zIndex: popoverNumbers.DEFAULT_Z_INDEX,
   rangeSeparator: strings.DEFAULT_RANGE_SEPARATOR,
-  onOpenChange: noop,
+  onOpenChange: _noop,
   clearText: 'clear',
   prefixCls: cssClasses.PREFIX,
   inputReadOnly: false,
@@ -457,12 +458,12 @@ TimePicker.defaultProps = _Object$assign({
   disabledSeconds: () => [],
   hideDisabledOptions: false,
   // position: 'bottomLeft',
-  onFocus: noop,
-  onBlur: noop,
-  onChange: noop,
+  onFocus: _noop,
+  onBlur: _noop,
+  onChange: _noop,
   use12Hours: false,
   focusOnOpen: false,
-  onKeyDown: noop,
+  onKeyDown: _noop,
   size: 'default',
   type: strings.DEFAULT_TYPE
 }, PanelShapeDefaults);

package/lib/es/timePicker/index.js

@@ -1,9 +1,9 @@
+import _get from "lodash/get";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import React from 'react';
 import LocaleConsumer from '../locale/localeConsumer';
 import BaseTimePicker from './TimePicker';
 import ConfigContext from '../configProvider/context';
-import { get } from 'lodash-es';
 export default class LocaleTimePicker extends React.PureComponent {
   render() {
     const {
@@ -17,7 +17,7 @@ export default class LocaleTimePicker extends React.PureComponent {
         componentName: "TimePicker"
       }, (locale, localeCode, dateFnsLocale) => /*#__PURE__*/React.createElement(BaseTimePicker, _Object$assign({
         timeZone: timeZone,
-        placeholder: get(locale, ['placeholder', type])
+        placeholder: _get(locale, ['placeholder', type])
       }, this.props, {
         locale: locale,
         localeCode: localeCode,

package/lib/es/toast/toast.js

@@ -1,3 +1,4 @@
+import _noop from "lodash/noop";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 
@@ -11,7 +12,6 @@ import { numbers, cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/t
 import BaseComponent from '../_base/baseComponent';
 import Button from '../iconButton/index';
 import { IconClose, IconAlertTriangle, IconInfoCircle, IconTickCircle, IconAlertCircle } from '@douyinfe/semi-icons';
-import { noop } from 'lodash-es';
 import { isSemiIcon } from '../_utils';
 const prefixCls = cssClasses.PREFIX;
 
@@ -149,9 +149,9 @@ Toast.propTypes = {
   direction: PropTypes.oneOf(strings.directions)
 };
 Toast.defaultProps = {
-  onClose: noop,
+  onClose: _noop,
   content: '',
-  close: noop,
+  close: _noop,
   duration: numbers.duration,
   textMaxWidth: 450,
   showClose: true,

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

@@ -31,6 +31,7 @@ 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;
@@ -77,6 +78,7 @@ 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>;
@@ -105,6 +107,7 @@ 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: {

package/lib/es/tooltip/index.js

@@ -1,3 +1,9 @@
+import _isEmpty from "lodash/isEmpty";
+import _each from "lodash/each";
+import _omit from "lodash/omit";
+import _get from "lodash/get";
+import _noop from "lodash/noop";
+import _throttle from "lodash/throttle";
 import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
@@ -20,7 +26,6 @@ import React, { isValidElement, cloneElement } from 'react';
 import ReactDOM from 'react-dom';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
-import { throttle, noop, get, omit, each, isEmpty } from 'lodash-es';
 import { BASE_CLASS_PREFIX } from '@douyinfe/semi-foundation/lib/es/base/constants';
 import warning from '@douyinfe/semi-foundation/lib/es/utils/warning';
 import Event from '@douyinfe/semi-foundation/lib/es/utils/Event';
@@ -56,16 +61,17 @@ export default class Tooltip extends BaseComponent {
       if (isHTMLElement(elem)) {
         return Boolean(elem.disabled);
       } else if ( /*#__PURE__*/isValidElement(elem)) {
-        const disabled = get(elem, 'props.disabled');
+        const disabled = _get(elem, 'props.disabled');
 
         if (disabled) {
           return strings.STATUS_DISABLED;
         }
 
-        const loading = get(elem, 'props.loading');
+        const loading = _get(elem, 'props.loading');
         /* Only judge the loading state of the Button, and no longer judge other components */
 
-        const isButton = !isEmpty(elem) && !isEmpty(elem.type) && elem.type.name === 'Button' || elem.type.name === 'IconButton';
+
+        const isButton = !_isEmpty(elem) && !_isEmpty(elem.type) && elem.type.name === 'Button' || elem.type.name === 'IconButton';
 
         if (loading && isButton) {
           return strings.STATUS_LOADING;
@@ -104,7 +110,9 @@ export default class Tooltip extends BaseComponent {
       } = this.props;
       let icon = null;
       const triangleCls = classNames(["".concat(prefixCls, "-icon-arrow")]);
-      const bgColor = get(style, 'backgroundColor');
+
+      const bgColor = _get(style, 'backgroundColor');
+
       const iconComponent = _includesInstanceProperty(placement).call(placement, 'left') || _includesInstanceProperty(placement).call(placement, 'right') ? /*#__PURE__*/React.createElement(TriangleArrowVertical, null) : /*#__PURE__*/React.createElement(TriangleArrow, null);
 
       if (showArrow) {
@@ -161,8 +169,11 @@ export default class Tooltip extends BaseComponent {
         ["".concat(prefixCls, "-rtl")]: direction === 'rtl'
       });
       const icon = this.renderIcon();
-      const portalInnerStyle = omit(containerStyle, motion ? ['transformOrigin'] : undefined);
-      const transformOrigin = get(containerStyle, 'transformOrigin');
+
+      const portalInnerStyle = _omit(containerStyle, motion ? ['transformOrigin'] : undefined);
+
+      const transformOrigin = _get(containerStyle, 'transformOrigin');
+
       const inner = motion ? /*#__PURE__*/React.createElement(TooltipTransition, {
         position: placement,
         willEnter: this.willEnter,
@@ -207,8 +218,11 @@ export default class Tooltip extends BaseComponent {
       const {
         wrapperClassName
       } = this.props;
-      const display = get(elem, 'props.style.display');
-      const block = get(elem, 'props.block');
+
+      const display = _get(elem, 'props.style.display');
+
+      const block = _get(elem, 'props.block');
+
       const style = {
         display: 'inline-block'
       };
@@ -225,7 +239,8 @@ export default class Tooltip extends BaseComponent {
 
     this.mergeEvents = (rawEvents, events) => {
       const mergedEvents = {};
-      each(events, (handler, key) => {
+
+      _each(events, (handler, key) => {
         if (typeof handler === 'function') {
           mergedEvents[key] = function () {
             handler(...arguments);
@@ -236,6 +251,7 @@ export default class Tooltip extends BaseComponent {
           };
         }
       });
+
       return mergedEvents;
     };
 
@@ -423,6 +439,7 @@ export default class Tooltip extends BaseComponent {
           popupEl = ReactDOM.findDOMNode(popupEl);
 
           if (el && !el.contains(e.target) && popupEl && !popupEl.contains(e.target) || this.props.clickTriggerToHide) {
+            this.props.onClickOutSide(e);
             cb();
           }
         };
@@ -440,7 +457,7 @@ export default class Tooltip extends BaseComponent {
           this.adapter.unregisterResizeHandler();
         }
 
-        this.resizeHandler = throttle(e => {
+        this.resizeHandler = _throttle(e => {
           if (!this.mounted) {
             return false;
           }
@@ -463,7 +480,7 @@ export default class Tooltip extends BaseComponent {
           this.adapter.unregisterScrollHandler();
         }
 
-        this.scrollHandler = throttle(e => {
+        this.scrollHandler = _throttle(e => {
           if (!this.mounted) {
             return false;
           }
@@ -549,7 +566,7 @@ export default class Tooltip extends BaseComponent {
       children
     } = this.props;
 
-    const childrenStyle = _Object$assign({}, get(children, 'props.style'));
+    const childrenStyle = _Object$assign({}, _get(children, 'props.style'));
 
     const extraStyle = {};
 
@@ -576,8 +593,8 @@ export default class Tooltip extends BaseComponent {
 
 
     const newChild = /*#__PURE__*/React.cloneElement(children, _Object$assign(_Object$assign(_Object$assign({}, children.props), this.mergeEvents(children.props, triggerEventSet)), {
-      style: _Object$assign(_Object$assign({}, get(children, 'props.style')), extraStyle),
-      className: classNames(get(children, 'props.className') // `${prefixCls}-trigger`
+      style: _Object$assign(_Object$assign({}, _get(children, 'props.style')), extraStyle),
+      className: classNames(_get(children, 'props.className') // `${prefixCls}-trigger`
       ),
       // to maintain refs with callback
       ref: node => {
@@ -621,6 +638,7 @@ Tooltip.propTypes = {
   content: PropTypes.node,
   prefixCls: PropTypes.string,
   onVisibleChange: PropTypes.func,
+  onClickOutSide: PropTypes.func,
   spacing: PropTypes.number,
   showArrow: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),
   zIndex: PropTypes.number,
@@ -645,7 +663,8 @@ Tooltip.defaultProps = {
   autoAdjustOverflow: true,
   mouseEnterDelay: numbers.MOUSE_ENTER_DELAY,
   mouseLeaveDelay: numbers.MOUSE_LEAVE_DELAY,
-  onVisibleChange: noop,
+  onVisibleChange: _noop,
+  onClickOutSide: _noop,
   spacing: numbers.SPACING,
   showArrow: true,
   arrowBounding: numbers.ARROW_BOUNDING

package/lib/es/transfer/index.js

@@ -1,3 +1,8 @@
+import _isArray from "lodash/isArray";
+import _isEmpty from "lodash/isEmpty";
+import _omit from "lodash/omit";
+import _noop from "lodash/noop";
+import _isEqual from "lodash/isEqual";
 import _Map from "@babel/runtime-corejs3/core-js-stable/map";
 import _Set from "@babel/runtime-corejs3/core-js-stable/set";
 import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
@@ -13,7 +18,6 @@ import React from 'react';
 import cls from 'classnames';
 import { SortableContainer, SortableElement, SortableHandle } from 'react-sortable-hoc';
 import PropTypes from 'prop-types';
-import { isEqual, noop, omit, isEmpty, isArray } from 'lodash-es';
 import TransferFoundation from '@douyinfe/semi-foundation/lib/es/transfer/foundation';
 import { _generateDataByType, _generateSelectedItems } from '@douyinfe/semi-foundation/lib/es/transfer/transferUtlls';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/transfer/constants';
@@ -47,13 +51,13 @@ class Transfer extends BaseComponent {
       inputValue: ''
     };
 
-    if (Boolean(dataSource) && isArray(dataSource)) {
+    if (Boolean(dataSource) && _isArray(dataSource)) {
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore Avoid reporting errors this.state.xxx is read-only
       this.state.data = _generateDataByType(dataSource, type);
     }
 
-    if (Boolean(defaultValue) && isArray(defaultValue)) {
+    if (Boolean(defaultValue) && _isArray(defaultValue)) {
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore Avoid reporting errors this.state.xxx is read-only
       this.state.selectedItems = _generateSelectedItems(defaultValue, this.state.data);
@@ -85,7 +89,7 @@ class Transfer extends BaseComponent {
       mergedState.selectedItems = newSelectedItems;
     }
 
-    if (!isEqual(state.data, newData)) {
+    if (!_isEqual(state.data, newData)) {
       if (typeof state.inputValue === 'string' && state.inputValue !== '') {
         const filterFunc = typeof filter === 'function' ? item => filter(state.inputValue, item) : item => {
           var _context4;
@@ -100,7 +104,7 @@ class Transfer extends BaseComponent {
       }
     }
 
-    return isEmpty(mergedState) ? null : mergedState;
+    return _isEmpty(mergedState) ? null : mergedState;
   }
 
   get adapter() {
@@ -350,7 +354,8 @@ class Transfer extends BaseComponent {
       this.foundation.handleSelect(value);
     };
 
-    const restTreeProps = omit(treeProps, ['value', 'ref', 'onChange']);
+    const restTreeProps = _omit(treeProps, ['value', 'ref', 'onChange']);
+
     return /*#__PURE__*/React.createElement(Tree, _Object$assign({
       disabled: disabled,
       treeData: dataSource,
@@ -606,11 +611,11 @@ Transfer.propTypes = {
 Transfer.defaultProps = {
   type: strings.TYPE_LIST,
   dataSource: [],
-  onSearch: noop,
-  onChange: noop,
-  onSelect: noop,
-  onDeselect: noop,
-  onClear: noop,
+  onSearch: _noop,
+  onChange: _noop,
+  onSelect: _noop,
+  onDeselect: _noop,
+  onClear: _noop,
   defaultValue: [],
   emptyContent: {},
   showPath: false