tdesign-react 0.27.0 → 0.28.0

package/esm/swiper/Swiper.js

@@ -1,36 +1,37 @@
 /**
- * tdesign v0.27.0
+ * tdesign v0.28.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-0dee7a0e.js';
-import { _ as _slicedToArray } from '../_chunks/dep-d5157cdb.js';
-import React, { useState, useRef, useMemo, useCallback, useEffect } from 'react';
+import { _ as _slicedToArray } from '../_chunks/dep-80ab7817.js';
+import { _ as _defineProperty } from '../_chunks/dep-b3f274e6.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-eef8ab0a.js';
-import '../_chunks/dep-0414ef9d.js';
-import '../_chunks/dep-c4d967ba.js';
-import '../_chunks/dep-a1a3d5a3.js';
-import '../_chunks/dep-c425244b.js';
-import '../_chunks/dep-ef11c265.js';
-import '../_chunks/dep-8b9d6408.js';
-import '../_chunks/dep-487c4043.js';
-import '../_chunks/dep-e2b8542f.js';
-import '../_chunks/dep-900064e4.js';
-import '../_chunks/dep-00d03701.js';
-import '../_chunks/dep-aef10af2.js';
-import '../_chunks/dep-a58e1dec.js';
-import '../_chunks/dep-efb50bf2.js';
-import '../_chunks/dep-ae13b294.js';
-import '../_chunks/dep-aedff59d.js';
-import '../_chunks/dep-80444892.js';
-import '../_chunks/dep-e9372759.js';
-import '../_chunks/dep-ca202387.js';
-import '../_chunks/dep-e838bdb4.js';
+import '../_chunks/dep-d9dba7f7.js';
+import '../_chunks/dep-6e074833.js';
+import '../_chunks/dep-151f48f7.js';
+import '../_chunks/dep-e75b3a36.js';
+import '../_chunks/dep-bae013d5.js';
+import '../_chunks/dep-104db64f.js';
+import '../_chunks/dep-bbc93b3b.js';
+import '../_chunks/dep-880a5ebd.js';
+import '../_chunks/dep-5c760193.js';
+import '../_chunks/dep-00edd605.js';
+import '../_chunks/dep-9e25e98e.js';
+import '../_chunks/dep-6aea4a72.js';
+import '../_chunks/dep-18190a86.js';
+import '../_chunks/dep-c1b098f3.js';
+import '../_chunks/dep-80125e94.js';
+import '../_chunks/dep-c3351e4f.js';
+import '../_chunks/dep-bff17e29.js';
+import '../_chunks/dep-6c8424d7.js';
+import '../_chunks/dep-69e0e6c3.js';
+import '../_chunks/dep-01ecbe32.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;

package/esm/swiper/Swiper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Swiper.js","sources":["../../src/swiper/Swiper.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback, useMemo, useRef } from 'react';\nimport classnames from 'classnames';\nimport useConfig from '../_util/useConfig';\nimport noop from '../_util/noop';\nimport { TdSwiperProps, SwiperChangeSource } from './type';\nimport { StyledProps } from '../common';\n\nimport SwiperItem from './SwiperItem';\n\nexport interface SwiperProps extends TdSwiperProps, StyledProps {\n  children?: React.ReactNode;\n}\n\nconst Swiper = (props: SwiperProps) => {\n  const {\n    // animation = 'slide', // 轮播切换动画效果类型（暂时没用）\n    autoplay = true, // 是否自动播放\n    current, // 当前轮播在哪一项（下标）\n    defaultCurrent = 0, // 当前轮播在哪一项（下标），非受控属性\n    direction = 'horizontal', // 轮播滑动方向，包括横向滑动和纵向滑动两个方向\n    duration = 300, // 滑动动画时长\n    interval = 5000, // 轮播间隔时间\n    onChange = noop, // 轮播切换时触发\n    className,\n    children,\n  } = props;\n  const { classPrefix } = useConfig();\n\n  const [currentIndex, setCurrentIndex] = useState(defaultCurrent);\n  const [animation, setAnimation] = useState(true);\n  const swiperTimer = useRef(null); // 计时器指针\n  const isHovering = useRef(false);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  // 进行子组件筛选，创建子节点列表\n  const childrenList = useMemo(\n    () =>\n      React.Children.toArray(children).filter(\n        (child: JSX.Element) => child.type.displayName === SwiperItem.displayName,\n      ),\n    [children],\n  );\n  const childrenLength = childrenList.length;\n\n  // 创建渲染用的节点列表\n  const swiperItemList = childrenList.map((child: JSX.Element, index: number) =>\n    React.cloneElement(child, { value: index, ...child.props }),\n  );\n  // 子节点不为空时，复制第一个子节点到列表最后\n  if (childrenLength > 0) {\n    const firstEle = swiperItemList[0];\n    swiperItemList.push(React.cloneElement(firstEle, { ...firstEle.props, key: `${firstEle.key}-cloned` }));\n  }\n  const swiperItemLength = swiperItemList.length;\n\n  // 统一跳转处理函数\n  const swiperTo = useCallback(\n    (index: number, context: { source: SwiperChangeSource }) => {\n      // 事件通知\n      onChange(index % childrenLength, context);\n      // 设置内部 index\n      setAnimation(true);\n      setCurrentIndex(index);\n    },\n    [childrenLength, onChange],\n  );\n\n  // 定时器\n  const setTimer = useCallback(() => {\n    if (autoplay && interval > 0) {\n      swiperTimer.current = setTimeout(\n        () => {\n          swiperTo(currentIndex + 1, { source: 'autoplay' });\n        },\n        currentIndex === 0 ? interval - (duration + 50) : interval, // 当 index 为 0 的时候，表明刚从克隆的最后一项跳转过来，已经经历了duration + 50 的间隔时间，减去即可\n      );\n    }\n  }, [autoplay, currentIndex, duration, interval, swiperTo]);\n  const clearTimer = useCallback(() => {\n    if (swiperTimer.current) {\n      clearTimeout(swiperTimer.current);\n      swiperTimer.current = null;\n    }\n  }, []);\n\n  // 监听 current 参数变化\n  useEffect(() => {\n    if (current !== undefined) {\n      swiperTo(current % childrenLength, { source: '' });\n    }\n  }, [current, childrenLength, swiperTo]);\n\n  // 在非鼠标 hover 状态时，添加切换下一个组件的定时器\n  useEffect(() => {\n    // 设置自动播放的定时器\n    if (!isHovering.current) {\n      clearTimer();\n      setTimer();\n    }\n  }, [clearTimer, setTimer]);\n\n  // 动画完成后取消 css 属性\n  useEffect(() => {\n    setTimeout(() => {\n      setAnimation(false);\n      if (currentIndex + 1 >= swiperItemLength) {\n        setCurrentIndex(0);\n      }\n    }, duration + 50); // 多 50ms 的间隔时间参考了 react-slick 的动画间隔取值\n  }, [currentIndex, swiperItemLength, duration, direction]);\n\n  // 鼠标移入移出事件\n  const onMouseEnter = () => {\n    isHovering.current = true;\n    clearTimer();\n  };\n  const onMouseLeave = () => {\n    isHovering.current = false;\n    setTimer();\n  };\n\n  // 构造 css 对象\n  // 加入了 translateZ 属性是为了使移动的 div 单独列为一个 layer 以提高滑动性能，参考：https://segmentfault.com/a/1190000010364647\n  let wrapperStyle = {};\n  if (direction === 'vertical') {\n    wrapperStyle = {\n      height: `${swiperItemLength * 100}%`,\n      top: `-${currentIndex * 100}%`,\n      transition: animation ? `top ${duration / 1000}s` : '',\n    };\n  } else {\n    wrapperStyle = {\n      width: `${swiperItemLength * 100}%`,\n      left: `-${currentIndex * 100}%`,\n      transition: animation ? `left ${duration / 1000}s` : '',\n    };\n  }\n\n  return (\n    <div\n      className={classnames(`${classPrefix}-swiper`, className)}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      {/* 渲染子节点 */}\n      <div className={`${classPrefix}-swiper__content`}>\n        <div ref={wrapperRef} className={`${classPrefix}-swiper__swiper-wrap--${direction}`} style={wrapperStyle}>\n          {swiperItemList}\n        </div>\n      </div>\n      {/* 渲染右侧切换小点 */}\n      <ul className={`${classPrefix}-swiper__trigger-wrap`}>\n        {childrenList.map((_: JSX.Element, i: number) => (\n          <li\n            key={i}\n            className={i === currentIndex % childrenLength ? `${classPrefix}-swiper__trigger--active` : ''}\n            onClick={() => swiperTo(i, { source: 'touch' })}\n          />\n        ))}\n      </ul>\n    </div>\n  );\n};\n\nSwiper.SwiperItem = SwiperItem;\nSwiper.displayName = 'Swiper';\n\nexport default Swiper;\n"],"names":["Swiper","props","autoplay","current","defaultCurrent","direction","duration","interval","onChange","noop","className","children","useConfig","classPrefix","useState","currentIndex","setCurrentIndex","animation","setAnimation","swiperTimer","useRef","isHovering","wrapperRef","childrenList","useMemo","React","Children","toArray","filter","child","type","displayName","SwiperItem","childrenLength","length","swiperItemList","map","index","cloneElement","value","firstEle","push","key","swiperItemLength","swiperTo","useCallback","context","setTimer","setTimeout","source","clearTimer","clearTimeout","useEffect","onMouseEnter","onMouseLeave","wrapperStyle","height","top","transition","width","left","createElement","classnames","ref","style","_","i","onClick"],"mappings":"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"}
+{"version":3,"file":"Swiper.js","sources":["../../src/swiper/Swiper.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback, useMemo, useRef, isValidElement } from 'react';\nimport classnames from 'classnames';\nimport { ChevronLeftIcon, ChevronRightIcon } from 'tdesign-icons-react';\nimport useConfig from '../_util/useConfig';\nimport noop from '../_util/noop';\nimport { TdSwiperProps, SwiperChangeSource, SwiperNavigation } from './type';\nimport { StyledProps } from '../common';\n\nimport SwiperItem from './SwiperItem';\n\nexport interface SwiperProps extends TdSwiperProps, StyledProps {\n  children?: React.ReactNode;\n}\n\nenum CreateArrow {\n  Default = 'default',\n  Fraction = 'fraction',\n}\n\nenum ArrowClickDirection {\n  Left = 'left',\n  Right = 'right',\n}\n\nenum MouseAction {\n  Enter = 'enter',\n  Leave = 'leave',\n  Click = 'click',\n}\n\nconst defaultNavigation: SwiperNavigation = {\n  placement: 'inside',\n  showSlideBtn: 'always',\n  size: 'medium',\n  type: 'bars',\n};\n\nconst Swiper = (props: SwiperProps) => {\n  const {\n    // theme\n    animation = 'slide', // 轮播切换动画效果类型\n    autoplay = true, // 是否自动播放\n    current = 0, // 当前轮播在哪一项（下标）\n    defaultCurrent = 0, // 当前轮播在哪一项（下标），非受控属性\n    direction = 'horizontal', // 轮播滑动方向，包括横向滑动和纵向滑动两个方向\n    duration = 300, // 滑动动画时长\n    interval = 5000, // 轮播间隔时间\n    trigger = 'hover',\n    height,\n    loop = true,\n    stopOnHover = true,\n    onChange = noop, // 轮播切换时触发\n    className,\n    children,\n    navigation,\n    type = 'default',\n  } = props;\n  const { classPrefix } = useConfig();\n\n  let navigationConfig = defaultNavigation;\n  let navigationNode = null;\n  if (isValidElement(navigation)) {\n    navigationNode = navigation;\n  } else {\n    navigationConfig = { ...defaultNavigation, ...(navigation as SwiperNavigation) };\n  }\n\n  const [currentIndex, setCurrentIndex] = useState(defaultCurrent);\n  const [needAnimation, setNeedAnimation] = useState(false);\n  const [arrowShow, setArrowShow] = useState(navigationConfig.showSlideBtn === 'always');\n  const swiperTimer = useRef(null); // 计时器指针\n  const swiperAnimationTimer = useRef(null); // 计时器指针\n  const isHovering = useRef(false);\n  const swiperWrap = useRef(null);\n\n  const getWrapAttribute = (attr) => swiperWrap.current?.parentNode?.[attr];\n\n  // 进行子组件筛选，创建子节点列表\n  const childrenList = useMemo(\n    () =>\n      React.Children.toArray(children).filter(\n        (child: JSX.Element) => child.type.displayName === SwiperItem.displayName,\n      ),\n    [children],\n  );\n  const childrenLength = childrenList.length;\n\n  // 创建渲染用的节点列表\n  const swiperItemList = childrenList.map((child: JSX.Element, index: number) =>\n    React.cloneElement(child, {\n      key: index,\n      index,\n      currentIndex,\n      needAnimation,\n      childrenLength,\n      getWrapAttribute,\n      ...props,\n      ...child.props,\n    }),\n  );\n  // 子节点不为空时，复制第一个子节点到列表最后\n  if (childrenLength > 0 && type === 'default') {\n    const firstEle = swiperItemList[0];\n    swiperItemList.push(\n      React.cloneElement(firstEle, { ...firstEle.props, key: childrenLength, index: childrenLength }),\n    );\n  }\n  const swiperItemLength = swiperItemList.length;\n\n  // 统一跳转处理函数\n  const swiperTo = useCallback(\n    (index: number, context: { source: SwiperChangeSource }) => {\n      // 事件通知\n      onChange(index % childrenLength, context);\n      // 设置内部 index\n      setNeedAnimation(true);\n      setCurrentIndex(index);\n    },\n    [childrenLength, onChange],\n  );\n\n  // 定时器\n  const setTimer = useCallback(() => {\n    if (autoplay && interval > 0) {\n      swiperTimer.current = setTimeout(\n        () => {\n          swiperTo(currentIndex + 1, { source: 'autoplay' });\n        },\n        currentIndex === 0 ? interval - (duration + 50) : interval, // 当 index 为 0 的时候，表明刚从克隆的最后一项跳转过来，已经经历了duration + 50 的间隔时间，减去即可\n      );\n    }\n  }, [autoplay, currentIndex, duration, interval, swiperTo]);\n\n  const clearTimer = useCallback(() => {\n    if (swiperTimer.current) {\n      clearTimeout(swiperTimer.current);\n      swiperTimer.current = null;\n    }\n  }, []);\n\n  const isEnd = useCallback(() => {\n    if (type === 'card') {\n      return !loop && currentIndex + 1 >= swiperItemLength;\n    }\n    return !loop && currentIndex + 2 >= swiperItemLength;\n  }, [loop, currentIndex, swiperItemLength, type]);\n\n  // 监听 current 参数变化\n  useEffect(() => {\n    if (current !== undefined) {\n      swiperTo(current % childrenLength, { source: 'autoplay' });\n    }\n  }, [current, childrenLength, swiperTo]);\n\n  // 监听每次轮播结束\n  useEffect(() => {\n    if (currentIndex + 1 > swiperItemLength && type === 'card') {\n      return setCurrentIndex(0);\n    }\n    if (swiperAnimationTimer.current) {\n      clearTimeout(swiperAnimationTimer.current);\n      swiperAnimationTimer.current = null;\n    }\n    swiperAnimationTimer.current = setTimeout(() => {\n      setNeedAnimation(false);\n      if (isEnd()) {\n        clearTimer();\n      }\n      if (currentIndex + 1 >= swiperItemLength && type !== 'card') {\n        setCurrentIndex(0);\n      }\n    }, duration + 50); // 多 50ms 的间隔时间参考了 react-slick 的动画间隔取值\n  }, [currentIndex, swiperItemLength, duration, type, clearTimer, isEnd]);\n\n  useEffect(() => {\n    if (!isHovering.current || !stopOnHover) {\n      clearTimer();\n      setTimer();\n    }\n  }, [setTimer, clearTimer, stopOnHover]);\n\n  // 鼠标移入移出事件\n  const onMouseEnter = () => {\n    isHovering.current = true;\n    if (stopOnHover) {\n      clearTimer();\n    }\n    if (navigationConfig.showSlideBtn === 'hover') {\n      setArrowShow(true);\n    }\n  };\n  const onMouseLeave = () => {\n    isHovering.current = false;\n    if (!isEnd()) {\n      setTimer();\n    }\n    if (navigationConfig.showSlideBtn === 'hover') {\n      setArrowShow(false);\n    }\n  };\n\n  const navMouseAction = (action: MouseAction, index: number) => {\n    if (action === MouseAction.Enter && trigger === 'hover') {\n      swiperTo(index, { source: 'hover' });\n    }\n    if (action === MouseAction.Click && trigger === 'click') {\n      swiperTo(index, { source: 'click' });\n    }\n  };\n\n  const arrowClick = (direction: ArrowClickDirection) => {\n    if (needAnimation) {\n      return false;\n    }\n    if (direction === ArrowClickDirection.Right) {\n      if (type === 'card') {\n        return swiperTo(currentIndex + 1 >= swiperItemLength ? 0 : currentIndex + 1, { source: 'click' });\n      }\n      return swiperTo(currentIndex + 1, { source: 'click' });\n    }\n    if (direction === ArrowClickDirection.Left) {\n      if (currentIndex - 1 < 0) {\n        return swiperTo(childrenLength - 1, { source: 'click' });\n      }\n      return swiperTo(currentIndex - 1, { source: 'click' });\n    }\n  };\n\n  const createArrow = (type: CreateArrow) => {\n    if (!arrowShow) {\n      return '';\n    }\n    if (navigationConfig.type === 'fraction' && type === CreateArrow.Default) {\n      return '';\n    }\n    const fractionIndex = currentIndex + 1 > childrenLength ? 1 : currentIndex + 1;\n    return (\n      <div\n        className={classnames(`${classPrefix}-swiper__arrow`, {\n          [`${classPrefix}-swiper__arrow--default`]: type === 'default',\n        })}\n      >\n        <div className={`${classPrefix}-swiper__arrow-left`} onClick={() => arrowClick(ArrowClickDirection.Left)}>\n          <ChevronLeftIcon />\n        </div>\n        {type === CreateArrow.Fraction ? (\n          <div className={`${classPrefix}-swiper__navigation-text-fraction`}>\n            {fractionIndex}/{childrenLength}\n          </div>\n        ) : (\n          ''\n        )}\n        <div className={`${classPrefix}-swiper__arrow-right`} onClick={() => arrowClick(ArrowClickDirection.Right)}>\n          <ChevronRightIcon />\n        </div>\n      </div>\n    );\n  };\n\n  const createNavigation = () => {\n    if (navigationConfig.type === 'fraction') {\n      return (\n        <div className={classnames(`${classPrefix}-swiper__navigation`, `${classPrefix}-swiper__navigation--fraction`)}>\n          {createArrow(CreateArrow.Fraction)}\n        </div>\n      );\n    }\n    return navigationNode ? (\n      <>{navigationNode}</>\n    ) : (\n      <ul\n        className={classnames(`${classPrefix}-swiper__navigation`, {\n          [`${classPrefix}-swiper__navigation-bars`]: navigationConfig.type === 'bars',\n        })}\n      >\n        {childrenList.map((_: JSX.Element, i: number) => (\n          <li\n            key={i}\n            className={classnames(`${classPrefix}-swiper__navigation-item`, {\n              [`${classPrefix}-is-active`]: i === currentIndex % childrenLength,\n            })}\n            onClick={() => navMouseAction(MouseAction.Click, i)}\n            onMouseEnter={() => navMouseAction(MouseAction.Enter, i)}\n            onMouseLeave={() => navMouseAction(MouseAction.Leave, i)}\n          >\n            <span></span>\n          </li>\n        ))}\n      </ul>\n    );\n  };\n\n  // 构造 css 对象\n  const getWrapperStyle = () => {\n    const offsetHeight = height ? `${height}px` : `${getWrapAttribute('offsetHeight')}px`;\n    if (type === 'card' || animation === 'fade') {\n      return {\n        height: offsetHeight,\n      };\n    }\n    if (animation === 'slide') {\n      if (direction === 'vertical') {\n        return {\n          height: offsetHeight,\n          msTransform: `translate3d(0, -${currentIndex * 100}%, 0px)`,\n          WebkitTransform: `translate3d(0, -${currentIndex * 100}%, 0px)`,\n          transform: `translate3d(0, -${currentIndex * 100}%, 0px)`,\n          transition: needAnimation ? `transform ${duration / 1000}s ease` : '',\n        };\n      }\n      return {\n        msTransform: `translate3d(-${currentIndex * 100}%, 0px, 0px)`,\n        WebkitTransform: `translate3d(-${currentIndex * 100}%, 0px, 0px)`,\n        transform: `translate3d(-${currentIndex * 100}%, 0px, 0px)`,\n        transition: needAnimation ? `transform ${duration / 1000}s ease` : '',\n      };\n    }\n  };\n\n  return (\n    <div\n      className={classnames(`${classPrefix}-swiper`, className)}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      ref={swiperWrap}\n    >\n      <div\n        className={classnames(`${classPrefix}-swiper__wrap`, {\n          [`${classPrefix}-swiper--inside`]: navigationConfig.placement === 'inside',\n          [`${classPrefix}-swiper--outside`]: navigationConfig.placement === 'outside',\n          [`${classPrefix}-swiper--vertical`]: direction === 'vertical',\n          [`${classPrefix}-swiper--large`]: navigationConfig.size === 'large',\n          [`${classPrefix}-swiper--small`]: navigationConfig.size === 'small',\n        })}\n      >\n        <div\n          className={classnames(`${classPrefix}-swiper__content`, {\n            [`${classPrefix}-swiper-fade`]: animation === 'fade',\n            [`${classPrefix}-swiper-card`]: type === 'card',\n          })}\n          style={{ height: '' }}\n        >\n          <div className={`${classPrefix}-swiper__container`} style={getWrapperStyle()}>\n            {swiperItemList}\n          </div>\n        </div>\n        {createNavigation()}\n        {createArrow(CreateArrow.Default)}\n      </div>\n    </div>\n  );\n};\n\nSwiper.SwiperItem = SwiperItem;\nSwiper.displayName = 'Swiper';\n\nexport default Swiper;\n"],"names":["CreateArrow","CreateArrow2","ArrowClickDirection","ArrowClickDirection2","MouseAction","MouseAction2","defaultNavigation","placement","showSlideBtn","size","type","Swiper","props","animation","autoplay","current","defaultCurrent","direction","duration","interval","trigger","height","loop","stopOnHover","onChange","noop","className","children","navigation","useConfig","classPrefix","navigationConfig","navigationNode","isValidElement","useState","currentIndex","setCurrentIndex","needAnimation","setNeedAnimation","arrowShow","setArrowShow","swiperTimer","useRef","swiperAnimationTimer","isHovering","swiperWrap","getWrapAttribute","attr","parentNode","childrenList","useMemo","React","Children","toArray","filter","child","displayName","SwiperItem","childrenLength","length","swiperItemList","map","index","cloneElement","key","firstEle","push","swiperItemLength","swiperTo","useCallback","context","setTimer","setTimeout","source","clearTimer","clearTimeout","isEnd","useEffect","onMouseEnter","onMouseLeave","navMouseAction","action","arrowClick","direction2","createArrow","type2","fractionIndex","createElement","classnames","onClick","ChevronLeftIcon","ChevronRightIcon","createNavigation","Fragment","_","i","getWrapperStyle","offsetHeight","msTransform","WebkitTransform","transform","transition","ref","style"],"mappings":"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"}

package/esm/swiper/SwiperItem.d.ts

@@ -1,7 +1,11 @@
-import React from 'react';
-import { StyledProps } from '../common';
-export interface SwiperItemProps extends StyledProps {
-    children?: React.ReactNode;
+/// <reference types="react" />
+import { SwiperProps } from './Swiper';
+export interface SwiperItemProps extends SwiperProps {
+    currentIndex?: number;
+    index?: number;
+    needAnimation?: boolean;
+    childrenLength?: number;
+    getWrapAttribute?: (attr: string) => number;
 }
 declare const SwiperItem: {
     (props: SwiperItemProps): JSX.Element;