@chaoswise/ui 3.0.6 → 3.0.8

package/lib/Antd5/card/style/index.js

@@ -0,0 +1,287 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { unit } from '@ant-design/cssinjs';
+import { clearFix, resetComponent, textEllipsis } from '../../style';
+import { genStyleHooks, mergeToken } from '../../theme/internal';
+// ============================== Styles ==============================
+// ============================== Head ==============================
+var genCardHeadStyle = function genCardHeadStyle(token) {
+  var antCls = token.antCls,
+    componentCls = token.componentCls,
+    headerHeight = token.headerHeight,
+    cardPaddingBase = token.cardPaddingBase,
+    tabsMarginBottom = token.tabsMarginBottom;
+  return _objectSpread(_objectSpread({
+    display: 'flex',
+    justifyContent: 'center',
+    flexDirection: 'column',
+    minHeight: headerHeight,
+    marginBottom: -1,
+    // Fix card grid overflow bug: https://gw.alipayobjects.com/zos/rmsportal/XonYxBikwpgbqIQBeuhk.png
+    padding: "0 ".concat(unit(cardPaddingBase)),
+    color: token.colorTextHeading,
+    fontWeight: token.fontWeightStrong,
+    fontSize: token.headerFontSize,
+    background: token.headerBg,
+    borderBottom: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(token.colorBorderSecondary),
+    borderRadius: "".concat(unit(token.borderRadiusLG), " ").concat(unit(token.borderRadiusLG), " 0 0")
+  }, clearFix()), {}, _defineProperty({
+    '&-wrapper': {
+      width: '100%',
+      display: 'flex',
+      alignItems: 'center'
+    },
+    '&-title': _objectSpread(_objectSpread({
+      display: 'inline-block',
+      flex: 1
+    }, textEllipsis), {}, _defineProperty({}, "\n          > ".concat(componentCls, "-typography,\n          > ").concat(componentCls, "-typography-edit-content\n        "), {
+      insetInlineStart: 0,
+      marginTop: 0,
+      marginBottom: 0
+    }))
+  }, "".concat(antCls, "-tabs-top"), {
+    clear: 'both',
+    marginBottom: tabsMarginBottom,
+    color: token.colorText,
+    fontWeight: 'normal',
+    fontSize: token.fontSize,
+    '&-bar': {
+      borderBottom: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(token.colorBorderSecondary)
+    }
+  }));
+};
+// ============================== Grid ==============================
+var genCardGridStyle = function genCardGridStyle(token) {
+  var cardPaddingBase = token.cardPaddingBase,
+    colorBorderSecondary = token.colorBorderSecondary,
+    cardShadow = token.cardShadow,
+    lineWidth = token.lineWidth;
+  return {
+    width: '33.33%',
+    padding: cardPaddingBase,
+    border: 0,
+    borderRadius: 0,
+    boxShadow: "\n      ".concat(unit(lineWidth), " 0 0 0 ").concat(colorBorderSecondary, ",\n      0 ").concat(unit(lineWidth), " 0 0 ").concat(colorBorderSecondary, ",\n      ").concat(unit(lineWidth), " ").concat(unit(lineWidth), " 0 0 ").concat(colorBorderSecondary, ",\n      ").concat(unit(lineWidth), " 0 0 0 ").concat(colorBorderSecondary, " inset,\n      0 ").concat(unit(lineWidth), " 0 0 ").concat(colorBorderSecondary, " inset;\n    "),
+    transition: "all ".concat(token.motionDurationMid),
+    '&-hoverable:hover': {
+      position: 'relative',
+      zIndex: 1,
+      boxShadow: cardShadow
+    }
+  };
+};
+// ============================== Actions ==============================
+var genCardActionsStyle = function genCardActionsStyle(token) {
+  var componentCls = token.componentCls,
+    iconCls = token.iconCls,
+    actionsLiMargin = token.actionsLiMargin,
+    cardActionsIconSize = token.cardActionsIconSize,
+    colorBorderSecondary = token.colorBorderSecondary,
+    actionsBg = token.actionsBg;
+  return _objectSpread(_objectSpread({
+    margin: 0,
+    padding: 0,
+    listStyle: 'none',
+    background: actionsBg,
+    borderTop: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(colorBorderSecondary),
+    display: 'flex',
+    borderRadius: "0 0 ".concat(unit(token.borderRadiusLG), " ").concat(unit(token.borderRadiusLG))
+  }, clearFix()), {}, {
+    '& > li': {
+      margin: actionsLiMargin,
+      color: token.colorTextDescription,
+      textAlign: 'center',
+      '> span': _defineProperty(_defineProperty({
+        position: 'relative',
+        display: 'block',
+        minWidth: token.calc(token.cardActionsIconSize).mul(2).equal(),
+        fontSize: token.fontSize,
+        lineHeight: token.lineHeight,
+        cursor: 'pointer',
+        '&:hover': {
+          color: token.colorPrimary,
+          transition: "color ".concat(token.motionDurationMid)
+        }
+      }, "a:not(".concat(componentCls, "-btn), > ").concat(iconCls), {
+        display: 'inline-block',
+        width: '100%',
+        color: token.colorTextDescription,
+        lineHeight: unit(token.fontHeight),
+        transition: "color ".concat(token.motionDurationMid),
+        '&:hover': {
+          color: token.colorPrimary
+        }
+      }), "> ".concat(iconCls), {
+        fontSize: cardActionsIconSize,
+        lineHeight: unit(token.calc(cardActionsIconSize).mul(token.lineHeight).equal())
+      }),
+      '&:not(:last-child)': {
+        borderInlineEnd: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(colorBorderSecondary)
+      }
+    }
+  });
+};
+// ============================== Meta ==============================
+var genCardMetaStyle = function genCardMetaStyle(token) {
+  return _objectSpread(_objectSpread({
+    margin: "".concat(unit(token.calc(token.marginXXS).mul(-1).equal()), " 0"),
+    display: 'flex'
+  }, clearFix()), {}, {
+    '&-avatar': {
+      paddingInlineEnd: token.padding
+    },
+    '&-detail': {
+      overflow: 'hidden',
+      flex: 1,
+      '> div:not(:last-child)': {
+        marginBottom: token.marginXS
+      }
+    },
+    '&-title': _objectSpread({
+      color: token.colorTextHeading,
+      fontWeight: token.fontWeightStrong,
+      fontSize: token.fontSizeLG
+    }, textEllipsis),
+    '&-description': {
+      color: token.colorTextDescription
+    }
+  });
+};
+// ============================== Inner ==============================
+var genCardTypeInnerStyle = function genCardTypeInnerStyle(token) {
+  var componentCls = token.componentCls,
+    cardPaddingBase = token.cardPaddingBase,
+    colorFillAlter = token.colorFillAlter;
+  return _defineProperty(_defineProperty({}, "".concat(componentCls, "-head"), {
+    padding: "0 ".concat(unit(cardPaddingBase)),
+    background: colorFillAlter,
+    '&-title': {
+      fontSize: token.fontSize
+    }
+  }), "".concat(componentCls, "-body"), {
+    padding: "".concat(unit(token.padding), " ").concat(unit(cardPaddingBase))
+  });
+};
+// ============================== Loading ==============================
+var genCardLoadingStyle = function genCardLoadingStyle(token) {
+  var componentCls = token.componentCls;
+  return _defineProperty({
+    overflow: 'hidden'
+  }, "".concat(componentCls, "-body"), {
+    userSelect: 'none'
+  });
+};
+// ============================== Basic ==============================
+var genCardStyle = function genCardStyle(token) {
+  var antCls = token.antCls,
+    componentCls = token.componentCls,
+    cardShadow = token.cardShadow,
+    cardHeadPadding = token.cardHeadPadding,
+    colorBorderSecondary = token.colorBorderSecondary,
+    boxShadowTertiary = token.boxShadowTertiary,
+    cardPaddingBase = token.cardPaddingBase,
+    extraColor = token.extraColor;
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, componentCls, _objectSpread(_objectSpread({}, resetComponent(token)), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    position: 'relative',
+    background: token.colorBgContainer,
+    borderRadius: token.borderRadiusLG
+  }, "&:not(".concat(componentCls, "-bordered)"), {
+    boxShadow: boxShadowTertiary
+  }), "".concat(componentCls, "-head"), genCardHeadStyle(token)), "".concat(componentCls, "-extra"), {
+    // https://stackoverflow.com/a/22429853/3040605
+    marginInlineStart: 'auto',
+    color: extraColor,
+    fontWeight: 'normal',
+    fontSize: token.fontSize
+  }), "".concat(componentCls, "-body"), _objectSpread({
+    padding: cardPaddingBase,
+    borderRadius: "0 0 ".concat(unit(token.borderRadiusLG), " ").concat(unit(token.borderRadiusLG))
+  }, clearFix())), "".concat(componentCls, "-grid"), genCardGridStyle(token)), "".concat(componentCls, "-cover"), _defineProperty({
+    '> *': {
+      display: 'block',
+      width: '100%'
+    }
+  }, "img, img + ".concat(antCls, "-image-mask"), {
+    borderRadius: "".concat(unit(token.borderRadiusLG), " ").concat(unit(token.borderRadiusLG), " 0 0")
+  })), "".concat(componentCls, "-actions"), genCardActionsStyle(token)), "".concat(componentCls, "-meta"), genCardMetaStyle(token)))), "".concat(componentCls, "-bordered"), _defineProperty({
+    border: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(colorBorderSecondary)
+  }, "".concat(componentCls, "-cover"), {
+    marginTop: -1,
+    marginInlineStart: -1,
+    marginInlineEnd: -1
+  })), "".concat(componentCls, "-hoverable"), {
+    cursor: 'pointer',
+    transition: "box-shadow ".concat(token.motionDurationMid, ", border-color ").concat(token.motionDurationMid),
+    '&:hover': {
+      borderColor: 'transparent',
+      boxShadow: cardShadow
+    }
+  }), "".concat(componentCls, "-contain-grid"), _defineProperty(_defineProperty({
+    borderRadius: "".concat(unit(token.borderRadiusLG), " ").concat(unit(token.borderRadiusLG), " 0 0 ")
+  }, "".concat(componentCls, "-body"), {
+    display: 'flex',
+    flexWrap: 'wrap'
+  }), "&:not(".concat(componentCls, "-loading) ").concat(componentCls, "-body"), {
+    marginBlockStart: token.calc(token.lineWidth).mul(-1).equal(),
+    marginInlineStart: token.calc(token.lineWidth).mul(-1).equal(),
+    padding: 0
+  })), "".concat(componentCls, "-contain-tabs"), _defineProperty({}, "> div".concat(componentCls, "-head"), _defineProperty({
+    minHeight: 0
+  }, "".concat(componentCls, "-head-title, ").concat(componentCls, "-extra"), {
+    paddingTop: cardHeadPadding
+  }))), "".concat(componentCls, "-type-inner"), genCardTypeInnerStyle(token)), "".concat(componentCls, "-loading"), genCardLoadingStyle(token)), "".concat(componentCls, "-rtl"), {
+    direction: 'rtl'
+  });
+};
+// ============================== Size ==============================
+var genCardSizeStyle = function genCardSizeStyle(token) {
+  var componentCls = token.componentCls,
+    cardPaddingSM = token.cardPaddingSM,
+    headerHeightSM = token.headerHeightSM,
+    headerFontSizeSM = token.headerFontSizeSM;
+  return _defineProperty(_defineProperty({}, "".concat(componentCls, "-small"), _defineProperty(_defineProperty({}, "> ".concat(componentCls, "-head"), _defineProperty({
+    minHeight: headerHeightSM,
+    padding: "0 ".concat(unit(cardPaddingSM)),
+    fontSize: headerFontSizeSM
+  }, "> ".concat(componentCls, "-head-wrapper"), _defineProperty({}, "> ".concat(componentCls, "-extra"), {
+    fontSize: token.fontSize
+  }))), "> ".concat(componentCls, "-body"), {
+    padding: cardPaddingSM
+  })), "".concat(componentCls, "-small").concat(componentCls, "-contain-tabs"), _defineProperty({}, "> ".concat(componentCls, "-head"), _defineProperty({}, "".concat(componentCls, "-head-title, ").concat(componentCls, "-extra"), {
+    paddingTop: 0,
+    display: 'flex',
+    alignItems: 'center'
+  })));
+};
+export var prepareComponentToken = function prepareComponentToken(token) {
+  return {
+    headerBg: 'transparent',
+    headerFontSize: token.fontSizeLG,
+    headerFontSizeSM: token.fontSize,
+    headerHeight: token.fontSizeLG * token.lineHeightLG + token.padding * 2,
+    headerHeightSM: token.fontSize * token.lineHeight + token.paddingXS * 2,
+    actionsBg: token.colorBgContainer,
+    actionsLiMargin: "".concat(token.paddingSM, "px 0"),
+    tabsMarginBottom: -token.padding - token.lineWidth,
+    extraColor: token.colorText
+  };
+};
+// ============================== Export ==============================
+export default genStyleHooks('Card', function (token) {
+  var cardToken = mergeToken(token, {
+    cardShadow: token.boxShadowCard,
+    cardHeadPadding: token.padding,
+    cardPaddingBase: token.paddingLG,
+    cardActionsIconSize: token.fontSize,
+    cardPaddingSM: 12 // Fixed padding.
+  });
+  return [
+  // Style
+  genCardStyle(cardToken),
+  // Size
+  genCardSizeStyle(cardToken)];
+}, prepareComponentToken);

