@douyinfe/semi-ui 2.1.0-alpha.1 → 2.1.0-alpha.2

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';
@@ -28,10 +24,7 @@ import YearAndMonth from './yearAndMonth';
 import '@douyinfe/semi-foundation/lib/es/datePicker/datePicker.css';
 export default class DatePicker extends BaseComponent {
   constructor(props) {
-    var _this;
-
     super(props);
-    _this = this;
 
     this.setTriggerRef = node => this.triggerElRef.current = node; // Called when changes are selected by clicking on the selected date
 
@@ -41,35 +34,19 @@ export default class DatePicker extends BaseComponent {
 
     this.handleYMSelectedChange = item => this.foundation.handleYMSelectedChange(item);
 
-    this.disabledDisposeDate = function (date) {
-      for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-        rest[_key - 1] = arguments[_key];
-      }
-
-      return _this.foundation.disabledDisposeDate(date, ...rest);
-    };
-
-    this.disabledDisposeTime = function (date) {
-      for (var _len2 = arguments.length, rest = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-        rest[_key2 - 1] = arguments[_key2];
-      }
+    this.disabledDisposeDate = (date, ...rest) => this.foundation.disabledDisposeDate(date, ...rest);
 
-      return _this.foundation.disabledDisposeTime(date, ...rest);
-    };
+    this.disabledDisposeTime = (date, ...rest) => this.foundation.disabledDisposeTime(date, ...rest);
 
     this.handleOpenPanel = () => this.foundation.openPanel();
 
-    this.handleInputChange = function () {
-      return _this.foundation.handleInputChange(...arguments);
-    };
+    this.handleInputChange = (...args) => this.foundation.handleInputChange(...args);
 
     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);
-    };
+    this.handleInputFocus = (...args) => this.foundation.handleInputFocus(...args);
 
     this.handleInputClear = e => this.foundation.handleInputClear(e);
 
@@ -139,7 +116,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;
       }
