@douyinfe/semi-ui 2.0.9-alpha.4 → 2.1.0-alpha.3

package/lib/es/form/baseForm.d.ts

@@ -110,23 +110,17 @@ declare class Form extends BaseComponent<BaseFormProps, BaseFormState> {
         onBlur?: (e: React.FocusEvent<Element, Element>) => void;
         onListScroll?: (e: React.UIEvent<HTMLDivElement, UIEvent>) => void;
         children?: React.ReactNode;
-    } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+    } & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
     static Checkbox: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox").CheckboxProps & import("./interface").RCIncludeType>;
     static CheckboxGroup: React.ComponentType<import("utility-types").Subtract<import("../checkbox").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
     static Radio: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio").RadioProps & import("./interface").RCIncludeType>;
     static RadioGroup: React.ComponentType<import("utility-types").Subtract<import("../radio").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
     static DatePicker: React.ComponentType<import("utility-types").Subtract<import("../datePicker").DatePickerProps & React.RefAttributes<import("../datePicker/datePicker").default>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-    static TimePicker: React.ComponentType<import("utility-types").Subtract<import("../timePicker").TimePickerProps | (import("../timePicker").TimePickerProps & {
-        children?: React.ReactNode;
-    }), import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
+    static TimePicker: React.ComponentType<import("utility-types").Subtract<import("../timePicker").TimePickerProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
     static Switch: React.ComponentType<import("utility-types").Subtract<import("../switch").SwitchProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
     static Slider: React.ComponentType<import("utility-types").Subtract<import("../slider").SliderProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-    static TreeSelect: React.ComponentType<import("utility-types").Subtract<import("../treeSelect").TreeSelectProps | (import("../treeSelect").TreeSelectProps & {
-        children?: React.ReactNode;
-    }), import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-    static Cascader: React.ComponentType<import("utility-types").Subtract<import("../cascader").CascaderProps | (import("../cascader").CascaderProps & {
-        children?: React.ReactNode;
-    }), import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
+    static TreeSelect: React.ComponentType<import("utility-types").Subtract<import("../treeSelect").TreeSelectProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
+    static Cascader: React.ComponentType<import("utility-types").Subtract<import("../cascader").CascaderProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
     static Rating: React.ComponentType<import("utility-types").Subtract<import("../rating").RatingProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
     static AutoComplete: React.ComponentType<import("utility-types").Subtract<import("../autoComplete").AutoCompleteProps<import("../autoComplete").AutoCompleteItems>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
     static Upload: React.ComponentType<import("utility-types").Subtract<import("../upload").UploadProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;

package/lib/es/form/field.d.ts

@@ -60,7 +60,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     onBlur?: (e: import("react").FocusEvent<Element, Element>) => void;
     onListScroll?: (e: import("react").UIEvent<HTMLDivElement, UIEvent>) => void;
     children?: import("react").ReactNode;
-} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+} & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "stopPropagation" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay" | "motion"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
 declare const FormCheckboxGroup: import("react").ComponentType<import("utility-types").Subtract<import("../checkbox/checkboxGroup").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
 declare const FormCheckbox: import("react").ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox/checkbox").CheckboxProps & import("./interface").RCIncludeType>;
 declare const FormRadioGroup: import("react").ComponentType<import("utility-types").Subtract<import("../radio/radioGroup").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
