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

package/lib/es/calendar/weekCalendar.js

@@ -11,20 +11,16 @@ import DayCol from './dayCol';
 import TimeCol from './timeCol';
 import { calcRowHeight } from '@douyinfe/semi-foundation/lib/es/calendar/eventUtil';
 import '@douyinfe/semi-foundation/lib/es/calendar/calendar.css';
-
 const toPercent = num => {
   const res = num < 1 ? num * 100 : 100;
   return `${res}%`;
 };
-
 const prefixCls = `${cssClasses.PREFIX}-week`;
 const allDayCls = `${cssClasses.PREFIX}-all-day`;
 export default class WeekCalendar extends BaseComponent {
   constructor(props) {
     super(props);
-
     this.checkWeekend = val => this.foundation.checkWeekend(val);
-
     this.handleClick = (e, val) => {
       const {
         onClick
@@ -32,7 +28,6 @@ export default class WeekCalendar extends BaseComponent {
       const value = this.foundation.formatCbValue(val);
       onClick && onClick(e, value);
     };
-
     this.renderDayGrid = () => {
       const {
         parsedEvents
@@ -62,7 +57,6 @@ export default class WeekCalendar extends BaseComponent {
       });
       return inner;
     };
-
     this.renderHeader = dateFnsLocale => {
       const {
         markWeekend,
@@ -102,12 +96,10 @@ export default class WeekCalendar extends BaseComponent {
         }, dateContent);
       }))));
     };
-
     this.renderAllDayEvents = events => {
       if (this.props.allDayEventsRender) {
         return this.props.allDayEventsRender(this.props.events);
       }
-
       const list = events.map((event, ind) => {
         const {
           leftPos,
@@ -130,7 +122,6 @@ export default class WeekCalendar extends BaseComponent {
       });
       return list;
     };
-
     this.renderAllDay = locale => {
       const {
         allDayEventsRender
@@ -170,7 +161,6 @@ export default class WeekCalendar extends BaseComponent {
         className: `${cssClasses.PREFIX}-event-items`
       }, this.renderAllDayEvents(parsed))));
     };
-
     this.state = {
       scrollHeight: 0,
       parsedEvents: {
@@ -185,7 +175,6 @@ export default class WeekCalendar extends BaseComponent {
     this.handleClick = this.handleClick.bind(this);
     this.allDayRowHeight = 1;
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       setWeeklyData: data => {
@@ -209,7 +198,6 @@ export default class WeekCalendar extends BaseComponent {
       }
     });
   }
-
   componentDidMount() {
     this.foundation.init();
     const {
@@ -219,20 +207,16 @@ export default class WeekCalendar extends BaseComponent {
     this.foundation.notifyScrollHeight(scrollHeight);
     this.foundation.parseWeeklyEvents();
   }
-
   componentDidUpdate(prevProps, prevState) {
     const prevEventKeys = prevState.cachedKeys;
     const nowEventKeys = this.props.events.map(event => event.key);
-
     if (!_isEqual(prevEventKeys, nowEventKeys) || !_isEqual(prevProps.displayValue, this.props.displayValue)) {
       this.foundation.parseWeeklyEvents();
     }
   }
-
   componentWillUnmount() {
     this.foundation.destroy();
   }
-
   render() {
     const {
       renderTimeDisplay,
@@ -265,7 +249,6 @@ export default class WeekCalendar extends BaseComponent {
       renderTimeDisplay: renderTimeDisplay
     }), this.renderDayGrid()))));
   }
