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

package/lib/es/autoComplete/option.js

@@ -1,18 +1,13 @@
 import _isString from "lodash/isString";
-
 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 max-len */
-
-
 import React, { PureComponent } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
@@ -20,21 +15,18 @@ import { cssClasses } from '@douyinfe/semi-foundation/lib/es/autoComplete/consta
 import LocaleConsumer from '../locale/localeConsumer';
 import { IconTick } from '@douyinfe/semi-icons';
 import { getHighLightTextHTML } from '../_utils/index';
-
 class Option extends PureComponent {
   onClick(_a, event) {
     var {
-      value,
-      label,
-      children
-    } = _a,
-        rest = __rest(_a, ["value", "label", "children"]);
-
+        value,
+        label,
+        children
+      } = _a,
+      rest = __rest(_a, ["value", "label", "children"]);
     const {
       props
     } = this;
     const isDisabled = props.disabled;
-
     if (!isDisabled) {
       props.onSelect(Object.assign(Object.assign({}, rest), {
         value,
@@ -42,7 +34,6 @@ class Option extends PureComponent {
       }), event);
     }
   }
-
   renderOptionContent(_ref) {
     let {
       config,
@@ -50,36 +41,32 @@ class Option extends PureComponent {
       inputValue,
       prefixCls
     } = _ref;
-
     if (_isString(children) && inputValue) {
       return getHighLightTextHTML(config);
     }
-
     return children;
   }
-
   render() {
     const _a = this.props,
-          {
-      children,
-      disabled,
-      value,
-      selected,
-      label,
-      empty,
-      emptyContent,
-      onSelect,
-      focused,
-      showTick,
-      className,
-      style,
-      onMouseEnter,
-      prefixCls,
-      renderOptionItem,
-      inputValue
-    } = _a,
-          rest = __rest(_a, ["children", "disabled", "value", "selected", "label", "empty", "emptyContent", "onSelect", "focused", "showTick", "className", "style", "onMouseEnter", "prefixCls", "renderOptionItem", "inputValue"]);
-
+      {
+        children,
+        disabled,
+        value,
+        selected,
+        label,
+        empty,
+        emptyContent,
+        onSelect,
+        focused,
+        showTick,
+        className,
+        style,
+        onMouseEnter,
+        prefixCls,
+        renderOptionItem,
+        inputValue
+      } = _a,
+      rest = __rest(_a, ["children", "disabled", "value", "selected", "label", "empty", "emptyContent", "onSelect", "focused", "showTick", "className", "style", "onMouseEnter", "prefixCls", "renderOptionItem", "inputValue"]);
     const optionClassName = classNames(prefixCls, {
       [`${prefixCls}-disabled`]: disabled,
       [`${prefixCls}-selected`]: selected,
@@ -88,21 +75,18 @@ class Option extends PureComponent {
       [className]: className
     });
     const selectedIconClassName = classNames([`${prefixCls}-icon`]);
-
     if (empty) {
       if (emptyContent === null) {
         return null;
       }
-
       return /*#__PURE__*/React.createElement(LocaleConsumer, {
         componentName: "Select"
       }, locale => /*#__PURE__*/React.createElement("div", {
         className: optionClassName,
         "x-semi-prop": "emptyContent"
       }, emptyContent || locale.emptyText));
-    } // Since there are empty, locale and other logic, the custom renderOptionItem is directly converged to the internal option instead of being placed in Select/index
-
-
+    }
+    // Since there are empty, locale and other logic, the custom renderOptionItem is directly converged to the internal option instead of being placed in Select/index
     if (typeof renderOptionItem === 'function') {
       return renderOptionItem(Object.assign({
         disabled,
@@ -120,7 +104,6 @@ class Option extends PureComponent {
         }, rest), e)
       }, rest));
     }
-
     const config = {
       searchWords: inputValue,
       sourceString: children,
@@ -157,9 +140,7 @@ class Option extends PureComponent {
       })) : children)
     );
   }
-
 }
