@douyinfe/semi-ui 2.36.0-beta.0 → 2.36.0

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

@@ -1,24 +1,20 @@
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
   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 (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 import React from 'react';
-import ConfirmModal from '../ConfirmModal'; // eslint-disable-next-line max-len
-
+import ConfirmModal from '../ConfirmModal';
+// eslint-disable-next-line max-len
 const HookModal = (_a, ref) => {
   var {
-    afterClose,
-    config
-  } = _a,
-      props = __rest(_a, ["afterClose", "config"]);
-
+      afterClose,
+      config
+    } = _a,
+    props = __rest(_a, ["afterClose", "config"]);
   const [innerConfig, setInnerConfig] = React.useState(config);
   React.useImperativeHandle(ref, () => ({
     destroy: () => {
@@ -30,17 +26,13 @@ const HookModal = (_a, ref) => {
       setInnerConfig(originConfig => Object.assign(Object.assign({}, originConfig), newConfig));
     }
   }));
-
   const mergeAfterClose = () => {
     var _a;
-
     (_a = config === null || config === void 0 ? void 0 : config.afterClose) === null || _a === void 0 ? void 0 : _a.call(config);
     afterClose();
   };
-
   return /*#__PURE__*/React.createElement(ConfirmModal, Object.assign({}, innerConfig, {
     afterClose: mergeAfterClose
   }));
 };
-
 export default /*#__PURE__*/React.forwardRef(HookModal);

package/lib/es/modal/useModal/index.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { ConfirmProps } from '../confirm';
 import { ModalReactProps } from '../Modal';
-declare type UseModalReturnHooksType = (config: ModalReactProps) => {
+type UseModalReturnHooksType = (config: ModalReactProps) => {
     destroy: () => void;
     update: (newConfig: ConfirmProps) => void;
 };

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

@@ -2,28 +2,24 @@ import React from 'react';
 import HookModal from './HookModal';
 import { withConfirm, withError, withInfo, withSuccess, withWarning } from '../confirm';
 let uuid = 0;
-
 function usePatchElement() {
   const [elements, setElements] = React.useState([]);
-
   function patchElement(element) {
     setElements(originElements => [...originElements, element]);
     return () => {
       setElements(originElements => originElements.filter(ele => ele !== element));
     };
   }
-
   return [elements, patchElement];
 }
-
 export default function useModal() {
-  const [elements, patchElement] = usePatchElement(); // eslint-disable-next-line max-len
-
+  const [elements, patchElement] = usePatchElement();
+  // eslint-disable-next-line max-len
   function getConfirmFunc(withFunc) {
     return function hookConfirm(config) {
       uuid += 1;
-      const modalRef = /*#__PURE__*/React.createRef(); // eslint-disable-next-line prefer-const
-
+      const modalRef = /*#__PURE__*/React.createRef();
+      // eslint-disable-next-line prefer-const
       let closeFunc;
       const modal = /*#__PURE__*/React.createElement(HookModal, {
         key: `semi-modal-${uuid}`,
@@ -48,7 +44,6 @@ export default function useModal() {
       };
     };
   }
-
   return [{
     info: getConfirmFunc(withInfo),
     success: getConfirmFunc(withSuccess),

package/lib/es/navigation/CollapseButton.js

@@ -11,13 +11,11 @@ export default function CollapseButton(_ref) {
     isCollapsed,
     onClick = _noop
   } = _ref;
-
   const handleClick = () => {
     if (typeof onClick === 'function') {
       onClick(!isCollapsed);
     }
   };
-
   const btnProps = {
     icon: /*#__PURE__*/React.createElement(IconSidebar, null),
     type: 'tertiary',
@@ -25,11 +23,9 @@ export default function CollapseButton(_ref) {
     onClick: handleClick
   };
   let finalCollapseText = isCollapsed ? locale === null || locale === void 0 ? void 0 : locale.expandText : locale === null || locale === void 0 ? void 0 : locale.collapseText;
-
   if (typeof collapseText === 'function') {
     finalCollapseText = collapseText(isCollapsed);
   }
-
   return /*#__PURE__*/React.createElement("div", {
     className: `${prefixCls}-collapse-btn`
   }, isCollapsed ? /*#__PURE__*/React.createElement(Tooltip, {

package/lib/es/navigation/Footer.js

@@ -9,17 +9,14 @@ import NavContext from './nav-context';
 export default class NavFooter extends PureComponent {
   constructor() {
     super(...arguments);
-
     this.renderCollapseButton = () => {
       const {
         collapseButton,
         collapseText
       } = this.props;
-
       if ( /*#__PURE__*/React.isValidElement(collapseButton)) {
         return collapseButton;
       }
-
       const {
         onCollapseChange,
         prefixCls,
@@ -35,7 +32,6 @@ export default class NavFooter extends PureComponent {
       });
     };
   }
-
   render() {
     const {
       style,
@@ -50,11 +46,9 @@ export default class NavFooter extends PureComponent {
       isCollapsed,
       mode
     } = this.context;
-
     if (! /*#__PURE__*/React.isValidElement(children) && collapseButton && mode !== strings.MODE_HORIZONTAL) {
       children = this.renderCollapseButton();
     }
-
     const wrapCls = cls(className, `${cssClasses.PREFIX}-footer`, {
       [`${cssClasses.PREFIX}-footer-collapsed`]: isCollapsed
     });
@@ -68,7 +62,6 @@ export default class NavFooter extends PureComponent {
       }, children)
     );
   }
-
 }
 NavFooter.contextType = NavContext;
 NavFooter.propTypes = {

package/lib/es/navigation/Header.d.ts

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/es/navigation/navigation.css';
 import { NavContextType } from './nav-context';
 import { BaseProps } from '../_base/baseComponent';
-export declare type Logo = React.ReactNode;
+export type Logo = React.ReactNode;
 export interface NavHeaderProps extends BaseProps {
     link?: string;
     linkOptions?: React.AnchorHTMLAttributes<HTMLAnchorElement>;

package/lib/es/navigation/Header.js

@@ -10,10 +10,8 @@ export default class NavHeader extends PureComponent {
     if ( /*#__PURE__*/React.isValidElement(logo)) {
       return logo;
     }
-
     return null;
   }
-
   render() {
     const {
       children,
@@ -36,20 +34,17 @@ export default class NavHeader extends PureComponent {
     }, this.renderLogo(logo)) : null, !isNullOrUndefined(text) && !isCollapsed ? /*#__PURE__*/React.createElement("span", {
       className: `${cssClasses.PREFIX}-header-text`
     }, text) : null, children);
-
     if (typeof link === 'string') {
       wrappedChildren = /*#__PURE__*/React.createElement("a", Object.assign({
         className: `${prefixCls}-header-link`,
         href: link
       }, linkOptions), wrappedChildren);
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: wrapCls,
       style: style
     }, wrappedChildren);
   }
-
 }
 NavHeader.contextType = NavContext;
 NavHeader.propTypes = {

package/lib/es/navigation/Item.js

@@ -1,8 +1,6 @@
 import _times from "lodash/times";
 import _noop from "lodash/noop";
-
 /* eslint-disable max-len */
-
 /* eslint-disable no-nested-ternary */
 import BaseComponent from '../_base/baseComponent';
 import React from 'react';
@@ -19,12 +17,10 @@ const clsPrefix = `${cssClasses.PREFIX}-item`;
 export default class NavItem extends BaseComponent {
   constructor(props) {
     super(props);
-
     this.setItemRef = ref => {
       // console.log('Item - setItemRef()', ref);
       this.props.forwardRef && this.props.forwardRef(ref);
     };
-
     this.wrapTooltip = node => {
       const {
         text,
@@ -41,32 +37,24 @@ export default class NavItem extends BaseComponent {
         mouseLeaveDelay: hideDelay
       }, node);
     };
-
     this.handleClick = e => this.foundation.handleClick(e);
-
     this.handleKeyPress = e => this.foundation.handleKeyPress(e);
-
     this.state = {
       tooltipShow: false
     };
     this.foundation = new ItemFoundation(this.adapter);
   }
-
   _invokeContextFunc(funcName) {
     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);
     }
-
     return null;
   }
-
   get adapter() {
     var _this = this;
-
     return Object.assign(Object.assign({}, super.adapter), {
       cloneDeep,
       updateTooltipShow: tooltipShow => this.setState({
@@ -80,14 +68,12 @@ export default class NavItem extends BaseComponent {
         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 () {
@@ -104,25 +90,19 @@ export default class NavItem extends BaseComponent {
       getIsOpen: () => Boolean(this.context && this.context.openKeys && this.context.openKeys.includes(this.props.itemKey))
     });
   }
-
   renderIcon(icon, pos) {
     let isToggleIcon = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     let key = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-
     if (this.props.isSubNav) {
       return null;
     }
-
     if (!icon && this.context.mode === strings.MODE_HORIZONTAL) {
       return null;
     }
-
     let iconSize = 'large';
-
     if (pos === strings.ICON_POS_RIGHT) {
       iconSize = 'default';
     }
-
     const className = cls(`${clsPrefix}-icon`, {
       [`${clsPrefix}-icon-toggle-${this.context.toggleIconPosition}`]: isToggleIcon,
       [`${clsPrefix}-icon-info`]: !isToggleIcon
@@ -134,7 +114,6 @@ export default class NavItem extends BaseComponent {
       size: icon.props.size || iconSize
     }) : icon);
   }
-
   render() {
     const {
       text,
@@ -162,22 +141,18 @@ export default class NavItem extends BaseComponent {
     const isCollapsed = this.adapter.getIsCollapsed();
     const selected = this.adapter.getSelected();
     let itemChildren = null;
-
     if (!isNullOrUndefined(children)) {
       itemChildren = children;
     } else {
       let placeholderIcons = null;
-
       if (mode === strings.MODE_VERTICAL && !limitIndent && !isCollapsed) {
         const iconAmount = icon && !indent ? level : level - 1;
         placeholderIcons = _times(iconAmount, index => this.renderIcon(null, strings.ICON_POS_RIGHT, false, index));
       }
-
       itemChildren = /*#__PURE__*/React.createElement(React.Fragment, null, placeholderIcons, this.context.toggleIconPosition === strings.TOGGLE_ICON_LEFT && this.renderIcon(toggleIcon, strings.ICON_POS_RIGHT, true, 'key-toggle-pos-right'), icon || indent || isInSubNav ? this.renderIcon(icon, strings.ICON_POS_LEFT, false, 'key-position-left') : null, !isNullOrUndefined(text) ? /*#__PURE__*/React.createElement("span", {
         className: `${cssClasses.PREFIX}-item-text`
       }, text) : '', this.context.toggleIconPosition === strings.TOGGLE_ICON_RIGHT && this.renderIcon(toggleIcon, strings.ICON_POS_RIGHT, true, 'key-toggle-pos-right'));
     }
-
     if (typeof link === 'string') {
       itemChildren = /*#__PURE__*/React.createElement("a", Object.assign({
         className: `${prefixCls}-item-link`,
@@ -185,9 +160,7 @@ export default class NavItem extends BaseComponent {
         tabIndex: -1
       }, linkOptions), itemChildren);
     }
-
     let itemDom = '';
-
     if (isInSubNav && (isCollapsed || mode === strings.MODE_HORIZONTAL)) {
       const popoverItemCls = cls({
         [clsPrefix]: true,
@@ -220,12 +193,10 @@ export default class NavItem extends BaseComponent {
       const ariaProps = {
         'aria-disabled': disabled
       };
-
       if (isSubNav) {
         const isOpen = this.adapter.getIsOpen();
         ariaProps['aria-expanded'] = isOpen;
       }
-
       itemDom =
       /*#__PURE__*/
       // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
@@ -242,13 +213,11 @@ export default class NavItem extends BaseComponent {
         onMouseLeave: onMouseLeave,
         onKeyPress: this.handleKeyPress
       }), itemChildren);
-    } // Display Tooltip when disabled and SubNav
-
-
+    }
+    // Display Tooltip when disabled and SubNav
     if (isCollapsed && !isInSubNav && !isSubNav || isCollapsed && isSubNav && disabled) {
       itemDom = this.wrapTooltip(itemDom);
     }
-
     if (typeof this.context.renderWrapper === 'function') {
       return this.context.renderWrapper({
         itemElement: itemDom,
@@ -257,10 +226,8 @@ export default class NavItem extends BaseComponent {
         props: this.props
       });
     }
-
     return itemDom;
   }
-
 }
 NavItem.contextType = NavContext;
 NavItem.propTypes = {

package/lib/es/navigation/SubNav.js

@@ -1,8 +1,6 @@
 import _get from "lodash/get";
 import _times from "lodash/times";
-
 /* eslint-disable max-len */
-
 /* eslint-disable no-nested-ternary */
 import BaseComponent from '../_base/baseComponent';
 import React from 'react';
@@ -21,7 +19,6 @@ import CSSAnimation from "../_cssAnimation";
 export default class SubNav extends BaseComponent {
   constructor(props) {
     super(props);
-
     this.setItemRef = ref => {
       if (ref && ref.current) {
         this.itemRef = ref;
@@ -31,7 +28,6 @@ export default class SubNav extends BaseComponent {
         };
       }
     };
-
     this.setTitleRef = ref => {
       if (ref && ref.current) {
         this.titleRef = ref;
@@ -41,17 +37,13 @@ export default class SubNav extends BaseComponent {
         };
       }
     };
-
     this.handleClick = e => {
       this.foundation.handleClick(e && e.nativeEvent, this.titleRef && this.titleRef.current);
     };
-
     this.handleKeyPress = e => {
       this.foundation.handleKeyPress(e && e.nativeEvent, this.titleRef && this.titleRef.current);
     };
-
     this.handleDropdownVisible = visible => this.foundation.handleDropdownVisibleChange(visible);
-
     this.state = {
       isHovered: false
     };
@@ -60,22 +52,17 @@ export default class SubNav extends BaseComponent {
     this.itemRef = /*#__PURE__*/React.createRef();
     this.foundation = new SubNavFoundation(this.adapter);
   }
-
   _invokeContextFunc(funcName) {
     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);
     }
-
     return null;
   }
-
   get adapter() {
     var _this = this;
-
     return Object.assign(Object.assign({}, super.adapter), {
       updateIsHovered: isHovered => this.setState({
         isHovered
@@ -88,28 +75,24 @@ export default class SubNav extends BaseComponent {
         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);
       },
       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) {
     let isToggleIcon = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
     let key = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
@@ -117,11 +100,9 @@ export default class SubNav extends BaseComponent {
       prefixCls
     } = this.context;
     let iconSize = 'large';
-
     if (pos === strings.ICON_POS_RIGHT) {
       iconSize = 'default';
     }
-
     const className = cls(`${prefixCls}-item-icon`, {
       [`${prefixCls}-item-icon-toggle-${this.context.toggleIconPosition}`]: isToggleIcon,
       [`${prefixCls}-item-icon-info`]: !isToggleIcon
@@ -139,7 +120,8 @@ export default class SubNav extends BaseComponent {
         size: iconSize,
         className: animationClassName
       });
-    }) // @ts-ignore
+    })
+    // @ts-ignore
     : /*#__PURE__*/React.cloneElement(icon, {
       size: iconSize
     }) : null;
@@ -148,7 +130,6 @@ export default class SubNav extends BaseComponent {
       className: className
     }, iconElem);
   }
-
   renderTitleDiv() {
     const {
       text,
@@ -174,7 +155,6 @@ export default class SubNav extends BaseComponent {
     });
     let withTransition = false;
     let toggleIconType = '';
-
     if (isCollapsed) {
       if (isInSubNav) {
         toggleIconType = /*#__PURE__*/React.createElement(IconChevronRight, null);
@@ -189,27 +169,24 @@ export default class SubNav extends BaseComponent {
       } else {
         toggleIconType = expandIcon ? expandIcon : /*#__PURE__*/React.createElement(IconChevronDown, {
           "aria-hidden": true
-        }); // Horizontal mode does not require animation fix#1198
+        });
+        // Horizontal mode does not require animation fix#1198
         // withTransition = true;
       }
     } else {
       if (subNavMotion) {
         withTransition = true;
       }
-
       toggleIconType = expandIcon ? expandIcon : /*#__PURE__*/React.createElement(IconChevronDown, {
         "aria-hidden": true
       });
     }
-
     let placeholderIcons = null;
-
     if (mode === strings.MODE_VERTICAL && !limitIndent && !isCollapsed) {
       /* 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, false, index));
     }
-
     const isIconChevronRightShow = !isCollapsed && isInSubNav && mode === strings.MODE_HORIZONTAL || isCollapsed && isInSubNav;
     const titleDiv = /*#__PURE__*/React.createElement("div", {
       role: "menuitem",
@@ -227,7 +204,6 @@ export default class SubNav extends BaseComponent {
     }, text), this.context.toggleIconPosition === strings.TOGGLE_ICON_RIGHT && this.renderIcon(toggleIconType, strings.ICON_POS_RIGHT, withTransition, true, 'key-toggle-position-right')));
     return titleDiv;
   }
-
   renderSubUl() {
     const {
       children,
@@ -258,7 +234,6 @@ export default class SubNav extends BaseComponent {
     }, children) : null;
     return finalDom;
   }
-
   wrapDropdown() {
     let elem = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     let _elem = elem;
@@ -285,16 +260,13 @@ export default class SubNav extends BaseComponent {
       trigger: 'hover',
       style: dropdownStyle
     };
-
     if (openKeysIsControlled) {
       dropdownProps.trigger = 'custom';
       dropdownProps.visible = isOpen;
     }
-
     if (getPopupContainer) {
       dropdownProps.getPopupContainer = getPopupContainer;
     }
-
     if (isCollapsed || mode === strings.MODE_HORIZONTAL) {
       // Do not show dropdown when disabled
       _elem = !disabled ? /*#__PURE__*/React.createElement(Dropdown, Object.assign({
@@ -306,10 +278,8 @@ export default class SubNav extends BaseComponent {
         onVisibleChange: this.handleDropdownVisible
       }, dropdownProps), _elem) : _elem;
     }
-
     return _elem;
   }
-
   render() {
     const {
       itemKey,
@@ -325,12 +295,11 @@ export default class SubNav extends BaseComponent {
       prefixCls
     } = this.context;
     let titleDiv = this.renderTitleDiv();
-    const subUl = this.renderSubUl(); // When mode=horizontal, it is displayed in Dropdown
-
+    const subUl = this.renderSubUl();
+    // When mode=horizontal, it is displayed in Dropdown
     if (isCollapsed || mode === strings.MODE_HORIZONTAL) {
       titleDiv = this.wrapDropdown(titleDiv);
     }
-
     return /*#__PURE__*/React.createElement(NavItem, {
       style: style,
       isSubNav: true,
@@ -348,7 +317,6 @@ export default class SubNav extends BaseComponent {
       })
     }, titleDiv, subUl));
   }
-
 }
 SubNav.contextType = NavContext;
 SubNav.propTypes = {
@@ -356,38 +324,31 @@ SubNav.propTypes = {
    * Unique identification
    */
   itemKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-
   /**
    * Copywriting
    */
   text: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-
   /**
    * Whether child navigation is expanded
    */
   isOpen: PropTypes.bool,
-
   /**
    * Whether it is in the state of being stowed to the sidebar
    */
   isCollapsed: PropTypes.bool,
-
   /**
    * Whether to keep the left Icon placeholder
    */
   indent: PropTypes.oneOfType([PropTypes.bool, PropTypes.number]),
-
   /**
    * Nested child elements
    */
   children: PropTypes.node,
   style: PropTypes.object,
-
   /**
    * Icon name on the left
    */
   icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-
   /**
    * Maximum height (for animation)
    */

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

@@ -12,7 +12,7 @@ export type { NavFooterProps } from './Footer';
 export type { NavHeaderProps } from './Header';
 export type { NavItemProps } from './Item';
 export type { SubNavProps } from './SubNav';
-export declare type Mode = 'vertical' | 'horizontal';
+export type Mode = 'vertical' | 'horizontal';
 export interface OnSelectedData {
     itemKey: React.ReactText;
     selectedKeys: React.ReactText[];
@@ -26,7 +26,7 @@ export interface SubNavPropsWithItems extends SubNavProps {
 export interface NavItemPropsWithItems extends NavItemProps {
     items?: (NavItemPropsWithItems | string)[];
 }
-export declare type NavItems = (string | SubNavPropsWithItems | NavItemPropsWithItems)[];
+export type NavItems = (string | SubNavPropsWithItems | NavItemPropsWithItems)[];
 export interface NavProps extends BaseProps {
     bodyStyle?: React.CSSProperties;
     children?: React.ReactNode;