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

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", {

package/lib/es/navigation/index.js

@@ -1,3 +1,6 @@
+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";
@@ -11,7 +14,6 @@ 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';
@@ -112,15 +114,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);
       }
@@ -262,14 +264,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);
@@ -389,10 +391,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

@@ -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,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 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,3 +1,7 @@
+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";
@@ -9,7 +13,6 @@ 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';
@@ -52,7 +55,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
 
@@ -146,7 +149,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')) {
@@ -186,17 +189,19 @@ 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,9 +1,10 @@
+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 {
@@ -32,7 +33,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;
     }
@@ -53,7 +54,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,3 +1,4 @@
+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";
@@ -9,7 +10,6 @@ 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;

package/lib/es/popconfirm/index.js

@@ -1,3 +1,5 @@
+import _get from "lodash/get";
+import _noop from "lodash/noop";
 import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
@@ -18,7 +20,6 @@ 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';
@@ -38,6 +39,8 @@ export default class Popconfirm extends BaseComponent {
 
     this.handleVisibleChange = visible => this.foundation.handleVisibleChange(visible);
 
+    this.handleClickOutSide = e => this.foundation.handleClickOutSide(e);
+
     this.stopImmediatePropagation = e => e && e.nativeEvent && e.nativeEvent.stopImmediatePropagation();
 
     this.state = {
@@ -66,7 +69,8 @@ export default class Popconfirm extends BaseComponent {
       }),
       notifyConfirm: e => this.props.onConfirm(e),
       notifyCancel: e => this.props.onCancel(e),
-      notifyVisibleChange: visible => this.props.onVisibleChange(visible)
+      notifyVisibleChange: visible => this.props.onVisibleChange(visible),
+      notifyClickOutSide: e => this.props.onClickOutSide(e)
     });
   }
 