-
 Option.isSelectOption = true;
 Option.propTypes = {
   children: PropTypes.node,

package/lib/es/avatar/avatarGroup.js

@@ -1,18 +1,14 @@
 import _isNumber from "lodash/isNumber";
 import _isFunction from "lodash/isFunction";
 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, { PureComponent, Fragment } from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
@@ -27,14 +23,11 @@ export default class AvatarGroup extends PureComponent {
     const {
       children
     } = this.props;
-
     if (children) {
       return Array.isArray(children) ? React.Children.toArray(children) : [children];
     }
-
     return [];
   }
-
   getMergeAvatars(avatars) {
     const {
       maxCount
@@ -43,16 +36,13 @@ export default class AvatarGroup extends PureComponent {
     const restNumber = avatars.length - maxCount;
     const normalAvatars = avatars.slice(0, maxCount);
     const restAvatars = avatars.slice(maxCount);
-
     if (restNumber > 0) {
       const more = this.renderMoreAvatar(restNumber, restAvatars);
       normalAvatars.push(more);
       renderAvatars = normalAvatars;
     }
-
     return renderAvatars;
   }
-
   renderMoreAvatar(restNumber, restAvatars) {
     const {
       renderMore
@@ -64,11 +54,9 @@ export default class AvatarGroup extends PureComponent {
         alt
       } = cur.props;
       const avatarInfo = alt !== null && alt !== void 0 ? alt : typeof children === 'string' ? children : '';
-
       if (avatarInfo.length === 0) {
         return pre;
       }
-
       return pre.length > 0 ? `${pre},${avatarInfo}` : avatarInfo;
     }, '');
     const finalAlt = ` Number of remaining Avatars：${restNumber},${restAvatarAlt}`;
@@ -77,34 +65,29 @@ export default class AvatarGroup extends PureComponent {
       key: "_+n",
       alt: finalAlt
     }, `+${restNumber}`);
-
     if (_isFunction(renderMore)) {
       moreAvatar = /*#__PURE__*/React.createElement(Fragment, {
         key: "_+n"
       }, renderMore(restNumber, restAvatars));
     }
-
     return moreAvatar;
   }
-
   render() {
     // eslint-disable-next-line no-unused-vars
     const _a = this.props,
-          {
-      children,
-      maxCount,
-      overlapFrom,
-      size,
-      shape,
-      renderMore
-    } = _a,
-          rest = __rest(_a, ["children", "maxCount", "overlapFrom", "size", "shape", "renderMore"]);
-
+      {
+        children,
+        maxCount,
+        overlapFrom,
+        size,
+        shape,
+        renderMore
+      } = _a,
+      rest = __rest(_a, ["children", "maxCount", "overlapFrom", "size", "shape", "renderMore"]);
     let inner;
     const groupCls = cls({
       [`${prefixCls}-group`]: true
     });
-
     if (children) {
       const avatars = this.getAllAvatars();
       inner = (_isNumber(maxCount) ? this.getMergeAvatars(avatars) : avatars).map((itm, index) => {
@@ -120,13 +103,11 @@ export default class AvatarGroup extends PureComponent {
         }));
       });
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: groupCls,
       role: 'list'
     }, inner);
   }
