@douyinfe/semi-ui 2.1.0-alpha.1 → 2.1.0-beta.3

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,4 +1,3 @@
-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";
@@ -12,6 +11,7 @@ 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,4 +1,3 @@
-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";
@@ -21,6 +20,7 @@ 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,5 +1,3 @@
-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";
@@ -22,6 +20,7 @@ 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';
@@ -70,8 +69,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;
@@ -442,7 +441,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,
@@ -458,12 +457,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,14 +4,14 @@ 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;
     icon?: React.ReactNode;
     content: React.ReactNode;
 }
-export { ToastListProps, ToastListState, ToastState };
+export { ConfigProps, ToastListProps, ToastListState, ToastState };
 declare const createBaseToast: () => {
     new (props: ToastListProps): {
         readonly adapter: ToastListAdapter;

package/lib/es/toast/toast.js

@@ -1,4 +1,3 @@
-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";
 
@@ -12,6 +11,7 @@ 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,9 +1,3 @@
-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";
@@ -26,6 +20,7 @@ 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';
@@ -61,17 +56,16 @@ 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;
@@ -110,9 +104,7 @@ 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) {
@@ -169,11 +161,8 @@ 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,
@@ -218,11 +207,8 @@ 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'
       };
@@ -239,8 +225,7 @@ 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);
@@ -251,7 +236,6 @@ export default class Tooltip extends BaseComponent {
           };
         }
       });
-
       return mergedEvents;
     };
 
@@ -439,6 +423,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();
           }
         };
@@ -456,7 +441,7 @@ export default class Tooltip extends BaseComponent {
           this.adapter.unregisterResizeHandler();
         }
 
-        this.resizeHandler = _throttle(e => {
+        this.resizeHandler = throttle(e => {
           if (!this.mounted) {
             return false;
           }
@@ -479,7 +464,7 @@ export default class Tooltip extends BaseComponent {
           this.adapter.unregisterScrollHandler();
         }
 
-        this.scrollHandler = _throttle(e => {
+        this.scrollHandler = throttle(e => {
           if (!this.mounted) {
             return false;
           }
@@ -565,7 +550,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 = {};
 
@@ -592,8 +577,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 => {
@@ -637,6 +622,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,
@@ -661,7 +647,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,8 +1,3 @@
-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";
@@ -18,6 +13,7 @@ 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';
@@ -51,13 +47,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);
@@ -89,7 +85,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;
@@ -104,7 +100,7 @@ class Transfer extends BaseComponent {
       }
     }
 
-    return _isEmpty(mergedState) ? null : mergedState;
+    return isEmpty(mergedState) ? null : mergedState;
   }
 
   get adapter() {
@@ -354,8 +350,7 @@ 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,
@@ -611,11 +606,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,7 +1,3 @@
-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";
@@ -17,6 +13,7 @@ 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';
@@ -53,7 +50,7 @@ class Tree extends BaseComponent {
           componentName: "Tree"
         }, locale => /*#__PURE__*/React.createElement(TreeNode, {
           empty: true,
-          emptyContent: _get(locale, 'emptyText')
+          emptyContent: get(locale, 'emptyText')
         }));
       }
     };
@@ -158,7 +155,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
       }));
     };
 
@@ -219,7 +216,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
 
@@ -493,9 +490,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));
       }
 
@@ -524,11 +521,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,
@@ -605,7 +602,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) {