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

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

@@ -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/slot.js

@@ -1,3 +1,6 @@
+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";
@@ -19,7 +22,6 @@ 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';
@@ -65,11 +67,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
       };
@@ -91,12 +93,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.js

@@ -1,3 +1,4 @@
+import _noop from "lodash/noop";
 import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -24,7 +25,6 @@ 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,

package/lib/es/input/index.js

@@ -1,3 +1,6 @@
+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";
@@ -24,7 +27,6 @@ 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;
@@ -169,7 +171,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", {
@@ -188,7 +190,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", {
@@ -254,7 +256,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", {
@@ -289,7 +291,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)
     });
@@ -388,7 +390,7 @@ class Input extends BaseComponent {
       value: inputValue
     });
 
-    if (!isFunction(getValueLength)) {
+    if (!_isFunction(getValueLength)) {
       inputProps.maxLength = maxLength;
     }
 
@@ -454,15 +456,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,3 +1,4 @@
+import _isFunction from "lodash/isFunction";
 import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
@@ -25,7 +26,6 @@ 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,3 +1,6 @@
+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";
@@ -23,7 +26,6 @@ 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;
 
@@ -181,7 +183,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
@@ -240,7 +242,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,
@@ -252,7 +254,7 @@ class TextArea extends BaseComponent {
       value: value === null || value === undefined ? '' : value
     });
 
