fix: 数据滚动添加swiper回调

packages/base-components/DataCarousel/package.json

 {
   "name": "@wisdom-components/dataCarousel",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "@wisdom-components/dataCarousel",
   "author": "hongmin",
   "homepage": "",

packages/base-components/DataCarousel/src/demos/Basic.tsx

@@ -27,10 +27,13 @@ function Demo() {
       </div>
     );
   };
+  const onSwiper = (swiper) => {
+    console.log('🚀 ~ swiper', swiper);
+  };
   return (
     <div style={{ width: '100%' }}>
       <div style={{ width: '300px', height: '200px', background: 'rgba(0,0,0,0.2)' }}>
-        <DataCarousel list={list} renderItem={renderItem}></DataCarousel>
+        <DataCarousel list={list} renderItem={renderItem} onSwiper={onSwiper}></DataCarousel>
       </div>
       <br />
     </div>

packages/base-components/DataCarousel/src/index.js

@@ -14,7 +14,16 @@ import 'swiper/swiper.min.css';
 import styles from './index.less';
 SwiperCore.use([Autoplay, Pagination, Navigation]);
 
-const DataCarousel = ({ list, itemHeight, gap, renderItem, renderGap, config, autoplay }) => {
+const DataCarousel = ({
+  list,
+  itemHeight,
+  gap,
+  renderItem,
+  renderGap,
+  config,
+  autoplay,
+  onSwiper,
+}) => {
   const contentRef = useRef(null);
   const [colNum, setColNum] = useState(0);
   const [listData, setListData] = useState([]);
@@ -75,6 +84,7 @@ const DataCarousel = ({ list, itemHeight, gap, renderItem, renderGap, config, au
             direction="vertical"
             onSlideChange={(e) => {}}
             onSwiper={(swiper) => {
+              onSwiper && onSwiper(swiper);
               //鼠标悬浮暂停效果
               swiper.$el[0].addEventListener('mouseover', () => swiper.autoplay.stop());
               //鼠标移开后继续自动滚屏效果