@douyinfe/semi-ui 2.0.7-alpha.0 → 2.0.9-alpha.2

package/lib/es/modal/Modal.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";
@@ -27,6 +26,7 @@ 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';
@@ -45,6 +45,21 @@ class Modal extends BaseComponent {
       this.foundation.handleOk(e);
     };
 
+    this.updateHiddenState = () => {
+      const {
+        visible
+      } = this.props;
+      const {
+        hidden
+      } = this.state;
+
+      if (!visible && !hidden) {
+        this.foundation.toggleHidden(true, () => this.foundation.afterClose());
+      } else if (visible && this.state.hidden) {
+        this.foundation.toggleHidden(false);
+      }
+    };
+
     this.renderFooter = () => {
       const {
         okText,
@@ -123,7 +138,7 @@ class Modal extends BaseComponent {
       }
 
       const classList = cls(className, {
-        ["".concat(cssClasses.DIALOG, "-displayNone")]: keepDOM && this.state.hidden
+        ["".concat(cssClasses.DIALOG, "-displayNone")]: keepDOM && this.state.hidden && !visible
       });
       const contentClassName = motion ? cls({
         ["".concat(cssClasses.DIALOG, "-content-animate-hide")]: !visible,
@@ -133,19 +148,6 @@ class Modal extends BaseComponent {
         ["".concat(cssClasses.DIALOG, "-mask-animate-hide")]: !visible,
         ["".concat(cssClasses.DIALOG, "-mask-animate-show")]: visible
       }) : null;
-
-      const updateHiddenState = () => {
-        if (!visible && !this.state.hidden) {
-          this.foundation.toggleHidden(true);
-        } else if (visible && this.state.hidden) {
-          this.foundation.toggleHidden(false);
-        }
-      };
-
-      if (!motion) {
-        updateHiddenState();
-      }
-
       return /*#__PURE__*/React.createElement(Portal, {
         style: wrapperStyle,
         getPopupContainer: getPopupContainer
@@ -159,7 +161,7 @@ class Modal extends BaseComponent {
         style: style,
         ref: this.modalRef,
         onAnimationEnd: () => {
-          updateHiddenState();
+          this.updateHiddenState();
         },
         footer: renderFooter,
         onClose: this.handleCancel
@@ -212,11 +214,11 @@ class Modal extends BaseComponent {
       notifyClose: () => {
         this.props.afterClose();
       },
-      toggleHidden: hidden => {
+      toggleHidden: (hidden, callback) => {
         if (hidden !== this.state.hidden) {
           this.setState({
             hidden
-          });
+          }, callback || noop);
         }
       },
       notifyFullScreen: isFullScreen => {
@@ -232,17 +234,8 @@ class Modal extends BaseComponent {
   static getDerivedStateFromProps(props, prevState) {
     const newState = {};
 
-    if (props.visible && prevState.hidden) {
-      newState.hidden = false;
-    }
-
     if (props.fullScreen !== prevState.isFullScreen) {
       newState.isFullScreen = props.fullScreen;
-    } // if not using animation, need to update hidden state from props
-
-
-    if (!props.visible && !props.motion && !prevState.hidden) {
-      newState.hidden = true;
     }
 
     return newState;
@@ -276,6 +269,10 @@ class Modal extends BaseComponent {
     if (prevProps.visible && !this.props.visible) {
       this.foundation.afterHide();
     }
+
+    if (!this.props.motion) {
+      this.updateHiddenState();
+    }
   }
 
   componentWillUnmount() {
@@ -355,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,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 _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
@@ -29,6 +28,7 @@ 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,4 +1,3 @@
-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';
@@ -6,6 +5,7 @@ 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,4 +1,3 @@
-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";
@@ -16,8 +15,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,
@@ -41,7 +40,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,5 +1,3 @@
-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";
@@ -11,6 +9,7 @@ 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';
@@ -171,7 +170,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", {
@@ -257,10 +256,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,5 +1,3 @@
-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";
@@ -19,6 +17,7 @@ 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 {
@@ -107,7 +106,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;
@@ -199,7 +198,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", {

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

@@ -7,7 +7,7 @@ import Item, { NavItemProps } from './Item';
 import Footer, { NavFooterProps } from './Footer';
 import Header, { NavHeaderProps } from './Header';
 import '@douyinfe/semi-foundation/lib/es/navigation/navigation.css';
-import { Motion } from '_base/base';
+import { Motion } from '../_base/base';
 export { CollapseButtonProps } from './CollapseButton';
 export { NavFooterProps } from './Footer';
 export { NavHeaderProps } from './Header';

package/lib/es/navigation/index.js

@@ -1,6 +1,3 @@
-import _isEqual from "lodash/isEqual";
-import _get from "lodash/get";
-import _noop from "lodash/noop";
 import _Set from "@babel/runtime-corejs3/core-js-stable/set";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
@@ -14,6 +11,7 @@ import BaseComponent from '../_base/baseComponent';
 import React, { Children } from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
+import { noop, get, isEqual } from 'lodash-es';
 import NavigationFoundation from '@douyinfe/semi-foundation/lib/es/navigation/foundation';
 import { strings, cssClasses, numbers } from '@douyinfe/semi-foundation/lib/es/navigation/constants';
 import SubNav from './SubNav';
@@ -114,15 +112,15 @@ class Nav extends BaseComponent {
         selectedKeys
       } = this.state;
 
-      if (this.props.selectedKeys && !_isEqual(prevProps.selectedKeys, this.props.selectedKeys)) {
+      if (this.props.selectedKeys && !isEqual(prevProps.selectedKeys, this.props.selectedKeys)) {
         this.adapter.updateSelectedKeys(this.props.selectedKeys);
       }
 
-      if (this.props.openKeys && !_isEqual(prevProps.openKeys, this.props.openKeys)) {
+      if (this.props.openKeys && !isEqual(prevProps.openKeys, this.props.openKeys)) {
         this.adapter.updateOpenKeys(this.props.openKeys);
       }
 
-      if (!_isEqual(selectedKeys, prevState.selectedKeys)) {
+      if (!isEqual(selectedKeys, prevState.selectedKeys)) {
         const parentSelectKeys = this.foundation.selectLevelZeroParentKeys(null, ...selectedKeys);
         this.adapter.addSelectedKeys(...parentSelectKeys);
       }
@@ -264,14 +262,14 @@ class Nav extends BaseComponent {
       for (let i = 0; i < childrenLength; i++) {
         const child = children[i];
 
-        if (child.type === Footer || _get(child, 'type.name') === 'NavFooter') {
+        if (child.type === Footer || get(child, 'type.name') === 'NavFooter') {
           footers.push(child);
 
           _spliceInstanceProperty(children).call(children, i, 1);
 
           i--;
           childrenLength--;
-        } else if (child.type === Header || _get(child, 'type.name') === 'NavHeader') {
+        } else if (child.type === Header || get(child, 'type.name') === 'NavHeader') {
           headers.push(child);
 
           _spliceInstanceProperty(children).call(children, i, 1);
@@ -391,10 +389,10 @@ Nav.defaultProps = {
   subNavOpenDelay: numbers.DEFAULT_SUBNAV_OPEN_DELAY,
   tooltipHideDelay: numbers.DEFAULT_TOOLTIP_HIDE_DELAY,
   tooltipShowDelay: numbers.DEFAULT_TOOLTIP_SHOW_DELAY,
-  onCollapseChange: _noop,
-  onSelect: _noop,
-  onClick: _noop,
-  onOpenChange: _noop,
+  onCollapseChange: noop,
+  onSelect: noop,
+  onClick: noop,
+  onOpenChange: noop,
   toggleIconPosition: 'right',
   limitIndent: true,
   prefixCls: cssClasses.PREFIX,

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

@@ -9,7 +9,7 @@ export { NoticeTransitionProps } from './NoticeTransition';
 export interface NoticeReactProps extends NoticeProps {
     style?: CSSProperties;
 }
-export { NoticeState, NotificationListProps, NotificationListState };
+export { NoticeState, NotificationListProps, NotificationListState, ConfigProps };
 export declare type NoticesInPosition = {
     top: NoticeInstance[];
     topLeft: NoticeInstance[];
@@ -43,7 +43,7 @@ declare class NotificationList extends BaseComponent<NotificationListProps, Noti
     static destroyAll(): void;
     static config(opts: ConfigProps): void;
     add: (noticeOpts: NoticeProps) => any;
-    remove: (id: string) => void;
+    remove: (id: string | number) => void;
     destroyAll: () => any;
     renderNoticeInPosition: (notices: NoticeInstance[], position: NoticePosition, removedItems?: NoticeInstance[]) => JSX.Element;
     setPosInStyle(noticeInstance: NoticeInstance): {};

package/lib/es/notification/index.js

@@ -39,7 +39,7 @@ class NotificationList extends BaseComponent {
     this.add = noticeOpts => this.foundation.addNotice(noticeOpts);
 
     this.remove = id => {
-      this.foundation.removeNotice(id);
+      this.foundation.removeNotice(String(id));
     };
 
     this.destroyAll = () => this.foundation.destroyAll();

package/lib/es/notification/notice.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";
@@ -27,6 +26,7 @@ import NotificationFoundation from '@douyinfe/semi-foundation/lib/es/notificatio
 import Button from '../iconButton';
 import BaseComponent from '../_base/baseComponent';
 import { isSemiIcon } from '../_utils';
+import { noop } from 'lodash-es';
 import { IconAlertTriangle, IconInfoCircle, IconTickCircle, IconAlertCircle, IconClose } from '@douyinfe/semi-icons';
 const prefixCls = cssClasses.NOTICE;
 const {
@@ -200,10 +200,10 @@ Notice.propTypes = {
 Notice.defaultProps = {
   duration,
   id: '',
-  close: _noop,
-  onClose: _noop,
-  onClick: _noop,
-  onCloseClick: _noop,
+  close: noop,
+  onClose: noop,
+  onClick: noop,
+  onCloseClick: noop,
   content: '',
   title: '',
   showClose: true,

package/lib/es/overflowList/index.js

@@ -1,7 +1,3 @@
-import _isUndefined from "lodash/isUndefined";
-import _isNull from "lodash/isNull";
-import _omit from "lodash/omit";
-import _isEqual from "lodash/isEqual";
 import _someInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/some";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -13,6 +9,7 @@ import React from 'react';
 import cls from 'classnames';
 import BaseComponent from '../_base/baseComponent';
 import PropTypes from 'prop-types';
+import { isEqual, omit, isNull, isUndefined } from 'lodash-es';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/overflowList/constants';
 import ResizeObserver from '../resizeObserver';
 import IntersectionObserver from './intersectionObserver';
@@ -55,7 +52,7 @@ class OverflowList extends BaseComponent {
 
     this.repartition = growing => {
       // if not mounted or scroll mode, we do not
-      if (_isNull(this.spacer) || _isUndefined(this.spacer) || this.isScrollMode()) {
+      if (isNull(this.spacer) || isUndefined(this.spacer) || this.isScrollMode()) {
         return;
       } // spacer has flex-shrink and width 1px so if it's much smaller then we know to shrink
 
@@ -149,7 +146,7 @@ class OverflowList extends BaseComponent {
     newState.prevProps = props;
 
     const needUpdate = name => {
-      return !prevProps && name in props || prevProps && !_isEqual(prevProps[name], props[name]);
+      return !prevProps && name in props || prevProps && !isEqual(prevProps[name], props[name]);
     };
 
     if (needUpdate('items') || needUpdate('style')) {
@@ -189,19 +186,17 @@ class OverflowList extends BaseComponent {
     // The following statement prevents re-rendering only in the case where the state changes
     // identity (i.e. setState was called), but the state is still the same when
     // shallow-compared to the previous state.
-    const currState = _omit(this.state, 'prevProps');
-
-    const comingState = _omit(nextState, 'prevProps');
-
-    return !(currState !== comingState && _isEqual(currState, comingState));
+    const currState = omit(this.state, 'prevProps');
+    const comingState = omit(nextState, 'prevProps');
+    return !(currState !== comingState && isEqual(currState, comingState));
   }
 
   componentDidUpdate(prevProps, prevState) {
-    if (!_isEqual(prevProps.items, this.props.items)) {
+    if (!isEqual(prevProps.items, this.props.items)) {
       this.itemRefs = {};
     }
 
-    if (!_isEqual(_omit(prevState, 'prevProps'), _omit(this.state, 'prevProps'))) {
+    if (!isEqual(omit(prevState, 'prevProps'), omit(this.state, 'prevProps'))) {
       this.repartition(false);
     }
 

package/lib/es/overflowList/intersectionObserver.js

@@ -1,10 +1,9 @@
-import _isEmpty from "lodash/isEmpty";
-import _isEqual from "lodash/isEqual";
 import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
 import React from 'react';
 import PropTypes from 'prop-types';
+import { isEqual, isEmpty } from 'lodash-es';
 export default class ReactIntersectionObserver extends React.PureComponent {
   componentDidMount() {
     const {
@@ -33,7 +32,7 @@ export default class ReactIntersectionObserver extends React.PureComponent {
 
     const itemKeys = _Object$keys(items);
 
-    if (!_isEqual(this.cachedKeys, itemKeys)) {
+    if (!isEqual(this.cachedKeys, itemKeys)) {
       this.observeElement(true);
       this.cachedKeys = itemKeys;
     }
@@ -54,7 +53,7 @@ export default class ReactIntersectionObserver extends React.PureComponent {
       items
     } = this.props;
 
-    if (_isEmpty(items)) {
+    if (isEmpty(items)) {
       // stop everything if not defined
       this.observer.disconnect();
       return;

package/lib/es/pagination/index.js

@@ -1,4 +1,3 @@
-import _noop from "lodash/noop";
 import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
@@ -10,6 +9,7 @@ import React from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import { FixedSizeList as List } from 'react-window';
+import { noop } from 'lodash-es';
 import PaginationFoundation from '@douyinfe/semi-foundation/lib/es/pagination/foundation';
 import { cssClasses, numbers } from '@douyinfe/semi-foundation/lib/es/pagination/constants';
 import '@douyinfe/semi-foundation/lib/es/pagination/pagination.css';
@@ -436,9 +436,9 @@ Pagination.defaultProps = {
   pageSizeOpts: numbers.PAGE_SIZE_OPTION,
   defaultCurrentPage: 1,
   size: 'default',
-  onPageChange: _noop,
-  onPageSizeChange: _noop,
-  onChange: _noop,
+  onPageChange: noop,
+  onPageSizeChange: noop,
+  onChange: noop,
   showSizeChanger: false,
   className: '',
   hideOnSinglePage: false,

package/lib/es/popconfirm/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";
@@ -20,6 +18,7 @@ var __rest = this && this.__rest || function (s, e) {
 import React from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
+import { noop, get } from 'lodash-es';
 import { cssClasses, numbers } from '@douyinfe/semi-foundation/lib/es/popconfirm/constants';
 import PopconfirmFoundation from '@douyinfe/semi-foundation/lib/es/popconfirm/popconfirmFoundation';
 import { IconClose, IconAlertTriangle } from '@douyinfe/semi-icons';
@@ -85,11 +84,11 @@ export default class Popconfirm extends BaseComponent {
     }, (locale, localeCode) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, _Object$assign({
       type: cancelType,
       onClick: this.handleCancel
-    }, cancelButtonProps), cancelText || _get(locale, 'cancel')), /*#__PURE__*/React.createElement(Button, _Object$assign({
+    }, cancelButtonProps), cancelText || get(locale, 'cancel')), /*#__PURE__*/React.createElement(Button, _Object$assign({
       type: okType,
       theme: "solid",
       onClick: this.handleConfirm
-    }, okButtonProps), okText || _get(locale, 'confirm'))));
+    }, okButtonProps), okText || get(locale, 'confirm'))));
   }
 
   renderConfirmPopCard() {
@@ -212,7 +211,7 @@ Popconfirm.defaultProps = {
   stopPropagation: true,
   trigger: 'click',
   // position: 'bottomLeft',
-  onVisibleChange: _noop,
+  onVisibleChange: noop,
   disabled: false,
   icon: /*#__PURE__*/React.createElement(IconAlertTriangle, {
     size: "extra-large"
@@ -221,6 +220,6 @@ Popconfirm.defaultProps = {
   cancelType: 'tertiary',
   prefixCls: cssClasses.PREFIX,
   zIndex: numbers.DEFAULT_Z_INDEX,
-  onCancel: _noop,
-  onConfirm: _noop
+  onCancel: noop,
+  onConfirm: noop
 };

package/lib/es/popover/Arrow.js

@@ -1,4 +1,3 @@
-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";
@@ -17,6 +16,7 @@ var __rest = this && this.__rest || function (s, e) {
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
+import { get } from 'lodash-es';
 import { numbers, cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/popover/constants';
 
 const Arrow = function () {
@@ -32,12 +32,9 @@ const Arrow = function () {
 
   const isVertical = _indexOfInstanceProperty(position).call(position, 'top') === 0 || _indexOfInstanceProperty(position).call(position, 'bottom') === 0;
   const cls = classnames(className, cssClasses.ARROW);
-
-  const borderOpacity = _get(arrowStyle, 'borderOpacity', strings.DEFAULT_ARROW_STYLE.borderOpacity);
-
-  const bgColor = _get(arrowStyle, 'backgroundColor', _get(popStyle, 'backgroundColor', strings.DEFAULT_ARROW_STYLE.backgroundColor));
-
-  const borderColor = _get(arrowStyle, 'borderColor', _get(popStyle, 'borderColor', strings.DEFAULT_ARROW_STYLE.borderColor));
+  const borderOpacity = get(arrowStyle, 'borderOpacity', strings.DEFAULT_ARROW_STYLE.borderOpacity);
+  const bgColor = get(arrowStyle, 'backgroundColor', get(popStyle, 'backgroundColor', strings.DEFAULT_ARROW_STYLE.backgroundColor));
+  const borderColor = get(arrowStyle, 'borderColor', get(popStyle, 'borderColor', strings.DEFAULT_ARROW_STYLE.borderColor));
 
   const wrapProps = _Object$assign(_Object$assign({}, rest), {
     width: numbers.ARROW_BOUNDING.width,

package/lib/es/radio/radio.d.ts

@@ -65,7 +65,7 @@ declare class Radio extends BaseComponent<RadioProps, RadioState> {
         prefixCls?: string;
         name?: string;
         onChange?: (e: RadioChangeEvent) => void;
-        buttonSize?: "small" | "large" | "middle";
+        buttonSize?: "small" | "middle" | "large";
         isCardRadio?: boolean;
         isPureCardRadio?: boolean;
     };