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

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

@@ -4,7 +4,7 @@ import { ToastListAdapter, ToastListProps, ToastListState } from '@douyinfe/semi
 import '@douyinfe/semi-foundation/lib/es/toast/toast.css';
 import useToast from './useToast';
 import { ConfigProps, ToastInstance, ToastProps, ToastState } from '@douyinfe/semi-foundation/lib/es/toast/toastFoundation';
-import { Motion } from '_base/base';
+import { Motion } from '../_base/base';
 export { ToastTransitionProps } from './ToastTransition';
 export interface ToastReactProps extends ToastProps {
     style?: CSSProperties;

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

package/lib/es/tree/autoSizer.js

@@ -1,9 +1,9 @@
+import _get from "lodash/get";
 import _parseInt from "@babel/runtime-corejs3/core-js-stable/parse-int";
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/tree/constants';
 import ResizeObserver from '../resizeObserver';
-import { get } from 'lodash-es';
 const prefixcls = cssClasses.PREFIX;
 export default class AutoSizer extends PureComponent {
   constructor(props) {
@@ -14,10 +14,10 @@ export default class AutoSizer extends PureComponent {
       const target = entries && entries[1] && entries[1].target;
 
       if (target) {
-        const height = get(target, 'offsetHeight') || 0;
+        const height = _get(target, 'offsetHeight') || 0;
         const style = window.getComputedStyle(target) || {};
-        const paddingTop = _parseInt(get(style, 'paddingTop'), 10) || 0;
-        const paddingBottom = _parseInt(get(style, 'paddingBottom'), 10) || 0;
+        const paddingTop = _parseInt(_get(style, 'paddingTop'), 10) || 0;
+        const paddingBottom = _parseInt(_get(style, 'paddingBottom'), 10) || 0;
         const newHeight = height - paddingTop - paddingBottom;
 
         if (this.state.height !== newHeight) {

package/lib/es/tree/collapse.js

@@ -1,10 +1,10 @@
+import _noop from "lodash/noop";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 
 /* eslint-disable arrow-body-style */
 import React, { useRef, useState, useEffect, useCallback } from 'react';
 import { Transition } from '@douyinfe/semi-animation-react';
 import PropTypes from 'prop-types';
-import { noop } from 'lodash-es';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/collapsible/constants';
 import getMotionObjFromProps from '@douyinfe/semi-foundation/lib/es/utils/getMotionObjFromProps';
 const ease = 'cubicBezier(.25,.1,.25,1)';
@@ -134,6 +134,6 @@ Collapse.propType = {
 Collapse.defaultProps = {
   duration: 250,
   motion: true,
-  onMotionEnd: noop
+  onMotionEnd: _noop
 };
 export default Collapse;

package/lib/es/tree/index.js

@@ -1,3 +1,7 @@
+import _isFunction from "lodash/isFunction";
+import _get from "lodash/get";
+import _isEqual from "lodash/isEqual";
+import _isEmpty from "lodash/isEmpty";
 import _Promise from "@babel/runtime-corejs3/core-js-stable/promise";
 import _Set from "@babel/runtime-corejs3/core-js-stable/set";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -13,7 +17,6 @@ import TreeFoundation from '@douyinfe/semi-foundation/lib/es/tree/foundation';
 import { convertDataToEntities, flattenTreeData, calcExpandedKeysForValues, calcMotionKeys, convertJsonToData, findKeysForValues, calcCheckedKeys, calcExpandedKeys, filterTreeData, normalizeValue, updateKeys, calcDisabledKeys } from '@douyinfe/semi-foundation/lib/es/tree/treeUtil';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/tree/constants';
 import BaseComponent from '../_base/baseComponent';
-import { isEmpty, isEqual, get, isFunction } from 'lodash-es';
 import { cloneDeep } from './treeUtil';
 import Input from '../input/index';
 import { FixedSizeList as VirtualList } from 'react-window';
@@ -50,7 +53,7 @@ class Tree extends BaseComponent {
           componentName: "Tree"
         }, locale => /*#__PURE__*/React.createElement(TreeNode, {
           empty: true,
-          emptyContent: get(locale, 'emptyText')
+          emptyContent: _get(locale, 'emptyText')
         }));
       }
     };
@@ -155,7 +158,7 @@ class Tree extends BaseComponent {
       return /*#__PURE__*/React.createElement(TreeNode, _Object$assign({}, treeNodeProps, data, {
         key: key,
         data: data,
-        style: isEmpty(style) ? {} : style
+        style: _isEmpty(style) ? {} : style
       }));
     };
 
@@ -216,7 +219,7 @@ class Tree extends BaseComponent {
 
     const needUpdate = name => {
       const firstInProps = !prevProps && name in props;
-      const nameHasChange = prevProps && !isEqual(prevProps[name], props[name]);
+      const nameHasChange = prevProps && !_isEqual(prevProps[name], props[name]);
       return firstInProps || nameHasChange;
     }; // Determine whether treeData has changed
 
@@ -490,9 +493,9 @@ class Tree extends BaseComponent {
     }, /*#__PURE__*/React.createElement(LocaleConsumer, {
       componentName: "Tree"
     }, locale => {
-      inputProps.placeholder = searchPlaceholder || get(locale, 'searchPlaceholder');
+      inputProps.placeholder = searchPlaceholder || _get(locale, 'searchPlaceholder');
 
-      if (isFunction(searchRender)) {
+      if (_isFunction(searchRender)) {
         return searchRender(_Object$assign({}, inputProps));
       }
 
@@ -521,11 +524,11 @@ class Tree extends BaseComponent {
       direction
     } = this.context;
 
-    if (isEmpty(flattenNodes)) {
+    if (_isEmpty(flattenNodes)) {
       return undefined;
     }
 
-    if (!virtualize || isEmpty(virtualize)) {
+    if (!virtualize || _isEmpty(virtualize)) {
       return /*#__PURE__*/React.createElement(NodeList, {
         flattenNodes: flattenNodes,
         flattenList: cachedFlattenNodes,
@@ -602,7 +605,7 @@ class Tree extends BaseComponent {
       ["".concat(prefixcls, "-option-list-block")]: blockNode
     });
     const searchNoRes = Boolean(inputValue) && !filteredKeys.size;
-    const noData = isEmpty(keyEntities) || showFilteredOnly && searchNoRes;
+    const noData = _isEmpty(keyEntities) || showFilteredOnly && searchNoRes;
     return /*#__PURE__*/React.createElement(TreeContext.Provider, {
       value: {
         treeDisabled: disabled,

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

@@ -22,7 +22,7 @@ export interface OnDragProps extends BasicOnDragProps {
 export interface DragEnterProps extends DragProps {
     expandedKeys?: string[];
 }
-export interface ExpanedOtherProps extends BasicExpandedOtherProps {
+export interface ExpandedOtherProps extends BasicExpandedOtherProps {
     node: TreeNodeData;
 }
 export interface RenderFullLabelProps extends BasicRenderFullLabelProps {
@@ -57,7 +57,7 @@ export interface TreeProps extends BasicTreeProps {
     onDragStart?: (dragProps: DragProps) => void;
     onDragEnter?: (dragEnterProps: DragEnterProps) => void;
     onDrop?: (onDragProps: OnDragProps) => void;
-    onExpand?: (expandedKeys: string[], expanedOtherProps: ExpanedOtherProps) => void;
+    onExpand?: (expandedKeys: string[], expandedOtherProps: ExpandedOtherProps) => void;
     onLoad?: (loadedKeys?: Set<string>, treeNode?: TreeNodeData) => void;
     onContextMenu?: (e: MouseEvent, node: TreeNodeData) => void;
     onSelect?: (selectedKeys: string, selected: boolean, selectedNode: TreeNodeData) => void;

package/lib/es/tree/nodeList.js

@@ -1,9 +1,9 @@
+import _isEqual from "lodash/isEqual";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/splice";
 import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
 import React, { PureComponent } from 'react';
-import { isEqual } from 'lodash-es';
 import TreeContext from './treeContext';
 import Collapse from './collapse';
 
@@ -41,7 +41,7 @@ export default class NodeList extends PureComponent {
       motionType,
       flattenList = []
     } = props;
-    const hasChanged = !isEqual(prevState.cachedMotionKeys, motionKeys) || !isEqual(_mapInstanceProperty(_context = prevState.cachedData).call(_context, i => i.key), _mapInstanceProperty(flattenNodes).call(flattenNodes, i => i.key));
+    const hasChanged = !_isEqual(prevState.cachedMotionKeys, motionKeys) || !_isEqual(_mapInstanceProperty(_context = prevState.cachedData).call(_context, i => i.key), _mapInstanceProperty(flattenNodes).call(flattenNodes, i => i.key));
     const motionArr = [...motionKeys];
 
     if (!hasChanged || !motionArr.length) {

package/lib/es/tree/treeNode.js

@@ -1,3 +1,6 @@
+import _isString from "lodash/isString";
+import _isFunction from "lodash/isFunction";
+import _debounce from "lodash/debounce";
 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";
@@ -19,7 +22,6 @@ import React, { PureComponent } from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/tree/constants';
-import { debounce, isFunction, isString } from 'lodash-es';
 import { IconTreeTriangleDown, IconFile, IconFolder, IconFolderOpen } from '@douyinfe/semi-icons';
 import { Checkbox } from '../checkbox';
 import TreeContext from './treeContext';
@@ -92,7 +94,7 @@ export default class TreeNode extends PureComponent {
       e.stopPropagation();
       e.nativeEvent.stopImmediatePropagation();
 
-      if (isFunction(onNodeDoubleClick)) {
+      if (_isFunction(onNodeDoubleClick)) {
         onNodeDoubleClick(e, this.props);
       }
 
@@ -222,9 +224,9 @@ export default class TreeNode extends PureComponent {
         treeNodeFilterProp
       } = this.props;
 
-      if (isFunction(renderLabel)) {
+      if (_isFunction(renderLabel)) {
         return renderLabel(label, data);
-      } else if (isString(label) && filtered && keyword && treeNodeFilterProp === 'label') {
+      } else if (_isString(label) && filtered && keyword && treeNodeFilterProp === 'label') {
         var _context;
 
         const content = [];
@@ -251,7 +253,7 @@ export default class TreeNode extends PureComponent {
     };
 
     this.state = {};
-    this.debounceSelect = debounce(this.onSelect, 500, {
+    this.debounceSelect = _debounce(this.onSelect, 500, {
       leading: true,
       trailing: false
     });