@douyinfe/semi-ui 2.19.0-beta.0 → 2.19.1-alpha.0

package/lib/es/modal/Modal.js

@@ -1,17 +1,12 @@
 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";
-import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _globalThis from "@babel/runtime-corejs3/core-js/global-this";
 
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
 
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && _indexOfInstanceProperty(e).call(e, p) < 0) t[p] = s[p];
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
 
-  if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
-    if (_indexOfInstanceProperty(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
@@ -74,7 +69,7 @@ class Modal extends BaseComponent {
         if (!hasCancel) {
           return null;
         } else {
-          return /*#__PURE__*/React.createElement(Button, _Object$assign({
+          return /*#__PURE__*/React.createElement(Button, Object.assign({
             "aria-label": "cancel",
             onClick: this.handleCancel,
             loading: cancelLoading,
@@ -88,7 +83,7 @@ class Modal extends BaseComponent {
 
       return /*#__PURE__*/React.createElement(LocaleConsumer, {
         componentName: "Modal"
-      }, (locale, localeCode) => /*#__PURE__*/React.createElement("div", null, getCancelButton(locale), /*#__PURE__*/React.createElement(Button, _Object$assign({
+      }, (locale, localeCode) => /*#__PURE__*/React.createElement("div", null, getCancelButton(locale), /*#__PURE__*/React.createElement(Button, Object.assign({
         "aria-label": "confirm",
         type: okType,
         theme: "solid",
@@ -150,7 +145,7 @@ class Modal extends BaseComponent {
       return /*#__PURE__*/React.createElement(Portal, {
         style: wrapperStyle,
         getPopupContainer: getPopupContainer
-      }, /*#__PURE__*/React.createElement(ModalContent, _Object$assign({}, restProps, {
+      }, /*#__PURE__*/React.createElement(ModalContent, Object.assign({}, restProps, {
         isFullScreen: this.state.isFullScreen,
         contentClassName: contentClassName,
         maskClassName: maskClassName,
@@ -179,7 +174,7 @@ class Modal extends BaseComponent {
   }
 
   get adapter() {
-    return _Object$assign(_Object$assign({}, super.adapter), {
+    return Object.assign(Object.assign({}, super.adapter), {
       getProps: () => this.props,
       disabledBodyScroll: () => {
         const {
@@ -188,10 +183,8 @@ class Modal extends BaseComponent {
         this.bodyOverflow = document.body.style.overflow || '';
 
         if (!getPopupContainer && this.bodyOverflow !== 'hidden') {
-          var _context;
-
           document.body.style.overflow = 'hidden';
-          document.body.style.width = _concatInstanceProperty(_context = "calc(".concat(this.originBodyWith || '100%', " - ")).call(_context, this.scrollBarWidth, "px)");
+          document.body.style.width = "calc(".concat(this.originBodyWith || '100%', " - ").concat(this.scrollBarWidth, "px)");
         }
       },
       enabledBodyScroll: () => {
@@ -244,7 +237,7 @@ class Modal extends BaseComponent {
   }
 
   static getScrollbarWidth() {
-    if (_globalThis && Object.prototype.toString.call(_globalThis) === '[object Window]') {
+    if (globalThis && Object.prototype.toString.call(globalThis) === '[object Window]') {
       return window.innerWidth - document.documentElement.clientWidth;
     }
 

package/lib/es/modal/ModalContent.js

@@ -1,20 +1,14 @@
 import _noop from "lodash/noop";
 import _isFunction from "lodash/isFunction";
 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 _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
-import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
-import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
 
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
 
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && _indexOfInstanceProperty(e).call(e, p) < 0) t[p] = s[p];
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
 
-  if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
-    if (_indexOfInstanceProperty(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
@@ -165,14 +159,12 @@ export default class ModalContent extends BaseComponent {
     };
 
     this.getDialogElement = () => {
-      var _context;
-
       const props = __rest(this.props, []);
 
       const style = {};
       const digCls = cls("".concat(cssClasses.DIALOG), {
         ["".concat(cssClasses.DIALOG, "-centered")]: props.centered,
-        [_concatInstanceProperty(_context = "".concat(cssClasses.DIALOG, "-")).call(_context, props.size)]: props.size
+        ["".concat(cssClasses.DIALOG, "-").concat(props.size)]: props.size
       });
 
       if (props.width) {
@@ -202,7 +194,7 @@ export default class ModalContent extends BaseComponent {
         key: "dialog-element",
         className: digCls,
         onMouseDown: this.onDialogMouseDown,
-        style: _Object$assign(_Object$assign({}, props.style), style),
+        style: Object.assign(Object.assign({}, props.style), style),
         id: this.dialogId
       }, /*#__PURE__*/React.createElement("div", {
         role: "dialog",
@@ -230,7 +222,7 @@ export default class ModalContent extends BaseComponent {
   }
 
   get adapter() {
-    return _Object$assign(_Object$assign({}, super.adapter), {
+    return Object.assign(Object.assign({}, super.adapter), {
       notifyClose: e => {
         this.props.onClose(e);
       },
@@ -242,7 +234,7 @@ export default class ModalContent extends BaseComponent {
       notifyDialogMouseUp: () => {
         if (this.state.dialogMouseDown) {
           // Not setting setTimeout triggers close when modal external mouseUp
-          this.timeoutId = _setTimeout(() => {
+          this.timeoutId = setTimeout(() => {
             this.setState({
               dialogMouseDown: false
             });
@@ -251,16 +243,12 @@ export default class ModalContent extends BaseComponent {
       },
       addKeyDownEventListener: () => {
         if (this.props.closeOnEsc) {
-          var _context2;
-
-          document.addEventListener('keydown', _bindInstanceProperty(_context2 = this.foundation.handleKeyDown).call(_context2, this.foundation));
+          document.addEventListener('keydown', this.foundation.handleKeyDown.bind(this.foundation));
         }
       },
       removeKeyDownEventListener: () => {
         if (this.props.closeOnEsc) {
-          var _context3;
-
-          document.removeEventListener('keydown', _bindInstanceProperty(_context3 = this.foundation.handleKeyDown).call(_context3, this.foundation));
+          document.removeEventListener('keydown', this.foundation.handleKeyDown.bind(this.foundation));
         }
       },
       getMouseState: () => this.state.dialogMouseDown,

package/lib/es/modal/confirm.js

@@ -1,6 +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';
 import ReactDOM from 'react-dom';
 import { destroyFns } from './Modal';
@@ -11,8 +9,7 @@ export default function confirm(props) {
   // create a dom in adapter?
   const div = document.createElement('div');
   document.body.appendChild(div);
-
-  let currentConfig = _Object$assign({}, props);
+  let currentConfig = Object.assign({}, props);
 
   const destroy = () => {
     const unmountResult = ReactDOM.unmountComponentAtNode(div);
@@ -25,14 +22,13 @@ export default function confirm(props) {
       const fn = destroyFns[i]; // eslint-disable-next-line @typescript-eslint/no-use-before-define
 
       if (fn === close) {
-        _spliceInstanceProperty(destroyFns).call(destroyFns, i, 1);
-
+        destroyFns.splice(i, 1);
         break;
       }
     }
   };
 
-  const mergedMotion = typeof props.motion === 'undefined' || props.motion ? _Object$assign(_Object$assign({}, props.motion), {
+  const mergedMotion = typeof props.motion === 'undefined' || props.motion ? Object.assign(Object.assign({}, props.motion), {
     didLeave: function () {
       const didLeave = _get(props.motion, 'didLeave');
 
@@ -45,20 +41,20 @@ export default function confirm(props) {
   }) : false;
 
   function render(renderProps) {
-    ReactDOM.render( /*#__PURE__*/React.createElement(ConfirmModal, _Object$assign({}, renderProps, {
+    ReactDOM.render( /*#__PURE__*/React.createElement(ConfirmModal, Object.assign({}, renderProps, {
       motion: mergedMotion
     })), div);
   }
 
   function close() {
-    currentConfig = _Object$assign(_Object$assign({}, currentConfig), {
+    currentConfig = Object.assign(Object.assign({}, currentConfig), {
       visible: false
     });
     render(currentConfig);
   }
 
   function update(newConfig) {
-    currentConfig = _Object$assign(_Object$assign({}, currentConfig), newConfig);
+    currentConfig = Object.assign(Object.assign({}, currentConfig), newConfig);
     render(currentConfig);
   }
 
@@ -70,31 +66,31 @@ export default function confirm(props) {
   };
 }
 export function withInfo(props) {
-  return _Object$assign({
+  return Object.assign({
     type: 'info',
     icon: /*#__PURE__*/React.createElement(IconInfoCircle, null)
   }, props);
 }
 export function withSuccess(props) {
-  return _Object$assign({
+  return Object.assign({
     type: 'success',
     icon: /*#__PURE__*/React.createElement(IconTickCircle, null)
   }, props);
 }
 export function withWarning(props) {
-  return _Object$assign({
+  return Object.assign({
     type: 'warning',
     icon: /*#__PURE__*/React.createElement(IconAlertTriangle, null)
   }, props);
 }
 export function withError(props) {
-  return _Object$assign({
+  return Object.assign({
     type: 'error',
     icon: /*#__PURE__*/React.createElement(IconAlertCircle, null)
   }, props);
 }
 export function withConfirm(props) {
-  return _Object$assign({
+  return Object.assign({
     type: 'confirm',
     icon: /*#__PURE__*/React.createElement(IconHelpCircle, null)
   }, props);

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

@@ -1,15 +1,12 @@
 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";
 
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
 
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && _indexOfInstanceProperty(e).call(e, p) < 0) t[p] = s[p];
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
 
-  if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
-    if (_indexOfInstanceProperty(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
@@ -28,12 +25,12 @@ const HookModal = (_a, ref) => {
   const [innerConfig, setInnerConfig] = React.useState(config);
   React.useImperativeHandle(ref, () => ({
     destroy: () => {
-      setInnerConfig(originConfig => _Object$assign(_Object$assign({}, originConfig), {
+      setInnerConfig(originConfig => Object.assign(Object.assign({}, originConfig), {
         visible: false
       }));
     },
     update: newConfig => {
-      setInnerConfig(originConfig => _Object$assign(_Object$assign({}, originConfig), newConfig));
+      setInnerConfig(originConfig => Object.assign(Object.assign({}, originConfig), newConfig));
     }
   }));
   const {
@@ -41,7 +38,7 @@ const HookModal = (_a, ref) => {
   } = props;
   /* istanbul ignore next */
 
-  const mergedMotion = typeof motion === 'undefined' || motion ? _Object$assign(_Object$assign({}, motion), {
+  const mergedMotion = typeof motion === 'undefined' || motion ? Object.assign(Object.assign({}, motion), {
     didLeave: function () {
       const didLeave = _get(props.motion, 'didLeave');
 
@@ -52,7 +49,7 @@ const HookModal = (_a, ref) => {
       afterClose();
     }
   }) : false;
-  return /*#__PURE__*/React.createElement(ConfirmModal, _Object$assign({}, innerConfig, {
+  return /*#__PURE__*/React.createElement(ConfirmModal, Object.assign({}, innerConfig, {
     // visible={!visible ? visible : undefined}
     motion: mergedMotion
   }));

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

@@ -1,4 +1,3 @@
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import React from 'react';
 import HookModal from './HookModal';
 import { withConfirm, withError, withInfo, withSuccess, withWarning } from '../confirm';
@@ -10,7 +9,7 @@ function usePatchElement() {
   function patchElement(element) {
     setElements(originElements => [...originElements, element]);
     return () => {
-      setElements(originElements => _filterInstanceProperty(originElements).call(originElements, ele => ele !== element));
+      setElements(originElements => originElements.filter(ele => ele !== element));
     };
   }
 

package/lib/es/motions/Rotate.js

@@ -1,5 +1,3 @@
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import React, { useEffect, useState, Children, cloneElement, isValidElement } from 'react';
 import { Transition } from '@douyinfe/semi-animation-react';
 import PropTypes from 'prop-types';
@@ -47,8 +45,8 @@ function OpenIconTransition() {
         easing: 'cubic-bezier(.62, .05, .36, .95)'
       }
     }
-  }, transitionStyle => _mapInstanceProperty(Children).call(Children, children, child => /*#__PURE__*/isValidElement(child) ? /*#__PURE__*/cloneElement(child, _Object$assign(_Object$assign({}, child.props), {
-    style: _Object$assign(_Object$assign({}, child.props.style), formatStyle(transitionStyle))
+  }, transitionStyle => Children.map(children, child => /*#__PURE__*/isValidElement(child) ? /*#__PURE__*/cloneElement(child, Object.assign(Object.assign({}, child.props), {
+    style: Object.assign(Object.assign({}, child.props.style), formatStyle(transitionStyle))
   })) : child));
 }
 

package/lib/es/navigation/CollapseButton.js

@@ -1,5 +1,4 @@
 import _noop from "lodash/noop";
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import React from 'react';
 import { IconSidebar } from '@douyinfe/semi-icons';
 import Button from '../button';
@@ -36,5 +35,5 @@ export default function CollapseButton(_ref) {
   }, isCollapsed ? /*#__PURE__*/React.createElement(Tooltip, {
     content: finalCollapseText,
     position: "right"
-  }, /*#__PURE__*/React.createElement(Button, _Object$assign({}, btnProps))) : /*#__PURE__*/React.createElement(Button, _Object$assign({}, btnProps), finalCollapseText));
+  }, /*#__PURE__*/React.createElement(Button, Object.assign({}, btnProps))) : /*#__PURE__*/React.createElement(Button, Object.assign({}, btnProps), finalCollapseText));
 }

package/lib/es/navigation/Footer.js

@@ -1,4 +1,3 @@
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
@@ -26,7 +25,7 @@ export default class NavFooter extends PureComponent {
         locale,
         isCollapsed
       } = this.context;
-      return /*#__PURE__*/React.createElement(CollapseButton, _Object$assign({
+      return /*#__PURE__*/React.createElement(CollapseButton, Object.assign({
         prefixCls: prefixCls,
         isCollapsed: isCollapsed,
         locale: locale,

package/lib/es/navigation/Header.js

@@ -1,4 +1,3 @@
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
@@ -39,7 +38,7 @@ export default class NavHeader extends PureComponent {
     }, text) : null, children);
 
     if (typeof link === 'string') {
-      wrappedChildren = /*#__PURE__*/React.createElement("a", _Object$assign({
+      wrappedChildren = /*#__PURE__*/React.createElement("a", Object.assign({
         className: "".concat(prefixCls, "-header-link"),
         href: link
       }, linkOptions), wrappedChildren);

package/lib/es/navigation/Item.js

@@ -1,8 +1,5 @@
 import _times from "lodash/times";
 import _noop from "lodash/noop";
-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";
 
 /* eslint-disable max-len */
 
@@ -68,7 +65,7 @@ export default class NavItem extends BaseComponent {
   get adapter() {
     var _this = this;
 
-    return _Object$assign(_Object$assign({}, super.adapter), {
+    return Object.assign(Object.assign({}, super.adapter), {
       cloneDeep,
       updateTooltipShow: tooltipShow => this.setState({
         tooltipShow
@@ -101,22 +98,12 @@ export default class NavItem extends BaseComponent {
         return _this.props.onMouseLeave(...arguments);
       },
       getIsCollapsed: () => this.props.isCollapsed || Boolean(this.context && this.context.isCollapsed) || false,
-      getSelected: () => {
-        var _context;
-
-        return Boolean(this.context && this.context.selectedKeys && _includesInstanceProperty(_context = this.context.selectedKeys).call(_context, this.props.itemKey));
-      },
-      getIsOpen: () => {
-        var _context2;
-
-        return Boolean(this.context && this.context.openKeys && _includesInstanceProperty(_context2 = this.context.openKeys).call(_context2, this.props.itemKey));
-      }
+      getSelected: () => Boolean(this.context && this.context.selectedKeys && this.context.selectedKeys.includes(this.props.itemKey)),
+      getIsOpen: () => Boolean(this.context && this.context.openKeys && this.context.openKeys.includes(this.props.itemKey))
     });
   }
 
   renderIcon(icon, pos) {
-    var _context3;
-
     let isToggleIcon = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     let key = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
 
@@ -135,7 +122,7 @@ export default class NavItem extends BaseComponent {
     }
 
     const className = cls("".concat(clsPrefix, "-icon"), {
-      [_concatInstanceProperty(_context3 = "".concat(clsPrefix, "-icon-toggle-")).call(_context3, this.context.toggleIconPosition)]: isToggleIcon,
+      ["".concat(clsPrefix, "-icon-toggle-").concat(this.context.toggleIconPosition)]: isToggleIcon,
       ["".concat(clsPrefix, "-icon-info")]: !isToggleIcon
     });
     return /*#__PURE__*/React.createElement("i", {
@@ -189,7 +176,7 @@ export default class NavItem extends BaseComponent {
     }
 
     if (typeof link === 'string') {
-      itemChildren = /*#__PURE__*/React.createElement("a", _Object$assign({
+      itemChildren = /*#__PURE__*/React.createElement("a", Object.assign({
         className: "".concat(prefixCls, "-item-link"),
         href: link
       }, linkOptions), itemChildren);
@@ -233,7 +220,7 @@ export default class NavItem extends BaseComponent {
         ariaProps['aria-expanded'] = isOpen;
       }
 
-      itemDom = /*#__PURE__*/React.createElement("li", _Object$assign({
+      itemDom = /*#__PURE__*/React.createElement("li", Object.assign({
         role: "menuitem",
         tabIndex: -1
       }, ariaProps, {

package/lib/es/navigation/OpenIconTransition.js

@@ -1,4 +1,3 @@
-import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
 import React, { useEffect, useState } from 'react';
 import { Transition } from '@douyinfe/semi-animation-react';
 import PropTypes from 'prop-types';
@@ -51,7 +50,7 @@ function OpenIconTransition() {
 
     if ( /*#__PURE__*/React.isValidElement(children)) {
       return /*#__PURE__*/React.cloneElement(children, {
-        style: _Object$assign(_Object$assign({}, children.props && children.props.style), formatedStyle)
+        style: Object.assign(Object.assign({}, children.props && children.props.style), formatedStyle)
       });
     }
 

package/lib/es/navigation/SubNav.js

@@ -1,8 +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";
 
 /* eslint-disable max-len */
 
@@ -79,7 +76,7 @@ export default class SubNav extends BaseComponent {
   get adapter() {
     var _this = this;
 
-    return _Object$assign(_Object$assign({}, super.adapter), {
+    return Object.assign(Object.assign({}, super.adapter), {
       updateIsHovered: isHovered => this.setState({
         isHovered
       }),
@@ -108,22 +105,12 @@ export default class SubNav extends BaseComponent {
 
         return _this._invokeContextFunc('onClick', ...args);
       },
-      getIsSelected: itemKey => {
-        var _context;
-
-        return Boolean(!isNullOrUndefined(itemKey) && _includesInstanceProperty(_context = _get(this.context, 'selectedKeys', [])).call(_context, String(itemKey)));
-      },
-      getIsOpen: () => {
-        var _context2;
-
-        return Boolean(this.context && this.context.openKeys && _includesInstanceProperty(_context2 = this.context.openKeys).call(_context2, String(this.props.itemKey)));
-      }
+      getIsSelected: itemKey => Boolean(!isNullOrUndefined(itemKey) && _get(this.context, 'selectedKeys', []).includes(String(itemKey))),
+      getIsOpen: () => Boolean(this.context && this.context.openKeys && this.context.openKeys.includes(String(this.props.itemKey)))
     });
   }
 
   renderIcon(icon, pos, withTransition) {
-    var _context3;
-
     let isToggleIcon = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
     let key = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
     const {
@@ -136,7 +123,7 @@ export default class SubNav extends BaseComponent {
     }
 
     const className = cls("".concat(prefixCls, "-item-icon"), {
-      [_concatInstanceProperty(_context3 = "".concat(prefixCls, "-item-icon-toggle-")).call(_context3, this.context.toggleIconPosition)]: isToggleIcon,
+      ["".concat(prefixCls, "-item-icon-toggle-").concat(this.context.toggleIconPosition)]: isToggleIcon,
       ["".concat(prefixCls, "-item-icon-info")]: !isToggleIcon
     });
     const isOpen = this.adapter.getIsOpen();
@@ -243,7 +230,7 @@ export default class SubNav extends BaseComponent {
       isCollapsed: isCollapsed,
       maxHeight: maxHeight
     }, !isCollapsed && isOpen ? transitionStyle => /*#__PURE__*/React.createElement("ul", {
-      style: _Object$assign(_Object$assign({}, transitionStyle), {
+      style: Object.assign(Object.assign({}, transitionStyle), {
         visibility: isCollapsed ? 'hidden' : 'visible'
       }),
       className: subNavCls
@@ -287,7 +274,7 @@ export default class SubNav extends BaseComponent {
 
     if (isCollapsed || mode === strings.MODE_HORIZONTAL) {
       // Do not show dropdown when disabled
-      _elem = !disabled ? /*#__PURE__*/React.createElement(Dropdown, _Object$assign({
+      _elem = !disabled ? /*#__PURE__*/React.createElement(Dropdown, Object.assign({
         className: subNavCls,
         render: /*#__PURE__*/React.createElement(Dropdown.Menu, null, /*#__PURE__*/React.createElement("li", {
           className: "".concat(prefixCls, "-popover-crumb")
@@ -335,7 +322,7 @@ export default class SubNav extends BaseComponent {
       disabled: disabled,
       text: text
     }, /*#__PURE__*/React.createElement(NavContext.Provider, {
-      value: _Object$assign(_Object$assign({}, this.context), {
+      value: Object.assign(Object.assign({}, this.context), {
         isInSubNav: true
       })
     }, titleDiv, subUl));