-
 }
 WeekCalendar.propTypes = {
   displayValue: PropTypes.instanceOf(Date),

package/lib/es/card/cardGroup.d.ts

@@ -1,6 +1,6 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
-export declare type CardGroupType = 'grid';
+export type CardGroupType = 'grid';
 export interface CardGroupProps {
     /** Card group style class name */
     className?: string;

package/lib/es/card/cardGroup.js

@@ -1,33 +1,28 @@
 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 PropTypes from 'prop-types';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/card/constants';
 import cls from 'classnames';
 import Space from '../space';
 const prefixcls = cssClasses.PREFIX;
-
 class CardGroup extends PureComponent {
   render() {
     const _a = this.props,
-          {
-      children,
-      className,
-      spacing,
-      style,
-      type
-    } = _a,
-          others = __rest(_a, ["children", "className", "spacing", "style", "type"]);
-
+      {
+        children,
+        className,
+        spacing,
+        style,
+        type
+      } = _a,
+      others = __rest(_a, ["children", "className", "spacing", "style", "type"]);
     const isGrid = type === 'grid';
     const cardGroupCls = cls(`${prefixcls}-group`, className, {
       [`${prefixcls}-group-grid`]: isGrid
@@ -39,9 +34,7 @@ class CardGroup extends PureComponent {
       style: style
     }, others), children);
   }
-
 }
-
 CardGroup.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,

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

@@ -2,7 +2,7 @@ import React, { PureComponent, ReactNode, CSSProperties } from 'react';
 import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/es/card/card.css';
 import Meta from './meta';
-export declare type Shadows = 'hover' | 'always';
+export type Shadows = 'hover' | 'always';
 export type { MetaProps } from './meta';
 export type { CardGroupProps } from './cardGroup';
 export interface CardProps {

package/lib/es/card/index.js

@@ -1,17 +1,13 @@
 import _isString from "lodash/isString";
 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;
 };
-
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/card/constants';
@@ -22,11 +18,9 @@ import Skeleton from '../skeleton';
 import Typography from '../typography';
 import Space from '../space';
 const prefixcls = cssClasses.PREFIX;
-
 class Card extends PureComponent {
   constructor() {
     super(...arguments);
-
     this.renderHeader = () => {
       const {
         title,
@@ -42,7 +36,6 @@ class Card extends PureComponent {
       const titleCls = cls(`${prefixcls}-header-wrapper-title`, {
         [`${prefixcls}-header-wrapper-spacing`]: Boolean(headerExtraContent)
       });
-
       if (header || headerExtraContent || title) {
         return /*#__PURE__*/React.createElement("div", {
           style: headerStyle,
@@ -66,10 +59,8 @@ class Card extends PureComponent {
           "x-semi-prop": "title"
         }, title) : title)));
       }
-
       return null;
     };
-
     this.renderCover = () => {
       const {
         cover
@@ -80,7 +71,6 @@ class Card extends PureComponent {
         "x-semi-prop": "cover"
       }, cover);
     };
-
     this.renderBody = () => {
       const {
         bodyStyle,
@@ -111,7 +101,6 @@ class Card extends PureComponent {
         "x-semi-prop": `actions.${idx}`
       }, item)))));
     };
-
     this.renderFooter = () => {
       const {
         footer,
@@ -128,19 +117,16 @@ class Card extends PureComponent {
       }, footer);
     };
   }
-
   render() {
     const _a = this.props,
-          {
-      bordered,
-      shadows,
-      style,
-      className
-    } = _a,
-          otherProps = __rest(_a, ["bordered", "shadows", "style", "className"]);
-
+      {
+        bordered,
+        shadows,
+        style,
+        className
+      } = _a,
+      otherProps = __rest(_a, ["bordered", "shadows", "style", "className"]);
     const others = _omit(otherProps, ['actions', 'bodyStyle', 'cover', 'headerExtraContent', 'footer', 'footerLine', 'footerStyle', 'header', 'headerLine', 'headerStyle', 'loading', 'title']);
-
     const cardCls = cls(prefixcls, className, {
       [`${prefixcls}-bordered`]: bordered,
       [`${prefixcls}-shadows`]: shadows,
@@ -152,9 +138,7 @@ class Card extends PureComponent {
       style: style
     }), this.renderHeader(), this.renderCover(), this.renderBody(), this.renderFooter());
   }
-
 }
