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

package/lib/es/table/utils.js

@@ -1,6 +1,6 @@
+import _merge from "lodash/merge";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import { merge } from 'lodash-es';
 import Logger from '@douyinfe/semi-foundation/lib/es/utils/Logger';
 import { numbers } from '@douyinfe/semi-foundation/lib/es/table/constants';
 import { cloneDeep } from '../_utils';
@@ -76,7 +76,7 @@ export function amendTableWidth(tableWidth) {
  */
 
 export function mergeComponents(components, virtualized) {
-  return merge({}, {
+  return _merge({}, {
     table: 'table',
     header: {
       outer: 'table',

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

@@ -1,6 +1,6 @@
 import React, { MouseEvent, ReactNode } from 'react';
 import PropTypes from 'prop-types';
-import { PlainTab, TabBarProps } from './interface';
+import { TabBarProps, PlainTab } from './interface';
 export interface TabBarState {
     endInd: number;
     rePosKey: number;

package/lib/es/tabs/TabBar.js

@@ -1,3 +1,4 @@
+import _isEmpty from "lodash/isEmpty";
 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 _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
@@ -23,8 +24,7 @@ import getDataAttr from '@douyinfe/semi-foundation/lib/es/utils/getDataAttr';
 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, IconClose } from '@douyinfe/semi-icons';
 import { getUuidv4 } from '@douyinfe/semi-foundation/lib/es/utils/uuid';
 
 class TabBar extends React.Component {
@@ -111,7 +111,7 @@ class TabBar extends React.Component {
     this.renderCollapse = (items, icon, pos) => {
       var _context5, _context6;
 
-      if (isEmpty(items)) {
+      if (_isEmpty(items)) {
         return null;
       }
 

package/lib/es/tabs/TabPaneTransition.js

@@ -1,9 +1,9 @@
+import _toInteger from "lodash/toInteger";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 
 /* eslint-disable react/destructuring-assignment */
 import React from 'react';
 import { Transition } from '@douyinfe/semi-animation-react';
-import { toInteger } from 'lodash-es';
 
 const TabPaneTransition = function () {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -52,10 +52,10 @@ const TabPaneTransition = function () {
         opacity
       } = _ref;
       // delete translateX in 0 in case of zIndex problems.
-      const finalState = toInteger(translateY) === 0 ? {
+      const finalState = _toInteger(translateY) === 0 ? {
         opacity
       } : {
-        transform: "translateY(".concat(toInteger(translateY), "px)"),
+        transform: "translateY(".concat(_toInteger(translateY), "px)"),
         opacity
       };
       return props.children(finalState);
@@ -91,10 +91,10 @@ const TabPaneTransition = function () {
       opacity
     } = _ref2;
     // delete translateX in 0 in case of zIndex problems.
-    const finalState = toInteger(translateX) === 0 ? {
+    const finalState = _toInteger(translateX) === 0 ? {
       opacity
     } : {
-      transform: "translateX(".concat(toInteger(translateX), "px)"),
+      transform: "translateX(".concat(_toInteger(translateX), "px)"),
       opacity
     };
     return props.children(finalState);

package/lib/es/tabs/index.js

@@ -1,3 +1,6 @@
+import _omit from "lodash/omit";
+import _pick from "lodash/pick";
+import _isEqual from "lodash/isEqual";
 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$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
@@ -27,14 +30,13 @@ 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 BaseComponent from '../_base/baseComponent';
 import '@douyinfe/semi-foundation/lib/es/tabs/tabs.css';
 import TabBar from './TabBar';
 import TabPane from './TabPane';
 import TabsContext from './tabs-context';
 
-const panePickKeys = _Object$keys(omit(TabPane.propTypes, ['children']));
+const panePickKeys = _Object$keys(_omit(TabPane.propTypes, ['children']));
 
 export * from './interface';
 
@@ -248,13 +250,13 @@ class Tabs extends BaseComponent {
     var _context5, _context6;
 
     // 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( /*#__PURE__*/isValidElement(child) ? child.props : null, panePickKeys));
+    const prevChildrenProps = _mapInstanceProperty(_context5 = React.Children.toArray(prevProps.children)).call(_context5, child => _pick( /*#__PURE__*/isValidElement(child) ? child.props : null, panePickKeys));
 
-    const nowChildrenProps = _mapInstanceProperty(_context6 = React.Children.toArray(this.props.children)).call(_context6, child => pick( /*#__PURE__*/isValidElement(child) ? child.props : null, panePickKeys));
+    const nowChildrenProps = _mapInstanceProperty(_context6 = React.Children.toArray(this.props.children)).call(_context6, child => _pick( /*#__PURE__*/isValidElement(child) ? child.props : null, panePickKeys));
 
     const isTabListType = this.props.tabList || prevProps.tabList;
 
-    if (!isEqual(this.props.tabList, prevProps.tabList)) {
+    if (!_isEqual(this.props.tabList, prevProps.tabList)) {
       this.foundation.handleTabListChange();
     } // children变化，tabList方式使用时，啥也不用做
     // children变化，非tabList方式使用，需要重新取activeKey。TabPane可能是异步更新的，若不重新取，未设activeKey时，第一个不会自动激活
@@ -262,7 +264,7 @@ class Tabs extends BaseComponent {
     // children changed: recalc activeKey. TabPane could be updated async. If not recalc the first panel will not be activated
 
 
-    if (!isEqual(prevChildrenProps, nowChildrenProps) && !isTabListType) {
+    if (!_isEqual(prevChildrenProps, nowChildrenProps) && !isTabListType) {
       this.foundation.handleTabPanesChange();
     }
   }

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

@@ -8,7 +8,7 @@ export interface PlainTab {
     icon?: ReactNode;
     itemKey: string;
     tab?: ReactNode;
-    closable: boolean;
+    closable?: boolean;
 }
 export interface TabsProps {
     activeKey?: string;

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
     };
   }
 
@@ -159,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
@@ -178,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
@@ -222,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;
@@ -379,14 +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,
-  onKeyDown: 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.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';
@@ -303,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.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.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;
     };
 
@@ -441,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;
           }
@@ -464,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;
           }
@@ -550,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 = {};
 
@@ -577,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 => {
@@ -647,8 +663,8 @@ Tooltip.defaultProps = {
   autoAdjustOverflow: true,
   mouseEnterDelay: numbers.MOUSE_ENTER_DELAY,
   mouseLeaveDelay: numbers.MOUSE_LEAVE_DELAY,
-  onVisibleChange: noop,
-  onClickOutSide: 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) {