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

package/lib/es/banner/index.js

@@ -15,18 +15,15 @@ const types = strings.TYPE;
 export default class Banner extends BaseComponent {
   constructor(props) {
     super(props);
-
     this.remove = e => {
       e && e.stopPropagation();
       this.foundation.removeBanner(e);
     };
-
     this.state = {
       visible: true
     };
     warning('target' in this.props, '[Semi Banner] \'target\' has been deprecated, please write JSX directly instead.');
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       setVisible: () => {
@@ -42,25 +39,20 @@ export default class Banner extends BaseComponent {
       }
     });
   }
-
   componentDidMount() {
     this.foundation = new BannerFoundation(this.adapter);
     this.foundation.init();
   }
-
   componentWillUnmount() {
     this.foundation.destroy();
   }
-
   renderCloser() {
     const {
       closeIcon
     } = this.props;
-
     if (closeIcon === null) {
       return closeIcon;
     }
-
     const closer = /*#__PURE__*/React.createElement(Button, {
       className: `${prefixCls}-close`,
       onClick: this.remove,
@@ -75,7 +67,6 @@ export default class Banner extends BaseComponent {
     });
     return closer;
   }
-
   renderIcon() {
     const {
       type,
@@ -101,24 +92,21 @@ export default class Banner extends BaseComponent {
     };
     let iconType = iconMap[type];
     const iconCls = cls({
-      [`${prefixCls}-icon`]: true // [prefixCls + '-' + type]: true,
-
+      [`${prefixCls}-icon`]: true
+      // [prefixCls + '-' + type]: true,
     });
 
     if (typeof icon !== 'undefined') {
       iconType = icon;
     }
-
     if (iconType) {
       return /*#__PURE__*/React.createElement("div", {
         className: iconCls,
         "x-semi-prop": "icon"
       }, iconType);
     }
-
     return null;
   }
-
   render() {
     const {
       children,
@@ -164,7 +152,6 @@ export default class Banner extends BaseComponent {
     }, children) : null) : null;
     return banner;
   }
-
 }
 Banner.propTypes = {
   // target: PropTypes.func,

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

@@ -13,7 +13,7 @@ export interface showToolTipProps {
     ellipsisPos?: 'end' | 'middle';
     opts?: TooltipProps;
 }
-export declare type MoreType = 'default' | 'popover';
+export type MoreType = 'default' | 'popover';
 export interface BreadcrumbProps extends BaseProps {
     routes?: Array<RouteProps | string>;
     onClick?: (route: RouteProps, event: React.MouseEvent) => void;

package/lib/es/breadcrumb/index.js

@@ -1,5 +1,4 @@
 import _isFunction from "lodash/isFunction";
-
 /* eslint-disable max-len */
 import React from 'react';
 import cls from 'classnames';
@@ -15,20 +14,16 @@ import BreadcrumbItem from './item';
 import BreadContext from './bread-context';
 import { IconMore } from '@douyinfe/semi-icons';
 const clsPrefix = cssClasses.PREFIX;
-
 class Breadcrumb extends BaseComponent {
   constructor(props) {
     super(props);
-
     this.handleCollapse = (template, itemsLen) => {
       const {
         maxItemCount,
         renderMore,
         moreType
       } = this.props;
-
       const hasRenderMore = _isFunction(renderMore);
-
       const restItem = template.slice(1, itemsLen - maxItemCount + 1);
       const spread = /*#__PURE__*/React.createElement("span", {
         className: `${clsPrefix}-collapse`,
@@ -49,7 +44,6 @@ class Breadcrumb extends BaseComponent {
       template.splice(1, itemsLen - maxItemCount, spread);
       return template;
     };
-
     this.renderRouteItems = (items, shouldCollapse, moreTypeIsPopover) => {
       const {
         renderItem,
@@ -57,9 +51,7 @@ class Breadcrumb extends BaseComponent {
         maxItemCount
       } = this.props;
       const restItemLength = items.length - maxItemCount;
-
       const hasRenderMore = _isFunction(renderMore);
-
       const template = items.map((route, idx) => {
         const key = route._origin.key || `item-${route.name || route.path}-${idx}`;
         const inCollapseArea = idx > 0 && idx <= restItemLength;
@@ -73,7 +65,6 @@ class Breadcrumb extends BaseComponent {
       });
       return template;
     };
-
     this.renderList = () => {
       const {
         routes,
@@ -90,26 +81,18 @@ class Breadcrumb extends BaseComponent {
       const items = hasRoutes ? this.foundation.genRoutes(routes) : React.Children.toArray(children);
       let template;
       const itemLength = items.length; // children length
-
       const restItemLength = itemLength - maxItemCount; // Omitted children items
-
       const shouldCollapse = items && autoCollapse && itemLength > maxItemCount && isCollapsed; // Whether the number of children exceeds, need to collapse
-
       const hasRenderMore = _isFunction(renderMore); // Whether the user passes in the renderMore method
-
-
       const moreTypeIsPopover = moreType === 'popover';
-
       if (hasRoutes) {
         template = this.renderRouteItems(items, shouldCollapse, moreTypeIsPopover);
       } else {
         template = items.map((item, idx) => {
           const inCollapseArea = idx > 0 && idx <= restItemLength;
-
           if (!item) {
             return item;
           }
-
           warning(item.type && !item.type.isBreadcrumbItem, '[Semi Breadcrumb]: Only accepts Breadcrumb.Item as its children');
           return /*#__PURE__*/React.cloneElement(item, {
             key: `${idx}-item`,
@@ -118,28 +101,22 @@ class Breadcrumb extends BaseComponent {
           });
         });
       }
-
       if (shouldCollapse) {
         return this.handleCollapse(template, items.length);
       }
-
       return template;
     };
-
     this.onClick = (info, event) => {
       this.foundation.handleClick(info, event);
     };
-
     this.foundation = new BreadcrumbFoundation(this.adapter);
     this.state = {
       isCollapsed: true
     };
     this.onClick = this.onClick.bind(this);
   }
-
   get adapter() {
     var _this = this;
-
     return Object.assign(Object.assign({}, super.adapter), {
       notifyClick: function () {
         _this.props.onClick(...arguments);
@@ -149,15 +126,12 @@ class Breadcrumb extends BaseComponent {
       })
     });
   }
-
   componentDidMount() {
     this.foundation.init();
   }
-
   componentWillUnmount() {
     this.foundation.destroy();
   }
-
   renderPopoverMore(restItem) {
     const {
       separator
@@ -175,7 +149,6 @@ class Breadcrumb extends BaseComponent {
       showArrow: true
     }, /*#__PURE__*/React.createElement(IconMore, null));
   }
-
   render() {
     const breadcrumbs = this.renderList();
     const {
@@ -203,9 +176,7 @@ class Breadcrumb extends BaseComponent {
       style: style
     }, breadcrumbs));
   }
-
 }
-
 Breadcrumb.contextType = BreadContext;
 Breadcrumb.Item = BreadcrumbItem;
 Breadcrumb.propTypes = {
@@ -224,10 +195,8 @@ Breadcrumb.propTypes = {
   className: propTypes.string,
   autoCollapse: propTypes.bool,
   maxItemCount: propTypes.number,
-
   /* Customize the contents of the ellipsis area */
   renderMore: propTypes.func,
-
   /* Type of ellipsis area */
   moreType: propTypes.oneOf(strings.MORE_TYPE),
   'aria-label': propTypes.string

package/lib/es/breadcrumb/item.d.ts

@@ -18,7 +18,7 @@ export interface BreadcrumbItemProps extends BaseProps {
     shouldRenderSeparator?: boolean;
     route?: RouteProps;
 }
-declare type BreadcrumbItemState = Record<string, never>;
+type BreadcrumbItemState = Record<string, never>;
 export default class BreadcrumbItem extends BaseComponent<BreadcrumbItemProps, BreadcrumbItemState> {
     static isBreadcrumbItem: boolean;
     static contextType: React.Context<BreadContextType>;

package/lib/es/breadcrumb/item.js

@@ -12,9 +12,19 @@ import BreadContext from './bread-context';
 import Typography from '../typography';
 const clsPrefix = cssClasses.PREFIX;
 export default class BreadcrumbItem extends BaseComponent {
+  get adapter() {
+    var _this = this;
+    return Object.assign(Object.assign({}, super.adapter), {
+      notifyClick: function () {
+        _this.props.onClick(...arguments);
+      },
+      notifyParent: function () {
+        _this.context.onClick(...arguments);
+      }
+    });
+  }
   constructor(props) {
     super(props);
-
     this.renderIcon = () => {
       const iconType = this.props.icon;
       const {
@@ -22,7 +32,6 @@ export default class BreadcrumbItem extends BaseComponent {
       } = this.context;
       const iconSize = compact ? 'small' : 'default';
       const className = `${clsPrefix}-item-icon`;
-
       if ( /*#__PURE__*/React.isValidElement(iconType)) {
         //@ts-ignore
         return /*#__PURE__*/React.cloneElement(iconType, {
@@ -30,22 +39,18 @@ export default class BreadcrumbItem extends BaseComponent {
           size: iconSize
         });
       }
-
       return iconType;
     };
-
     this.getTooltipOpt = () => {
       const {
         showTooltip
       } = this.context;
-
       if (!showTooltip) {
         return {
           width: 150,
           ellipsisPos: 'end'
         };
       }
-
       const defaultOpts = {
         width: 150,
         ellipsisPos: 'end',
@@ -54,14 +59,11 @@ export default class BreadcrumbItem extends BaseComponent {
           position: 'top'
         }
       };
-
       if (typeof showTooltip === 'object') {
         return _merge(defaultOpts, showTooltip);
       }
-
       return defaultOpts;
     };
-
     this.getItemInfo = () => {
       let itemInfo = {};
       const {
@@ -70,20 +72,16 @@ export default class BreadcrumbItem extends BaseComponent {
         href
       } = this.props;
       const hasHref = !_isUndefined(href) && !_isNull(href);
-
       if (route) {
         itemInfo = route;
       } else {
         itemInfo.name = children;
-
         if (hasHref) {
           itemInfo.href = href;
         }
       }
-
       return itemInfo;
     };
-
     this.renderBreadItem = () => {
       const {
         children
@@ -93,7 +91,6 @@ export default class BreadcrumbItem extends BaseComponent {
       } = this.context;
       const showTooltip = this.getTooltipOpt();
       const icon = this.renderIcon();
-
       if (Boolean(children) && typeof children === 'string') {
         const {
           opts,
@@ -116,12 +113,10 @@ export default class BreadcrumbItem extends BaseComponent {
           size: compact ? 'small' : 'normal'
         }, children)));
       }
-
       return /*#__PURE__*/React.createElement(Fragment, null, icon, children ? /*#__PURE__*/React.createElement("span", {
         className: `${clsPrefix}-item-title ${clsPrefix}-item-title-inline`
       }, children) : null);
     };
-
     this.renderItem = () => {
       const {
         href,
@@ -143,36 +138,19 @@ export default class BreadcrumbItem extends BaseComponent {
         href
       }, itemInner);
     };
-
     this.foundation = new BreadcrumbItemFoundation(this.adapter);
   }
-
-  get adapter() {
-    var _this = this;
-
-    return Object.assign(Object.assign({}, super.adapter), {
-      notifyClick: function () {
-        _this.props.onClick(...arguments);
-      },
-      notifyParent: function () {
-        _this.context.onClick(...arguments);
-      }
-    });
-  }
-
   componentDidMount() {
     this.foundation.init();
   }
-
   componentWillUnmount() {
     this.foundation.destroy();
   }
-
   render() {
     const {
       active,
-      shouldRenderSeparator // children,
-
+      shouldRenderSeparator
+      // children,
     } = this.props;
     const pageLabel = active ? {
       'aria-current': 'page'
@@ -182,14 +160,14 @@ export default class BreadcrumbItem extends BaseComponent {
       className: `${clsPrefix}-separator`
     }, this.context.separator) : null;
     const wrapperCLs = cls({
-      [`${clsPrefix}-item-wrap`]: true // [`${clsPrefix}-item-wrap-iconOnly`]: !!children && this.props.icon,
-
+      [`${clsPrefix}-item-wrap`]: true
+      // [`${clsPrefix}-item-wrap-iconOnly`]: !!children && this.props.icon,
     });
+
     return /*#__PURE__*/React.createElement("span", Object.assign({
       className: wrapperCLs
     }, pageLabel), item, shouldRenderSeparator && separator);
   }
-
 }
 BreadcrumbItem.isBreadcrumbItem = true;
 BreadcrumbItem.contextType = BreadContext;

package/lib/es/button/Button.d.ts

@@ -2,10 +2,10 @@ import React, { PureComponent, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/es/button/button.css';
 import { noop } from '@douyinfe/semi-foundation/lib/es/utils/function';
-export declare type HtmlType = 'button' | 'reset' | 'submit';
-export declare type Size = 'default' | 'small' | 'large';
-export declare type Theme = 'solid' | 'borderless' | 'light';
-export declare type Type = 'primary' | 'secondary' | 'tertiary' | 'warning' | 'danger';
+export type HtmlType = 'button' | 'reset' | 'submit';
+export type Size = 'default' | 'small' | 'large';
+export type Theme = 'solid' | 'borderless' | 'light';
+export type Type = 'primary' | 'secondary' | 'tertiary' | 'warning' | 'danger';
 export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
     id?: string;
     block?: boolean;

package/lib/es/button/Button.js

@@ -1,18 +1,13 @@
 import _omit from "lodash/omit";
-
 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;
 };
 /* eslint-disable react/destructuring-assignment */
-
-
 import React, { PureComponent } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
@@ -23,28 +18,27 @@ const btnSizes = strings.sizes;
 const {
   htmlTypes,
   btnTypes
-} = strings; // TODO: icon configuration
-
+} = strings;
+// TODO: icon configuration
 export default class Button extends PureComponent {
   render() {
     const _a = this.props,
-          {
-      children,
-      block,
-      htmlType,
-      loading,
-      circle,
-      className,
-      style,
-      disabled,
-      size,
-      theme,
-      type,
-      prefixCls,
-      iconPosition
-    } = _a,
-          attr = __rest(_a, ["children", "block", "htmlType", "loading", "circle", "className", "style", "disabled", "size", "theme", "type", "prefixCls", "iconPosition"]);
-
+      {
+        children,
+        block,
+        htmlType,
+        loading,
+        circle,
+        className,
+        style,
+        disabled,
+        size,
+        theme,
+        type,
+        prefixCls,
+        iconPosition
+      } = _a,
+      attr = __rest(_a, ["children", "block", "htmlType", "loading", "circle", "className", "style", "disabled", "size", "theme", "type", "prefixCls", "iconPosition"]);
     const baseProps = Object.assign(Object.assign({
       disabled
     }, _omit(attr, ['x-semi-children-alias'])), {
@@ -63,11 +57,9 @@ export default class Button extends PureComponent {
       'aria-disabled': disabled
     });
     const xSemiProps = {};
-
     if (!(className && className.includes('-with-icon'))) {
       xSemiProps['x-semi-prop'] = this.props['x-semi-children-alias'] || 'children';
     }
-
     return (
       /*#__PURE__*/
       // eslint-disable-next-line react/button-has-type
@@ -81,7 +73,6 @@ export default class Button extends PureComponent {
       }, xSemiProps), children))
     );
   }
-
 }
 Button.defaultProps = {
   disabled: false,

package/lib/es/button/buttonGroup.d.ts

@@ -3,7 +3,7 @@ import BaseComponent, { BaseProps } from '../_base/baseComponent';
 import PropTypes from 'prop-types';
 import { Type, Size } from './Button';
 import '@douyinfe/semi-foundation/lib/es/button/button.css';
-export declare type Theme = 'solid' | 'borderless' | 'light';
+export type Theme = 'solid' | 'borderless' | 'light';
 export interface ButtonGroupProps extends BaseProps {
     disabled?: boolean;
     type?: Type;

package/lib/es/button/buttonGroup.js

@@ -1,16 +1,12 @@
 import _get from "lodash/get";
-
 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, { isValidElement, cloneElement } from 'react';
 import BaseComponent from '../_base/baseComponent';
 import PropTypes from 'prop-types';
@@ -23,13 +19,10 @@ export default class ButtonGroup extends BaseComponent {
   getInnerWithLine(inner) {
     const innerWithLine = [];
     let lineCls = `${prefixCls}-group-line`;
-
     if (inner.length > 1) {
       inner.slice(0, -1).forEach((item, index) => {
         const isButtonType = _get(item, 'type.elementType') === 'Button';
-
         const buttonProps = _get(item, 'props');
-
         if (buttonProps) {
           const {
             type,
@@ -40,7 +33,6 @@ export default class ButtonGroup extends BaseComponent {
             [`${prefixCls}-group-line-disabled`]: disabled
           });
         }
-
         if (isButtonType) {
           innerWithLine.push(item, /*#__PURE__*/React.createElement("span", {
             className: lineCls,
@@ -56,28 +48,24 @@ export default class ButtonGroup extends BaseComponent {
       return inner;
     }
   }
-
   render() {
     const _a = this.props,
-          {
-      children,
-      disabled,
-      size,
-      type,
-      className,
-      style,
-      'aria-label': ariaLabel
-    } = _a,
-          rest = __rest(_a, ["children", "disabled", "size", "type", "className", "style", 'aria-label']);
-
+      {
+        children,
+        disabled,
+        size,
+        type,
+        className,
+        style,
+        'aria-label': ariaLabel
+      } = _a,
+      rest = __rest(_a, ["children", "disabled", "size", "type", "className", "style", 'aria-label']);
     let inner;
     let innerWithLine = [];
     const cls = classNames(`${prefixCls}-group`, className);
-
     if (children) {
       inner = (Array.isArray(children) ? children : [children]).map((itm, index) => {
         var _a;
-
         return /*#__PURE__*/isValidElement(itm) ? /*#__PURE__*/cloneElement(itm, Object.assign(Object.assign(Object.assign({
           disabled,
           size,
@@ -88,7 +76,6 @@ export default class ButtonGroup extends BaseComponent {
       });
       innerWithLine = this.getInnerWithLine(inner);
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: cls,
       style: style,
@@ -96,7 +83,6 @@ export default class ButtonGroup extends BaseComponent {
       "aria-label": ariaLabel
     }, innerWithLine);
   }
-
 }
 ButtonGroup.propTypes = {
   children: PropTypes.node,

package/lib/es/button/index.js

@@ -1,28 +1,23 @@
 import React from 'react';
 import BaseButton from './Button';
 import IconButton from '../iconButton';
-
 class Button extends React.PureComponent {
   constructor() {
     let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     super(props);
   }
-
   render() {
     const props = Object.assign({}, this.props);
     const hasIcon = Boolean(props.icon);
     const isLoading = Boolean(props.loading);
     const isDisabled = Boolean(props.disabled);
-
     if (hasIcon || isLoading && !isDisabled) {
       return /*#__PURE__*/React.createElement(IconButton, Object.assign({}, props));
     } else {
       return /*#__PURE__*/React.createElement(BaseButton, Object.assign({}, props));
     }
   }
-
 }
-
 Button.propTypes = Object.assign(Object.assign({}, BaseButton.propTypes), IconButton.propTypes);
 Button.elementType = 'Button';
 export default Button;

package/lib/es/button/splitButtonGroup.js

@@ -20,7 +20,6 @@ export default class SplitButtonGroup extends BaseComponent {
       "aria-label": this.props['aria-label']
     }, children);
   }
-
 }
 SplitButtonGroup.propTypes = {
   style: PropTypes.object,