perf: carousel

ZhongAnTech · May 8, 2023 · 1403faf · 1403faf
1 parent de00ef8
commit 1403faf
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/packages/zarm/src/carousel/index.tsx b/packages/zarm/src/carousel/index.tsx
@@ -257,8 +257,13 @@ const Carousel = forwardRef<CarouselHTMLElement, CarouselProps>((props, ref) =>
   );
 
   useEffect(() => {
-    if (!autoPlay || isDragging) return;
-    const interval = window.setInterval(() => {
+    if (!autoPlay || count <= 1) return;
+    let interval;
+    if (isDragging) {
+      interval && window.clearInterval(interval);
+      return;
+    }
+    interval = window.setInterval(() => {
       if (!loop && stateRef.current.activeIndex === count) {
         interval && clearInterval(interval);
         return false;

diff --git a/packages/zarm/src/carousel/style/component.scss b/packages/zarm/src/carousel/style/component.scss
@@ -12,7 +12,7 @@
 
   @include e(items) {
     display: flex;
-    transform-style: preserve-3d;
+    // transform-style: preserve-3d;
     transition-property: transform;
   }