tdesign-react 0.27.1 → 0.29.0

package/esm/steps/Steps.js

@@ -1,34 +1,34 @@
 /**
- * tdesign v0.27.1
+ * tdesign v0.29.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-c559390e.js';
+import { _ as _defineProperty } from '../_chunks/dep-78f321a0.js';
 import React, { useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';
 import StepItem from './StepItem.js';
 import StepsContext from './StepsContext.js';
-import '../_chunks/dep-e3f6d1c5.js';
-import '../_chunks/dep-5099a517.js';
-import '../_chunks/dep-4ff5adb0.js';
-import '../_chunks/dep-368e4a27.js';
-import '../_chunks/dep-f6f6c737.js';
-import '../_chunks/dep-fcf18d7f.js';
-import '../_chunks/dep-f47dd9f2.js';
-import '../_chunks/dep-21a072aa.js';
-import '../_chunks/dep-7bf5d52e.js';
-import '../_chunks/dep-b548e753.js';
-import '../_chunks/dep-07f207ee.js';
-import '../_chunks/dep-f643a128.js';
-import '../_chunks/dep-c422ba85.js';
-import '../_chunks/dep-1267d825.js';
-import '../_chunks/dep-1ce426bf.js';
-import '../_chunks/dep-8b85d2d1.js';
-import '../_chunks/dep-de30b3ee.js';
-import '../_chunks/dep-8f09dacb.js';
-import '../_chunks/dep-6f799e1f.js';
+import '../_chunks/dep-8b4d9db6.js';
+import '../_chunks/dep-9ab77a39.js';
+import '../_chunks/dep-eb0f021a.js';
+import '../_chunks/dep-db764550.js';
+import '../_chunks/dep-9dc44d0a.js';
+import '../_chunks/dep-8aa2c906.js';
+import '../_chunks/dep-b6b2aed8.js';
+import '../_chunks/dep-cec87786.js';
+import '../_chunks/dep-72183a2a.js';
+import '../_chunks/dep-8fda4184.js';
+import '../_chunks/dep-ea5f44a6.js';
+import '../_chunks/dep-84011bbc.js';
+import '../_chunks/dep-57f08aea.js';
+import '../_chunks/dep-4c657685.js';
+import '../_chunks/dep-1f39069a.js';
+import '../_chunks/dep-a6f7ee47.js';
+import '../_chunks/dep-35137444.js';
+import '../_chunks/dep-2982e386.js';
+import '../_chunks/dep-a4eea765.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';
 import '../config-provider/zh_CN_config.js';

package/esm/steps/StepsContext.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.27.1
+ * tdesign v0.29.0
  * (c) 2022 tdesign
  * @license MIT
  */

package/esm/steps/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.27.1
+ * tdesign v0.29.0
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -7,29 +7,29 @@
 import Steps$1 from './Steps.js';
 import './style/index.js';
 import './type.js';
-import '../_chunks/dep-c559390e.js';
+import '../_chunks/dep-78f321a0.js';
 import 'react';
 import 'classnames';
 import '../_util/useConfig.js';
-import '../_chunks/dep-e3f6d1c5.js';
-import '../_chunks/dep-5099a517.js';
-import '../_chunks/dep-4ff5adb0.js';
-import '../_chunks/dep-368e4a27.js';
-import '../_chunks/dep-f6f6c737.js';
-import '../_chunks/dep-fcf18d7f.js';
-import '../_chunks/dep-f47dd9f2.js';
-import '../_chunks/dep-21a072aa.js';
-import '../_chunks/dep-7bf5d52e.js';
-import '../_chunks/dep-b548e753.js';
-import '../_chunks/dep-07f207ee.js';
-import '../_chunks/dep-f643a128.js';
-import '../_chunks/dep-c422ba85.js';
-import '../_chunks/dep-1267d825.js';
-import '../_chunks/dep-1ce426bf.js';
-import '../_chunks/dep-8b85d2d1.js';
-import '../_chunks/dep-de30b3ee.js';
-import '../_chunks/dep-8f09dacb.js';
-import '../_chunks/dep-6f799e1f.js';
+import '../_chunks/dep-8b4d9db6.js';
+import '../_chunks/dep-9ab77a39.js';
+import '../_chunks/dep-eb0f021a.js';
+import '../_chunks/dep-db764550.js';
+import '../_chunks/dep-9dc44d0a.js';
+import '../_chunks/dep-8aa2c906.js';
+import '../_chunks/dep-b6b2aed8.js';
+import '../_chunks/dep-cec87786.js';
+import '../_chunks/dep-72183a2a.js';
+import '../_chunks/dep-8fda4184.js';
+import '../_chunks/dep-ea5f44a6.js';
+import '../_chunks/dep-84011bbc.js';
+import '../_chunks/dep-57f08aea.js';
+import '../_chunks/dep-4c657685.js';
+import '../_chunks/dep-1f39069a.js';
+import '../_chunks/dep-a6f7ee47.js';
+import '../_chunks/dep-35137444.js';
+import '../_chunks/dep-2982e386.js';
+import '../_chunks/dep-a4eea765.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';
 import '../config-provider/zh_CN_config.js';

