@douyinfe/semi-ui 2.1.0-alpha.1 → 2.1.0-alpha.2

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);
   }
 
@@ -36,12 +34,9 @@ export default class LocaleConsumer extends Component {
     const {
       children
     } = this.props;
-    return /*#__PURE__*/React.createElement(ConfigContext.Consumer, null, _ref => {
-      let {
-        locale
-      } = _ref;
-      return /*#__PURE__*/React.createElement(LocaleContext.Consumer, null, localeData => this.renderChildren(locale || localeData, children));
-    });
+    return /*#__PURE__*/React.createElement(ConfigContext.Consumer, null, ({
+      locale
+    }) => /*#__PURE__*/React.createElement(LocaleContext.Consumer, null, localeData => this.renderChildren(locale || localeData, children)));
   }
 
 }

package/lib/es/modal/ConfirmModal.js

@@ -51,7 +51,7 @@ const ConfirmModal = props => {
 
     if (res && res.then) {
       setConfirmLoading(true);
-      res.then(function () {
+      res.then((...args) => {
         setVisible(false);
         setConfirmLoading(false);
       }, err => {
@@ -66,7 +66,7 @@ const ConfirmModal = props => {
 
     if (res && res.then) {
       setCancelLoading(true);
-      res.then(function () {
+      res.then((...args) => {
         setVisible(false);
         setCancelLoading(false);
       }, err => {

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?
@@ -33,11 +33,11 @@ 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');
+    didLeave: (...args) => {
+      const didLeave = get(props.motion, 'didLeave');
 
       if (typeof didLeave === 'function') {
-        didLeave(...arguments);
+        didLeave(...args);
       }
 
       destroy();

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,
@@ -40,11 +39,11 @@ const HookModal = (_a, ref) => {
     motion
   } = props;
   const mergedMotion = typeof motion === 'undefined' || motion ? _Object$assign(_Object$assign({}, motion), {
-    didLeave: function () {
-      const didLeave = _get(props.motion, 'didLeave');
+    didLeave: (...args) => {
+      const didLeave = get(props.motion, 'didLeave');
 
       if (typeof didLeave === 'function') {
-        didLeave(...arguments);
+        didLeave(...args);
       }
 
       afterClose();

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/motions/Rotate.js

@@ -4,17 +4,15 @@ import React, { useEffect, useState, Children, cloneElement, isValidElement } fr
 import { Transition } from '@douyinfe/semi-animation-react';
 import PropTypes from 'prop-types';
 
-const formatStyle = function formatStyle(_ref) {
-  let {
-    rotate = 0
-  } = _ref;
+const formatStyle = function formatStyle({
+  rotate = 0
+}) {
   return {
     transform: "rotate(".concat(rotate, "deg)")
   };
 };
 
-function OpenIconTransition() {
-  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+function OpenIconTransition(props = {}) {
   const {
     children,
     isOpen,

package/lib/es/navigation/CollapseButton.js

@@ -1,18 +1,16 @@
-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';
-export default function CollapseButton(_ref) {
-  let {
-    prefixCls,
-    locale,
-    collapseText,
-    isCollapsed,
-    onClick = _noop
-  } = _ref;
-
+export default function CollapseButton({
+  prefixCls,
+  locale,
+  collapseText,
+  isCollapsed,
+  onClick = noop
+}) {
   const handleClick = () => {
     if (typeof onClick === 'function') {
       onClick(!isCollapsed);

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';
@@ -51,12 +50,8 @@ export default class NavItem extends BaseComponent {
     this.foundation = new ItemFoundation(this.adapter);
   }
 
-  _invokeContextFunc(funcName) {
+  _invokeContextFunc(funcName, ...args) {
     if (funcName && this.context && typeof this.context[funcName] === 'function') {
-      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-        args[_key - 1] = arguments[_key];
-      }
-
       return this.context[funcName](...args);
     }
 
@@ -64,8 +59,6 @@ export default class NavItem extends BaseComponent {
   }
 
   get adapter() {
-    var _this = this;
-
     return _Object$assign(_Object$assign({}, super.adapter), {
       cloneDeep,
       updateTooltipShow: tooltipShow => this.setState({
@@ -75,29 +68,11 @@ export default class NavItem extends BaseComponent {
       updateGlobalSelectedKeys: keys => this._invokeContextFunc('updateSelectedKeys', [...keys]),
       getSelectedKeys: () => this.context && this.context.selectedKeys,
       getSelectedKeysIsControlled: () => this.context && this.context.selectedKeysIsControlled,
-      notifyGlobalOnSelect: function () {
-        for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-          args[_key2] = arguments[_key2];
-        }
-
-        return _this._invokeContextFunc('onSelect', ...args);
-      },
-      notifyGlobalOnClick: function () {
-        for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-          args[_key3] = arguments[_key3];
-        }
-
-        return _this._invokeContextFunc('onClick', ...args);
-      },
-      notifyClick: function () {
-        return _this.props.onClick(...arguments);
-      },
-      notifyMouseEnter: function () {
-        return _this.props.onMouseEnter(...arguments);
-      },
-      notifyMouseLeave: function () {
-        return _this.props.onMouseLeave(...arguments);
-      },
+      notifyGlobalOnSelect: (...args) => this._invokeContextFunc('onSelect', ...args),
+      notifyGlobalOnClick: (...args) => this._invokeContextFunc('onClick', ...args),
+      notifyClick: (...args) => this.props.onClick(...args),
+      notifyMouseEnter: (...args) => this.props.onMouseEnter(...args),
+      notifyMouseLeave: (...args) => this.props.onMouseLeave(...args),
       getIsCollapsed: () => this.props.isCollapsed || Boolean(this.context && this.context.isCollapsed) || false,
       getSelected: () => {
         var _context;
@@ -107,11 +82,9 @@ export default class NavItem extends BaseComponent {
     });
   }
 
-  renderIcon(icon, pos) {
+  renderIcon(icon, pos, isToggleIcon = false) {
     var _context2;
 
-    let isToggleIcon = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-
     if (this.props.isSubNav) {
       return null;
     }
@@ -171,7 +144,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 +230,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/OpenIconTransition.js

@@ -3,17 +3,15 @@ import React, { useEffect, useState } from 'react';
 import { Transition } from '@douyinfe/semi-animation-react';
 import PropTypes from 'prop-types';
 
-const formatStyle = function formatStyle(_ref) {
-  let {
-    rotate = 0
-  } = _ref;
+const formatStyle = function formatStyle({
+  rotate = 0
+}) {
   return {
     transform: "rotate(".concat(Math.ceil(rotate), "deg)")
   };
 };
 
-function OpenIconTransition() {
-  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+function OpenIconTransition(props = {}) {
   const {
     children,
     isOpen

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 {
@@ -60,12 +59,8 @@ export default class SubNav extends BaseComponent {
     this.foundation = new SubNavFoundation(this.adapter);
   }
 
-  _invokeContextFunc(funcName) {
+  _invokeContextFunc(funcName, ...args) {
     if (funcName && this.context && typeof this.context[funcName] === 'function') {
-      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-        args[_key - 1] = arguments[_key];
-      }
-
       return this.context[funcName](...args);
     }
 
@@ -73,8 +68,6 @@ export default class SubNav extends BaseComponent {
   }
 
   get adapter() {
-    var _this = this;
-
     return _Object$assign(_Object$assign({}, super.adapter), {
       updateIsHovered: isHovered => this.setState({
         isHovered
@@ -83,31 +76,13 @@ export default class SubNav extends BaseComponent {
       getOpenKeysIsControlled: () => this.context && this.context.openKeysIsControlled,
       getCanUpdateOpenKeys: () => this.context && this.context.canUpdateOpenKeys,
       updateOpen: isOpen => this._invokeContextFunc(isOpen ? 'addOpenKeys' : 'removeOpenKeys', this.props.itemKey),
-      notifyGlobalOpenChange: function () {
-        for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-          args[_key2] = arguments[_key2];
-        }
-
-        return _this._invokeContextFunc('onOpenChange', ...args);
-      },
-      notifyGlobalOnSelect: function () {
-        for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-          args[_key3] = arguments[_key3];
-        }
-
-        return _this._invokeContextFunc('onSelect', ...args);
-      },
-      notifyGlobalOnClick: function () {
-        for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-          args[_key4] = arguments[_key4];
-        }
-
-        return _this._invokeContextFunc('onClick', ...args);
-      },
+      notifyGlobalOpenChange: (...args) => this._invokeContextFunc('onOpenChange', ...args),
+      notifyGlobalOnSelect: (...args) => this._invokeContextFunc('onSelect', ...args),
+      notifyGlobalOnClick: (...args) => this._invokeContextFunc('onClick', ...args),
       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;
@@ -117,11 +92,9 @@ export default class SubNav extends BaseComponent {
     });
   }
 
-  renderIcon(icon, pos, withTransition) {
+  renderIcon(icon, pos, withTransition, isToggleIcon = false, key = 0) {
     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 {
       prefixCls
     } = this.context;
@@ -199,7 +172,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", {
@@ -247,8 +220,7 @@ export default class SubNav extends BaseComponent {
     return finalDom;
   }
 
-  wrapDropdown() {
-    let elem = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  wrapDropdown(elem = '') {
     let _elem = elem;
     const {
       children,

package/lib/es/navigation/SubNavTransition.js

@@ -3,19 +3,17 @@ import PropTypes from 'prop-types';
 import React, { useState } from 'react';
 const ease = 'cubicBezier(.25,.1,.25,1)';
 
-const formatStyle = function formatStyle(_ref) {
-  let {
-    maxHeight,
-    opacity
-  } = _ref;
+const formatStyle = function formatStyle({
+  maxHeight,
+  opacity
+}) {
   return {
     maxHeight,
     opacity
   };
 };
 
-function SubNavTransition() {
-  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+function SubNavTransition(props = {}) {
   const {
     children,
     isCollapsed,

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';