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

package/lib/es/cascader/item.js

@@ -1,3 +1,4 @@
+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";
@@ -5,7 +6,6 @@ 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,3 +1,6 @@
+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";
 
@@ -11,7 +14,6 @@ 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) {
@@ -51,9 +53,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);
       }
     }
@@ -176,8 +178,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,3 +1,4 @@
+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";
@@ -12,7 +13,6 @@ 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,8 +1,9 @@
+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';
@@ -43,7 +44,7 @@ class CheckboxInner extends PureComponent {
       },
       type: "checkbox",
       className: css.INPUT,
-      onChange: noop,
+      onChange: _noop,
       checked: checked,
       disabled: disabled,
       name: name
@@ -65,6 +66,6 @@ CheckboxInner.propTypes = {
   isPureCardType: PropTypes.bool
 };
 CheckboxInner.defaultProps = {
-  onChange: noop
+  onChange: _noop
 };
 export default CheckboxInner;

package/lib/es/collapse/index.js

@@ -1,3 +1,4 @@
+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";
@@ -25,7 +26,6 @@ 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/collapsible/index.js

@@ -84,7 +84,10 @@ const Collapsible = props => {
       className: wrapperCls,
       ref: ref
     }, /*#__PURE__*/React.createElement("div", {
-      ref: setHeight
+      ref: setHeight,
+      style: {
+        overflow: 'hidden'
+      }
     }, children));
   };
 

package/lib/es/datePicker/datePicker.js

@@ -1,3 +1,8 @@
+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";
@@ -8,7 +13,6 @@ 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';
@@ -61,7 +65,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);
@@ -135,7 +139,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;
       }
@@ -320,7 +324,8 @@ 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被立马关闭的问题。
@@ -343,7 +348,8 @@ 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被立马关闭的问题。
@@ -375,7 +381,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) {
@@ -667,22 +673,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/index.d.ts

@@ -8,4 +8,4 @@ export { QuickControlProps } from './quickControl';
 export { YearAndMonthProps } from './yearAndMonth';
 declare const _default: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<DatePicker>>;
 export default _default;
-export { BaseValueType, DayStatusType, DisabledDateOptions, DisabledDateType, DisabledTimeType, InputSize, Position, PresetType, PresetsType, TriggerRenderProps, ValidateStatus, ValueType, } from '@douyinfe/semi-foundation/lib/es/datePicker/foundation';
+export { BaseValueType, DayStatusType, DisabledDateOptions, DisabledDateType, DisabledTimeType, InputSize, Position, PresetType, PresetsType, TriggerRenderProps, ValidateStatus, ValueType, } from '@douyinfe/semi-foundation/lib/es/lib/es/datePicker/foundation';

package/lib/es/datePicker/month.js

@@ -1,3 +1,6 @@
+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";
@@ -11,7 +14,6 @@ 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 {
@@ -415,7 +417,9 @@ 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,
@@ -425,7 +429,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() {
@@ -469,10 +473,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,3 +1,5 @@
+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";
@@ -17,7 +19,6 @@ 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';
@@ -664,7 +665,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,3 +1,5 @@
+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";
@@ -17,7 +19,6 @@ 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");
 
@@ -220,7 +221,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,
@@ -243,10 +244,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,3 +1,4 @@
+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";
@@ -6,7 +7,6 @@ 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,3 +1,4 @@
+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";
@@ -8,7 +9,6 @@ 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,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";
@@ -29,7 +31,6 @@ 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;
 
@@ -207,7 +208,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);
@@ -242,7 +243,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,3 +1,5 @@
+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";
@@ -9,7 +11,6 @@ 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';
 
@@ -35,7 +36,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;
   }
 };
@@ -83,8 +84,10 @@ 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

@@ -116,19 +116,13 @@ declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
     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;

package/lib/es/form/baseForm.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 _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
@@ -36,7 +37,6 @@ import Section from './section';
 import Label from './label';
 import ErrorMessage from './errorMessage';
 import FormInputGroup from './group';
-import { noop } from 'lodash-es';
 import '@douyinfe/semi-foundation/lib/es/form/form.css';
 import { FormInput, FormInputNumber, FormTextArea, FormSelect, FormCheckboxGroup, FormCheckbox, FormRadioGroup, FormRadio, FormDatePicker, FormSwitch, FormSlider, FormTimePicker, FormTreeSelect, FormCascader, FormRating, FormAutoComplete, FormUpload, FormTagInput } from './field';
 const prefix = cssClasses.PREFIX;
@@ -49,8 +49,7 @@ class Form extends BaseComponent {
     this.state = {
       formId: getUuidv4()
     };
-    warning( // @ts-ignore special usage
-    props.component && props.render, '[Semi Form] You should not use <Form component> and <Form render> in ths same time; <Form render> will be ignored');
+    warning(Boolean(props.component && props.render), '[Semi Form] You should not use <Form component> and <Form render> in ths same time; <Form render> will be ignored');
     warning(props.component && props.children && !isEmptyChildren(props.children), '[Semi Form] You should not use <Form component> and <Form>{children}</Form> in ths same time; <Form>{children}</Form> will be ignored');
     warning(props.render && props.children && !isEmptyChildren(props.children), '[Semi Form] You should not use <Form render> and <Form>{children}</Form> in ths same time; <Form>{children}</Form> will be ignored');
     this.submit = _bindInstanceProperty(_context = this.submit).call(_context, this);
@@ -249,11 +248,11 @@ Form.propTypes = {
   extraTextPosition: PropTypes.oneOf(strings.EXTRA_POS)
 };
 Form.defaultProps = {
-  onChange: noop,
-  onSubmitFail: noop,
-  onSubmit: noop,
-  onReset: noop,
-  onValueChange: noop,
+  onChange: _noop,
+  onSubmitFail: _noop,
+  onSubmit: _noop,
+  onReset: _noop,
+  onValueChange: _noop,
   layout: 'vertical',
   labelPosition: 'top',
   allowEmpty: false,