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

package/lib/cjs/card/cardGroup.js

@@ -4,48 +4,34 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/card/constants");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _space = _interopRequireDefault(require("../space"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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; }
-
 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 CardGroup extends _react.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 = (0, _classnames.default)(`${prefixcls}-group`, className, {
       [`${prefixcls}-group-grid`]: isGrid
@@ -57,9 +43,7 @@ class CardGroup extends _react.PureComponent {
       style: style
     }, others), children);
   }
-
 }
-
 CardGroup.propTypes = {
   children: _propTypes.default.node,
   className: _propTypes.default.string,

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

@@ -4,52 +4,32 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isString2 = _interopRequireDefault(require("lodash/isString"));
-
 var _omit2 = _interopRequireDefault(require("lodash/omit"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/card/constants");
-
 require("@douyinfe/semi-foundation/lib/cjs/card/card.css");
-
 var _meta = _interopRequireDefault(require("./meta"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _skeleton = _interopRequireDefault(require("../skeleton"));
-
 var _typography = _interopRequireDefault(require("../typography"));
-
 var _space = _interopRequireDefault(require("../space"));
-
 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 Card extends _react.PureComponent {
   constructor() {
     super(...arguments);
-
     this.renderHeader = () => {
       const {
         title,
@@ -65,7 +45,6 @@ class Card extends _react.PureComponent {
       const titleCls = (0, _classnames.default)(`${prefixcls}-header-wrapper-title`, {
         [`${prefixcls}-header-wrapper-spacing`]: Boolean(headerExtraContent)
       });
-
       if (header || headerExtraContent || title) {
         return /*#__PURE__*/_react.default.createElement("div", {
           style: headerStyle,
@@ -89,10 +68,8 @@ class Card extends _react.PureComponent {
           "x-semi-prop": "title"
         }, title) : title)));
       }
-
       return null;
     };
-
     this.renderCover = () => {
       const {
         cover
@@ -103,7 +80,6 @@ class Card extends _react.PureComponent {
         "x-semi-prop": "cover"
       }, cover);
     };
-
     this.renderBody = () => {
       const {
         bodyStyle,
@@ -114,11 +90,9 @@ class Card extends _react.PureComponent {
       const bodyCls = (0, _classnames.default)(`${prefixcls}-body`);
       const actionsCls = (0, _classnames.default)(`${prefixcls}-body-actions`);
       const actionsItemCls = (0, _classnames.default)(`${prefixcls}-body-actions-item`);
-
       const placeholder = /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_skeleton.default.Title, null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_skeleton.default.Paragraph, {
         rows: 3
       }));
-
       return /*#__PURE__*/_react.default.createElement("div", {
         style: bodyStyle,
         className: bodyCls
@@ -136,7 +110,6 @@ class Card extends _react.PureComponent {
         "x-semi-prop": `actions.${idx}`
       }, item)))));
     };
-
     this.renderFooter = () => {
       const {
         footer,
@@ -153,17 +126,15 @@ class Card extends _react.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 = (0, _omit2.default)(otherProps, ['actions', 'bodyStyle', 'cover', 'headerExtraContent', 'footer', 'footerLine', 'footerStyle', 'header', 'headerLine', 'headerStyle', 'loading', 'title']);
     const cardCls = (0, _classnames.default)(prefixcls, className, {
       [`${prefixcls}-bordered`]: bordered,
@@ -176,9 +147,7 @@ class Card extends _react.PureComponent {
       style: style
     }), this.renderHeader(), this.renderCover(), this.renderBody(), this.renderFooter());
   }
-
 }
-
 Card.Meta = _meta.default;
 Card.propTypes = {
   actions: _propTypes.default.array,

package/lib/cjs/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/cjs/card/meta.js

@@ -4,60 +4,43 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/card/constants");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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; }
-
 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 Meta extends _react.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 = (0, _classnames.default)(`${prefixcls}-meta`, className);
-
     const avatarNode = avatar && /*#__PURE__*/_react.default.createElement("div", {
       className: `${prefixcls}-meta-avatar`
     }, avatar);
-
     const titleNode = title && /*#__PURE__*/_react.default.createElement("div", {
       className: `${prefixcls}-meta-wrapper-title`
     }, title);
-
     const descriptionNode = description && /*#__PURE__*/_react.default.createElement("div", {
       className: `${prefixcls}-meta-wrapper-description`
     }, description);
-
     const wrapper = title || description ? /*#__PURE__*/_react.default.createElement("div", {
       className: `${prefixcls}-meta-wrapper`
     }, titleNode, descriptionNode) : null;
@@ -66,9 +49,7 @@ class Meta extends _react.PureComponent {
       style: style
     }), avatarNode, wrapper);
   }
-
 }
-
 Meta.propTypes = {
   avatar: _propTypes.default.node,
   className: _propTypes.default.string,

package/lib/cjs/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/cjs/carousel/CarouselArrow.js

@@ -4,33 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/carousel/constants");
-
 var _semiIcons = require("@douyinfe/semi-icons");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable jsx-a11y/click-events-have-key-events */
-
 /* eslint-disable jsx-a11y/no-static-element-interactions */
+
 class CarouselArrow extends _react.default.PureComponent {
   constructor() {
     super(...arguments);
-
     this.renderLeftIcon = () => {
       return (0, _get2.default)(this.props, 'arrowProps.leftArrow.children', /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronLeft, {
         "aria-label": "Previous index",
         size: "inherit"
       }));
     };
-
     this.renderRightIcon = () => {
       return (0, _get2.default)(this.props, 'arrowProps.rightArrow.children', /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronRight, {
         "aria-label": "Next index",
@@ -38,7 +29,6 @@ class CarouselArrow extends _react.default.PureComponent {
       }));
     };
   }
-
   render() {
     const {
       type,
@@ -76,8 +66,6 @@ class CarouselArrow extends _react.default.PureComponent {
       "x-semi-prop": "arrowProps.rightArrow.children"
     }), this.renderRightIcon()));
   }
