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

package/lib/cjs/avatar/avatarGroup.js

@@ -4,58 +4,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isNumber2 = _interopRequireDefault(require("lodash/isNumber"));
-
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _index = _interopRequireDefault(require("./index"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/avatar/constants");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var __rest = void 0 && (void 0).__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;
 };
-
 const sizeSet = _constants.strings.SIZE;
 const shapeSet = _constants.strings.SHAPE;
 const overlapFromSet = _constants.strings.OVERLAP_FROM;
 const prefixCls = _constants.cssClasses.PREFIX;
-
 class AvatarGroup extends _react.PureComponent {
   getAllAvatars() {
     const {
       children
     } = this.props;
-
     if (children) {
       return Array.isArray(children) ? _react.default.Children.toArray(children) : [children];
     }
-
     return [];
   }
-
   getMergeAvatars(avatars) {
     const {
       maxCount
@@ -64,16 +45,13 @@ class AvatarGroup extends _react.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
@@ -85,48 +63,40 @@ class AvatarGroup extends _react.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}`;
-
     let moreAvatar = /*#__PURE__*/_react.default.createElement(_index.default, {
       className: moreCls,
       key: "_+n",
       alt: finalAlt
     }, `+${restNumber}`);
-
     if ((0, _isFunction2.default)(renderMore)) {
       moreAvatar = /*#__PURE__*/_react.default.createElement(_react.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 = (0, _classnames.default)({
       [`${prefixCls}-group`]: true
     });
-
     if (children) {
       const avatars = this.getAllAvatars();
       inner = ((0, _isNumber2.default)(maxCount) ? this.getMergeAvatars(avatars) : avatars).map((itm, index) => {
@@ -142,15 +112,12 @@ class AvatarGroup extends _react.PureComponent {
         }));
       });
     }
-
     return /*#__PURE__*/_react.default.createElement("div", {
       className: groupCls,
       role: 'list'
     }, inner);
   }
-
 }
-
 exports.default = AvatarGroup;
 AvatarGroup.defaultProps = {
   size: 'medium',

package/lib/cjs/avatar/index.js

@@ -5,27 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 var _exportNames = {};
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/avatar/constants");
-
 var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/avatar/foundation"));
-
 require("@douyinfe/semi-foundation/lib/cjs/avatar/avatar.css");
-
 var _function = require("@douyinfe/semi-foundation/lib/cjs/utils/function");
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _a11y = require("@douyinfe/semi-foundation/lib/cjs/utils/a11y");
-
 var _interface = require("./interface");
-
 Object.keys(_interface).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -37,37 +26,28 @@ Object.keys(_interface).forEach(function (key) {
     }
   });
 });
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var __rest = void 0 && (void 0).__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;
 };
-
 const sizeSet = _constants.strings.SIZE;
 const shapeSet = _constants.strings.SHAPE;
 const colorSet = _constants.strings.COLOR;
 const prefixCls = _constants.cssClasses.PREFIX;
-
 class Avatar extends _baseComponent.default {
   constructor(props) {
     super(props);
-
     this.handleFocusVisible = event => {
       this.foundation.handleFocusVisible(event);
     };
-
     this.handleBlur = event => {
       this.foundation.handleBlur();
     };
-
     this.getContent = () => {
       const {
         children,
@@ -89,7 +69,6 @@ class Avatar extends _baseComponent.default {
         onFocus: this.handleFocusVisible,
         onBlur: this.handleBlur
       };
-
       if (isImg) {
         const finalAlt = clickable ? `clickable Avatar: ${alt}` : alt;
         const imgBasicProps = Object.assign(Object.assign({
@@ -122,10 +101,8 @@ class Avatar extends _baseComponent.default {
           "x-semi-prop": "children"
         }), children));
       }
-
       return content;
     };
-
     this.state = {
       isImgExist: true,
       hoverContent: '',
@@ -137,7 +114,6 @@ class Avatar extends _baseComponent.default {
     this.handleKeyDown = this.handleKeyDown.bind(this);
     this.getContent = this.getContent.bind(this);
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       notifyImgState: isImgExist => {
@@ -176,29 +152,24 @@ class Avatar extends _baseComponent.default {
       }
     });
   }
-
   componentDidMount() {
     this.foundation = new _foundation.default(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
@@ -206,62 +177,52 @@ class Avatar extends _baseComponent.default {
       };
     }
   }
-
   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);
         (0, _a11y.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,
@@ -288,9 +249,7 @@ class Avatar extends _baseComponent.default {
       role: 'listitem'
     }), this.getContent(), hoverRender);
   }
-
 }
-
 exports.default = Avatar;
 Avatar.defaultProps = {
   size: 'medium',

package/lib/cjs/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/cjs/backtop/index.js

@@ -4,42 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/backtop/constants");
-
 var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/backtop/foundation"));
-
 require("@douyinfe/semi-foundation/lib/cjs/backtop/backtop.css");
-
 var _iconButton = _interopRequireDefault(require("../iconButton"));
-
 var _semiIcons = require("@douyinfe/semi-icons");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var __rest = void 0 && (void 0).__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;
 };
-
 const prefixCls = _constants.cssClasses.PREFIX;
-
 const getDefaultTarget = () => window;
-
 class BackTop extends _baseComponent.default {
   constructor(props) {
     super(props);
@@ -48,15 +32,12 @@ class BackTop extends _baseComponent.default {
     };
     this.foundation = new _foundation.default(this.adapter);
   }
-
   componentDidMount() {
     this.foundation.init();
   }
-
   componentWillUnmount() {
     this.foundation.destroy();
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       updateVisible: visible => {
@@ -79,31 +60,27 @@ class BackTop extends _baseComponent.default {
       }
     });
   }
-
   handleClick(e) {
     this.foundation.onClick(e);
   }
-
   renderDefault() {
     return /*#__PURE__*/_react.default.createElement(_iconButton.default, {
       theme: "light",
       icon: /*#__PURE__*/_react.default.createElement(_semiIcons.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;
@@ -120,9 +97,7 @@ class BackTop extends _baseComponent.default {
     }), backtopBtn) : null;
     return content;
   }
-
 }
-
 exports.default = BackTop;
 BackTop.defaultProps = {
   visibilityHeight: 400,

package/lib/cjs/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/cjs/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/cjs/badge/index.js

@@ -4,66 +4,48 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _isString2 = _interopRequireDefault(require("lodash/isString"));
-
 var _isNumber2 = _interopRequireDefault(require("lodash/isNumber"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _context = _interopRequireDefault(require("../configProvider/context"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/badge/constants");
-
 require("@douyinfe/semi-foundation/lib/cjs/badge/badge.css");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var __rest = void 0 && (void 0).__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;
 };
-
 const prefixCls = _constants.cssClasses.PREFIX;
-
 class Badge extends _react.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 && !((0, _isNumber2.default)(count) || (0, _isString2.default)(count));
     const showBadge = count !== null && typeof count !== 'undefined';
     const wrapper = (0, _classnames.default)(className, {
@@ -76,13 +58,11 @@ class Badge extends _react.PureComponent {
       [`${prefixCls}-custom`]: custom
     });
     let content;
-
     if ((0, _isNumber2.default)(count)) {
       content = overflowCount && overflowCount < count ? `${overflowCount}+` : `${count}`;
     } else {
       content = count;
     }
-
     return /*#__PURE__*/_react.default.createElement("span", Object.assign({
       className: prefixCls
     }, rest), children, /*#__PURE__*/_react.default.createElement("span", {
@@ -91,9 +71,7 @@ class Badge extends _react.PureComponent {
       "x-semi-prop": "count"
     }, dot ? null : content));
   }
-
 }
-
 exports.default = Badge;
 Badge.contextType = _context.default;
 Badge.propTypes = {

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

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import BannerFoundation, { BannerAdapter } from '@douyinfe/semi-foundation/lib/cjs/banner/foundation';
 import '@douyinfe/semi-foundation/lib/cjs/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;