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

package/lib/es/cascader/index.js

@@ -1,9 +1,3 @@
-import _noop from "lodash/noop";
-import _isNumber from "lodash/isNumber";
-import _isFunction from "lodash/isFunction";
-import _isEmpty from "lodash/isEmpty";
-import _isString from "lodash/isString";
-import _isEqual from "lodash/isEqual";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
@@ -18,6 +12,7 @@ import PropTypes from 'prop-types';
 import CascaderFoundation from '@douyinfe/semi-foundation/lib/es/cascader/foundation';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/cascader/constants';
 import { numbers as popoverNumbers } from '@douyinfe/semi-foundation/lib/es/popover/constants';
+import { isEqual, isString, isEmpty, isFunction, isNumber, noop } from 'lodash-es';
 import '@douyinfe/semi-foundation/lib/es/cascader/cascader.css';
 import { IconClear, IconChevronDown } from '@douyinfe/semi-icons';
 import { findKeysForValues, convertDataToEntities } from '@douyinfe/semi-foundation/lib/es/cascader/util';
@@ -61,12 +56,12 @@ class Cascader extends BaseComponent {
       const nodeKey = type === strings.IS_VALUE ? findKeysForValues(value, keyEntities)[0] : value;
       const isDsiabled = disabled || keyEntities[nodeKey].data.disabled || disableStrictly && disabledKeys.has(nodeKey);
 
-      if (!_isEmpty(keyEntities) && !_isEmpty(keyEntities[nodeKey])) {
+      if (!isEmpty(keyEntities) && !isEmpty(keyEntities[nodeKey])) {
         const tagCls = cls("".concat(prefixcls, "-selection-tag"), {
           ["".concat(prefixcls, "-selection-tag-disabled")]: isDsiabled
         }); // custom render tags
 
-        if (_isFunction(displayRender)) {
+        if (isFunction(displayRender)) {
           return displayRender(keyEntities[nodeKey], idx); // default render tags
         } else {
           var _context;
@@ -193,7 +188,7 @@ class Cascader extends BaseComponent {
       const hiddenTag = [];
 
       _forEachInstanceProperty(_context2 = [...realKeys]).call(_context2, (checkedKey, idx) => {
-        const notExceedMaxTagCount = !_isNumber(maxTagCount) || maxTagCount >= idx + 1;
+        const notExceedMaxTagCount = !isNumber(maxTagCount) || maxTagCount >= idx + 1;
         const item = this.renderTagItem(checkedKey, idx, strings.IS_KEY);
 
         if (notExceedMaxTagCount) {
@@ -203,7 +198,7 @@ class Cascader extends BaseComponent {
         }
       });
 
-      return /*#__PURE__*/React.createElement(React.Fragment, null, displayTag, !_isEmpty(hiddenTag) && this.renderPlusN(hiddenTag));
+      return /*#__PURE__*/React.createElement(React.Fragment, null, displayTag, !isEmpty(hiddenTag) && this.renderPlusN(hiddenTag));
     };
 
     this.renderSelectContent = () => {
@@ -220,7 +215,7 @@ class Cascader extends BaseComponent {
 
       if (!searchable) {
         if (multiple) {
-          if (_isEmpty(checkedKeys)) {
+          if (isEmpty(checkedKeys)) {
             return /*#__PURE__*/React.createElement("span", {
               className: "".concat(prefixcls, "-selection-placeholder")
             }, placeholder);
@@ -248,7 +243,7 @@ class Cascader 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", {
@@ -266,7 +261,7 @@ class Cascader extends BaseComponent {
         ["".concat(prefixcls, "-prefix")]: true,
         // to be doublechecked
         ["".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", {
@@ -277,15 +272,27 @@ class Cascader extends BaseComponent {
     this.renderCustomTrigger = () => {
       const {
         disabled,
-        triggerRender
+        triggerRender,
+        multiple,
+        autoMergeValue
       } = this.props;
       const {
         selectedKeys,
         inputValue,
-        inputPlaceHolder
+        inputPlaceHolder,
+        mergedCheckedKeys,
+        checkedKeys
       } = this.state;
+      let realValue;
+
+      if (multiple) {
+        realValue = autoMergeValue ? mergedCheckedKeys : checkedKeys;
+      } else {
+        realValue = [...selectedKeys][0];
+      }
+
       return /*#__PURE__*/React.createElement(Trigger, {
-        value: [...selectedKeys][0],
+        value: realValue,
         inputValue: inputValue,
         onChange: this.handleInputChange,
         onClear: this.handleClear,
@@ -396,7 +403,7 @@ class Cascader extends BaseComponent {
         onMouseLeave: () => this.handleMouseLeave()
       } : {};
       const sectionCls = cls("".concat(prefixcls, "-selection"), {
-        ["".concat(prefixcls, "-selection-multiple")]: multiple && !_isEmpty(checkedKeys)
+        ["".concat(prefixcls, "-selection-multiple")]: multiple && !isEmpty(checkedKeys)
       });
       const inner = useCustomTrigger ? this.renderCustomTrigger() : [/*#__PURE__*/React.createElement(Fragment, {
         key: 'prefix'
@@ -624,8 +631,8 @@ class Cascader extends BaseComponent {
     const newState = {};
 
     const needUpdate = name => {
-      const firstInProps = _isEmpty(prevProps) && name in props;
-      const nameHasChange = prevProps && !_isEqual(prevProps[name], props[name]);
+      const firstInProps = isEmpty(prevProps) && name in props;
+      const nameHasChange = prevProps && !isEqual(prevProps[name], props[name]);
       return firstInProps || nameHasChange;
     };
 
@@ -636,7 +643,7 @@ class Cascader extends BaseComponent {
     };
 
     const needUpdateTreeData = needUpdate('treeData') || needUpdateData();
-    const needUpdateValue = needUpdate('value') || _isEmpty(prevProps) && defaultValue;
+    const needUpdateValue = needUpdate('value') || isEmpty(prevProps) && defaultValue;
 
     if (multiple) {
       // when value and treedata need updated
@@ -674,7 +681,7 @@ class Cascader extends BaseComponent {
 
           _forEachInstanceProperty(formatValuePath).call(formatValuePath, v => {
             const formatKeyItem = findKeysForValues(v, keyEntities);
-            !_isEmpty(formatKeyItem) && formatKeys.push(formatKeyItem);
+            !isEmpty(formatKeyItem) && formatKeys.push(formatKeyItem);
           });
 
           realKeys = formatKeys;
@@ -715,7 +722,7 @@ class Cascader extends BaseComponent {
   componentDidUpdate(prevProps) {
     let isOptionsChanged = false;
 
-    if (!_isEqual(prevProps.treeData, this.props.treeData)) {
+    if (!isEqual(prevProps.treeData, this.props.treeData)) {
       isOptionsChanged = true;
       this.foundation.collectOptions();
     }
@@ -748,7 +755,7 @@ class Cascader extends BaseComponent {
     const realKeys = autoMergeValue ? mergedCheckedKeys : checkedKeys;
 
     _forEachInstanceProperty(_context3 = [...realKeys]).call(_context3, checkedKey => {
-      if (!_isEmpty(keyEntities[checkedKey])) {
+      if (!isEmpty(keyEntities[checkedKey])) {
         tagValue.push(keyEntities[checkedKey].valuePath);
       }
     });
@@ -924,9 +931,9 @@ Cascader.defaultProps = {
   displayProp: 'label',
   treeData: [],
   showNext: strings.SHOW_NEXT_BY_CLICK,
-  onExceed: _noop,
-  onClear: _noop,
-  onDropdownVisibleChange: _noop,
-  onListScroll: _noop
+  onExceed: noop,
+  onClear: noop,
+  onDropdownVisibleChange: noop,
+  onListScroll: noop
 };
 export default Cascader;

package/lib/es/cascader/item.js

@@ -1,4 +1,3 @@
-import _includes from "lodash/includes";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
@@ -6,6 +5,7 @@ import React, { PureComponent } from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/cascader/constants';
+import { includes } from 'lodash-es';
 import ConfigContext from '../configProvider/context';
 import LocaleConsumer from '../locale/localeConsumer';
 import { IconChevronRight, IconTick } from '@douyinfe/semi-icons';
@@ -116,7 +116,7 @@ export default class Item extends PureComponent {
       } = this.props;
 
       _forEachInstanceProperty(searchText).call(searchText, (item, idx) => {
-        if (typeof item === 'string' && _includes(item, keyword)) {
+        if (typeof item === 'string' && includes(item, keyword)) {
           var _context4;
 
           _forEachInstanceProperty(_context4 = item.split(keyword)).call(_context4, (node, index) => {

package/lib/es/checkbox/checkbox.js

@@ -1,6 +1,3 @@
-import _noop from "lodash/noop";
-import _isBoolean from "lodash/isBoolean";
-import _isUndefined from "lodash/isUndefined";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 
@@ -14,6 +11,7 @@ import CheckboxInner from './checkboxInner';
 import BaseComponent from '../_base/baseComponent';
 import '@douyinfe/semi-foundation/lib/es/checkbox/checkbox.css';
 import { Context } from './context';
+import { isUndefined, isBoolean, noop } from 'lodash-es';
 
 class Checkbox extends BaseComponent {
   constructor(props) {
@@ -53,9 +51,9 @@ class Checkbox extends BaseComponent {
 
   componentDidUpdate(prevProps) {
     if (this.props.checked !== prevProps.checked) {
-      if (_isUndefined(this.props.checked)) {
+      if (isUndefined(this.props.checked)) {
         this.foundation.setChecked(false);
-      } else if (_isBoolean(this.props.checked)) {
+      } else if (isBoolean(this.props.checked)) {
         this.foundation.setChecked(this.props.checked);
       }
     }
@@ -178,8 +176,8 @@ Checkbox.propTypes = {
 Checkbox.defaultProps = {
   defaultChecked: false,
   indeterminate: false,
-  onChange: _noop,
-  onMouseEnter: _noop,
-  onMouseLeave: _noop
+  onChange: noop,
+  onMouseEnter: noop,
+  onMouseLeave: noop
 };
 export default Checkbox;

package/lib/es/checkbox/checkboxGroup.js

@@ -1,4 +1,3 @@
-import _isEqual from "lodash/isEqual";
 import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
@@ -13,6 +12,7 @@ import { checkboxGroupClasses as css, strings } from '@douyinfe/semi-foundation/
 import CheckboxGroupFoudation from '@douyinfe/semi-foundation/lib/es/checkbox/checkboxGroupFoundation';
 import BaseComponent from '../_base/baseComponent';
 import { Context } from './context';
+import { isEqual } from 'lodash-es';
 import Checkbox from './checkbox';
 
 class CheckboxGroup extends BaseComponent {
@@ -45,7 +45,7 @@ class CheckboxGroup extends BaseComponent {
   }
 
   componentDidUpdate(prevProps) {
-    if (!_isEqual(prevProps.value, this.props.value)) {
+    if (!isEqual(prevProps.value, this.props.value)) {
       this.foundation.handlePropValueChange(this.props.value);
     }
   }

package/lib/es/checkbox/checkboxInner.js

@@ -1,9 +1,8 @@
-import _noop from "lodash/noop";
-
 /* eslint-disable no-nested-ternary */
 import React, { PureComponent } from 'react';
 import classnames from 'classnames';
 import PropTypes from 'prop-types';
+import { noop } from 'lodash-es';
 import { checkboxClasses as css } from '@douyinfe/semi-foundation/lib/es/checkbox/constants';
 import { Context } from './context';
 import { IconCheckboxTick, IconCheckboxIndeterminate } from '@douyinfe/semi-icons';
@@ -44,7 +43,7 @@ class CheckboxInner extends PureComponent {
       },
       type: "checkbox",
       className: css.INPUT,
-      onChange: _noop,
+      onChange: noop,
       checked: checked,
       disabled: disabled,
       name: name
@@ -66,6 +65,6 @@ CheckboxInner.propTypes = {
   isPureCardType: PropTypes.bool
 };
 CheckboxInner.defaultProps = {
-  onChange: _noop
+  onChange: noop
 };
 export default CheckboxInner;

package/lib/es/collapse/index.js

@@ -1,4 +1,3 @@
-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 _Set from "@babel/runtime-corejs3/core-js-stable/set";
@@ -26,6 +25,7 @@ import BaseComponent from '../_base/baseComponent';
 import CollapsePanel from './item';
 import '@douyinfe/semi-foundation/lib/es/collapse/collapse.css';
 import { noop } from '@douyinfe/semi-foundation/lib/es/utils/function';
+import { isEqual } from 'lodash-es';
 import CollapseContext from './collapse-context';
 
 class Collapse extends BaseComponent {
@@ -47,12 +47,8 @@ class Collapse extends BaseComponent {
   }
 
   get adapter() {
-    var _this = this;
-
     return _Object$assign(_Object$assign({}, super.adapter), {
-      handleChange: function () {
-        return _this.props.onChange(...arguments);
-      },
+      handleChange: (activeKey, e) => this.props.onChange(activeKey, e),
       addActiveKey: activeSet => this.setState({
         activeSet
       })
@@ -64,7 +60,7 @@ class Collapse extends BaseComponent {
       const keys = _Array$isArray(props.activeKey) ? props.activeKey : [props.activeKey];
       const newSet = new _Set(keys);
 
-      if (!_isEqual(newSet, state.activeSet)) {
+      if (!isEqual(newSet, state.activeSet)) {
         return _Object$assign(_Object$assign({}, state), {
           activeSet: newSet
         });

package/lib/es/datePicker/datePicker.js

@@ -1,8 +1,3 @@
-import _isFunction from "lodash/isFunction";
-import _get from "lodash/get";
-import _isDate from "lodash/isDate";
-import _stubFalse from "lodash/stubFalse";
-import _noop from "lodash/noop";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
@@ -13,6 +8,7 @@ import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import React from 'react';
 import classnames from 'classnames';
 import PropTypes from 'prop-types';
+import { noop, stubFalse, isDate, get, isFunction } from 'lodash-es';
 import ConfigContext from '../configProvider/context';
 import DatePickerFoundation from '@douyinfe/semi-foundation/lib/es/datePicker/foundation';
 import { cssClasses, strings, numbers } from '@douyinfe/semi-foundation/lib/es/datePicker/constants';
@@ -65,7 +61,7 @@ export default class DatePicker extends BaseComponent {
 
     this.handleInputComplete = v => this.foundation.handleInputComplete(v);
 
-    this.handleInputBlur = e => this.foundation.handleInputBlur(_get(e, 'nativeEvent.target.value'), e);
+    this.handleInputBlur = e => this.foundation.handleInputBlur(get(e, 'nativeEvent.target.value'), e);
 
     this.handleInputFocus = function () {
       return _this.foundation.handleInputFocus(...arguments);
@@ -139,7 +135,7 @@ export default class DatePicker extends BaseComponent {
       let year = 0;
       let month = 0;
 
-      if (_isDate(date)) {
+      if (isDate(date)) {
         year = date.getFullYear();
         month = date.getMonth() + 1;
       }
@@ -324,8 +320,7 @@ export default class DatePicker extends BaseComponent {
 
         switch (rangeInputFocus) {
           case 'rangeStart':
-            const inputStartNode = _get(this, 'rangeInputStartRef.current');
-
+            const inputStartNode = get(this, 'rangeInputStartRef.current');
             inputStartNode && inputStartNode.focus();
             /**
              * 解决选择完startDate，切换到endDate后panel被立马关闭的问题。
@@ -348,8 +343,7 @@ export default class DatePicker extends BaseComponent {
             break;
 
           case 'rangeEnd':
-            const inputEndNode = _get(this, 'rangeInputEndRef.current');
-
+            const inputEndNode = get(this, 'rangeInputEndRef.current');
             inputEndNode && inputEndNode.focus();
             /**
              * 解决选择完startDate，切换到endDate后panel被立马关闭的问题。
@@ -381,7 +375,7 @@ export default class DatePicker extends BaseComponent {
   }
 
   isRangeType(type, triggerRender) {
-    return /range/i.test(type) && !_isFunction(triggerRender);
+    return /range/i.test(type) && !isFunction(triggerRender);
   }
 
   componentDidUpdate(prevProps) {
@@ -673,22 +667,22 @@ DatePicker.defaultProps = {
   disabled: false,
   multiple: false,
   defaultOpen: false,
-  disabledHours: _noop,
-  disabledMinutes: _noop,
-  disabledSeconds: _noop,
+  disabledHours: noop,
+  disabledMinutes: noop,
+  disabledSeconds: noop,
   hideDisabledOptions: false,
-  onBlur: _noop,
-  onFocus: _noop,
-  onClear: _noop,
-  onCancel: _noop,
-  onConfirm: _noop,
-  onChange: _noop,
-  onOpenChange: _noop,
-  onPanelChange: _noop,
-  onPresetClick: _noop,
+  onBlur: noop,
+  onFocus: noop,
+  onClear: noop,
+  onCancel: noop,
+  onConfirm: noop,
+  onChange: noop,
+  onOpenChange: noop,
+  onPanelChange: noop,
+  onPresetClick: noop,
   weekStartsOn: numbers.WEEK_START_ON,
-  disabledDate: _stubFalse,
-  disabledTime: _stubFalse,
+  disabledDate: stubFalse,
+  disabledTime: stubFalse,
   inputReadOnly: false,
   spacing: numbers.SPACING,
   autoSwitchDate: true,

package/lib/es/datePicker/footer.js

@@ -1,7 +1,7 @@
-import _get from "lodash/get";
 import React from 'react';
 import classnames from 'classnames';
 import Button from '../button';
+import { get } from 'lodash-es';
 export default function Footer() {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
@@ -16,8 +16,8 @@ export default function Footer() {
   }, /*#__PURE__*/React.createElement(Button, {
     theme: "borderless",
     onClick: onCancelClick
-  }, _get(locale, 'footer.cancel', '')), /*#__PURE__*/React.createElement(Button, {
+  }, get(locale, 'footer.cancel', '')), /*#__PURE__*/React.createElement(Button, {
     theme: "solid",
     onClick: onConfirmClick
-  }, _get(locale, 'footer.confirm', '')));
+  }, get(locale, 'footer.confirm', '')));
 }

package/lib/es/datePicker/month.js

@@ -1,6 +1,3 @@
-import _isFunction from "lodash/isFunction";
-import _stubFalse from "lodash/stubFalse";
-import _noop from "lodash/noop";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _trimInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/trim";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
@@ -14,6 +11,7 @@ import MonthFoundation from '@douyinfe/semi-foundation/lib/es/datePicker/monthFo
 import { cssClasses, numbers } from '@douyinfe/semi-foundation/lib/es/datePicker/constants';
 import BaseComponent from '../_base/baseComponent';
 import { isBefore, isAfter, isBetween, isSameDay } from '@douyinfe/semi-foundation/lib/es/datePicker/_utils/index';
+import { noop, stubFalse, isFunction } from 'lodash-es';
 import { parseISO } from 'date-fns';
 const prefixCls = cssClasses.PREFIX;
 export default class Month extends BaseComponent {
@@ -417,9 +415,7 @@ export default class Month extends BaseComponent {
       ["".concat(cssClasses.DAY, "-main")]: true
     });
     const fullDateArgs = [dayNumber, fullDate, dayStatus];
-
-    const customRender = _isFunction(renderFullDate);
-
+    const customRender = isFunction(renderFullDate);
     return /*#__PURE__*/React.createElement("div", {
       className: !customRender ? dayCls : cssClasses.DAY,
       title: fullDate,
@@ -429,7 +425,7 @@ export default class Month extends BaseComponent {
       onMouseLeave: () => this.foundation.handleHover()
     }, customRender ? renderFullDate(...fullDateArgs) : /*#__PURE__*/React.createElement("div", {
       className: dayMainCls
-    }, _isFunction(renderDate) ? renderDate(dayNumber, fullDate) : /*#__PURE__*/React.createElement("span", null, dayNumber)));
+    }, isFunction(renderDate) ? renderDate(dayNumber, fullDate) : /*#__PURE__*/React.createElement("span", null, dayNumber)));
   }
 
   render() {
@@ -473,10 +469,10 @@ Month.defaultProps = {
   selected: new _Set(),
   rangeStart: '',
   rangeEnd: '',
-  onDayClick: _noop,
-  onDayHover: _noop,
-  onWeeksRowNumChange: _noop,
+  onDayClick: noop,
+  onDayHover: noop,
+  onWeeksRowNumChange: noop,
   weekStartsOn: numbers.WEEK_START_ON,
-  disabledDate: _stubFalse,
+  disabledDate: stubFalse,
   weeksRowNum: 0
 };

package/lib/es/datePicker/monthsGrid.js

@@ -1,5 +1,3 @@
-import _stubFalse from "lodash/stubFalse";
-import _noop from "lodash/noop";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
 import _Set from "@babel/runtime-corejs3/core-js-stable/set";
@@ -19,6 +17,7 @@ import { format as formatFn, addMonths, isSameDay } from 'date-fns';
 import MonthsGridFoundation from '@douyinfe/semi-foundation/lib/es/datePicker/monthsGridFoundation';
 import { strings, numbers, cssClasses } from '@douyinfe/semi-foundation/lib/es/datePicker/constants';
 import { compatiableParse } from '@douyinfe/semi-foundation/lib/es/datePicker/_utils/parser';
+import { noop, stubFalse } from 'lodash-es';
 import BaseComponent from '../_base/baseComponent';
 import Navigation from './navigation';
 import Month from './month';
@@ -665,7 +664,7 @@ MonthsGrid.defaultProps = {
   rangeStart: '',
   multiple: false,
   weekStartsOn: numbers.WEEK_START_ON,
-  disabledDate: _stubFalse,
-  onMaxSelect: _noop,
+  disabledDate: stubFalse,
+  onMaxSelect: noop,
   locale: {}
 };

package/lib/es/datePicker/navigation.js

@@ -1,7 +1,7 @@
-import _noop from "lodash/noop";
 import React, { PureComponent } from 'react'; // import cls from 'classnames';
 
 import PropTypes from 'prop-types';
+import { noop } from 'lodash-es';
 import IconButton from '../iconButton';
 import Button from '../button';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/datePicker/constants';
@@ -79,9 +79,9 @@ Navigation.propTypes = {
 };
 Navigation.defaultProps = {
   monthText: '',
-  onMonthClick: _noop,
-  onNextMonth: _noop,
-  onPrevMonth: _noop,
-  onNextYear: _noop,
-  onPrevYear: _noop
+  onMonthClick: noop,
+  onNextMonth: noop,
+  onPrevMonth: noop,
+  onNextYear: noop,
+  onPrevYear: noop
 };

package/lib/es/datePicker/yearAndMonth.d.ts

@@ -32,8 +32,8 @@ declare class YearAndMonth extends BaseComponent<YearAndMonthProps, YearAndMonth
         onSelect: (...args: any[]) => void;
     };
     foundation: YearAndMonthFoundation;
-    yearRef: React.RefObject<ScrollItem>;
-    monthRef: React.RefObject<ScrollItem>;
+    yearRef: React.RefObject<ScrollItem<YearScrollItem>>;
+    monthRef: React.RefObject<ScrollItem<MonthScrollItem>>;
     constructor(props: YearAndMonthProps);
     get adapter(): YearAndMonthAdapter;
     static getDerivedStateFromProps(props: YearAndMonthProps, state: YearAndMonthState): Partial<YearAndMonthFoundationState>;

package/lib/es/datePicker/yearAndMonth.js

@@ -1,5 +1,3 @@
-import _stubFalse from "lodash/stubFalse";
-import _noop from "lodash/noop";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _fillInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/fill";
@@ -19,6 +17,7 @@ import isNullOrUndefined from '@douyinfe/semi-foundation/lib/es/utils/isNullOrUn
 import IconButton from '../iconButton';
 import { IconChevronLeft } from '@douyinfe/semi-icons';
 import { BASE_CLASS_PREFIX } from '@douyinfe/semi-foundation/lib/es/base/constants';
+import { noop, stubFalse } from 'lodash-es';
 import { setYear, setMonth } from 'date-fns';
 const prefixCls = "".concat(BASE_CLASS_PREFIX, "-datepicker");
 
@@ -221,7 +220,7 @@ class YearAndMonth extends BaseComponent {
       className: prefix
     }, /*#__PURE__*/React.createElement(IconButton, {
       noHorizontalPadding: false,
-      iconType: /*#__PURE__*/React.createElement(IconChevronLeft, {
+      icon: /*#__PURE__*/React.createElement(IconChevronLeft, {
         size: iconSize
       }),
       size: buttonSize,
@@ -244,10 +243,10 @@ YearAndMonth.propTypes = {
   density: PropTypes.string
 };
 YearAndMonth.defaultProps = {
-  disabledDate: _stubFalse,
+  disabledDate: stubFalse,
   monthCycled: false,
   yearCycled: false,
   noBackBtn: false,
-  onSelect: _noop
+  onSelect: noop
 };
 export default YearAndMonth;

package/lib/es/descriptions/index.js

@@ -1,4 +1,3 @@
-import _isPlainObject from "lodash/isPlainObject";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -7,6 +6,7 @@ import cls from 'classnames';
 import PropTypes from 'prop-types';
 import { strings, cssClasses } from '@douyinfe/semi-foundation/lib/es/descriptions/constants';
 import '@douyinfe/semi-foundation/lib/es/descriptions/descriptions.css';
+import { isPlainObject } from 'lodash-es';
 import DescriptionsContext from './descriptions-context';
 import Item from './item';
 const prefixCls = cssClasses.PREFIX;
@@ -29,7 +29,7 @@ class Descriptions extends PureComponent {
       ["".concat(prefixCls, "-double")]: row,
       [_concatInstanceProperty(_context2 = "".concat(prefixCls, "-double-")).call(_context2, size)]: row
     });
-    const childrenList = data && data.length ? _mapInstanceProperty(data).call(data, item => _isPlainObject(item) ? /*#__PURE__*/React.createElement(Item, _Object$assign({
+    const childrenList = data && data.length ? _mapInstanceProperty(data).call(data, item => isPlainObject(item) ? /*#__PURE__*/React.createElement(Item, _Object$assign({
       key: item.key,
       itemKey: item.key
     }, item), item.value) : null) : children;

package/lib/es/dropdown/dropdownItem.js

@@ -1,4 +1,3 @@
-import _noop from "lodash/noop";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -9,6 +8,7 @@ import { cssClasses as css, strings } from '@douyinfe/semi-foundation/lib/es/dro
 import DropdownContext from './context';
 import BaseComponent from '../_base/baseComponent';
 import { IconTick } from '@douyinfe/semi-icons';
+import { noop } from 'lodash-es';
 const prefixCls = css.PREFIX;
 
 class DropdownItem extends BaseComponent {
@@ -103,8 +103,8 @@ DropdownItem.defaultProps = {
   disabled: false,
   divided: false,
   selected: false,
-  onMouseEnter: _noop,
-  onMouseLeave: _noop,
-  forwardRef: _noop
+  onMouseEnter: noop,
+  onMouseLeave: noop,
+  forwardRef: noop
 };
 export default DropdownItem;