-
 }
-
 var _default = CarouselArrow;
 exports.default = _default;

package/lib/cjs/carousel/CarouselIndicator.js

@@ -4,63 +4,45 @@ 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 _constants = require("@douyinfe/semi-foundation/lib/cjs/carousel/constants");
-
 var _getDataAttr = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/getDataAttr"));
-
 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;
 };
 /* eslint-disable jsx-a11y/no-static-element-interactions */
-
 /* eslint-disable jsx-a11y/click-events-have-key-events */
-
-
 class CarouselIndicator extends _react.default.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,
@@ -69,7 +51,6 @@ class CarouselIndicator extends _react.default.PureComponent {
       activeIndex
     } = this.props;
     const indicatorContent = [];
-
     for (let i = 0; i < total; i++) {
       indicatorContent.push( /*#__PURE__*/_react.default.createElement("span", {
         // role='none' 
@@ -84,22 +65,19 @@ class CarouselIndicator extends _react.default.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 = (0, _classnames.default)(className, {
       [_constants.cssClasses.CAROUSEL_INDICATOR]: true,
       [`${_constants.cssClasses.CAROUSEL_INDICATOR}-${type}`]: type,
@@ -111,9 +89,7 @@ class CarouselIndicator extends _react.default.PureComponent {
       style: style
     }, (0, _getDataAttr.default)(restProps)), indicatorContent);
   }
-
 }
-
 CarouselIndicator.propTypes = {
   activeKey: _propTypes.default.number,
   className: _propTypes.default.string,

package/lib/cjs/carousel/index.js

@@ -4,94 +4,67 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
-
 var _debounce2 = _interopRequireDefault(require("lodash/debounce"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/carousel/constants");
-
 var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/carousel/foundation"));
-
 var _CarouselIndicator = _interopRequireDefault(require("./CarouselIndicator"));
-
 var _CarouselArrow = _interopRequireDefault(require("./CarouselArrow"));
-
 require("@douyinfe/semi-foundation/lib/cjs/carousel/carousel.css");
-
 var _isNullOrUndefined = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/isNullOrUndefined"));
-
 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 }; }
-
 /* eslint-disable jsx-a11y/no-static-element-interactions */
+
 class Carousel extends _baseComponent.default {
   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
@@ -100,11 +73,9 @@ class Carousel extends _baseComponent.default {
         return /*#__PURE__*/_react.default.isValidElement(child);
       });
     };
-
     this.getValidIndex = activeIndex => {
       return this.foundation.getValidIndex(activeIndex);
     };
-
     this.renderChildren = () => {
       const {
         speed,
@@ -140,7 +111,6 @@ class Carousel extends _baseComponent.default {
         });
       }));
     };