-    if (!isFunction(getValueLength)) {
+    if (!_isFunction(getValueLength)) {
       itemProps.maxLength = maxLength;
     }
 
@@ -296,13 +298,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,3 +1,5 @@
+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";
@@ -38,7 +40,6 @@ 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) {
@@ -110,14 +111,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, {
@@ -340,7 +341,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)
@@ -468,7 +469,7 @@ InputNumber.propTypes = {
 };
 InputNumber.defaultProps = {
   disabled: false,
-  forwardedRef: noop,
+  forwardedRef: _noop,
   innerButtons: false,
   keepFocus: false,
   max: Infinity,
@@ -479,13 +480,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, {

package/lib/es/list/index.js

@@ -1,3 +1,4 @@
+import _noop from "lodash/noop";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
@@ -6,7 +7,6 @@ import React from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/list/constants';
-import { noop } from 'lodash-es';
 import '@douyinfe/semi-foundation/lib/es/list/list.css';
 import LocaleConsumer from '../locale/localeConsumer';
 import ListItem from './item';
@@ -157,7 +157,7 @@ List.defaultProps = {
   loading: false,
   layout: 'vertical',
   size: 'default',
-  onRightClick: noop,
-  onClick: noop
+  onRightClick: _noop,
+  onClick: _noop
 };
 export default List;

package/lib/es/list/item.js

@@ -1,3 +1,4 @@
+import _noop from "lodash/noop";
 import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -18,7 +19,6 @@ import React, { PureComponent } from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/list/constants';
-import { noop } from 'lodash-es';
 import { Col } from '../grid';
 import ListContext from './list-context';
 const prefixCls = cssClasses.PREFIX;
@@ -113,6 +113,6 @@ ListItem.propTypes = {
 };
 ListItem.defaultProps = {
   align: 'flex-start',
-  onMouseEnter: noop,
-  onMouseLeave: noop
+  onMouseEnter: _noop,
+  onMouseLeave: _noop
 };

package/lib/es/locale/localeConsumer.d.ts

@@ -2,12 +2,12 @@ import React, { Component } from 'react';
 import { Locale as dateFns } from 'date-fns';
 import PropTypes from 'prop-types';
 import { Locale } from './interface';
-declare type ChildrenRender = (componentLocal: Locale[keyof Locale], localeCode: string, dateFnsLocale: dateFns) => React.ReactNode;
-export interface LocaleConsumerProps {
+declare type ChildrenRender<T> = (componentLocal: T, localeCode: string, dateFnsLocale: dateFns) => React.ReactNode;
+export interface LocaleConsumerProps<T> {
     componentName: string;
-    children?: ChildrenRender;
+    children?: ChildrenRender<T>;
 }
-export default class LocaleConsumer extends Component<LocaleConsumerProps> {
+export default class LocaleConsumer<T> extends Component<LocaleConsumerProps<T>> {
     static propTypes: {
         componentName: PropTypes.Validator<string>;
         children: PropTypes.Requireable<any>;
@@ -15,7 +15,7 @@ export default class LocaleConsumer extends Component<LocaleConsumerProps> {
     static defaultProps: {
         componentName: string;
     };
-    renderChildren(localeData: Locale, children: ChildrenRender): React.ReactNode;
+    renderChildren(localeData: Locale, children: ChildrenRender<T>): React.ReactNode;
     render(): JSX.Element;
 }
 export {};

package/lib/es/locale/localeConsumer.js

@@ -1,6 +1,6 @@
+import _get from "lodash/get";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { get } from 'lodash-es';
 import LocaleContext from './context';
 import ConfigContext from '../configProvider/context';
 import DefaultLocale from './source/zh_CN';
@@ -25,8 +25,10 @@ export default class LocaleConsumer extends Component {
      */
 
 
-    const defaultFnsLocale = get(DefaultLocale, 'dateFnsLocale');
-    const dateFnsLocale = get(locale, 'dateFnsLocale', defaultFnsLocale);
+    const defaultFnsLocale = _get(DefaultLocale, 'dateFnsLocale');
+
+    const dateFnsLocale = _get(locale, 'dateFnsLocale', defaultFnsLocale);
+
     return children(locale[componentName], locale.code, dateFnsLocale);
   }
 

package/lib/es/modal/Modal.js

@@ -1,3 +1,4 @@
+import _noop from "lodash/noop";
 import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -26,7 +27,6 @@ import Portal from '../_portal';
 import LocaleConsumer from '../locale/localeConsumer';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
-import { noop } from 'lodash-es';
 import '@douyinfe/semi-foundation/lib/es/modal/modal.css';
 import BaseComponent from '../_base/baseComponent';
 import confirm, { withConfirm, withError, withInfo, withSuccess, withWarning } from '../modal/confirm';
@@ -218,7 +218,7 @@ class Modal extends BaseComponent {
         if (hidden !== this.state.hidden) {
           this.setState({
             hidden
-          }, callback || noop);
+          }, callback || _noop);
         }
       },
       notifyFullScreen: isFullScreen => {
@@ -352,9 +352,9 @@ Modal.defaultProps = {
   okType: 'primary',
   maskClosable: true,
   hasCancel: true,
-  onCancel: noop,
-  onOk: noop,
-  afterClose: noop,
+  onCancel: _noop,
+  onOk: _noop,
+  afterClose: _noop,
   maskFixed: false,
   closeOnEsc: false,
   size: 'small',

package/lib/es/modal/ModalContent.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 _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
@@ -28,7 +29,6 @@ import Typography from '../typography';
 import BaseComponent from '../_base/baseComponent'; // eslint-disable-next-line max-len
 
 import ModalContentFoundation from '@douyinfe/semi-foundation/lib/es/modal/modalContentFoundation';
-import { noop } from 'lodash-es';
 import { IconClose } from '@douyinfe/semi-icons';
 let uuid = 0;
 export default class ModalContent extends BaseComponent {
@@ -295,8 +295,8 @@ ModalContent.propTypes = {
   onAnimationEnd: PropTypes.func
 };
 ModalContent.defaultProps = {
-  close: noop,
-  getContainerContext: noop,
+  close: _noop,
+  getContainerContext: _noop,
   contentClassName: '',
   maskClassName: ''
 };

package/lib/es/modal/confirm.js

@@ -1,3 +1,4 @@
+import _get from "lodash/get";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/splice";
 import React from 'react';
@@ -5,7 +6,6 @@ import ReactDOM from 'react-dom';
 import { destroyFns } from './Modal';
 import ConfirmModal from './ConfirmModal';
 import '@douyinfe/semi-foundation/lib/es/modal/modal.css';
-import { get } from 'lodash-es';
 import { IconAlertTriangle, IconInfoCircle, IconTickCircle, IconHelpCircle, IconAlertCircle } from '@douyinfe/semi-icons';
 export default function confirm(props) {
   // create a dom in adapter?
@@ -34,7 +34,7 @@ export default function confirm(props) {
 
   const mergedMotion = typeof props.motion === 'undefined' || props.motion ? _Object$assign(_Object$assign({}, props.motion), {
     didLeave: function () {
-      const didLeave = get(props.motion, 'didLeave');
+      const didLeave = _get(props.motion, 'didLeave');
 
       if (typeof didLeave === 'function') {
         didLeave(...arguments);

package/lib/es/modal/useModal/HookModal.d.ts

@@ -6,8 +6,9 @@ interface HookModalProps {
     config: ConfirmProps;
     motion?: Motion;
 }
-declare const _default: React.ForwardRefExoticComponent<HookModalProps & React.RefAttributes<{
+export interface HookModalRef {
     destroy: () => void;
     update: (newConfig: ConfirmProps) => void;
-}>>;
+}
+declare const _default: React.ForwardRefExoticComponent<HookModalProps & React.RefAttributes<HookModalRef>>;
 export default _default;

package/lib/es/modal/useModal/HookModal.js

@@ -1,3 +1,4 @@
+import _get from "lodash/get";
 import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -15,8 +16,8 @@ var __rest = this && this.__rest || function (s, e) {
 
 import React from 'react';
 import ConfirmModal from '../ConfirmModal';
-import { get } from 'lodash-es'; // eslint-disable-next-line max-len
 
+// eslint-disable-next-line max-len
 const HookModal = (_a, ref) => {
   var {
     afterClose,
@@ -40,7 +41,7 @@ const HookModal = (_a, ref) => {
   } = props;
   const mergedMotion = typeof motion === 'undefined' || motion ? _Object$assign(_Object$assign({}, motion), {
     didLeave: function () {
-      const didLeave = get(props.motion, 'didLeave');
+      const didLeave = _get(props.motion, 'didLeave');
 
       if (typeof didLeave === 'function') {
         didLeave(...arguments);

package/lib/es/modal/useModal/index.js

@@ -1,7 +1,7 @@
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import React from 'react';
 import HookModal from './HookModal';
-import { withConfirm, withInfo, withSuccess, withError, withWarning } from '../confirm';
+import { withConfirm, withError, withInfo, withSuccess, withWarning } from '../confirm';
 let uuid = 0;
 
 function usePatchElement() {

package/lib/es/navigation/CollapseButton.js

@@ -1,6 +1,6 @@
+import _noop from "lodash/noop";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import React from 'react';
-import { noop } from 'lodash-es';
 import { IconSidebar } from '@douyinfe/semi-icons';
 import Button from '../button';
 import Tooltip from '../tooltip';
@@ -10,7 +10,7 @@ export default function CollapseButton(_ref) {
     locale,
     collapseText,
     isCollapsed,
-    onClick = noop
+    onClick = _noop
   } = _ref;
 
   const handleClick = () => {

package/lib/es/navigation/Item.js

@@ -1,3 +1,5 @@
+import _noop from "lodash/noop";
+import _times from "lodash/times";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
@@ -9,7 +11,6 @@ import BaseComponent from '../_base/baseComponent';
 import React from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
-import { times, noop } from 'lodash-es';
 import isNullOrUndefined from '@douyinfe/semi-foundation/lib/es/utils/isNullOrUndefined';
 import { cloneDeep, isSemiIcon } from '../_utils';
 import ItemFoundation from '@douyinfe/semi-foundation/lib/es/navigation/itemFoundation';
@@ -170,7 +171,7 @@ export default class NavItem extends BaseComponent {
 
       if (mode === strings.MODE_VERTICAL && !limitIndent) {
         const iconAmount = icon && !indent ? level : level - 1;
-        placeholderIcons = times(iconAmount, () => this.renderIcon(null, strings.ICON_POS_RIGHT, false));
+        placeholderIcons = _times(iconAmount, () => this.renderIcon(null, strings.ICON_POS_RIGHT, false));
       }
 
       itemChildren = /*#__PURE__*/React.createElement(React.Fragment, null, placeholderIcons, this.context.toggleIconPosition === strings.TOGGLE_ICON_LEFT && this.renderIcon(toggleIcon, strings.ICON_POS_RIGHT, true), icon || indent || isInSubNav ? this.renderIcon(icon, strings.ICON_POS_LEFT) : null, !isNullOrUndefined(text) ? /*#__PURE__*/React.createElement("span", {
@@ -256,10 +257,10 @@ NavItem.propTypes = {
 NavItem.defaultProps = {
   isSubNav: false,
   indent: false,
-  forwardRef: noop,
+  forwardRef: _noop,
   isCollapsed: false,
-  onClick: noop,
-  onMouseEnter: noop,
-  onMouseLeave: noop,
+  onClick: _noop,
+  onMouseEnter: _noop,
+  onMouseLeave: _noop,
   disabled: false
 };

package/lib/es/navigation/SubNav.js

@@ -1,3 +1,5 @@
+import _get from "lodash/get";
+import _times from "lodash/times";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
@@ -17,7 +19,6 @@ import { IconChevronDown, IconChevronUp, IconChevronRight } from '@douyinfe/semi
 import NavItem from './Item';
 import Dropdown from '../dropdown';
 import NavContext from './nav-context';
-import { times, get } from 'lodash-es';
 import SubNavTransition from './SubNavTransition';
 import OpenIconTransition from './OpenIconTransition';
 export default class SubNav extends BaseComponent {
@@ -106,7 +107,7 @@ export default class SubNav extends BaseComponent {
       getIsSelected: itemKey => {
         var _context;
 
-        return Boolean(!isNullOrUndefined(itemKey) && _includesInstanceProperty(_context = get(this.context, 'selectedKeys', [])).call(_context, itemKey));
+        return Boolean(!isNullOrUndefined(itemKey) && _includesInstanceProperty(_context = _get(this.context, 'selectedKeys', [])).call(_context, itemKey));
       },
       getIsOpen: () => {
         var _context2;
@@ -198,7 +199,7 @@ export default class SubNav extends BaseComponent {
     if (mode === strings.MODE_VERTICAL && !limitIndent) {
       /* Different icons' amount means different indents.*/
       const iconAmount = icon && !indent ? level : level - 1;
-      placeholderIcons = times(iconAmount, index => this.renderIcon(null, strings.ICON_POS_RIGHT, false, undefined, index));
+      placeholderIcons = _times(iconAmount, index => this.renderIcon(null, strings.ICON_POS_RIGHT, false, undefined, index));
     }
 
     const titleDiv = /*#__PURE__*/React.createElement("div", {