@@ -68,27 +68,9 @@ declare const FormRadio: import("react").ComponentType<import("utility-types").S
 declare const FormDatePicker: import("react").ComponentType<import("utility-types").Subtract<import("../datePicker/datePicker").DatePickerProps & import("react").RefAttributes<import("../datePicker/datePicker").default>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
 declare const FormSwitch: import("react").ComponentType<import("utility-types").Subtract<import("../switch/index").SwitchProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
 declare const FormSlider: import("react").ComponentType<import("utility-types").Subtract<import("../slider/index").SliderProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-/**
- * Reasons for using ts-igonre:
- *
- * 1. TimePicker: The propTypes of the locale is defined as object (it is not necessary and too troublesome to write a complete shapeOf),
- * but the interface defines a complete type, the two cannot match, and ts will report an error, so skip it here.
- *
- * 2. Cascader: treeData { label, value } define in PropTypes.shapeOf alreaady declare isRequired, ts still throw error
- *    【Property is optional in type “InferProps<{ value: Validator<string | number>; label: Validator<any>; }>” but required in type CascaderData】
- *    skip it here.
- * 3. TreeSelect: value same as cascader, skip it here
- *
- */
-declare const FormTimePicker: import("react").ComponentType<import("utility-types").Subtract<import("../timePicker/TimePicker").TimePickerProps | (import("../timePicker/TimePicker").TimePickerProps & {
-    children?: import("react").ReactNode;
-}), import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-declare const FormTreeSelect: import("react").ComponentType<import("utility-types").Subtract<import("../treeSelect/index").TreeSelectProps | (import("../treeSelect/index").TreeSelectProps & {
-    children?: import("react").ReactNode;
-}), import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
-declare const FormCascader: import("react").ComponentType<import("utility-types").Subtract<import("../cascader/index").CascaderProps | (import("../cascader/index").CascaderProps & {
-    children?: import("react").ReactNode;
-}), import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
+declare const FormTimePicker: import("react").ComponentType<import("utility-types").Subtract<import("../timePicker/TimePicker").TimePickerProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
+declare const FormTreeSelect: import("react").ComponentType<import("utility-types").Subtract<import("../treeSelect/index").TreeSelectProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
+declare const FormCascader: import("react").ComponentType<import("utility-types").Subtract<import("../cascader/index").CascaderProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
 declare const FormRating: import("react").ComponentType<import("utility-types").Subtract<import("../rating/index").RatingProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
 declare const FormAutoComplete: import("react").ComponentType<import("utility-types").Subtract<import("../autoComplete/index").AutoCompleteProps<import("../autoComplete/index").AutoCompleteItems>, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;
 declare const FormUpload: import("react").ComponentType<import("utility-types").Subtract<import("../upload/index").UploadProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps>;

package/lib/es/form/field.js

@@ -51,24 +51,8 @@ const FormSwitch = withField(Switch, {
   valueKey: 'checked'
 });
 const FormSlider = withField(Slider);