-
     this.renderIndicator = () => {
       const {
         children,
@@ -157,7 +127,6 @@ class Carousel extends _baseComponent.default {
       const carouselIndicatorCls = (0, _classnames.default)({
         [_constants.cssClasses.CAROUSEL_INDICATOR]: true
       });
-
       if (showIndicator && children.length > 1) {
         return /*#__PURE__*/_react.default.createElement("div", {
           className: carouselIndicatorCls
@@ -172,10 +141,8 @@ class Carousel extends _baseComponent.default {
           onIndicatorChange: this.onIndicatorChange
         }));
       }
-
       return null;
     };
-
     this.renderArrow = () => {
       const {
         children
@@ -186,7 +153,6 @@ class Carousel extends _baseComponent.default {
         theme,
         arrowProps
       } = this.props;
-
       if (showArrow && children.length > 1) {
         return /*#__PURE__*/_react.default.createElement(_CarouselArrow.default, {
           type: arrowType,
@@ -196,10 +162,8 @@ class Carousel extends _baseComponent.default {
           arrowProps: arrowProps
         });
       }
-
       return null;
     };
-
     this.foundation = new _foundation.default(this.adapter);
     const defaultActiveIndex = this.foundation.getDefaultActiveIndex();
     this.state = {
@@ -210,7 +174,6 @@ class Carousel extends _baseComponent.default {
       isInit: true
     };
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       notifyChange: (activeIndex, preIndex) => {
@@ -238,37 +201,28 @@ class Carousel extends _baseComponent.default {
       }
     });
   }
-
   static getDerivedStateFromProps(props, state) {
     const states = {};
-
     if (!(0, _isNullOrUndefined.default)(props.activeIndex) && props.activeIndex !== state.activeIndex) {
       states.activeIndex = props.activeIndex;
     }
-
     return states;
   }
-
   componentDidMount() {
     this.handleAutoPlay();
   }
-
   componentDidUpdate(prevProps, prevState, snapshot) {
     const prevChildrenKeys = _react.default.Children.toArray(prevProps.children).map(child => /*#__PURE__*/(0, _react.isValidElement)(child) ? child.key : null);
-
     const nowChildrenKeys = _react.default.Children.toArray(this.props.children).map(child => /*#__PURE__*/(0, _react.isValidElement)(child) ? child.key : null);
-
     if (!(0, _isEqual2.default)(prevChildrenKeys, nowChildrenKeys)) {
       this.setState({
         children: this.getChildren()
       });
     }
   }
-
   componentWillUnmount() {
     this.foundation.destroy();
   }
-
   render() {
     const {
       animation,
@@ -297,9 +251,7 @@ class Carousel extends _baseComponent.default {
       "x-semi-prop": "children"
     }, this.renderChildren()), this.renderIndicator(), this.renderArrow());
   }
-
 }
-
 Carousel.propTypes = {
   activeIndex: _propTypes.default.number,
   animation: _propTypes.default.oneOf(_constants.strings.ANIMATION_MAP),