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

package/lib/es/list/index.js

@@ -1,4 +1,3 @@
-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";
@@ -7,6 +6,7 @@ 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,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";
@@ -19,6 +18,7 @@ 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,10 +25,8 @@ 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,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';
@@ -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,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.d.ts

@@ -29,6 +29,7 @@ export interface PopconfirmProps extends PopoverProps {
     onCancel?: (e: React.MouseEvent) => void;
     onConfirm?: (e: React.MouseEvent) => void;
     onVisibleChange?: (visible: boolean) => void;
+    onClickOutSide?: (e: React.MouseEvent) => void;
 }
 export interface PopconfirmState {
     visible: boolean;
@@ -50,13 +51,14 @@ export default class Popconfirm extends BaseComponent<PopconfirmProps, Popconfir
         cancelType: PropTypes.Requireable<string>;
         onCancel: PropTypes.Requireable<(...args: any[]) => any>;
         onConfirm: PropTypes.Requireable<(...args: any[]) => any>;
-        zIndex: PropTypes.Requireable<number>;
+        onClickOutSide: PropTypes.Requireable<(...args: any[]) => any>;
         onVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
         visible: PropTypes.Requireable<boolean>;
         defaultVisible: PropTypes.Requireable<boolean>;
         okButtonProps: PropTypes.Requireable<object>;
         cancelButtonProps: PropTypes.Requireable<object>;
         stopPropagation: PropTypes.Requireable<string | boolean>;
+        zIndex: PropTypes.Requireable<number>;
         trigger: PropTypes.Requireable<string>;
         position: PropTypes.Requireable<string>;
     };
@@ -72,6 +74,7 @@ export default class Popconfirm extends BaseComponent<PopconfirmProps, Popconfir
         zIndex: number;
         onCancel: (...args: any[]) => void;
         onConfirm: (...args: any[]) => void;
+        onClickOutSide: (...args: any[]) => void;
     };
     constructor(props: PopconfirmProps);
     static getDerivedStateFromProps(props: PopconfirmProps, state: PopconfirmState): Partial<PopconfirmState>;
@@ -79,6 +82,7 @@ export default class Popconfirm extends BaseComponent<PopconfirmProps, Popconfir
     handleCancel: (e: React.MouseEvent) => void;
     handleConfirm: (e: React.MouseEvent) => void;
     handleVisibleChange: (visible: boolean) => void;
+    handleClickOutSide: (e: React.MouseEvent) => any;
     stopImmediatePropagation: (e: React.SyntheticEvent) => void;
     renderControls(): JSX.Element;
     renderConfirmPopCard(): JSX.Element;