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

package/lib/cjs/banner/index.js

@@ -4,50 +4,34 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _iconButton = _interopRequireDefault(require("../iconButton"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/banner/constants");
-
 var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/banner/foundation"));
-
 require("@douyinfe/semi-foundation/lib/cjs/banner/banner.css");
-
 var _typography = _interopRequireDefault(require("../typography"));
-
 var _semiIcons = require("@douyinfe/semi-icons");
-
 var _warning = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/warning"));
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable max-len */
+
 const prefixCls = _constants.cssClasses.PREFIX;
 const types = _constants.strings.TYPE;
-
 class Banner extends _baseComponent.default {
   constructor(props) {
     super(props);
-
     this.remove = e => {
       e && e.stopPropagation();
       this.foundation.removeBanner(e);
     };
-
     this.state = {
       visible: true
     };
     (0, _warning.default)('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: () => {
@@ -63,25 +47,20 @@ class Banner extends _baseComponent.default {
       }
     });
   }
-
   componentDidMount() {
     this.foundation = new _foundation.default(this.adapter);
     this.foundation.init();
   }
-
   componentWillUnmount() {
     this.foundation.destroy();
   }
-
   renderCloser() {
     const {
       closeIcon
     } = this.props;
-
     if (closeIcon === null) {
       return closeIcon;
     }
-
     const closer = /*#__PURE__*/_react.default.createElement(_iconButton.default, {
       className: `${prefixCls}-close`,
       onClick: this.remove,
@@ -94,10 +73,8 @@ class Banner extends _baseComponent.default {
       type: "tertiary",
       "aria-label": 'Close'
     });
-
     return closer;
   }
-
   renderIcon() {
     const {
       type,
@@ -123,24 +100,21 @@ class Banner extends _baseComponent.default {
     };
     let iconType = iconMap[type];
     const iconCls = (0, _classnames.default)({
-      [`${prefixCls}-icon`]: true // [prefixCls + '-' + type]: true,
-
+      [`${prefixCls}-icon`]: true
+      // [prefixCls + '-' + type]: true,
     });
 
     if (typeof icon !== 'undefined') {
       iconType = icon;
     }
-
     if (iconType) {
       return /*#__PURE__*/_react.default.createElement("div", {
         className: iconCls,
         "x-semi-prop": "icon"
       }, iconType);
     }
-
     return null;
   }
-
   render() {
     const {
       children,
@@ -186,9 +160,7 @@ class Banner extends _baseComponent.default {
     }, children) : null) : null;
     return banner;
   }
-
 }
-
 exports.default = Banner;
 Banner.propTypes = {
   // target: PropTypes.func,

package/lib/cjs/breadcrumb/bread-context.js

@@ -4,12 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const BreadContext = /*#__PURE__*/_react.default.createContext({});
-
 var _default = BreadContext;
 exports.default = _default;

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

@@ -4,44 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/breadcrumb/constants");
-
 var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/breadcrumb/foundation"));
-
 var _warning = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/warning"));
-
 require("@douyinfe/semi-foundation/lib/cjs/breadcrumb/breadcrumb.css");
-
 var _function = require("@douyinfe/semi-foundation/lib/cjs/utils/function");
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _popover = _interopRequireDefault(require("../popover"));
-
 var _item = _interopRequireDefault(require("./item"));
-
 var _breadContext = _interopRequireDefault(require("./bread-context"));
-
 var _semiIcons = require("@douyinfe/semi-icons");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable max-len */
-const clsPrefix = _constants.cssClasses.PREFIX;
 
+const clsPrefix = _constants.cssClasses.PREFIX;
 class Breadcrumb extends _baseComponent.default {
   constructor(props) {
     super(props);
-
     this.handleCollapse = (template, itemsLen) => {
       const {
         maxItemCount,
@@ -50,7 +33,6 @@ class Breadcrumb extends _baseComponent.default {
       } = this.props;
       const hasRenderMore = (0, _isFunction2.default)(renderMore);
       const restItem = template.slice(1, itemsLen - maxItemCount + 1);
-
       const spread = /*#__PURE__*/_react.default.createElement("span", {
         className: `${clsPrefix}-collapse`,
         key: `more-${itemsLen}`
@@ -67,11 +49,9 @@ class Breadcrumb extends _baseComponent.default {
         className: `${clsPrefix}-separator`,
         "x-semi-prop": "separator"
       }, this.props.separator)));
-
       template.splice(1, itemsLen - maxItemCount, spread);
       return template;
     };
-
     this.renderRouteItems = (items, shouldCollapse, moreTypeIsPopover) => {
       const {
         renderItem,
@@ -93,7 +73,6 @@ class Breadcrumb extends _baseComponent.default {
       });
       return template;
     };
-
     this.renderList = () => {
       const {
         routes,
@@ -110,25 +89,18 @@ class Breadcrumb extends _baseComponent.default {
       const items = hasRoutes ? this.foundation.genRoutes(routes) : _react.default.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 = (0, _isFunction2.default)(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;
           }
-
           (0, _warning.default)(item.type && !item.type.isBreadcrumbItem, '[Semi Breadcrumb]: Only accepts Breadcrumb.Item as its children');
           return /*#__PURE__*/_react.default.cloneElement(item, {
             key: `${idx}-item`,
@@ -137,28 +109,22 @@ class Breadcrumb extends _baseComponent.default {
           });
         });
       }
-
       if (shouldCollapse) {
         return this.handleCollapse(template, items.length);
       }
-
       return template;
     };
-
     this.onClick = (info, event) => {
       this.foundation.handleClick(info, event);
     };
-
     this.foundation = new _foundation.default(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);
@@ -168,26 +134,21 @@ class Breadcrumb extends _baseComponent.default {
       })
     });
   }
-
   componentDidMount() {
     this.foundation.init();
   }
-
   componentWillUnmount() {
     this.foundation.destroy();
   }
-
   renderPopoverMore(restItem) {
     const {
       separator
     } = this.props;
-
     const content = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, restItem.map((item, idx) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
       key: `restItem-${idx}`
     }, item, idx !== restItem.length - 1 && /*#__PURE__*/_react.default.createElement("span", {
       className: `${clsPrefix}-restItem`
     }, separator))));