-
 Card.Meta = Meta;
 Card.propTypes = {
   actions: PropTypes.array,

package/lib/es/card/meta.d.ts

@@ -1,6 +1,6 @@
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
-export declare type Shadows = 'hover' | 'show';
+export type Shadows = 'hover' | 'show';
 export interface MetaProps {
     /** Avatar */
     avatar?: React.ReactNode;

package/lib/es/card/meta.js

@@ -1,32 +1,27 @@
 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 PropTypes from 'prop-types';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/card/constants';
 import cls from 'classnames';
 const prefixcls = cssClasses.PREFIX;
-
 class Meta extends PureComponent {
   render() {
     const _a = this.props,
-          {
-      avatar,
-      className,
-      description,
-      style,
-      title
-    } = _a,
-          others = __rest(_a, ["avatar", "className", "description", "style", "title"]);
-
+      {
+        avatar,
+        className,
+        description,
+        style,
+        title
+      } = _a,
+      others = __rest(_a, ["avatar", "className", "description", "style", "title"]);
     const metaCls = cls(`${prefixcls}-meta`, className);
     const avatarNode = avatar && /*#__PURE__*/React.createElement("div", {
       className: `${prefixcls}-meta-avatar`
@@ -45,9 +40,7 @@ class Meta extends PureComponent {
       style: style
     }), avatarNode, wrapper);
   }
-
 }
-
 Meta.propTypes = {
   avatar: PropTypes.node,
   className: PropTypes.string,

package/lib/es/carousel/CarouselArrow.d.ts

@@ -1,8 +1,8 @@
 import React, { ReactNode } from "react";
 import { CarouselArrowProps } from "./interface";
 declare class CarouselArrow extends React.PureComponent<CarouselArrowProps> {
-    renderLeftIcon: () => any;
-    renderRightIcon: () => any;
+    renderLeftIcon: () => JSX.Element | import("lodash").FieldWithPossiblyUndefined<import("./interface").ArrowProps, "leftArrow.children">;
+    renderRightIcon: () => JSX.Element | import("lodash").FieldWithPossiblyUndefined<import("./interface").ArrowProps, "rightArrow.children">;
     render(): ReactNode;
 }
 export default CarouselArrow;

package/lib/es/carousel/CarouselArrow.js

@@ -1,24 +1,19 @@
 import _get from "lodash/get";
-
 /* eslint-disable jsx-a11y/click-events-have-key-events */
-
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 import React from "react";
 import cls from 'classnames';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/carousel/constants';
 import { IconChevronLeft, IconChevronRight } from "@douyinfe/semi-icons";
-
 class CarouselArrow extends React.PureComponent {
   constructor() {
     super(...arguments);
-
     this.renderLeftIcon = () => {
       return _get(this.props, 'arrowProps.leftArrow.children', /*#__PURE__*/React.createElement(IconChevronLeft, {
         "aria-label": "Previous index",
         size: "inherit"
       }));
     };
-
     this.renderRightIcon = () => {
       return _get(this.props, 'arrowProps.rightArrow.children', /*#__PURE__*/React.createElement(IconChevronRight, {
         "aria-label": "Next index",
@@ -26,7 +21,6 @@ class CarouselArrow extends React.PureComponent {
       }));
     };
   }
-
   render() {
     const {
       type,
@@ -64,7 +58,5 @@ class CarouselArrow extends React.PureComponent {
       "x-semi-prop": "arrowProps.rightArrow.children"
     }), this.renderRightIcon()));
   }
-
 }
-
 export default CarouselArrow;

package/lib/es/carousel/CarouselIndicator.js

@@ -1,53 +1,41 @@
 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 jsx-a11y/no-static-element-interactions */
-
 /* eslint-disable jsx-a11y/click-events-have-key-events */
-
-
 import React from "react";
 import cls from 'classnames';
 import PropTypes from 'prop-types';
 import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/carousel/constants';
 import getDataAttr from '@douyinfe/semi-foundation/lib/es/utils/getDataAttr';
-
 class CarouselIndicator extends React.PureComponent {
   constructor() {
     super(...arguments);
-
     this.onIndicatorChange = activeIndex => {
       this.props.onIndicatorChange(activeIndex);
     };
-
     this.handleIndicatorClick = activeIndex => {
       const {
         trigger
       } = this.props;
-
       if (trigger === 'click') {
         this.onIndicatorChange(activeIndex);
       }
     };
-
     this.handleIndicatorHover = activeIndex => {
       const {
         trigger
       } = this.props;
-
       if (trigger === 'hover') {
         this.onIndicatorChange(activeIndex);
       }
     };
   }
-
   renderIndicatorContent() {
     const {
       total,
@@ -56,7 +44,6 @@ class CarouselIndicator extends React.PureComponent {
       activeIndex
     } = this.props;
     const indicatorContent = [];
-
     for (let i = 0; i < total; i++) {
       indicatorContent.push( /*#__PURE__*/React.createElement("span", {
         // role='none' 
@@ -71,22 +58,19 @@ class CarouselIndicator extends React.PureComponent {
         onMouseEnter: () => this.handleIndicatorHover(i)
       }));
     }
-
     return indicatorContent;
   }
-
   render() {
     const _a = this.props,
-          {
-      type,
-      size,
-      theme,
-      style,
-      className,
-      position
-    } = _a,
-          restProps = __rest(_a, ["type", "size", "theme", "style", "className", "position"]);
-
+      {
+        type,
+        size,
+        theme,
+        style,
+        className,
+        position
+      } = _a,
+      restProps = __rest(_a, ["type", "size", "theme", "style", "className", "position"]);
     const classNames = cls(className, {
       [cssClasses.CAROUSEL_INDICATOR]: true,
       [`${cssClasses.CAROUSEL_INDICATOR}-${type}`]: type,
@@ -98,9 +82,7 @@ class CarouselIndicator extends React.PureComponent {
       style: style
     }, getDataAttr(restProps)), indicatorContent);
   }
-
 }
-
 CarouselIndicator.propTypes = {
   activeKey: PropTypes.number,
   className: PropTypes.string,

package/lib/es/carousel/index.js

@@ -1,6 +1,5 @@
 import _isEqual from "lodash/isEqual";
 import _debounce from "lodash/debounce";
-
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 import React, { Children, isValidElement } from 'react';
 import cls from 'classnames';
@@ -12,63 +11,50 @@ import CarouselIndicator from './CarouselIndicator';
 import CarouselArrow from './CarouselArrow';
 import '@douyinfe/semi-foundation/lib/es/carousel/carousel.css';
 import isNullOrUndefined from '@douyinfe/semi-foundation/lib/es/utils/isNullOrUndefined';
-
 class Carousel extends BaseComponent {
   constructor(props) {
     super(props);
-
     this.play = () => {
       this.foundation.setForcePlay(true);
       return this.foundation.handleAutoPlay();
     };
-
     this.stop = () => {
       this.foundation.setForcePlay(false);
       return this.foundation.stop();
     };
-
     this.goTo = targetIndex => {
       return this.foundation.goTo(targetIndex);
     };
-
     this.prev = () => {
       return this.foundation.prev();
     };
-
     this.next = () => {
       return this.foundation.next();
     };
-
     this.handleAutoPlay = () => {
       if (!this.foundation.getIsControlledComponent()) {
         this.foundation.handleAutoPlay();
       }
     };
-
     this.handleMouseEnter = () => {
       const {
         autoPlay
       } = this.props;
-
       if (autoPlay === true || typeof autoPlay === 'object' && autoPlay.hoverToPause) {
         this.foundation.stop();
       }
     };
-
     this.handleMouseLeave = () => {
       const {
         autoPlay
       } = this.props;
-
       if ((typeof autoPlay !== 'object' || autoPlay.hoverToPause) && !this.foundation.getIsControlledComponent()) {
         this.foundation.handleAutoPlay();
       }
     };
-
     this.onIndicatorChange = activeIndex => {
       return this.foundation.onIndicatorChange(activeIndex);
     };
-
     this.getChildren = () => {
       const {
         children: originChildren
@@ -77,11 +63,9 @@ class Carousel extends BaseComponent {
         return /*#__PURE__*/React.isValidElement(child);
       });
     };
-
     this.getValidIndex = activeIndex => {
       return this.foundation.getValidIndex(activeIndex);
     };
-
     this.renderChildren = () => {
       const {
         speed,
@@ -117,7 +101,6 @@ class Carousel extends BaseComponent {
         });
       }));
     };
-
     this.renderIndicator = () => {
       const {
         children,
@@ -134,7 +117,6 @@ class Carousel extends BaseComponent {
       const carouselIndicatorCls = cls({
         [cssClasses.CAROUSEL_INDICATOR]: true
       });
-
       if (showIndicator && children.length > 1) {
         return /*#__PURE__*/React.createElement("div", {
           className: carouselIndicatorCls
@@ -149,10 +131,8 @@ class Carousel extends BaseComponent {
           onIndicatorChange: this.onIndicatorChange
         }));
       }
-
       return null;
     };
-
     this.renderArrow = () => {
       const {
         children
@@ -163,7 +143,6 @@ class Carousel extends BaseComponent {
         theme,
         arrowProps
       } = this.props;
-
       if (showArrow && children.length > 1) {
         return /*#__PURE__*/React.createElement(CarouselArrow, {
           type: arrowType,
@@ -173,10 +152,8 @@ class Carousel extends BaseComponent {
           arrowProps: arrowProps
         });
       }
-
       return null;
     };
-
     this.foundation = new CarouselFoundation(this.adapter);
     const defaultActiveIndex = this.foundation.getDefaultActiveIndex();
     this.state = {
@@ -187,7 +164,6 @@ class Carousel extends BaseComponent {
       isInit: true
     };
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       notifyChange: (activeIndex, preIndex) => {
@@ -215,36 +191,28 @@ class Carousel extends BaseComponent {
       }
     });
   }
-
   static getDerivedStateFromProps(props, state) {
     const states = {};
-
     if (!isNullOrUndefined(props.activeIndex) && props.activeIndex !== state.activeIndex) {
       states.activeIndex = props.activeIndex;
     }
-
     return states;
   }
-
   componentDidMount() {
     this.handleAutoPlay();
   }
-
   componentDidUpdate(prevProps, prevState, snapshot) {
     const prevChildrenKeys = React.Children.toArray(prevProps.children).map(child => /*#__PURE__*/isValidElement(child) ? child.key : null);
     const nowChildrenKeys = React.Children.toArray(this.props.children).map(child => /*#__PURE__*/isValidElement(child) ? child.key : null);
-
     if (!_isEqual(prevChildrenKeys, nowChildrenKeys)) {
       this.setState({
         children: this.getChildren()
       });
     }
   }
-
   componentWillUnmount() {
     this.foundation.destroy();
   }
-
   render() {
     const {
       animation,
@@ -273,9 +241,7 @@ class Carousel extends BaseComponent {
       "x-semi-prop": "children"
     }, this.renderChildren()), this.renderIndicator(), this.renderArrow());
   }
-
 }
-
 Carousel.propTypes = {
   activeIndex: PropTypes.number,
   animation: PropTypes.oneOf(strings.ANIMATION_MAP),

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

@@ -17,8 +17,8 @@ export interface TriggerRenderProps extends BasicTriggerRenderProps {
     componentProps: CascaderProps;
     onClear: (e: React.MouseEvent) => void;
 }
-export declare type SimpleValueType = string | number | CascaderData;
-export declare type Value = SimpleValueType | Array<SimpleValueType> | Array<Array<SimpleValueType>>;
+export type SimpleValueType = string | number | CascaderData;
+export type Value = SimpleValueType | Array<SimpleValueType> | Array<Array<SimpleValueType>>;
 export interface CascaderProps extends BasicCascaderProps {
     'aria-describedby'?: React.AriaAttributes['aria-describedby'];
     'aria-errormessage'?: React.AriaAttributes['aria-errormessage'];