-/**
- * Reasons for using ts-igonre:
- *
- * 1. TimePicker: The propTypes of the locale is defined as object (it is not necessary and too troublesome to write a complete shapeOf),
- * but the interface defines a complete type, the two cannot match, and ts will report an error, so skip it here.
- *
- * 2. Cascader: treeData { label, value } define in PropTypes.shapeOf alreaady declare isRequired, ts still throw error
- *    【Property is optional in type “InferProps<{ value: Validator<string | number>; label: Validator<any>; }>” but required in type CascaderData】
- *    skip it here.
- * 3. TreeSelect: value same as cascader, skip it here
- *
- */
-// @ts-ignore-next-line
-
-const FormTimePicker = withField(TimePicker); // @ts-ignore-next-line
-
-const FormTreeSelect = withField(TreeSelect); // @ts-ignore-next-line
-
+const FormTimePicker = withField(TimePicker);
+const FormTreeSelect = withField(TreeSelect);
 const FormCascader = withField(Cascader);
 const FormRating = withField(Rating);
 const FormAutoComplete = withField(AutoComplete, {

package/lib/es/form/hoc/withField.d.ts

@@ -8,5 +8,5 @@ import { Subtract } from 'utility-types';
  * 2. Insert <Label>
  * 3. Insert <ErrorMessage>
  */
-declare function withField<C extends React.ComponentType<React.ComponentProps<C>>, T extends React.ComponentType<Subtract<React.ComponentProps<C>, CommonexcludeType> & CommonFieldProps>>(Component: C, opts?: WithFieldOption): T;
+declare function withField<C extends React.ElementType, T extends Subtract<React.ComponentProps<C>, CommonexcludeType> & CommonFieldProps, R extends React.ComponentType<T>>(Component: C, opts?: WithFieldOption): R;
 export default withField;

package/lib/es/form/hoc/withField.js

@@ -5,8 +5,6 @@ import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
 
-/* argus-disable unPkgSensitiveInfo */
-
 /* eslint-disable max-lines-per-function, react-hooks/rules-of-hooks, prefer-const, max-len */
 import React, { useState, useLayoutEffect, useMemo, useRef, forwardRef } from 'react';
 import classNames from 'classnames';
@@ -267,14 +265,10 @@ function withField(Component, opts) {
      */
 
 
-    const handleChange = function (newValue, e) {
+    const handleChange = (newValue, e, ...other) => {
       let fnKey = options.onKeyChangeFnName;
 
       if (fnKey in props && typeof props[options.onKeyChangeFnName] === 'function') {
-        for (var _len = arguments.length, other = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-          other[_key - 2] = arguments[_key];
-        }
-
         props[options.onKeyChangeFnName](newValue, e, ...other);
       } // support various type component
 
@@ -327,9 +321,9 @@ function withField(Component, opts) {
       }
     };
 
-    const handleBlur = function () {
+    const handleBlur = (...e) => {
       if (props.onBlur) {
-        props.onBlur(...arguments);
+        props.onBlur(...e);
       }
 
       if (!touched) {
@@ -510,11 +504,6 @@ function withField(Component, opts) {
       return FieldComponent;
     }
   };
-  /**
-   * Reasons for using ts-igonre: skip strict check of ref
-   */
-  // @ts-ignore-next-line 
-
 
   SemiField = /*#__PURE__*/forwardRef(SemiField);
   SemiField.displayName = getDisplayName(Component);

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

@@ -32,7 +32,6 @@ declare class IconButton extends PureComponent<IconButtonProps> {
         loading: PropTypes.Requireable<boolean>;
         prefixCls: PropTypes.Requireable<string>;
         icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        iconType: PropTypes.Requireable<PropTypes.ReactElementLike>;
         iconSize: PropTypes.Requireable<string>;
         noHorizontalPadding: PropTypes.Requireable<string | boolean | any[]>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/lib/es/iconButton/index.js

@@ -108,7 +108,6 @@ IconButton.propTypes = {
   loading: PropTypes.bool,
   prefixCls: PropTypes.string,
   icon: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.node]),
-  iconType: PropTypes.element,
   iconSize: PropTypes.oneOf(iconSizes),
   noHorizontalPadding: PropTypes.oneOfType([PropTypes.bool, PropTypes.string, PropTypes.array]),
   children: PropTypes.node,

package/lib/es/inputNumber/index.js

@@ -155,8 +155,6 @@ class InputNumber extends BaseComponent {
   }
 
   get adapter() {
-    var _this = this;
-
     return _Object$assign(_Object$assign({}, super.adapter), {
       setValue: (value, cb) => this.setState({
         value
@@ -170,12 +168,8 @@ class InputNumber extends BaseComponent {
       setHovering: hovering => this.setState({
         hovering
       }),
-      notifyChange: function () {
-        return _this.props.onChange(...arguments);
-      },
-      notifyNumberChange: function () {
-        return _this.props.onNumberChange(...arguments);
-      },
+      notifyChange: (...args) => this.props.onChange(...args),
+      notifyNumberChange: (...args) => this.props.onNumberChange(...args),
       notifyBlur: e => this.props.onBlur(e),
       notifyFocus: e => this.props.onFocus(e),
       notifyUpClick: (value, e) => this.props.onUpClick(value, e),
@@ -231,9 +225,7 @@ class InputNumber extends BaseComponent {
 
         return false;
       },
-      restoreCursor: function () {
-        let str = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.cursorAfter;
-
+      restoreCursor: (str = this.cursorAfter) => {
         if (isNullOrUndefined(str)) {
           return false;
         } // For loop from full str to the str with last char to map. e.g. 123
@@ -244,7 +236,7 @@ class InputNumber extends BaseComponent {
 
         return _someInstanceProperty(Array.prototype).call(str, (_, start) => {
           const partStr = str.substring(start);
-          return _this.adapter.restoreByAfter(partStr);
+          return this.adapter.restoreByAfter(partStr);
         });
       },
       fixCaret: (start, end) => {

package/lib/es/locale/localeConsumer.js

@@ -34,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/confirm.js

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

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

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

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

@@ -4,15 +4,13 @@ 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

@@ -50,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);
     }
 
@@ -63,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({
@@ -74,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;
@@ -106,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;
     }

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

@@ -59,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);
     }
 
@@ -72,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
@@ -82,27 +76,9 @@ 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;
 
@@ -116,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;
@@ -246,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.js

@@ -23,13 +23,9 @@ import LocaleConsumer from '../locale/localeConsumer';
 import '@douyinfe/semi-foundation/lib/es/navigation/navigation.css';
 
 function createAddKeysFn(context, keyName) {
-  return function addKeys() {
+  return function addKeys(...keys) {
     const handleKeys = new _Set(context.state[keyName]);
 
-    for (var _len = arguments.length, keys = new Array(_len), _key = 0; _key < _len; _key++) {
-      keys[_key] = arguments[_key];
-    }
-
     _forEachInstanceProperty(keys).call(keys, key => key && handleKeys.add(key));
 
     context.setState({
@@ -39,13 +35,9 @@ function createAddKeysFn(context, keyName) {
 }
 
 function createRemoveKeysFn(context, keyName) {
-  return function removeKeys() {
+  return function removeKeys(...keys) {
     const handleKeys = new _Set(context.state[keyName]);
 
-    for (var _len2 = arguments.length, keys = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      keys[_key2] = arguments[_key2];
-    }
-
     _forEachInstanceProperty(keys).call(keys, key => key && handleKeys.delete(key));
 
     context.setState({
@@ -128,21 +120,13 @@ class Nav extends BaseComponent {
   }
 
   get adapter() {
-    var _this = this;
-
     return _Object$assign(_Object$assign({}, super.adapter), {
-      notifySelect: function () {
-        return _this.props.onSelect(...arguments);
-      },
-      notifyOpenChange: function () {
-        return _this.props.onOpenChange(...arguments);
-      },
+      notifySelect: (...args) => this.props.onSelect(...args),
+      notifyOpenChange: (...args) => this.props.onOpenChange(...args),
       setIsCollapsed: isCollapsed => this.setState({
         isCollapsed
       }),
-      notifyCollapseChange: function () {
-        return _this.props.onCollapseChange(...arguments);
-      },
+      notifyCollapseChange: (...args) => this.props.onCollapseChange(...args),
       updateItems: items => this.setState({
         items: [...items]
       }),
@@ -172,9 +156,7 @@ class Nav extends BaseComponent {
    */
 
 
-  renderItems() {
-    let items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    let level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  renderItems(items = [], level = 0) {
     const finalDom = /*#__PURE__*/React.createElement(React.Fragment, null, _mapInstanceProperty(items).call(items, (item, idx) => {
       if (_Array$isArray(item.items) && item.items.length) {
         return /*#__PURE__*/React.createElement(SubNav, _Object$assign({

package/lib/es/notification/NoticeTransition.js

@@ -2,8 +2,7 @@ import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign"
 // @ts-ignore  Currently there is no types for semi-animation-react
 import { Transition } from '@douyinfe/semi-animation-react';
 import React from 'react';
-export default function NoticeTransition() {
-  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+export default function NoticeTransition(props = {}) {
   let {
     motion = {}
   } = props;
@@ -11,11 +10,10 @@ export default function NoticeTransition() {
     position = 'topRight'
   } = props;
 
-  const formatStyle = function formatStyle(_ref) {
-    let {
-      translate,
-      opacity
-    } = _ref;
+  const formatStyle = function formatStyle({
+    translate,
+    opacity
+  }) {
     let transform = "translateX(".concat(translate, "%)");
 
     if (position && typeof position === 'string') {