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

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;

package/lib/es/form/baseForm.js

@@ -1,4 +1,3 @@
-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";
@@ -37,6 +36,7 @@ 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,

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

@@ -60,7 +60,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     onBlur?: (e: import("react").FocusEvent<Element, Element>) => void;
     onListScroll?: (e: import("react").UIEvent<HTMLDivElement, UIEvent>) => void;
     children?: import("react").ReactNode;
-} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "getPopupContainer" | "motion"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
 declare const FormCheckboxGroup: import("react").ComponentType<import("utility-types").Subtract<import("../checkbox/checkboxGroup").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
 declare const FormCheckbox: import("react").ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox/checkbox").CheckboxProps & import("./interface").RCIncludeType>;
 declare const FormRadioGroup: import("react").ComponentType<import("utility-types").Subtract<import("../radio/radioGroup").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
@@ -68,29 +68,11 @@ declare const FormRadio: import("react").ComponentType<import("utility-types").S
 declare const FormDatePicker: import("react").ComponentType<import("utility-types").Subtract<import("../datePicker/datePicker").DatePickerProps & import("react").RefAttributes<import("../datePicker/datePicker").default>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
 declare const FormSwitch: import("react").ComponentType<import("utility-types").Subtract<import("../switch/index").SwitchProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
 declare const FormSlider: import("react").ComponentType<import("utility-types").Subtract<import("../slider/index").SliderProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-/**
- * Reasons for using ts-igonre:
- *
- * 1. TimePicker: The propTypes of the locale is defined as object (it is not necessary and too troublesome to write a complete shapeOf),
- * but the interface defines a complete type, the two cannot match, and ts will report an error, so skip it here.
- *
- * 2. Cascader: treeData { label, value } define in PropTypes.shapeOf alreaady declare isRequired, ts still throw error
- *    【Property is optional in type “InferProps<{ value: Validator<string | number>; label: Validator<any>; }>” but required in type CascaderData】
- *    skip it here.
- * 3. TreeSelect: value same as cascader, skip it here
- *
- */
-declare const FormTimePicker: import("react").ComponentType<import("utility-types").Subtract<import("../timePicker/TimePicker").TimePickerProps | (import("../timePicker/TimePicker").TimePickerProps & {
-    children?: import("react").ReactNode;
-}), import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-declare const FormTreeSelect: import("react").ComponentType<import("utility-types").Subtract<import("../treeSelect/index").TreeSelectProps | (import("../treeSelect/index").TreeSelectProps & {
-    children?: import("react").ReactNode;
-}), import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-declare const FormCascader: import("react").ComponentType<import("utility-types").Subtract<import("../cascader/index").CascaderProps | (import("../cascader/index").CascaderProps & {
-    children?: import("react").ReactNode;
-}), import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
+declare const FormTimePicker: import("react").ComponentType<import("utility-types").Subtract<import("../timePicker/TimePicker").TimePickerProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
+declare const FormTreeSelect: import("react").ComponentType<import("utility-types").Subtract<import("../treeSelect/index").TreeSelectProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
+declare const FormCascader: import("react").ComponentType<import("utility-types").Subtract<import("../cascader/index").CascaderProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
 declare const FormRating: import("react").ComponentType<import("utility-types").Subtract<import("../rating/index").RatingProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-declare const FormAutoComplete: import("react").ComponentType<import("utility-types").Subtract<import("../autoComplete/index").AutoCompleteProps<import("../autoComplete/index").BaseDataItem>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
+declare const FormAutoComplete: import("react").ComponentType<import("utility-types").Subtract<import("../autoComplete/index").AutoCompleteProps<import("../autoComplete/index").AutoCompleteItems>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
 declare const FormUpload: import("react").ComponentType<import("utility-types").Subtract<import("../upload/index").UploadProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
 declare const FormTagInput: import("react").ComponentType<import("utility-types").Subtract<import("../tagInput/index").TagInputProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
 export { FormInput, FormInputNumber, FormTextArea, FormSelect, FormCheckboxGroup, FormCheckbox, FormRadioGroup, FormRadio, FormDatePicker, FormSwitch, FormSlider, FormTimePicker, FormTreeSelect, FormCascader, FormRating, FormAutoComplete, FormUpload, FormTagInput };

package/lib/es/form/field.js

@@ -51,24 +51,8 @@ const FormSwitch = withField(Switch, {
   valueKey: 'checked'
 });
 const FormSlider = withField(Slider);