@@ -84,11 +88,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() {
@@ -165,7 +169,8 @@ export default class Popconfirm extends BaseComponent {
     const popContent = this.renderConfirmPopCard();
     const popProps = {
       onVisibleChange: this.handleVisibleChange,
-      className: cssClasses.POPOVER
+      className: cssClasses.POPOVER,
+      onClickOutSide: this.handleClickOutSide
     };
 
     if (this.isControlled('visible')) {
@@ -196,13 +201,14 @@ Popconfirm.propTypes = {
   cancelType: PropTypes.string,
   onCancel: PropTypes.func,
   onConfirm: PropTypes.func,
-  zIndex: PropTypes.number,
+  onClickOutSide: PropTypes.func,
   onVisibleChange: PropTypes.func,
   visible: PropTypes.bool,
   defaultVisible: PropTypes.bool,
   okButtonProps: PropTypes.object,
   cancelButtonProps: PropTypes.object,
   stopPropagation: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
+  zIndex: PropTypes.number,
   // private
   trigger: PropTypes.string,
   position: PropTypes.string
@@ -211,7 +217,7 @@ Popconfirm.defaultProps = {
   stopPropagation: true,
   trigger: 'click',
   // position: 'bottomLeft',
-  onVisibleChange: noop,
+  onVisibleChange: _noop,
   disabled: false,
   icon: /*#__PURE__*/React.createElement(IconAlertTriangle, {
     size: "extra-large"
@@ -220,6 +226,7 @@ Popconfirm.defaultProps = {
   cancelType: 'tertiary',
   prefixCls: cssClasses.PREFIX,
   zIndex: numbers.DEFAULT_Z_INDEX,
-  onCancel: noop,
-  onConfirm: noop
+  onCancel: _noop,
+  onConfirm: _noop,
+  onClickOutSide: _noop
 };

package/lib/es/popover/Arrow.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";
@@ -16,7 +17,6 @@ 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,9 +32,12 @@ 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/popover/index.d.ts

@@ -22,6 +22,7 @@ export interface PopoverProps extends BaseProps {
     trigger?: Trigger;
     contentClassName?: string | any[];
     onVisibleChange?: (visible: boolean) => void;
+    onClickOutSide?: (e: React.MouseEvent) => void;
     showArrow?: boolean;
     spacing?: number;
     stopPropagation?: boolean | string;
@@ -50,6 +51,7 @@ declare class Popover extends React.PureComponent<PopoverProps, PopoverState> {
         trigger: PropTypes.Validator<"hover" | "focus" | "click" | "custom">;
         contentClassName: PropTypes.Requireable<string | any[]>;
         onVisibleChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onClickOutSide: PropTypes.Requireable<(...args: any[]) => any>;
         style: PropTypes.Requireable<object>;
         spacing: PropTypes.Requireable<number>;
         zIndex: PropTypes.Requireable<number>;
@@ -79,8 +81,8 @@ declare class Popover extends React.PureComponent<PopoverProps, PopoverState> {
         okText: string;
         position: string;
         prefixCls: string;
+        onClickOutSide: (...args: any[]) => void;
     };
-    constructor(props: PopoverProps);
     renderPopCard(): JSX.Element;
     render(): JSX.Element;
 }

package/lib/es/popover/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";
@@ -25,13 +26,6 @@ const positionSet = strings.POSITION_SET;
 const triggerSet = strings.TRIGGER_SET;
 
 class Popover extends React.PureComponent {
-  constructor(props) {
-    super(props);
-    this.state = {
-      popConfirmVisible: false
-    };
-  }
-
   renderPopCard() {
     const {
       content,
@@ -107,6 +101,7 @@ Popover.propTypes = {
   trigger: PropTypes.oneOf(triggerSet).isRequired,
   contentClassName: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
   onVisibleChange: PropTypes.func,
+  onClickOutSide: PropTypes.func,
   style: PropTypes.object,
   spacing: PropTypes.number,
   zIndex: PropTypes.number,
@@ -130,6 +125,7 @@ Popover.defaultProps = {
   cancelText: 'No',
   okText: 'Yes',
   position: 'bottom',
-  prefixCls: cssClasses.PREFIX
+  prefixCls: cssClasses.PREFIX,
+  onClickOutSide: _noop
 };
 export default Popover;

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

@@ -7,7 +7,7 @@ export declare type RadioMode = ArrayElement<typeof strings.MODE>;
 export interface RadioContextValue {
     mode?: RadioMode;
     radioGroup?: {
-        value?: any;
+        value?: string | number;
         isButtonRadio?: any;
         disabled?: boolean;
         prefixCls?: string;

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

@@ -13,7 +13,7 @@ export declare type RadioProps = {
     autoFocus?: boolean;
     checked?: boolean;
     defaultChecked?: boolean;
-    value?: any;
+    value?: string | number;
     disabled?: boolean;
     prefixCls?: string;
     displayMode?: RadioDisplayMode;
@@ -59,7 +59,7 @@ declare class Radio extends BaseComponent<RadioProps, RadioState> {
     constructor(props: RadioProps);
     get adapter(): RadioAdapter;
     isInGroup(): {
-        value?: any;
+        value?: string | number;
         isButtonRadio?: any;
         disabled?: boolean;
         prefixCls?: string;

package/lib/es/radio/radio.js

@@ -1,3 +1,4 @@
+import _noop from "lodash/noop";
 import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 
@@ -5,7 +6,6 @@ import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
 import React from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
-import { noop } from 'lodash-es';
 import RadioFoundation from '@douyinfe/semi-foundation/lib/es/radio/radioFoundation';
 import { strings, radioClasses as css } from '@douyinfe/semi-foundation/lib/es/radio/constants';
 import '@douyinfe/semi-foundation/lib/es/radio/radio.css';
@@ -194,8 +194,8 @@ Radio.defaultProps = {
   defaultChecked: false,
   value: undefined,
   style: undefined,
-  onMouseEnter: noop,
-  onMouseLeave: noop,
+  onMouseEnter: _noop,
+  onMouseLeave: _noop,
   mode: '',
   type: 'default'
 };

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

@@ -8,8 +8,8 @@ import { ArrayElement } from '../_base/base';
 import { RadioType } from './radio';
 import { RadioGroupButtonSize, RadioMode } from './context';
 export interface OptionItem {
-    label?: string;
-    value?: string;
+    label?: React.ReactNode;
+    value?: string | number;
     disabled?: boolean;
     extra?: React.ReactNode;
     style?: React.CSSProperties;
@@ -17,11 +17,11 @@ export interface OptionItem {
 }
 export declare type Options = string[] | Array<OptionItem>;
 export declare type RadioGroupProps = {
-    defaultValue?: any;
+    defaultValue?: string | number;
     disabled?: boolean;
     name?: string;
     options?: Options;
-    value?: any;
+    value?: string | number;
     onChange?: (event: RadioChangeEvent) => void;
     className?: string;
     style?: React.CSSProperties;