package/lib/Antd5/carousel/index.js

@@ -0,0 +1,120 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["currentSlide", "slideCount"],
+  _excluded2 = ["dots", "arrows", "prevArrow", "nextArrow", "draggable", "waitForAnimate", "dotPosition", "vertical", "rootClassName", "className", "style", "id"];
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import SlickCarousel from '@ant-design/react-slick';
+import classNames from 'classnames';
+import { ConfigContext } from '../config-provider';
+import useStyle from './style';
+function ArrowButton(_ref) {
+  var currentSlide = _ref.currentSlide,
+    slideCount = _ref.slideCount,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return _jsx("button", _objectSpread({
+    type: "button"
+  }, rest));
+}
+var Carousel = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _props$dots = props.dots,
+    dots = _props$dots === void 0 ? true : _props$dots,
+    _props$arrows = props.arrows,
+    arrows = _props$arrows === void 0 ? false : _props$arrows,
+    _props$prevArrow = props.prevArrow,
+    prevArrow = _props$prevArrow === void 0 ? _jsx(ArrowButton, {
+      "aria-label": "prev"
+    }) : _props$prevArrow,
+    _props$nextArrow = props.nextArrow,
+    nextArrow = _props$nextArrow === void 0 ? _jsx(ArrowButton, {
+      "aria-label": "next"
+    }) : _props$nextArrow,
+    _props$draggable = props.draggable,
+    draggable = _props$draggable === void 0 ? false : _props$draggable,
+    _props$waitForAnimate = props.waitForAnimate,
+    waitForAnimate = _props$waitForAnimate === void 0 ? false : _props$waitForAnimate,
+    _props$dotPosition = props.dotPosition,
+    dotPosition = _props$dotPosition === void 0 ? 'bottom' : _props$dotPosition,
+    _props$vertical = props.vertical,
+    vertical = _props$vertical === void 0 ? dotPosition === 'left' || dotPosition === 'right' : _props$vertical,
+    rootClassName = props.rootClassName,
+    customClassName = props.className,
+    style = props.style,
+    id = props.id,
+    otherProps = _objectWithoutProperties(props, _excluded2);
+  var _React$useContext = React.useContext(ConfigContext),
+    getPrefixCls = _React$useContext.getPrefixCls,
+    direction = _React$useContext.direction,
+    carousel = _React$useContext.carousel;
+  var slickRef = React.useRef();
+  var goTo = function goTo(slide) {
+    var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    slickRef.current.slickGoTo(slide, dontAnimate);
+  };
+  React.useImperativeHandle(ref, function () {
+    return {
+      goTo: goTo,
+      autoPlay: slickRef.current.innerSlider.autoPlay,
+      innerSlider: slickRef.current.innerSlider,
+      prev: slickRef.current.slickPrev,
+      next: slickRef.current.slickNext
+    };
+  }, [slickRef.current]);
+  var prevCount = React.useRef(React.Children.count(props.children));
+  React.useEffect(function () {
+    if (prevCount.current !== React.Children.count(props.children)) {
+      goTo(props.initialSlide || 0, false);
+      prevCount.current = React.Children.count(props.children);
+    }
+  }, [props.children]);
+  var newProps = _objectSpread({
+    vertical: vertical,
+    className: classNames(customClassName, carousel === null || carousel === void 0 ? void 0 : carousel.className),
+    style: _objectSpread(_objectSpread({}, carousel === null || carousel === void 0 ? void 0 : carousel.style), style)
+  }, otherProps);
+  if (newProps.effect === 'fade') {
+    newProps.fade = true;
+  }
+  var prefixCls = getPrefixCls('carousel', newProps.prefixCls);
+  var dotsClass = 'slick-dots';
+  var enableDots = !!dots;
+  var dsClass = classNames(dotsClass, "".concat(dotsClass, "-").concat(dotPosition), typeof dots === 'boolean' ? false : dots === null || dots === void 0 ? void 0 : dots.className);
+  var _useStyle = useStyle(prefixCls),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  var className = classNames(prefixCls, _defineProperty(_defineProperty({}, "".concat(prefixCls, "-rtl"), direction === 'rtl'), "".concat(prefixCls, "-vertical"), newProps.vertical), hashId, cssVarCls, rootClassName);
+  return wrapCSSVar(_jsx("div", {
+    className: className,
+    id: id,
+    children: _jsx(SlickCarousel, _objectSpread(_objectSpread({
+      ref: slickRef
+    }, newProps), {}, {
+      dots: enableDots,
+      dotsClass: dsClass,
+      arrows: arrows,
+      prevArrow: prevArrow,
+      nextArrow: nextArrow,
+      draggable: draggable,
+      verticalSwiping: vertical,
+      waitForAnimate: waitForAnimate
+    }))
+  }));
+});
+if (process.env.NODE_ENV !== 'production') {
+  Carousel.displayName = 'Carousel';
+}
+export default Carousel;