-/**
- * Reasons for using ts-igonre:
- *
- * 1. TimePicker: The propTypes of the locale is defined as object (it is not necessary and too troublesome to write a complete shapeOf),
- * but the interface defines a complete type, the two cannot match, and ts will report an error, so skip it here.
- *
- * 2. Cascader: treeData { label, value } define in PropTypes.shapeOf alreaady declare isRequired, ts still throw error
- *    【Property is optional in type “InferProps<{ value: Validator<string | number>; label: Validator<any>; }>” but required in type CascaderData】
- *    skip it here.
- * 3. TreeSelect: value same as cascader, skip it here
- *
- */
-// @ts-ignore-next-line
-
-const FormTimePicker = withField(TimePicker); // @ts-ignore-next-line
-
-const FormTreeSelect = withField(TreeSelect); // @ts-ignore-next-line
-
+const FormTimePicker = withField(TimePicker);
+const FormTreeSelect = withField(TreeSelect);
 const FormCascader = withField(Cascader);
 const FormRating = withField(Rating);
 const FormAutoComplete = withField(AutoComplete, {

package/lib/es/form/group.js

@@ -1,4 +1,3 @@
-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 _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
@@ -19,6 +18,7 @@ var __rest = this && this.__rest || function (s, e) {
 
 import React, { Component } from 'react';
 import classNames from 'classnames';
+import { isString } from 'lodash-es';
 import { isValid } from '@douyinfe/semi-foundation/lib/es/form/utils';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/form/constants';
 import * as ObjectUtil from '@douyinfe/semi-foundation/lib/es/utils/object';
@@ -53,7 +53,7 @@ const GroupError = props => {
 class FormInputGroup extends Component {
   renderLabel(label, formProps) {
     if (label) {
-      if (_isString(label)) {
+      if (isString(label)) {
         return /*#__PURE__*/React.createElement(Label, {
           width: formProps.labelWidth,
           text: label

package/lib/es/form/hoc/withField.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { withFieldOption } from '@douyinfe/semi-foundation/lib/es/form/interface';
+import { WithFieldOption } from '@douyinfe/semi-foundation/lib/es/form/interface';
 import { CommonFieldProps, CommonexcludeType } from '../interface';
 import { Subtract } from 'utility-types';
 /**
@@ -8,5 +8,5 @@ import { Subtract } from 'utility-types';
  * 2. Insert <Label>
  * 3. Insert <ErrorMessage>
  */
-declare function withField<C extends React.ComponentType<React.ComponentProps<C>>, T extends React.ComponentType<Subtract<React.ComponentProps<C>, CommonexcludeType> & CommonFieldProps>>(Component: C, opts?: withFieldOption): T;
+declare function withField<C extends React.ElementType, T extends Subtract<React.ComponentProps<C>, CommonexcludeType> & CommonFieldProps, R extends React.ComponentType<T>>(Component: C, opts?: WithFieldOption): R;
 export default withField;

package/lib/es/form/hoc/withField.js

@@ -5,8 +5,6 @@ import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
 
-/* argus-disable unPkgSensitiveInfo */
-
 /* eslint-disable max-lines-per-function, react-hooks/rules-of-hooks, prefer-const, max-len */
 import React, { useState, useLayoutEffect, useMemo, useRef, forwardRef } from 'react';
 import classNames from 'classnames';
@@ -507,7 +505,6 @@ function withField(Component, opts) {
       return useMemo(() => FieldComponent, [...shouldUpdate]);
     } else {
       // Some Custom Component with inner state shouldn't be memo, otherwise the component will not updated when the internal state is updated
-      // Fixed issue 328
       return FieldComponent;
     }
   };

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Subtract } from 'utility-types';
 import type { RuleItem } from 'async-validator';
 import { Options as scrollIntoViewOptions } from 'scroll-into-view-if-needed';
-import { BaseFormApi as FormApi, FormState } from '@douyinfe/semi-foundation/lib/es/form/interface';
+import { BaseFormApi as FormApi, FormState, WithFieldOption } from '@douyinfe/semi-foundation/lib/es/form/interface';
 import { SelectProps } from '../select/index';
 import Option from '../select/option';
 import OptGroup from '../select/optionGroup';
@@ -10,7 +10,7 @@ import { CheckboxProps } from '../checkbox/index';
 import { RadioProps } from '../radio/index';
 import { ReactFieldError as FieldError } from './errorMessage';
 import { LabelProps } from './label';
-export { FormState, FormApi };
+export { FormState, FormApi, WithFieldOption };
 export declare type CommonFieldProps = {
     /** Field is required (except Form. Checkbox within the Group, Form. Radio) */
     field: string;

package/lib/es/form/slot.js

@@ -1,6 +1,3 @@
-import _isObject from "lodash/isObject";
-import _isNumber from "lodash/isNumber";
-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 _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
@@ -22,6 +19,7 @@ var __rest = this && this.__rest || function (s, e) {
 import React, { useContext } from 'react';
 import classNames from 'classnames';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/form/constants';
+import { isString, isNumber, isObject } from 'lodash-es';
 import Label from './label';
 import { Col } from '../grid';
 import { FormUpdaterContext } from './context';
@@ -67,11 +65,11 @@ const FormSlot = props => {
   });
 
   switch (true) {
-    case _isObject(label) && ! /*#__PURE__*/React.isValidElement(label):
+    case isObject(label) && ! /*#__PURE__*/React.isValidElement(label):
       // do nothing
       break;
 
-    case _isString(label) || _isNumber(label):
+    case isString(label) || isNumber(label):
       label = {
         text: label
       };
@@ -93,12 +91,12 @@ const FormSlot = props => {
     let emProps = {};
 
     switch (true) {
-      case _isObject(error) && ! /*#__PURE__*/React.isValidElement(error):
+      case isObject(error) && ! /*#__PURE__*/React.isValidElement(error):
         // do nothing
         emProps = error;
         break;
 
-      case _isString(error) || _isNumber(error):
+      case isString(error) || isNumber(error):
         emProps = {
           error
         };

package/lib/es/iconButton/index.d.ts

@@ -32,7 +32,6 @@ declare class IconButton extends PureComponent<IconButtonProps> {
         loading: PropTypes.Requireable<boolean>;
         prefixCls: PropTypes.Requireable<string>;
         icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        iconType: PropTypes.Requireable<PropTypes.ReactElementLike>;
         iconSize: PropTypes.Requireable<string>;
         noHorizontalPadding: PropTypes.Requireable<string | boolean | any[]>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/lib/es/iconButton/index.js

@@ -1,4 +1,3 @@
-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,6 +24,7 @@ import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/button/con
 import { strings as iconStrings } from '@douyinfe/semi-foundation/lib/es/icons/constants';
 import Button from '../button/Button';
 import SpinIcon from '../spin/icon';
+import { noop } from 'lodash-es';
 import '@douyinfe/semi-foundation/lib/es/button/iconButton.css';
 const iconSizes = iconStrings.SIZE; // TODO: add a buttonGroup component
 // TODO: icon configuration
@@ -99,8 +99,8 @@ IconButton.defaultProps = {
   prefixCls: cssClasses.PREFIX,
   loading: false,
   noHorizontalPadding: false,
-  onMouseEnter: _noop,
-  onMouseLeave: _noop
+  onMouseEnter: noop,
+  onMouseLeave: noop
 };
 IconButton.propTypes = {
   iconStyle: PropTypes.object,
@@ -108,7 +108,6 @@ IconButton.propTypes = {
   loading: PropTypes.bool,
   prefixCls: PropTypes.string,
   icon: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.node]),
-  iconType: PropTypes.element,
   iconSize: PropTypes.oneOf(iconSizes),
   noHorizontalPadding: PropTypes.oneOfType([PropTypes.bool, PropTypes.string, PropTypes.array]),
   children: PropTypes.node,

package/lib/es/input/index.js

@@ -1,6 +1,3 @@
-import _isFunction from "lodash/isFunction";
-import _noop from "lodash/noop";
-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";
@@ -27,6 +24,7 @@ import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/input/cons
 import { isSemiIcon } from '../_utils';
 import BaseComponent from '../_base/baseComponent';
 import '@douyinfe/semi-foundation/lib/es/input/input.css';
+import { isString, noop, isFunction } from 'lodash-es';
 import { IconClear, IconEyeOpened, IconEyeClosedSolid } from '@douyinfe/semi-icons';
 const prefixCls = cssClasses.PREFIX;
 const sizeSet = strings.SIZE;
@@ -171,7 +169,7 @@ class Input extends BaseComponent {
     if (addonBefore) {
       const prefixWrapperCls = cls({
         ["".concat(prefixCls, "-prepend")]: true,
-        ["".concat(prefixCls, "-prepend-text")]: addonBefore && _isString(addonBefore),
+        ["".concat(prefixCls, "-prepend-text")]: addonBefore && isString(addonBefore),
         ["".concat(prefixCls, "-prepend-icon")]: isSemiIcon(addonBefore)
       });
       return /*#__PURE__*/React.createElement("div", {
@@ -190,7 +188,7 @@ class Input extends BaseComponent {
     if (addonAfter) {
       const prefixWrapperCls = cls({
         ["".concat(prefixCls, "-append")]: true,
-        ["".concat(prefixCls, "-append-text")]: addonAfter && _isString(addonAfter),
+        ["".concat(prefixCls, "-append-text")]: addonAfter && isString(addonAfter),
         ["".concat(prefixCls, "-append-icon")]: isSemiIcon(addonAfter)
       });
       return /*#__PURE__*/React.createElement("div", {
@@ -256,7 +254,7 @@ class Input 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", {
@@ -291,7 +289,7 @@ class Input extends BaseComponent {
 
     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),
       ["".concat(prefixCls, "-suffix-hidden")]: suffixAllowClear && Boolean(hideSuffix)
     });
@@ -390,7 +388,7 @@ class Input extends BaseComponent {
       value: inputValue
     });
 
-    if (!_isFunction(getValueLength)) {
+    if (!isFunction(getValueLength)) {
       inputProps.maxLength = maxLength;
     }
 
@@ -456,15 +454,15 @@ Input.defaultProps = {
   placeholder: '',
   size: 'default',
   className: '',
-  onClear: _noop,
-  onChange: _noop,
-  onBlur: _noop,
-  onFocus: _noop,
-  onInput: _noop,
-  onKeyDown: _noop,
-  onKeyUp: _noop,
-  onKeyPress: _noop,
-  onEnterPress: _noop,
+  onClear: noop,
+  onChange: noop,
+  onBlur: noop,
+  onFocus: noop,
+  onInput: noop,
+  onKeyDown: noop,
+  onKeyUp: noop,
+  onKeyPress: noop,
+  onEnterPress: noop,
   validateStatus: 'default'
 };
 const ForwardInput = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Input, _Object$assign({}, props, {

package/lib/es/input/inputGroup.js

@@ -1,4 +1,3 @@
-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";
@@ -26,6 +25,7 @@ import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/input/cons
 import BaseComponent from '../_base/baseComponent';
 import Label from '../form/label';
 import { noop } from '@douyinfe/semi-foundation/lib/es/utils/function';
+import { isFunction } from 'lodash-es';
 const prefixCls = cssClasses.PREFIX;
 const sizeSet = strings.SIZE;
 export default class inputGroup extends BaseComponent {
@@ -90,8 +90,8 @@ export default class inputGroup extends BaseComponent {
             onBlur: itemOnBlur,
             onFocus: itemOnFocus
           } = item.props;
-          const onBlur = _isFunction(itemOnBlur) ? itemOnBlur : groupOnBlur;
-          const onFocus = _isFunction(itemOnFocus) ? itemOnFocus : groupOnFocus;
+          const onBlur = isFunction(itemOnBlur) ? itemOnBlur : groupOnBlur;
+          const onFocus = isFunction(itemOnFocus) ? itemOnFocus : groupOnFocus;
           return /*#__PURE__*/React.cloneElement(item, _Object$assign({
             key: index,
             size,

package/lib/es/input/textarea.js

@@ -1,6 +1,3 @@
-import _isFunction from "lodash/isFunction";
-import _omit from "lodash/omit";
-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";
@@ -26,6 +23,7 @@ import TextAreaFoundation from '@douyinfe/semi-foundation/lib/es/input/textareaF
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/input/constants';
 import BaseComponent from '../_base/baseComponent';
 import '@douyinfe/semi-foundation/lib/es/input/textarea.css';
+import { noop, omit, isFunction } from 'lodash-es';
 import { IconClear } from '@douyinfe/semi-icons';
 const prefixCls = cssClasses.PREFIX;
 
@@ -183,7 +181,7 @@ class TextArea extends BaseComponent {
         value
       } = this.state; // eslint-disable-next-line no-nested-ternary
 
-      current = value ? _isFunction(getValueLength) ? getValueLength(value) : value.length : 0;
+      current = value ? isFunction(getValueLength) ? getValueLength(value) : value.length : 0;
       total = maxCount || null;
       countCls = cls("".concat(prefixCls, "-textarea-counter"), {
         ["".concat(prefixCls, "-textarea-counter-exceed")]: current > total
@@ -242,7 +240,7 @@ class TextArea extends BaseComponent {
       ["".concat(prefixCls, "-textarea-showClear")]: showClear
     });
 
-    const itemProps = _Object$assign(_Object$assign({}, _omit(rest, 'insetLabel', 'getValueLength', 'onClear', 'showClear')), {
+    const itemProps = _Object$assign(_Object$assign({}, omit(rest, 'insetLabel', 'getValueLength', 'onClear', 'showClear')), {
       className: itemCls,
       disabled,
       readOnly: readonly,
@@ -254,7 +252,7 @@ class TextArea extends BaseComponent {
       value: value === null || value === undefined ? '' : value
     });
 
-    if (!_isFunction(getValueLength)) {
+    if (!isFunction(getValueLength)) {
       itemProps.maxLength = maxLength;
     }
 
@@ -298,13 +296,13 @@ TextArea.defaultProps = {
   cols: 20,
   showCounter: false,
   showClear: false,
-  onEnterPress: _noop,
-  onChange: _noop,
-  onBlur: _noop,
-  onFocus: _noop,
-  onKeyDown: _noop,
-  onResize: _noop,
-  onClear: _noop // resize: false,
+  onEnterPress: noop,
+  onChange: noop,
+  onBlur: noop,
+  onFocus: noop,
+  onKeyDown: noop,
+  onResize: noop,
+  onClear: noop // resize: false,
 
 };
 const ForwardTextarea = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(TextArea, _Object$assign({}, props, {

package/lib/es/inputNumber/index.js

@@ -1,5 +1,3 @@
-import _noop from "lodash/noop";
-import _isNaN from "lodash/isNaN";
 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";
@@ -40,6 +38,7 @@ import BaseComponent from '../_base/baseComponent';
 import { cssClasses, numbers, strings } from '@douyinfe/semi-foundation/lib/es/inputNumber/constants';
 import { IconChevronUp, IconChevronDown } from '@douyinfe/semi-icons';
 import '@douyinfe/semi-foundation/lib/es/inputNumber/inputNumber.css';
+import { isNaN, noop } from 'lodash-es';
 
 class InputNumber extends BaseComponent {
   constructor(props) {
@@ -111,14 +110,14 @@ class InputNumber extends BaseComponent {
         className: suffixChildrenCls
       }, /*#__PURE__*/React.createElement("span", {
         className: upClassName,
-        onMouseDown: notAllowedUp ? _noop : this.handleUpClick,
+        onMouseDown: notAllowedUp ? noop : this.handleUpClick,
         onMouseUp: this.handleMouseUp,
         onMouseLeave: this.handleMouseLeave
       }, /*#__PURE__*/React.createElement(IconChevronUp, {
         size: "extra-small"
       })), /*#__PURE__*/React.createElement("span", {
         className: downClassName,
-        onMouseDown: notAllowedDown ? _noop : this.handleDownClick,
+        onMouseDown: notAllowedDown ? noop : this.handleDownClick,
         onMouseUp: this.handleMouseUp,
         onMouseLeave: this.handleMouseLeave
       }, /*#__PURE__*/React.createElement(IconChevronDown, {
@@ -341,7 +340,7 @@ class InputNumber extends BaseComponent {
             }
 
             this.setState(obj, () => this.adapter.restoreCursor());
-          } else if (!_isNaN(toNum)) {
+          } else if (!isNaN(toNum)) {
             // Update input content when controlled input is illegal and not NaN
             this.setState({
               value: this.foundation.doFormat(toNum, false)
@@ -469,7 +468,7 @@ InputNumber.propTypes = {
 };
 InputNumber.defaultProps = {
   disabled: false,
-  forwardedRef: _noop,
+  forwardedRef: noop,
   innerButtons: false,
   keepFocus: false,
   max: Infinity,
@@ -480,13 +479,13 @@ InputNumber.defaultProps = {
   shiftStep: numbers.DEFAULT_SHIFT_STEP,
   size: strings.DEFAULT_SIZE,
   step: numbers.DEFAULT_STEP,
-  onBlur: _noop,
-  onChange: _noop,
-  onDownClick: _noop,
-  onFocus: _noop,
-  onKeyDown: _noop,
-  onNumberChange: _noop,
-  onUpClick: _noop
+  onBlur: noop,
+  onChange: noop,
+  onDownClick: noop,
+  onFocus: noop,
+  onKeyDown: noop,
+  onNumberChange: noop,
+  onUpClick: noop
 };
 export default forwardStatics( /*#__PURE__*/React.forwardRef(function SemiInputNumber(props, ref) {
   return /*#__PURE__*/React.createElement(InputNumber, _Object$assign({}, props, {