package/esm/steps/type.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.27.1
+ * tdesign v0.29.0
  * (c) 2022 tdesign
  * @license MIT
  */

package/esm/sticky-tool/type.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.27.1
+ * tdesign v0.29.0
  * (c) 2022 tdesign
  * @license MIT
  */

package/esm/swiper/Swiper.js

@@ -1,36 +1,37 @@
 /**
- * tdesign v0.27.1
+ * tdesign v0.29.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-c559390e.js';
-import { _ as _slicedToArray } from '../_chunks/dep-4232d2a7.js';
-import React, { useState, useRef, useMemo, useCallback, useEffect } from 'react';
+import { _ as _slicedToArray } from '../_chunks/dep-301990d4.js';
+import { _ as _defineProperty } from '../_chunks/dep-78f321a0.js';
+import React, { isValidElement, useState, useRef, useMemo, useCallback, useEffect } from 'react';
 import classNames from 'classnames';
+import { ChevronLeftIcon, ChevronRightIcon } from 'tdesign-icons-react';
 import useConfig from '../_util/useConfig.js';
 import noop from '../_util/noop.js';
 import SwiperItem from './SwiperItem.js';
-import '../_chunks/dep-27fdea65.js';
-import '../_chunks/dep-e3f6d1c5.js';
-import '../_chunks/dep-5099a517.js';
-import '../_chunks/dep-4ff5adb0.js';
-import '../_chunks/dep-368e4a27.js';
-import '../_chunks/dep-f6f6c737.js';
-import '../_chunks/dep-fcf18d7f.js';
-import '../_chunks/dep-f47dd9f2.js';
-import '../_chunks/dep-21a072aa.js';
-import '../_chunks/dep-7bf5d52e.js';
-import '../_chunks/dep-b548e753.js';
-import '../_chunks/dep-07f207ee.js';
-import '../_chunks/dep-f643a128.js';
-import '../_chunks/dep-c422ba85.js';
-import '../_chunks/dep-1267d825.js';
-import '../_chunks/dep-1ce426bf.js';
-import '../_chunks/dep-8b85d2d1.js';
-import '../_chunks/dep-de30b3ee.js';
-import '../_chunks/dep-8f09dacb.js';
-import '../_chunks/dep-6f799e1f.js';
+import '../_chunks/dep-c7ef814a.js';
+import '../_chunks/dep-8b4d9db6.js';
+import '../_chunks/dep-9ab77a39.js';
+import '../_chunks/dep-eb0f021a.js';
+import '../_chunks/dep-db764550.js';
+import '../_chunks/dep-9dc44d0a.js';
+import '../_chunks/dep-8aa2c906.js';
+import '../_chunks/dep-b6b2aed8.js';
+import '../_chunks/dep-cec87786.js';
+import '../_chunks/dep-72183a2a.js';
+import '../_chunks/dep-8fda4184.js';
+import '../_chunks/dep-ea5f44a6.js';
+import '../_chunks/dep-84011bbc.js';
+import '../_chunks/dep-57f08aea.js';
+import '../_chunks/dep-4c657685.js';
+import '../_chunks/dep-1f39069a.js';
+import '../_chunks/dep-a6f7ee47.js';
+import '../_chunks/dep-35137444.js';
+import '../_chunks/dep-2982e386.js';
+import '../_chunks/dep-a4eea765.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';
 import '../config-provider/zh_CN_config.js';
@@ -39,10 +40,41 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
+var CreateArrow = /* @__PURE__ */function (CreateArrow2) {
+  CreateArrow2["Default"] = "default";
+  CreateArrow2["Fraction"] = "fraction";
+  return CreateArrow2;
+}(CreateArrow || {});
+
+var ArrowClickDirection = /* @__PURE__ */function (ArrowClickDirection2) {
+  ArrowClickDirection2["Left"] = "left";
+  ArrowClickDirection2["Right"] = "right";
+  return ArrowClickDirection2;
+}(ArrowClickDirection || {});
+
+var MouseAction = /* @__PURE__ */function (MouseAction2) {
+  MouseAction2["Enter"] = "enter";
+  MouseAction2["Leave"] = "leave";
+  MouseAction2["Click"] = "click";
+  return MouseAction2;
+}(MouseAction || {});
+
+var defaultNavigation = {
+  placement: "inside",
+  showSlideBtn: "always",
+  size: "medium",
+  type: "bars"
+};
+
 var Swiper = function Swiper(props) {
-  var _props$autoplay = props.autoplay,
+  var _classnames4, _classnames5;
+
+  var _props$animation = props.animation,
+      animation = _props$animation === void 0 ? "slide" : _props$animation,
+      _props$autoplay = props.autoplay,
       autoplay = _props$autoplay === void 0 ? true : _props$autoplay,
-      current = props.current,
+      _props$current = props.current,
+      current = _props$current === void 0 ? 0 : _props$current,
       _props$defaultCurrent = props.defaultCurrent,
       defaultCurrent = _props$defaultCurrent === void 0 ? 0 : _props$defaultCurrent,
       _props$direction = props.direction,
@@ -51,27 +83,59 @@ var Swiper = function Swiper(props) {
       duration = _props$duration === void 0 ? 300 : _props$duration,
       _props$interval = props.interval,
       interval = _props$interval === void 0 ? 5e3 : _props$interval,
+      _props$trigger = props.trigger,
+      trigger = _props$trigger === void 0 ? "hover" : _props$trigger,
+      height = props.height,
+      _props$loop = props.loop,
+      loop = _props$loop === void 0 ? true : _props$loop,
+      _props$stopOnHover = props.stopOnHover,
+      stopOnHover = _props$stopOnHover === void 0 ? true : _props$stopOnHover,
       _props$onChange = props.onChange,
       onChange = _props$onChange === void 0 ? noop : _props$onChange,
       className = props.className,
-      children = props.children;
+      children = props.children,
+      navigation = props.navigation,
+      _props$type = props.type,
+      type = _props$type === void 0 ? "default" : _props$type;
 
   var _useConfig = useConfig(),
       classPrefix = _useConfig.classPrefix;
 
+  var navigationConfig = defaultNavigation;
+  var navigationNode = null;
+
+  if ( /*#__PURE__*/isValidElement(navigation)) {
+    navigationNode = navigation;
+  } else {
+    navigationConfig = _objectSpread(_objectSpread({}, defaultNavigation), navigation);
+  }
+
   var _useState = useState(defaultCurrent),
       _useState2 = _slicedToArray(_useState, 2),
       currentIndex = _useState2[0],
       setCurrentIndex = _useState2[1];
 
-  var _useState3 = useState(true),
+  var _useState3 = useState(false),
       _useState4 = _slicedToArray(_useState3, 2),
-      animation = _useState4[0],
-      setAnimation = _useState4[1];
+      needAnimation = _useState4[0],
+      setNeedAnimation = _useState4[1];
+
+  var _useState5 = useState(navigationConfig.showSlideBtn === "always"),
+      _useState6 = _slicedToArray(_useState5, 2),
+      arrowShow = _useState6[0],
+      setArrowShow = _useState6[1];
 
   var swiperTimer = useRef(null);
+  var swiperAnimationTimer = useRef(null);
   var isHovering = useRef(false);
-  var wrapperRef = useRef(null);
+  var swiperWrap = useRef(null);
+
+  var getWrapAttribute = function getWrapAttribute(attr) {
+    var _swiperWrap$current, _swiperWrap$current$p;
+
+    return (_swiperWrap$current = swiperWrap.current) === null || _swiperWrap$current === void 0 ? void 0 : (_swiperWrap$current$p = _swiperWrap$current.parentNode) === null || _swiperWrap$current$p === void 0 ? void 0 : _swiperWrap$current$p[attr];
+  };
+
   var childrenList = useMemo(function () {
     return React.Children.toArray(children).filter(function (child) {
       return child.type.displayName === SwiperItem.displayName;
@@ -79,22 +143,28 @@ var Swiper = function Swiper(props) {
   }, [children]);
   var childrenLength = childrenList.length;
   var swiperItemList = childrenList.map(function (child, index) {
-    return /*#__PURE__*/React.cloneElement(child, _objectSpread({
-      value: index
-    }, child.props));
+    return /*#__PURE__*/React.cloneElement(child, _objectSpread(_objectSpread({
+      key: index,
+      index: index,
+      currentIndex: currentIndex,
+      needAnimation: needAnimation,
+      childrenLength: childrenLength,
+      getWrapAttribute: getWrapAttribute
+    }, props), child.props));
   });
 
-  if (childrenLength > 0) {
+  if (childrenLength > 0 && type === "default") {
     var firstEle = swiperItemList[0];
     swiperItemList.push( /*#__PURE__*/React.cloneElement(firstEle, _objectSpread(_objectSpread({}, firstEle.props), {}, {
-      key: "".concat(firstEle.key, "-cloned")
+      key: childrenLength,
+      index: childrenLength
     })));
   }
 
   var swiperItemLength = swiperItemList.length;
   var swiperTo = useCallback(function (index, context) {
     onChange(index % childrenLength, context);
-    setAnimation(true);
+    setNeedAnimation(true);
     setCurrentIndex(index);
   }, [childrenLength, onChange]);
   var setTimer = useCallback(function () {
@@ -112,78 +182,241 @@ var Swiper = function Swiper(props) {
       swiperTimer.current = null;
     }
   }, []);
+  var isEnd = useCallback(function () {
+    if (type === "card") {
+      return !loop && currentIndex + 1 >= swiperItemLength;
+    }
+
+    return !loop && currentIndex + 2 >= swiperItemLength;
+  }, [loop, currentIndex, swiperItemLength, type]);
   useEffect(function () {
     if (current !== void 0) {
       swiperTo(current % childrenLength, {
-        source: ""
+        source: "autoplay"
       });
     }
   }, [current, childrenLength, swiperTo]);
   useEffect(function () {
-    if (!isHovering.current) {
-      clearTimer();
-      setTimer();
+    if (currentIndex + 1 > swiperItemLength && type === "card") {
+      return setCurrentIndex(0);
     }
-  }, [clearTimer, setTimer]);
-  useEffect(function () {
-    setTimeout(function () {
-      setAnimation(false);
 
-      if (currentIndex + 1 >= swiperItemLength) {
+    if (swiperAnimationTimer.current) {
+      clearTimeout(swiperAnimationTimer.current);
+      swiperAnimationTimer.current = null;
+    }
+
+    swiperAnimationTimer.current = setTimeout(function () {
+      setNeedAnimation(false);
+
+      if (isEnd()) {
+        clearTimer();
+      }
+
+      if (currentIndex + 1 >= swiperItemLength && type !== "card") {
         setCurrentIndex(0);
       }
     }, duration + 50);
-  }, [currentIndex, swiperItemLength, duration, direction]);
+  }, [currentIndex, swiperItemLength, duration, type, clearTimer, isEnd]);
+  useEffect(function () {
+    if (!isHovering.current || !stopOnHover) {
+      clearTimer();
+      setTimer();
+    }
+  }, [setTimer, clearTimer, stopOnHover]);
 
   var onMouseEnter = function onMouseEnter() {
     isHovering.current = true;
-    clearTimer();
+
+    if (stopOnHover) {
+      clearTimer();
+    }
+
+    if (navigationConfig.showSlideBtn === "hover") {
+      setArrowShow(true);
+    }
   };
 
   var onMouseLeave = function onMouseLeave() {
     isHovering.current = false;
-    setTimer();
+
+    if (!isEnd()) {
+      setTimer();
+    }
+
+    if (navigationConfig.showSlideBtn === "hover") {
+      setArrowShow(false);
+    }
   };
 
-  var wrapperStyle = {};
+  var navMouseAction = function navMouseAction(action, index) {
+    if (action === "enter"
+    /* Enter */
+    && trigger === "hover") {
+      swiperTo(index, {
+        source: "hover"
+      });
+    }
 
-  if (direction === "vertical") {
-    wrapperStyle = {
-      height: "".concat(swiperItemLength * 100, "%"),
-      top: "-".concat(currentIndex * 100, "%"),
-      transition: animation ? "top ".concat(duration / 1e3, "s") : ""
-    };
-  } else {
-    wrapperStyle = {
-      width: "".concat(swiperItemLength * 100, "%"),
-      left: "-".concat(currentIndex * 100, "%"),
-      transition: animation ? "left ".concat(duration / 1e3, "s") : ""
-    };
-  }
+    if (action === "click"
+    /* Click */
+    && trigger === "click") {
+      swiperTo(index, {
+        source: "click"
+      });
+    }
+  };
+
+  var arrowClick = function arrowClick(direction2) {
+    if (needAnimation) {
+      return false;
+    }
+
+    if (direction2 === "right"
+    /* Right */
+    ) {
+      if (type === "card") {
+        return swiperTo(currentIndex + 1 >= swiperItemLength ? 0 : currentIndex + 1, {
+          source: "click"
+        });
+      }
+
+      return swiperTo(currentIndex + 1, {
+        source: "click"
+      });
+    }
+
+    if (direction2 === "left"
+    /* Left */
+    ) {
+      if (currentIndex - 1 < 0) {
+        return swiperTo(childrenLength - 1, {
+          source: "click"
+        });
+      }
+
+      return swiperTo(currentIndex - 1, {
+        source: "click"
+      });
+    }
+  };
+
+  var createArrow = function createArrow(type2) {
+    if (!arrowShow) {
+      return "";
+    }
+
+    if (navigationConfig.type === "fraction" && type2 === "default"
+    /* Default */
+    ) {
+      return "";
+    }
+
+    var fractionIndex = currentIndex + 1 > childrenLength ? 1 : currentIndex + 1;
+    return /* @__PURE__ */React.createElement("div", {
+      className: classNames("".concat(classPrefix, "-swiper__arrow"), _defineProperty({}, "".concat(classPrefix, "-swiper__arrow--default"), type2 === "default"))
+    }, /* @__PURE__ */React.createElement("div", {
+      className: "".concat(classPrefix, "-swiper__arrow-left"),
+      onClick: function onClick() {
+        return arrowClick("left"
+        /* Left */
+        );
+      }
+    }, /* @__PURE__ */React.createElement(ChevronLeftIcon, null)), type2 === "fraction"
+    /* Fraction */
+    ? /* @__PURE__ */React.createElement("div", {
+      className: "".concat(classPrefix, "-swiper__navigation-text-fraction")
+    }, fractionIndex, "/", childrenLength) : "", /* @__PURE__ */React.createElement("div", {
+      className: "".concat(classPrefix, "-swiper__arrow-right"),
+      onClick: function onClick() {
+        return arrowClick("right"
+        /* Right */
+        );
+      }
+    }, /* @__PURE__ */React.createElement(ChevronRightIcon, null)));
+  };
+
+  var createNavigation = function createNavigation() {
+    if (navigationConfig.type === "fraction") {
+      return /* @__PURE__ */React.createElement("div", {
+        className: classNames("".concat(classPrefix, "-swiper__navigation"), "".concat(classPrefix, "-swiper__navigation--fraction"))
+      }, createArrow("fraction"
+      /* Fraction */
+      ));
+    }
+
+    return navigationNode ? /* @__PURE__ */React.createElement(React.Fragment, null, navigationNode) : /* @__PURE__ */React.createElement("ul", {
+      className: classNames("".concat(classPrefix, "-swiper__navigation"), _defineProperty({}, "".concat(classPrefix, "-swiper__navigation-bars"), navigationConfig.type === "bars"))
+    }, childrenList.map(function (_, i) {
+      return /* @__PURE__ */React.createElement("li", {
+        key: i,
+        className: classNames("".concat(classPrefix, "-swiper__navigation-item"), _defineProperty({}, "".concat(classPrefix, "-is-active"), i === currentIndex % childrenLength)),
+        onClick: function onClick() {
+          return navMouseAction("click"
+          /* Click */
+          , i);
+        },
+        onMouseEnter: function onMouseEnter() {
+          return navMouseAction("enter"
+          /* Enter */
+          , i);
+        },
+        onMouseLeave: function onMouseLeave() {
+          return navMouseAction("leave"
+          /* Leave */
+          , i);
+        }
+      }, /* @__PURE__ */React.createElement("span", null));
+    }));
+  };
+
+  var getWrapperStyle = function getWrapperStyle() {
+    var offsetHeight = height ? "".concat(height, "px") : "".concat(getWrapAttribute("offsetHeight"), "px");
+
+    if (type === "card" || animation === "fade") {
+      return {
+        height: offsetHeight
+      };
+    }
+
+    if (animation === "slide") {
+      if (direction === "vertical") {
+        return {
+          height: offsetHeight,
+          msTransform: "translate3d(0, -".concat(currentIndex * 100, "%, 0px)"),
+          WebkitTransform: "translate3d(0, -".concat(currentIndex * 100, "%, 0px)"),
+          transform: "translate3d(0, -".concat(currentIndex * 100, "%, 0px)"),
+          transition: needAnimation ? "transform ".concat(duration / 1e3, "s ease") : ""
+        };
+      }
+
+      return {
+        msTransform: "translate3d(-".concat(currentIndex * 100, "%, 0px, 0px)"),
+        WebkitTransform: "translate3d(-".concat(currentIndex * 100, "%, 0px, 0px)"),
+        transform: "translate3d(-".concat(currentIndex * 100, "%, 0px, 0px)"),
+        transition: needAnimation ? "transform ".concat(duration / 1e3, "s ease") : ""
+      };
+    }
+  };
 
   return /* @__PURE__ */React.createElement("div", {
     className: classNames("".concat(classPrefix, "-swiper"), className),
     onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave
+    onMouseLeave: onMouseLeave,
+    ref: swiperWrap
   }, /* @__PURE__ */React.createElement("div", {
-    className: "".concat(classPrefix, "-swiper__content")
+    className: classNames("".concat(classPrefix, "-swiper__wrap"), (_classnames4 = {}, _defineProperty(_classnames4, "".concat(classPrefix, "-swiper--inside"), navigationConfig.placement === "inside"), _defineProperty(_classnames4, "".concat(classPrefix, "-swiper--outside"), navigationConfig.placement === "outside"), _defineProperty(_classnames4, "".concat(classPrefix, "-swiper--vertical"), direction === "vertical"), _defineProperty(_classnames4, "".concat(classPrefix, "-swiper--large"), navigationConfig.size === "large"), _defineProperty(_classnames4, "".concat(classPrefix, "-swiper--small"), navigationConfig.size === "small"), _classnames4))
   }, /* @__PURE__ */React.createElement("div", {
-    ref: wrapperRef,
-    className: "".concat(classPrefix, "-swiper__swiper-wrap--").concat(direction),
-    style: wrapperStyle
-  }, swiperItemList)), /* @__PURE__ */React.createElement("ul", {
-    className: "".concat(classPrefix, "-swiper__trigger-wrap")
-  }, childrenList.map(function (_, i) {
-    return /* @__PURE__ */React.createElement("li", {
-      key: i,
-      className: i === currentIndex % childrenLength ? "".concat(classPrefix, "-swiper__trigger--active") : "",
-      onClick: function onClick() {
-        return swiperTo(i, {
-          source: "touch"
-        });
-      }
-    });
-  })));
+    className: classNames("".concat(classPrefix, "-swiper__content"), (_classnames5 = {}, _defineProperty(_classnames5, "".concat(classPrefix, "-swiper-fade"), animation === "fade"), _defineProperty(_classnames5, "".concat(classPrefix, "-swiper-card"), type === "card"), _classnames5)),
+    style: {
+      height: ""
+    }
+  }, /* @__PURE__ */React.createElement("div", {
+    className: "".concat(classPrefix, "-swiper__container"),
+    style: getWrapperStyle()
+  }, swiperItemList)), createNavigation(), createArrow("default"
+  /* Default */
+  )));
 };
 
 Swiper.SwiperItem = SwiperItem;