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

package/lib/es/popconfirm/index.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";
@@ -18,7 +20,6 @@ var __rest = this && this.__rest || function (s, e) {
 import React from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
-import { noop, get } from 'lodash-es';
 import { cssClasses, numbers } from '@douyinfe/semi-foundation/lib/es/popconfirm/constants';
 import PopconfirmFoundation from '@douyinfe/semi-foundation/lib/es/popconfirm/popconfirmFoundation';
 import { IconClose, IconAlertTriangle } from '@douyinfe/semi-icons';
@@ -87,11 +88,11 @@ export default class Popconfirm extends BaseComponent {
     }, (locale, localeCode) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, _Object$assign({
       type: cancelType,
       onClick: this.handleCancel
-    }, cancelButtonProps), cancelText || get(locale, 'cancel')), /*#__PURE__*/React.createElement(Button, _Object$assign({
+    }, cancelButtonProps), cancelText || _get(locale, 'cancel')), /*#__PURE__*/React.createElement(Button, _Object$assign({
       type: okType,
       theme: "solid",
       onClick: this.handleConfirm
-    }, okButtonProps), okText || get(locale, 'confirm'))));
+    }, okButtonProps), okText || _get(locale, 'confirm'))));
   }
 
   renderConfirmPopCard() {
@@ -216,7 +217,7 @@ Popconfirm.defaultProps = {
   stopPropagation: true,
   trigger: 'click',
   // position: 'bottomLeft',
-  onVisibleChange: noop,
+  onVisibleChange: _noop,
   disabled: false,
   icon: /*#__PURE__*/React.createElement(IconAlertTriangle, {
     size: "extra-large"
@@ -225,7 +226,7 @@ Popconfirm.defaultProps = {
   cancelType: 'tertiary',
   prefixCls: cssClasses.PREFIX,
   zIndex: numbers.DEFAULT_Z_INDEX,
-  onCancel: noop,
-  onConfirm: noop,
-  onClickOutSide: noop
+  onCancel: _noop,
+  onConfirm: _noop,
+  onClickOutSide: _noop
 };

package/lib/es/popover/Arrow.js

@@ -1,3 +1,4 @@
+import _get from "lodash/get";
 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";
@@ -16,7 +17,6 @@ var __rest = this && this.__rest || function (s, e) {
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { get } from 'lodash-es';
 import { numbers, cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/popover/constants';
 
 const Arrow = function () {
@@ -32,9 +32,12 @@ const Arrow = function () {
 
   const isVertical = _indexOfInstanceProperty(position).call(position, 'top') === 0 || _indexOfInstanceProperty(position).call(position, 'bottom') === 0;
   const cls = classnames(className, cssClasses.ARROW);
-  const borderOpacity = get(arrowStyle, 'borderOpacity', strings.DEFAULT_ARROW_STYLE.borderOpacity);
-  const bgColor = get(arrowStyle, 'backgroundColor', get(popStyle, 'backgroundColor', strings.DEFAULT_ARROW_STYLE.backgroundColor));
-  const borderColor = get(arrowStyle, 'borderColor', get(popStyle, 'borderColor', strings.DEFAULT_ARROW_STYLE.borderColor));
+
+  const borderOpacity = _get(arrowStyle, 'borderOpacity', strings.DEFAULT_ARROW_STYLE.borderOpacity);
+
+  const bgColor = _get(arrowStyle, 'backgroundColor', _get(popStyle, 'backgroundColor', strings.DEFAULT_ARROW_STYLE.backgroundColor));
+
+  const borderColor = _get(arrowStyle, 'borderColor', _get(popStyle, 'borderColor', strings.DEFAULT_ARROW_STYLE.borderColor));
 
   const wrapProps = _Object$assign(_Object$assign({}, rest), {
     width: numbers.ARROW_BOUNDING.width,

package/lib/es/popover/index.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 _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -21,7 +22,6 @@ import { cssClasses, strings, numbers } from '@douyinfe/semi-foundation/lib/es/p
 import Tooltip from '../tooltip/index';
 import Arrow from './Arrow';
 import '@douyinfe/semi-foundation/lib/es/popover/popover.css';
-import { noop } from 'lodash-es';
 const positionSet = strings.POSITION_SET;
 const triggerSet = strings.TRIGGER_SET;
 
@@ -126,6 +126,6 @@ Popover.defaultProps = {
   okText: 'Yes',
   position: 'bottom',
   prefixCls: cssClasses.PREFIX,
-  onClickOutSide: noop
+  onClickOutSide: _noop
 };
 export default Popover;

package/lib/es/radio/radio.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";
 
@@ -5,7 +6,6 @@ import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import React from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
-import { noop } from 'lodash-es';
 import RadioFoundation from '@douyinfe/semi-foundation/lib/es/radio/radioFoundation';
 import { strings, radioClasses as css } from '@douyinfe/semi-foundation/lib/es/radio/constants';
 import '@douyinfe/semi-foundation/lib/es/radio/radio.css';
@@ -194,8 +194,8 @@ Radio.defaultProps = {
   defaultChecked: false,
   value: undefined,
   style: undefined,
-  onMouseEnter: noop,
-  onMouseLeave: noop,
+  onMouseEnter: _noop,
+  onMouseLeave: _noop,
   mode: '',
   type: 'default'
 };

package/lib/es/radio/radioGroup.js

@@ -1,10 +1,10 @@
+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 _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { noop } from 'lodash-es';
 import { radioGroupClasses as css, strings } from '@douyinfe/semi-foundation/lib/es/radio/constants';
 import RadioGroupFoundation from '@douyinfe/semi-foundation/lib/es/radio/radioGroupFoundation';
 import BaseComponent from '../_base/baseComponent';
@@ -156,7 +156,7 @@ RadioGroup.propTypes = {
 };
 RadioGroup.defaultProps = {
   disabled: false,
-  onChange: noop,
+  onChange: _noop,
   direction: strings.DEFAULT_DIRECTION,
   mode: '',
   type: strings.TYPE_DEFAULT,

package/lib/es/radio/radioInner.js

@@ -1,3 +1,4 @@
+import _noop from "lodash/noop";
 import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import React from 'react';
@@ -8,7 +9,6 @@ import { radioClasses as css } from '@douyinfe/semi-foundation/lib/es/radio/cons
 import Context from './context';
 import classnames from 'classnames';
 import { IconRadio } from '@douyinfe/semi-icons';
-import { noop } from 'lodash-es';
 
 class RadioInner extends BaseComponent {
   constructor(props) {
@@ -111,7 +111,7 @@ RadioInner.propTypes = {
   mode: PropTypes.oneOf(['advanced', ''])
 };
 RadioInner.defaultProps = {
-  onChange: noop,
+  onChange: _noop,
   isButtonRadio: false
 };
 export default RadioInner;

package/lib/es/scrollList/scrollItem.js

@@ -1,3 +1,10 @@
+import _times from "lodash/times";
+import _findIndex from "lodash/findIndex";
+import _map from "lodash/map";
+import _find from "lodash/find";
+import _throttle from "lodash/throttle";
+import _debounce from "lodash/debounce";
+import _noop from "lodash/noop";
 import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -6,7 +13,6 @@ import React from 'react';
 import BaseComponent from '../_base/baseComponent';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { noop, debounce, throttle, find, map, findIndex, times } from 'lodash-es';
 import { cssClasses, numbers } from '@douyinfe/semi-foundation/lib/es/scrollList/constants';
 import ItemFoundation from '@douyinfe/semi-foundation/lib/es/scrollList/itemFoundation';
 import animatedScrollTo from '@douyinfe/semi-foundation/lib/es/scrollList/scrollTo';
@@ -41,7 +47,9 @@ export default class ScrollItem extends BaseComponent {
 
       if (isElement(node) && isElement(list)) {
         const chilren = list.children;
-        const index = findIndex(chilren, node);
+
+        const index = _findIndex(chilren, node);
+
         return index === 0;
       }
 
@@ -57,7 +65,9 @@ export default class ScrollItem extends BaseComponent {
         const {
           children
         } = list;
-        const index = findIndex(children, node);
+
+        const index = _findIndex(children, node);
+
         return index === children.length - 1;
       }
 
@@ -94,7 +104,8 @@ export default class ScrollItem extends BaseComponent {
       const listWrapper = this.list;
 
       if (isElement(node) && isElement(listWrapper)) {
-        const index = findIndex(listWrapper.children, child => child === node);
+        const index = _findIndex(listWrapper.children, child => child === node);
+
         return this.isDisabledIndex(index);
       }
 
@@ -117,7 +128,8 @@ export default class ScrollItem extends BaseComponent {
           children
         } = list;
         const reg = new RegExp("\\s*".concat(selectedCls, "\\s*"), 'g');
-        map(children, node => {
+
+        _map(children, node => {
           node.className = node.className && node.className.replace(reg, ' ');
 
           if (blankReg.test(node.className)) {
@@ -133,14 +145,15 @@ export default class ScrollItem extends BaseComponent {
       }
     };
 
-    this.getIndexByNode = node => findIndex(this.list.children, node);
+    this.getIndexByNode = node => _findIndex(this.list.children, node);
 
     this.getNodeByIndex = index => {
       if (index > -1) {
-        return find(this.list.children, (node, idx) => idx === index);
+        return _find(this.list.children, (node, idx) => idx === index);
       }
 
-      const defaultSelectedNode = find(this.list.children, child => !this.isDisabledNode(child));
+      const defaultSelectedNode = _find(this.list.children, child => !this.isDisabledNode(child));
+
       return defaultSelectedNode;
     };
 
@@ -332,13 +345,13 @@ export default class ScrollItem extends BaseComponent {
         appendCount
       } = this.state;
 
-      const prependList = _reduceInstanceProperty(_context = times(prependCount)).call(_context, (arr, num) => {
+      const prependList = _reduceInstanceProperty(_context = _times(prependCount)).call(_context, (arr, num) => {
         const items = this.renderItemList("pre_".concat(num, "_"));
         arr.unshift(...items);
         return arr;
       }, []);
 
-      const appendList = _reduceInstanceProperty(_context2 = times(appendCount)).call(_context2, (arr, num) => {
+      const appendList = _reduceInstanceProperty(_context2 = _times(appendCount)).call(_context2, (arr, num) => {
         const items = this.renderItemList("app_".concat(num, "_"));
         arr.push(...items);
         return arr;
@@ -386,10 +399,10 @@ export default class ScrollItem extends BaseComponent {
     this.scrollAnimation = null; // cache if select action comes from outside
 
     this.foundation = new ItemFoundation(this.adapter);
-    this.throttledAdjustList = throttle((e, nearestNode) => {
+    this.throttledAdjustList = _throttle((e, nearestNode) => {
       this.foundation.adjustInfiniteList(this.list, this.wrapper, nearestNode);
     }, msPerFrame);
-    this.debouncedSelect = debounce((e, nearestNode) => {
+    this.debouncedSelect = _debounce((e, nearestNode) => {
       this._cacheSelectedNode(nearestNode);
 
       this.foundation.selectNode(nearestNode, this.list);
@@ -514,7 +527,7 @@ ScrollItem.defaultProps = {
   motion: true,
   // transform: identity,
   list: [],
-  onSelect: noop,
+  onSelect: _noop,
   cycled: false,
   mode: wheelMode
 };

package/lib/es/select/index.js

@@ -1,3 +1,8 @@
+import _isNumber from "lodash/isNumber";
+import _get from "lodash/get";
+import _noop from "lodash/noop";
+import _isString from "lodash/isString";
+import _isEqual from "lodash/isEqual";
 import _Map from "@babel/runtime-corejs3/core-js-stable/map";
 import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
 import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
@@ -22,7 +27,6 @@ import ConfigContext from '../configProvider/context';
 import SelectFoundation from '@douyinfe/semi-foundation/lib/es/select/foundation';
 import { cssClasses, strings, numbers } from '@douyinfe/semi-foundation/lib/es/select/constants';
 import BaseComponent from '../_base/baseComponent';
-import { isEqual, isString, noop, get, isNumber } from 'lodash-es';
 import Tag from '../tag/index';
 import TagGroup from '../tag/group';
 import LocaleConsumer from '../locale/localeConsumer';
@@ -319,7 +323,7 @@ class Select extends BaseComponent {
 
     let isOptionsChanged = false;
 
-    if (!isEqual(prevChildrenKeys, nowChildrenKeys) || !isEqual(prevProps.optionList, this.props.optionList)) {
+    if (!_isEqual(prevChildrenKeys, nowChildrenKeys) || !_isEqual(prevProps.optionList, this.props.optionList)) {
       isOptionsChanged = true;
       this.foundation.handleOptionListChange();
     } // Add isOptionChanged: There may be cases where the value is unchanged, but the optionList is updated. At this time, the label corresponding to the value may change, and the selected item needs to be updated
@@ -758,10 +762,11 @@ class Select extends BaseComponent {
       let minItemIndex = -1;
 
       _forEachInstanceProperty(selections).call(selections, item => {
-        const itemIndex = get(item, '_scrollIndex');
+        const itemIndex = _get(item, '_scrollIndex');
         /* When the itemIndex is legal */
 
-        if (isNumber(itemIndex) && itemIndex >= 0) {
+
+        if (_isNumber(itemIndex) && itemIndex >= 0) {
           minItemIndex = minItemIndex !== -1 && minItemIndex < itemIndex ? minItemIndex : itemIndex;
         }
       });
@@ -782,7 +787,7 @@ class Select extends BaseComponent {
     } = this.props;
     const suffixWrapperCls = cls({
       ["".concat(prefixcls, "-suffix")]: true,
-      ["".concat(prefixcls, "-suffix-text")]: suffix && isString(suffix),
+      ["".concat(prefixcls, "-suffix-text")]: suffix && _isString(suffix),
       ["".concat(prefixcls, "-suffix-icon")]: isSemiIcon(suffix)
     });
     return /*#__PURE__*/React.createElement("div", {
@@ -799,7 +804,7 @@ class Select extends BaseComponent {
     const prefixWrapperCls = cls({
       ["".concat(prefixcls, "-prefix")]: true,
       ["".concat(prefixcls, "-inset-label")]: insetLabel,
-      ["".concat(prefixcls, "-prefix-text")]: labelNode && isString(labelNode),
+      ["".concat(prefixcls, "-prefix-text")]: labelNode && _isString(labelNode),
       ["".concat(prefixcls, "-prefix-icon")]: isSemiIcon(labelNode)
     });
     return /*#__PURE__*/React.createElement("div", {
@@ -1026,20 +1031,20 @@ Select.defaultProps = {
   defaultOpen: false,
   allowCreate: false,
   placeholder: '',
-  onDropdownVisibleChange: noop,
+  onDropdownVisibleChange: _noop,
   onChangeWithObject: false,
-  onChange: noop,
-  onSearch: noop,
-  onMouseEnter: noop,
-  onMouseLeave: noop,
-  onDeselect: noop,
-  onSelect: noop,
-  onCreate: noop,
-  onExceed: noop,
-  onFocus: noop,
-  onBlur: noop,
-  onClear: noop,
-  onListScroll: noop,
+  onChange: _noop,
+  onSearch: _noop,
+  onMouseEnter: _noop,
+  onMouseLeave: _noop,
+  onDeselect: _noop,
+  onSelect: _noop,
+  onCreate: _noop,
+  onExceed: _noop,
+  onFocus: _noop,
+  onBlur: _noop,
+  onClear: _noop,
+  onListScroll: _noop,
   maxHeight: 300,
   dropdownMatchSelectWidth: true,
   defaultActiveFirstOption: false,

package/lib/es/select/option.js

@@ -1,3 +1,4 @@
+import _isString from "lodash/isString";
 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";
@@ -18,7 +19,6 @@ var __rest = this && this.__rest || function (s, e) {
 import React, { PureComponent } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
-import { isString } from 'lodash-es';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/select/constants';
 import LocaleConsumer from '../locale/localeConsumer';
 import { IconTick } from '@douyinfe/semi-icons';
@@ -54,7 +54,7 @@ class Option extends PureComponent {
       prefixCls
     } = _ref;
 
-    if (isString(children) && inputValue) {
+    if (_isString(children) && inputValue) {
       return getHighLightTextHTML(config);
     }
 
@@ -144,7 +144,7 @@ class Option extends PureComponent {
       style: style
     }, showTick ? /*#__PURE__*/React.createElement("div", {
       className: selectedIconClassName
-    }, /*#__PURE__*/React.createElement(IconTick, null)) : null, isString(children) ? /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement(IconTick, null)) : null, _isString(children) ? /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixCls, "-text")
     }, this.renderOptionContent({
       children,

package/lib/es/sideSheet/SideSheetContent.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 _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -19,7 +20,6 @@ import PropTypes from 'prop-types';
 import cls from 'classnames';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/sideSheet/constants';
 import Button from '../iconButton';
-import { noop } from 'lodash-es';
 import { IconClose } from '@douyinfe/semi-icons';
 let uuid = 0;
 const prefixCls = cssClasses.PREFIX;
@@ -164,5 +164,5 @@ SideSheetContent.propTypes = {
   onClose: PropTypes.func
 };
 SideSheetContent.defaultProps = {
-  onClose: noop
+  onClose: _noop
 };

package/lib/es/sideSheet/index.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 _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -25,7 +26,6 @@ import ConfigContext from '../configProvider/context';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/sideSheet/constants';
 import SideSheetTransition from './SideSheetTransition';
 import SideSheetContent from './SideSheetContent';
-import { noop } from 'lodash-es';
 import SideSheetFoundation from '@douyinfe/semi-foundation/lib/es/sideSheet/sideSheetFoundation';
 import '@douyinfe/semi-foundation/lib/es/sideSheet/sideSheet.css';
 const prefixCls = cssClasses.PREFIX;
@@ -270,6 +270,6 @@ SideSheet.defaultProps = {
   size: 'small',
   disableScroll: true,
   closeOnEsc: false,
-  afterVisibleChange: noop,
+  afterVisibleChange: _noop,
   keepDOM: false
 };

package/lib/es/slider/index.js

@@ -1,3 +1,5 @@
+import _noop from "lodash/noop";
+import _isEqual from "lodash/isEqual";
 import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
@@ -19,7 +21,6 @@ import BaseComponent from '../_base/baseComponent';
 import SliderFoundation from '@douyinfe/semi-foundation/lib/es/slider/foundation';
 import Tooltip from '../tooltip/index';
 import '@douyinfe/semi-foundation/lib/es/slider/slider.css';
-import { isEqual, noop } from 'lodash-es';
 const prefixCls = cssClasses.PREFIX;
 
 function domIsInRenderTree(e) {
@@ -363,7 +364,7 @@ export default class Slider extends BaseComponent {
       },
 
       transNewPropsToState(stateObj) {
-        let callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop;
+        let callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _noop;
         this.setState(stateObj, callback);
       },
 
@@ -398,7 +399,7 @@ export default class Slider extends BaseComponent {
         this._addEventListener(document.body, 'touchmove', this.foundation.onHandleTouchMove, false);
       },
       onHandleMove: function (mousePos, isMin) {
-        let stateChangeCallback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : noop;
+        let stateChangeCallback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _noop;
         let clickTrack = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
 
         const sliderDOMIsInRenderTree = _this.foundation.checkAndUpdateIsInRenderTreeState();
@@ -424,7 +425,7 @@ export default class Slider extends BaseComponent {
           currentValue
         } = _this.state;
 
-        if (!isEqual(_this.foundation.outPutValue(currentValue), outPutValue)) {
+        if (!_isEqual(_this.foundation.outPutValue(currentValue), outPutValue)) {
           onChange(outPutValue);
 
           if (!clickTrack && _this.foundation.valueFormatIsCorrect(value)) {
@@ -493,7 +494,7 @@ export default class Slider extends BaseComponent {
   }
 
   componentDidUpdate(prevProps, prevState) {
-    const hasPropValueChange = !isEqual(this.props.value, prevProps.value);
+    const hasPropValueChange = !_isEqual(this.props.value, prevProps.value);
     const hasPropDisabledChange = this.props.disabled !== prevProps.disabled;
 
     if (hasPropDisabledChange) {
@@ -570,7 +571,7 @@ export default class Slider extends BaseComponent {
       this.eventListenerSet.add(clearSelf);
       return clearSelf;
     } else {
-      return noop;
+      return _noop;
     }
   }
 

package/lib/es/space/index.js

@@ -1,3 +1,6 @@
+import _isNumber from "lodash/isNumber";
+import _isArray from "lodash/isArray";
+import _isString from "lodash/isString";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import React, { PureComponent } from 'react';
@@ -5,7 +8,6 @@ import cls from 'classnames';
 import PropTypes from 'prop-types';
 import { strings, cssClasses } from '@douyinfe/semi-foundation/lib/es/space/constants';
 import '@douyinfe/semi-foundation/lib/es/space/space.css';
-import { isString, isArray, isNumber } from 'lodash-es';
 import { flatten } from './utils';
 const prefixCls = cssClasses.PREFIX;
 
@@ -29,22 +31,22 @@ class Space extends PureComponent {
     let spacingHorizontalType = '';
     let spacingVerticalType = '';
 
-    if (isString(spacing)) {
+    if (_isString(spacing)) {
       spacingHorizontalType = spacing;
       spacingVerticalType = spacing;
-    } else if (isNumber(spacing)) {
+    } else if (_isNumber(spacing)) {
       realStyle.rowGap = spacing;
       realStyle.columnGap = spacing;
-    } else if (isArray(spacing)) {
-      if (isString(spacing[0])) {
+    } else if (_isArray(spacing)) {
+      if (_isString(spacing[0])) {
         spacingHorizontalType = spacing[0];
-      } else if (isNumber(spacing[0])) {
+      } else if (_isNumber(spacing[0])) {
         realStyle.columnGap = "".concat(spacing[0], "px");
       }
 
-      if (isString(spacing[1])) {
+      if (_isString(spacing[1])) {
         spacingVerticalType = spacing[1];
-      } else if (isNumber(spacing[1])) {
+      } else if (_isNumber(spacing[1])) {
         realStyle.rowGap = "".concat(spacing[1], "px");
       }
     }

package/lib/es/steps/basicStep.js

@@ -1,3 +1,4 @@
+import _isFunction from "lodash/isFunction";
 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";
@@ -15,7 +16,6 @@ var __rest = this && this.__rest || function (s, e) {
 };
 
 import React from 'react';
-import { isFunction } from 'lodash-es';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { stepsClasses as css } from '@douyinfe/semi-foundation/lib/es/steps/constants';
@@ -109,7 +109,7 @@ const BasicStep = props => {
   });
 
   const handleClick = e => {
-    if (isFunction(onClick)) {
+    if (_isFunction(onClick)) {
       onClick(e);
     }
 

package/lib/es/steps/fillStep.js

@@ -1,6 +1,6 @@
+import _isFunction from "lodash/isFunction";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import React from 'react';
-import { isFunction } from 'lodash-es';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { stepsClasses as css } from '@douyinfe/semi-foundation/lib/es/steps/constants';
@@ -74,7 +74,7 @@ const FillStep = props => {
   };
 
   const handleClick = e => {
-    if (isFunction(onClick)) {
+    if (_isFunction(onClick)) {
       onClick(e);
     }
 

package/lib/es/steps/index.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 _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -14,7 +15,6 @@ var __rest = this && this.__rest || function (s, e) {
 };
 
 import React, { Component } from 'react';
-import { noop } from 'lodash-es';
 import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/es/steps/steps.css';
 import Step from './step';
@@ -66,7 +66,7 @@ Steps.propTypes = {
   size: PropTypes.oneOf(['small', 'default'])
 };
 Steps.defaultProps = {
-  onChange: noop,
+  onChange: _noop,
   type: 'fill',
   size: 'default'
 };

package/lib/es/steps/navStep.js

@@ -1,3 +1,4 @@
+import _isFunction from "lodash/isFunction";
 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";
@@ -15,7 +16,6 @@ var __rest = this && this.__rest || function (s, e) {
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { isFunction } from 'lodash-es';
 import classnames from 'classnames';
 import { stepsClasses as css } from '@douyinfe/semi-foundation/lib/es/steps/constants';
 import { IconChevronRight } from '@douyinfe/semi-icons';
@@ -39,7 +39,7 @@ const NavStep = props => {
   });
 
   const handleClick = e => {
-    if (isFunction(onClick)) {
+    if (_isFunction(onClick)) {
       onClick(e);
     }
 

package/lib/es/switch/index.js

@@ -1,3 +1,4 @@
+import _noop from "lodash/noop";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 
 /* eslint-disable max-len */
@@ -8,7 +9,6 @@ import SwitchFoudation from '@douyinfe/semi-foundation/lib/es/switch/foundation'
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/switch/constants';
 import BaseComponent from '../_base/baseComponent';
 import '@douyinfe/semi-foundation/lib/es/switch/switch.css';
-import { noop } from 'lodash-es';
 import Spin from '../spin';
 
 class Switch extends BaseComponent {
@@ -129,10 +129,10 @@ Switch.propTypes = {
 Switch.defaultProps = {
   disabled: false,
   className: '',
-  onChange: noop,
+  onChange: _noop,
   loading: false,
-  onMouseEnter: noop,
-  onMouseLeave: noop,
+  onMouseEnter: _noop,
+  onMouseLeave: _noop,
   size: 'default'
 };
 export default Switch;