@@ -221,8 +198,6 @@ export default class DatePicker extends BaseComponent {
   }
 
   get adapter() {
-    var _this2 = this;
-
     return _Object$assign(_Object$assign({}, super.adapter), {
       togglePanel: panelShow => {
         this.setState({
@@ -256,30 +231,14 @@ export default class DatePicker extends BaseComponent {
       unregisterClickOutSide: () => {
         document.removeEventListener('mousedown', this.clickOutSideHandler);
       },
-      notifyBlur: function () {
-        return _this2.props.onBlur(...arguments);
-      },
-      notifyFocus: function () {
-        return _this2.props.onFocus(...arguments);
-      },
-      notifyClear: function () {
-        return _this2.props.onClear(...arguments);
-      },
-      notifyChange: function () {
-        return _this2.props.onChange(...arguments);
-      },
-      notifyCancel: function () {
-        return _this2.props.onCancel(...arguments);
-      },
-      notifyConfirm: function () {
-        return _this2.props.onConfirm(...arguments);
-      },
-      notifyOpenChange: function () {
-        return _this2.props.onOpenChange(...arguments);
-      },
-      notifyPresetsClick: function () {
-        return _this2.props.onPresetClick(...arguments);
-      },
+      notifyBlur: (...args) => this.props.onBlur(...args),
+      notifyFocus: (...args) => this.props.onFocus(...args),
+      notifyClear: (...args) => this.props.onClear(...args),
+      notifyChange: (...args) => this.props.onChange(...args),
+      notifyCancel: (...args) => this.props.onCancel(...args),
+      notifyConfirm: (...args) => this.props.onConfirm(...args),
+      notifyOpenChange: (...args) => this.props.onOpenChange(...args),
+      notifyPresetsClick: (...args) => this.props.onPresetClick(...args),
       updateValue: value => this.setState({
         value
       }),
@@ -324,8 +283,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 +306,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 +338,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 +630,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,9 +1,8 @@
-import _get from "lodash/get";
 import React from 'react';
 import classnames from 'classnames';
 import Button from '../button';
-export default function Footer() {
-  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+import { get } from 'lodash-es';
+export default function Footer(props = {}) {
   const {
     prefixCls,
     locale,
@@ -16,8 +15,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/index.js

@@ -29,19 +29,16 @@ export default forwardStatics( /*#__PURE__*/React.forwardRef((props, ref) => {
     propsObj.rangeSeparator = " ".concat(_trimInstanceProperty(rangeSeparator).call(rangeSeparator), " ");
   }
 
-  return /*#__PURE__*/React.createElement(ConfigContext.Consumer, null, _ref => {
-    let {
-      timeZone
-    } = _ref;
-    return /*#__PURE__*/React.createElement(LocaleConsumer, {
-      componentName: 'DatePicker'
-    }, (locale, localeCode, dateFnsLocale) => /*#__PURE__*/React.createElement(DatePicker, _Object$assign({
-      timeZone: timeZone,
-      localeCode: localeCode,
-      locale: locale,
-      dateFnsLocale: dateFnsLocale
-    }, propsObj, {
-      ref: ref
-    })));
-  });
+  return /*#__PURE__*/React.createElement(ConfigContext.Consumer, null, ({
+    timeZone
+  }) => /*#__PURE__*/React.createElement(LocaleConsumer, {
+    componentName: 'DatePicker'
+  }, (locale, localeCode, dateFnsLocale) => /*#__PURE__*/React.createElement(DatePicker, _Object$assign({
+    timeZone: timeZone,
+    localeCode: localeCode,
+    locale: locale,
+    dateFnsLocale: dateFnsLocale
+  }, propsObj, {
+    ref: ref
+  }))));
 }), DatePicker);

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

@@ -17,7 +17,7 @@ export interface MonthsGridProps extends MonthsGridFoundationProps, BaseProps {
 export declare type MonthsGridState = MonthsGridFoundationState;
 export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGridState> {
     static propTypes: {
-        type: PropTypes.Requireable<"dateTime" | "date" | "month" | "dateRange" | "year" | "dateTimeRange">;
+        type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "dateTimeRange">;
         defaultValue: PropTypes.Requireable<string | number | object>;
         defaultPickerValue: PropTypes.Requireable<string | number | object>;
         multiple: PropTypes.Requireable<boolean>;

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");
 
@@ -127,17 +126,14 @@ class YearAndMonth extends BaseComponent {
     } = this.props;
     const currentDate = setMonth(_Date$now(), currentMonth - 1);
 
-    const list = _mapInstanceProperty(years).call(years, _ref => {
-      let {
-        value,
-        year
-      } = _ref;
-      return {
-        year,
-        value,
-        disabled: disabledDate(setYear(currentDate, year))
-      };
-    });
+    const list = _mapInstanceProperty(years).call(years, ({
+      value,
+      year
+    }) => ({
+      year,
+      value,
+      disabled: disabledDate(setYear(currentDate, year))
+    }));
 
     let transform = val => val;
 
@@ -180,18 +176,15 @@ class YearAndMonth extends BaseComponent {
     } // i18n
 
 
-    const list = _mapInstanceProperty(months).call(months, _ref2 => {
-      let {
-        value,
-        month
-      } = _ref2;
-      return {
-        month,
-        disabled: disabledDate(setMonth(currentDate, month - 1)),
-        value: locale.fullMonths[value] // Actual rendered text
+    const list = _mapInstanceProperty(months).call(months, ({
+      value,
+      month
+    }) => ({
+      month,
+      disabled: disabledDate(setMonth(currentDate, month - 1)),
+      value: locale.fullMonths[value] // Actual rendered text
 
-      };
-    });
+    }));
 
     const selectedIndex = _findIndexInstanceProperty(list).call(list, item => item.month === currentMonth);
 
@@ -221,7 +214,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 +237,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/dropdownDivider.js

@@ -4,8 +4,7 @@ import PropTypes from 'prop-types';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/dropdown/constants';
 const prefixCls = cssClasses.PREFIX;
 
-const DropdownDivider = function () {
-  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+const DropdownDivider = (props = {}) => {
   const {
     style,
     className

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;

package/lib/es/dropdown/index.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";
@@ -31,6 +29,7 @@ import DropdownDivider from './dropdownDivider';
 import DropdownTitle from './dropdownTitle';
 import DropdownContext from './context';
 import '@douyinfe/semi-foundation/lib/es/dropdown/dropdown.css';
+import { noop, get } from 'lodash-es';
 const positionSet = strings.POSITION_SET;
 const triggerSet = strings.TRIGGER_SET;
 
@@ -208,7 +207,7 @@ class Dropdown extends BaseComponent {
       onVisibleChange: this.handleVisibleChange,
       showArrow: false
     }, attr), /*#__PURE__*/React.isValidElement(children) ? /*#__PURE__*/React.cloneElement(children, {
-      className: classnames(_get(children, 'props.className'), {
+      className: classnames(get(children, 'props.className'), {
         ["".concat(prefixCls, "-showing")]: popVisible
       })
     }) : children);
@@ -243,7 +242,7 @@ Dropdown.propTypes = {
   menu: PropTypes.array
 };
 Dropdown.defaultProps = {
-  onVisibleChange: _noop,
+  onVisibleChange: noop,
   prefixCls: cssClasses.PREFIX,
   zIndex: tooltipNumbers.DEFAULT_Z_INDEX,
   motion: true,

package/lib/es/form/arrayField.js

@@ -1,5 +1,3 @@
-import _isUndefined from "lodash/isUndefined";
-import _cloneDeep from "lodash/cloneDeep";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
@@ -11,6 +9,7 @@ import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 /* eslint-disable react/destructuring-assignment */
 import React, { Component } from 'react';
 import { getUuidv4 } from '@douyinfe/semi-foundation/lib/es/utils/uuid';
+import { cloneDeep, isUndefined } from 'lodash-es';
 import { FormUpdaterContext, ArrayFieldContext } from './context';
 import warning from '@douyinfe/semi-foundation/lib/es/utils/warning';
 
@@ -36,7 +35,7 @@ const initValueAdapter = initValue => {
   if (_Array$isArray(initValue)) {
     return initValue;
   } else {
-    warning(!_isUndefined(initValue), '[Semi Form ArrayField] initValue of ArrayField must be an array. Please check the type of your props');
+    warning(!isUndefined(initValue), '[Semi Form ArrayField] initValue of ArrayField must be an array. Please check the type of your props');
     return iv;
   }
 };
@@ -84,10 +83,8 @@ class ArrayFieldComponent extends Component {
 
     this.shouldUseInitValue = !context.getArrayField(field); // Separate the arrays that reset and the usual add and remove modify, otherwise they will affect each other
 
-    const initValueCopyForFormState = _cloneDeep(initValue);
-
-    const initValueCopyForReset = _cloneDeep(initValue);
-
+    const initValueCopyForFormState = cloneDeep(initValue);
+    const initValueCopyForReset = cloneDeep(initValue);
     context.registerArrayField(field, initValueCopyForReset); // register ArrayField will update state.updateKey to render, So there is no need to execute forceUpdate here
 
     context.updateStateValue(field, initValueCopyForFormState, {

package/lib/es/form/baseForm.d.ts

@@ -110,25 +110,19 @@ declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
         onBlur?: (e: React.FocusEvent<Element, Element>) => void;
         onListScroll?: (e: React.UIEvent<HTMLDivElement, UIEvent>) => void;
         children?: React.ReactNode;
-    } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "getPopupContainer" | "motion"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+    } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
     static Checkbox: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox").CheckboxProps & import("./interface").RCIncludeType>;
     static CheckboxGroup: React.ComponentType<import("utility-types").Subtract<import("../checkbox").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
     static Radio: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio").RadioProps & import("./interface").RCIncludeType>;
     static RadioGroup: React.ComponentType<import("utility-types").Subtract<import("../radio").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
     static DatePicker: React.ComponentType<import("utility-types").Subtract<import("../datePicker").DatePickerProps & React.RefAttributes<import("../datePicker/datePicker").default>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-    static TimePicker: React.ComponentType<import("utility-types").Subtract<import("../timePicker").TimePickerProps | (import("../timePicker").TimePickerProps & {
-        children?: React.ReactNode;
-    }), import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
+    static TimePicker: React.ComponentType<import("utility-types").Subtract<import("../timePicker").TimePickerProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
     static Switch: React.ComponentType<import("utility-types").Subtract<import("../switch").SwitchProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
     static Slider: React.ComponentType<import("utility-types").Subtract<import("../slider").SliderProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-    static TreeSelect: React.ComponentType<import("utility-types").Subtract<import("../treeSelect").TreeSelectProps | (import("../treeSelect").TreeSelectProps & {
-        children?: React.ReactNode;
-    }), import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-    static Cascader: React.ComponentType<import("utility-types").Subtract<import("../cascader").CascaderProps | (import("../cascader").CascaderProps & {
-        children?: React.ReactNode;
-    }), import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
+    static TreeSelect: React.ComponentType<import("utility-types").Subtract<import("../treeSelect").TreeSelectProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
+    static Cascader: React.ComponentType<import("utility-types").Subtract<import("../cascader").CascaderProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
     static Rating: React.ComponentType<import("utility-types").Subtract<import("../rating").RatingProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-    static AutoComplete: React.ComponentType<import("utility-types").Subtract<import("../autoComplete").AutoCompleteProps<import("../autoComplete").BaseDataItem>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
+    static AutoComplete: React.ComponentType<import("utility-types").Subtract<import("../autoComplete").AutoCompleteProps<import("../autoComplete").AutoCompleteItems>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
     static Upload: React.ComponentType<import("utility-types").Subtract<import("../upload").UploadProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
     static TagInput: React.ComponentType<import("utility-types").Subtract<import("../tagInput").TagInputProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
     static Slot: (props: import("./slot").SlotProps) => JSX.Element;