-
 }
 AvatarGroup.defaultProps = {
   size: 'medium',

package/lib/es/avatar/index.js

@@ -1,14 +1,11 @@
 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 cls from 'classnames';
 import PropTypes from 'prop-types';
@@ -26,15 +23,12 @@ export * from './interface';
 export default class Avatar extends BaseComponent {
   constructor(props) {
     super(props);
-
     this.handleFocusVisible = event => {
       this.foundation.handleFocusVisible(event);
     };
-
     this.handleBlur = event => {
       this.foundation.handleBlur();
     };
-
     this.getContent = () => {
       const {
         children,
@@ -56,7 +50,6 @@ export default class Avatar extends BaseComponent {
         onFocus: this.handleFocusVisible,
         onBlur: this.handleBlur
       };
-
       if (isImg) {
         const finalAlt = clickable ? `clickable Avatar: ${alt}` : alt;
         const imgBasicProps = Object.assign(Object.assign({
@@ -89,10 +82,8 @@ export default class Avatar extends BaseComponent {
           "x-semi-prop": "children"
         }), children));
       }
-
       return content;
     };
-
     this.state = {
       isImgExist: true,
       hoverContent: '',
@@ -104,7 +95,6 @@ export default class Avatar extends BaseComponent {
     this.handleKeyDown = this.handleKeyDown.bind(this);
     this.getContent = this.getContent.bind(this);
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       notifyImgState: isImgExist => {
@@ -143,29 +133,24 @@ export default class Avatar extends BaseComponent {
       }
     });
   }
-
   componentDidMount() {
     this.foundation = new AvatarFoundation(this.adapter);
     this.foundation.init();
   }
-
   componentDidUpdate(prevProps) {
     if (this.props.src && this.props.src !== prevProps.src) {
       const image = new Image(0, 0);
       image.src = this.props.src;
-
       image.onload = () => {
         this.setState({
           isImgExist: true
         });
       };
-
       image.onerror = () => {
         this.setState({
           isImgExist: false
         });
       };
-
       image.onabort = () => {
         this.setState({
           isImgExist: false
@@ -173,62 +158,52 @@ export default class Avatar extends BaseComponent {
       };
     }
   }
-
   componentWillUnmount() {
     this.foundation.destroy();
   }
-
   onEnter(e) {
     this.foundation.handleEnter(e);
   }
-
   onLeave(e) {
     this.foundation.handleLeave(e);
   }
-
   handleError() {
     this.foundation.handleImgLoadError();
   }
-
   handleKeyDown(event) {
     const {
       onClick
     } = this.props;
-
     switch (event.key) {
       case "Enter":
         onClick(event);
         handlePrevent(event);
         break;
-
       case 'Escape':
         event.target.blur();
         break;
-
       default:
         break;
     }
   }
-
   render() {
     // eslint-disable-next-line max-len, no-unused-vars
     const _a = this.props,
-          {
-      shape,
-      children,
-      size,
-      color,
-      className,
-      hoverMask,
-      onClick,
-      imgAttr,
-      src,
-      srcSet,
-      style,
-      alt
-    } = _a,
-          others = __rest(_a, ["shape", "children", "size", "color", "className", "hoverMask", "onClick", "imgAttr", "src", "srcSet", "style", "alt"]);
-
+      {
+        shape,
+        children,
+        size,
+        color,
+        className,
+        hoverMask,
+        onClick,
+        imgAttr,
+        src,
+        srcSet,
+        style,
+        alt
+      } = _a,
+      others = __rest(_a, ["shape", "children", "size", "color", "className", "hoverMask", "onClick", "imgAttr", "src", "srcSet", "style", "alt"]);
     const {
       isImgExist,
       hoverContent,
@@ -255,7 +230,6 @@ export default class Avatar extends BaseComponent {
       role: 'listitem'
     }), this.getContent(), hoverRender);
   }
-
 }
 Avatar.defaultProps = {
   size: 'medium',

package/lib/es/avatar/interface.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { BaseProps } from '../_base/baseComponent';
-export declare type AvatarShape = 'circle' | 'square';
-export declare type AvatarSize = 'extra-extra-small' | 'extra-small' | 'small' | 'default' | 'medium' | 'large' | 'extra-large';
-export declare type AvatarColor = 'amber' | 'blue' | 'cyan' | 'green' | 'grey' | 'indigo' | 'light-blue' | 'light-green' | 'lime' | 'orange' | 'pink' | 'purple' | 'red' | 'teal' | 'violet' | 'yellow';
+export type AvatarShape = 'circle' | 'square';
+export type AvatarSize = 'extra-extra-small' | 'extra-small' | 'small' | 'default' | 'medium' | 'large' | 'extra-large';
+export type AvatarColor = 'amber' | 'blue' | 'cyan' | 'green' | 'grey' | 'indigo' | 'light-blue' | 'light-green' | 'lime' | 'orange' | 'pink' | 'purple' | 'red' | 'teal' | 'violet' | 'yellow';
 export interface AvatarProps extends BaseProps {
     children?: React.ReactNode;
     color?: AvatarColor;
@@ -18,9 +18,9 @@ export interface AvatarProps extends BaseProps {
     onMouseLeave?: React.MouseEventHandler;
     imgAttr?: React.ImgHTMLAttributes<HTMLImageElement>;
 }
-export declare type AvatarGroupShape = 'circle' | 'square';
-export declare type AvatarGroupSize = 'extra-extra-small' | 'extra-small' | 'small' | 'default' | 'medium' | 'large' | 'extra-large';
-export declare type AvatarGroupOverlapFrom = 'start' | 'end';
+export type AvatarGroupShape = 'circle' | 'square';
+export type AvatarGroupSize = 'extra-extra-small' | 'extra-small' | 'small' | 'default' | 'medium' | 'large' | 'extra-large';
+export type AvatarGroupOverlapFrom = 'start' | 'end';
 export interface AvatarGroupProps {
     children?: React.ReactNode;
     shape?: AvatarGroupShape;

package/lib/es/backtop/index.js

@@ -1,14 +1,11 @@
 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 BaseComponent from '../_base/baseComponent';
 import cls from 'classnames';
@@ -19,9 +16,7 @@ import '@douyinfe/semi-foundation/lib/es/backtop/backtop.css';
 import IconButton from '../iconButton';
 import { IconChevronUp } from '@douyinfe/semi-icons';
 const prefixCls = cssClasses.PREFIX;
-
 const getDefaultTarget = () => window;
-
 export default class BackTop extends BaseComponent {
   constructor(props) {
     super(props);
@@ -30,15 +25,12 @@ export default class BackTop extends BaseComponent {
     };
     this.foundation = new BackTopFoundation(this.adapter);
   }
-
   componentDidMount() {
     this.foundation.init();
   }
-
   componentWillUnmount() {
     this.foundation.destroy();
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       updateVisible: visible => {
@@ -61,31 +53,27 @@ export default class BackTop extends BaseComponent {
       }
     });
   }
-
   handleClick(e) {
     this.foundation.onClick(e);
   }
-
   renderDefault() {
     return /*#__PURE__*/React.createElement(IconButton, {
       theme: "light",
       icon: /*#__PURE__*/React.createElement(IconChevronUp, null)
     });
   }
-
   render() {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const _a = this.props,
-          {
-      children,
-      className,
-      style,
-      onClick,
-      visibilityHeight,
-      target
-    } = _a,
-          others = __rest(_a, ["children", "className", "style", "onClick", "visibilityHeight", "target"]);
-
+      {
+        children,
+        className,
+        style,
+        onClick,
+        visibilityHeight,
+        target
+      } = _a,
+      others = __rest(_a, ["children", "className", "style", "onClick", "visibilityHeight", "target"]);
     const {
       visible
     } = this.state;
@@ -102,7 +90,6 @@ export default class BackTop extends BaseComponent {
     }), backtopBtn) : null;
     return content;
   }
-
 }
 BackTop.defaultProps = {
   visibilityHeight: 400,

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

@@ -2,9 +2,9 @@ import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import { ContextValue } from '../configProvider/context';
 import '@douyinfe/semi-foundation/lib/es/badge/badge.css';
-export declare type BadgeType = 'primary' | 'secondary' | 'tertiary' | 'danger' | 'warning';
-export declare type BadgeTheme = 'solid' | 'light' | 'inverted';
-export declare type BadgePosition = 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+export type BadgeType = 'primary' | 'secondary' | 'tertiary' | 'danger' | 'warning';
+export type BadgeTheme = 'solid' | 'light' | 'inverted';
+export type BadgePosition = 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
 export interface BadgeProps {
     count?: React.ReactNode;
     dot?: boolean;

package/lib/es/badge/index.js

@@ -1,18 +1,14 @@
 import _noop from "lodash/noop";
 import _isString from "lodash/isString";
 import _isNumber from "lodash/isNumber";
-
 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, { PureComponent } from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
@@ -24,24 +20,23 @@ export default class Badge extends PureComponent {
   render() {
     const {
       direction
-    } = this.context; // DefaultPosition here, static can't get this
-
-    const defaultPosition = direction === 'rtl' ? 'leftTop' : 'rightTop'; // eslint-disable-next-line max-len
-
+    } = this.context;
+    // DefaultPosition here, static can't get this
+    const defaultPosition = direction === 'rtl' ? 'leftTop' : 'rightTop';
+    // eslint-disable-next-line max-len
     const _a = this.props,
-          {
-      count,
-      dot,
-      type,
-      theme,
-      position = defaultPosition,
-      overflowCount,
-      style,
-      children,
-      className
-    } = _a,
-          rest = __rest(_a, ["count", "dot", "type", "theme", "position", "overflowCount", "style", "children", "className"]);
-
+      {
+        count,
+        dot,
+        type,
+        theme,
+        position = defaultPosition,
+        overflowCount,
+        style,
+        children,
+        className
+      } = _a,
+      rest = __rest(_a, ["count", "dot", "type", "theme", "position", "overflowCount", "style", "children", "className"]);
     const custom = count && !(_isNumber(count) || _isString(count));
     const showBadge = count !== null && typeof count !== 'undefined';
     const wrapper = cls(className, {
@@ -54,13 +49,11 @@ export default class Badge extends PureComponent {
       [`${prefixCls}-custom`]: custom
     });
     let content;
-
     if (_isNumber(count)) {
       content = overflowCount && overflowCount < count ? `${overflowCount}+` : `${count}`;
     } else {
       content = count;
     }
-
     return /*#__PURE__*/React.createElement("span", Object.assign({
       className: prefixCls
     }, rest), children, /*#__PURE__*/React.createElement("span", {
@@ -69,7 +62,6 @@ export default class Badge extends PureComponent {
       "x-semi-prop": "count"
     }, dot ? null : content));
   }
-
 }
 Badge.contextType = ConfigContext;
 Badge.propTypes = {

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

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import BannerFoundation, { BannerAdapter } from '@douyinfe/semi-foundation/lib/es/banner/foundation';
 import '@douyinfe/semi-foundation/lib/es/banner/banner.css';
 import BaseComponent from '../_base/baseComponent';
-export declare type Type = 'info' | 'danger' | 'warning' | 'success';
+export type Type = 'info' | 'danger' | 'warning' | 'success';
 export interface BannerProps {
     type?: Type;
     className?: string;