-
     return /*#__PURE__*/_react.default.createElement(_popover.default, {
       content: content,
       style: {
@@ -196,7 +157,6 @@ class Breadcrumb extends _baseComponent.default {
       showArrow: true
     }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconMore, null));
   }
-
   render() {
     const breadcrumbs = this.renderList();
     const {
@@ -224,9 +184,7 @@ class Breadcrumb extends _baseComponent.default {
       style: style
     }, breadcrumbs));
   }
-
 }
-
 Breadcrumb.contextType = _breadContext.default;
 Breadcrumb.Item = _item.default;
 Breadcrumb.propTypes = {
@@ -245,10 +203,8 @@ Breadcrumb.propTypes = {
   className: _propTypes.default.string,
   autoCollapse: _propTypes.default.bool,
   maxItemCount: _propTypes.default.number,
-
   /* Customize the contents of the ellipsis area */
   renderMore: _propTypes.default.func,
-
   /* Type of ellipsis area */
   moreType: _propTypes.default.oneOf(_constants.strings.MORE_TYPE),
   'aria-label': _propTypes.default.string

package/lib/cjs/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/cjs/breadcrumb/item.js

@@ -4,43 +4,36 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isNull2 = _interopRequireDefault(require("lodash/isNull"));
-
 var _isUndefined2 = _interopRequireDefault(require("lodash/isUndefined"));
-
 var _merge2 = _interopRequireDefault(require("lodash/merge"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/breadcrumb/constants");
-
 var _itemFoundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/breadcrumb/itemFoundation"));
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _function = require("@douyinfe/semi-foundation/lib/cjs/utils/function");
-
 var _breadContext = _interopRequireDefault(require("./bread-context"));
-
 var _typography = _interopRequireDefault(require("../typography"));
-
 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 }; }
-
 const clsPrefix = _constants.cssClasses.PREFIX;
-
 class BreadcrumbItem extends _baseComponent.default {
+  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 {
@@ -48,7 +41,6 @@ class BreadcrumbItem extends _baseComponent.default {
       } = this.context;
       const iconSize = compact ? 'small' : 'default';
       const className = `${clsPrefix}-item-icon`;
-
       if ( /*#__PURE__*/_react.default.isValidElement(iconType)) {
         //@ts-ignore
         return /*#__PURE__*/_react.default.cloneElement(iconType, {
@@ -56,22 +48,18 @@ class BreadcrumbItem extends _baseComponent.default {
           size: iconSize
         });
       }
-
       return iconType;
     };
-
     this.getTooltipOpt = () => {
       const {
         showTooltip
       } = this.context;
-
       if (!showTooltip) {
         return {
           width: 150,
           ellipsisPos: 'end'
         };
       }
-
       const defaultOpts = {
         width: 150,
         ellipsisPos: 'end',
@@ -80,14 +68,11 @@ class BreadcrumbItem extends _baseComponent.default {
           position: 'top'
         }
       };
-
       if (typeof showTooltip === 'object') {
         return (0, _merge2.default)(defaultOpts, showTooltip);
       }
-
       return defaultOpts;
     };
-
     this.getItemInfo = () => {
       let itemInfo = {};
       const {
@@ -96,20 +81,16 @@ class BreadcrumbItem extends _baseComponent.default {
         href
       } = this.props;
       const hasHref = !(0, _isUndefined2.default)(href) && !(0, _isNull2.default)(href);
-
       if (route) {
         itemInfo = route;
       } else {
         itemInfo.name = children;
-
         if (hasHref) {
           itemInfo.href = href;
         }
       }
-
       return itemInfo;
     };
-
     this.renderBreadItem = () => {
       const {
         children
@@ -119,7 +100,6 @@ class BreadcrumbItem extends _baseComponent.default {
       } = this.context;
       const showTooltip = this.getTooltipOpt();
       const icon = this.renderIcon();
-
       if (Boolean(children) && typeof children === 'string') {
         const {
           opts,
@@ -142,12 +122,10 @@ class BreadcrumbItem extends _baseComponent.default {
           size: compact ? 'small' : 'normal'
         }, children)));
       }
-
       return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, icon, children ? /*#__PURE__*/_react.default.createElement("span", {
         className: `${clsPrefix}-item-title ${clsPrefix}-item-title-inline`
       }, children) : null);
     };
-
     this.renderItem = () => {
       const {
         href,
@@ -169,36 +147,19 @@ class BreadcrumbItem extends _baseComponent.default {
         href
       }, itemInner);
     };
-
     this.foundation = new _itemFoundation.default(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'
@@ -208,16 +169,15 @@ class BreadcrumbItem extends _baseComponent.default {
       className: `${clsPrefix}-separator`
     }, this.context.separator) : null;
     const wrapperCLs = (0, _classnames.default)({
-      [`${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.default.createElement("span", Object.assign({
       className: wrapperCLs
     }, pageLabel), item, shouldRenderSeparator && separator);
   }
-
 }
-
 exports.default = BreadcrumbItem;
 BreadcrumbItem.isBreadcrumbItem = true;
 BreadcrumbItem.contextType = _breadContext.default;

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

@@ -2,10 +2,10 @@ import React, { PureComponent, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/cjs/button/button.css';
 import { noop } from '@douyinfe/semi-foundation/lib/cjs/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/cjs/button/Button.js

@@ -4,32 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _omit2 = _interopRequireDefault(require("lodash/omit"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/button/constants");
-
 require("@douyinfe/semi-foundation/lib/cjs/button/button.css");
-
 var _function = require("@douyinfe/semi-foundation/lib/cjs/utils/function");
-
 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]];
   }
@@ -37,33 +24,31 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
 };
 /* eslint-disable react/destructuring-assignment */
 
-
 const btnSizes = _constants.strings.sizes;
 const {
   htmlTypes,
   btnTypes
-} = _constants.strings; // TODO: icon configuration
-
+} = _constants.strings;
+// TODO: icon configuration
 class Button extends _react.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
     }, (0, _omit2.default)(attr, ['x-semi-children-alias'])), {
@@ -82,11 +67,9 @@ class Button extends _react.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
@@ -100,9 +83,7 @@ class Button extends _react.PureComponent {
       }, xSemiProps), children))
     );
   }
-
 }
-
 exports.default = Button;
 Button.defaultProps = {
   disabled: false,

package/lib/cjs/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/cjs/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;