unika-components 1.0.313 → 1.0.315

package/dist/src/components/SwiperPage/SwiperPage.vue.d.ts

@@ -21,7 +21,6 @@ declare const _default: import("vue").DefineComponent<{
     Controller: import("swiper/types").SwiperComponent;
     direction: string;
     upArrow: import("vue").Ref<boolean>;
-    slideChangeTransitionEnd: (e: any) => void;
     slideClasses: (index: number) => string[];
     filterProps: (props: Record<string, any>, keysToFilter: string[], isFilter: true) => Record<string, any>;
     switchPage: (index: number) => void;

package/dist/unika-components.css

@@ -5,6 +5,19 @@
 .uni-image-mask-wrapper {
   display: inline-block;
 }
+
+h2.uni-text-component, p.uni-text-component {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+button.uni-text-component {
+  padding: 5px 10px;
+  cursor: pointer;
+}
+.uni-text-component {
+  box-sizing: border-box;
+  white-space: pre-wrap;
+}
 
   .uni-video-component {
     position: relative;
@@ -26,19 +39,6 @@
   .play-pause-button:hover {
     background: rgba(0, 0, 0, 0.8);
   }
-
-h2.uni-text-component, p.uni-text-component {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-button.uni-text-component {
-  padding: 5px 10px;
-  cursor: pointer;
-}
-.uni-text-component {
-  box-sizing: border-box;
-  white-space: pre-wrap;
-}
 
 
 .uni-calendar-component {
@@ -157,10 +157,11 @@ body, html {
   font-size: 16px;
   color: #333;
 }
-
-.uni-svg-component {
-  display: inline-block;
-}
+
+.uni-lotties-component {
+  width: 100%;
+  height: 100%;
+}
 
 .ant-input-number {
   box-sizing: border-box;
@@ -218,11 +219,10 @@ body, html {
 
   .uni-build-up-component {
   }
-
-.uni-lotties-component {
-  width: 100%;
-  height: 100%;
-}
+
+.uni-svg-component {
+  display: inline-block;
+}
 /**
  * Swiper 6.8.4
  * Most modern mobile touch slider and framework with hardware accelerated transitions

package/dist/unika-components.esm.js

@@ -13210,53 +13210,7 @@ var SwiperSlide = {
   }
 };
 
-//隐藏元素
-const swiperAnimateCache = () => {
-    const allBoxes = window.document.documentElement.querySelectorAll(".animation");
-    for (let i = 0; i < allBoxes.length; i++) {
-        allBoxes[i].attributes["style"]
-            ? allBoxes[i].setAttribute("swiper-animate-style-cache", allBoxes[i].attributes["style"].value)
-            : allBoxes[i].setAttribute("swiper-animate-style-cache", " ");
-        allBoxes[i].style.visibility = "hidden";
-    }
-};
-// 开始动画
-const swiperAnimate = (a) => {
-    //每次添加的时候先把样式清除一遍
-    clearSwiperAnimate();
-    const b = a.slides[a.activeIndex].querySelectorAll(".animation");
-    for (let i = 0; i < b.length; i++) {
-        b[i].style.visibility = "visible";
-        const effect = b[i].attributes["swiper-animate-effect"]
-            ? b[i].attributes["swiper-animate-effect"].value
-            : "";
-        b[i].className = b[i].className + " " + effect + " " + "animated";
-        const duration = b[i].attributes["swiper-animate-duration"]
-            ? b[i].attributes["swiper-animate-duration"].value
-            : "";
-        // duration && style
-        const delay = b[i].attributes["swiper-animate-delay"]
-            ? b[i].attributes["swiper-animate-delay"].value
-            : "";
-        const style = b[i].attributes["style"].value + "animation-duration:" + duration + ";-webkit-animation-duration:" + duration + ";" + "animation-delay:" + delay + ";-webkit-animation-delay:" + delay + ";";
-        // delay && (style = style )
-        b[i].setAttribute("style", style);
-    }
-};
-// 清楚样式。 获取 .animation 类名，  注意这个所有的.animation 类名都会被获取，所以可以自己取
-const clearSwiperAnimate = () => {
-    const allBoxes = window.document.documentElement.querySelectorAll(".animation");
-    for (let i = 0; i < allBoxes.length; i++) {
-        allBoxes[i].attributes["swiper-animate-style-cache"] && allBoxes[i].setAttribute("style", allBoxes[i].attributes["swiper-animate-style-cache"].value);
-        allBoxes[i].style.visibility = "hidden";
-        allBoxes[i].className = allBoxes[i].className.replace("animated", " ");
-        const effectValue = allBoxes[i].attributes["swiper-animate-effect"].value;
-        /* eslint-disable-next-line */
-        allBoxes[i].attributes['swiper-animate-effect'] && (allBoxes[i].className = allBoxes[i].className.replace(effectValue, ' '));
-    }
-};
-
-SwiperCore.use([Pagination$1, EffectFade]);
+SwiperCore.use([Pagination$1, EffectFade, Controller$1]);
 function getComputedCSSText(style) {
     let cssText = '';
     for (const attr in style) {
@@ -13283,6 +13237,7 @@ var script$h = defineComponent({
         const componentRefs = ref(new Map());
         const currentPage = ref(0);
         const totalPages = ref(props.work && props.work.pages.length || 1); // 假设总页数为10
+        const slideChangeTriggered = ref(false); // 标志位，防止重复触发
         const setAnimationRef = (el) => {
             if (el) {
                 componentRefs.value.set(el.id, el);
@@ -13377,32 +13332,49 @@ var script$h = defineComponent({
         };
         const onSlideChange = (swiper) => {
             const currentIndex = swiper.activeIndex;
-            runAnimations(currentIndex);
-            callUniLottiesPlay(currentIndex);
-            if (currentIndex === swiper.slides.length - 1) {
-                upArrow.value = false;
-            }
-            else {
-                upArrow.value = true;
+            if (!slideChangeTriggered.value) {
+                currentPage.value = (currentIndex - 1);
+                if (currentPage.value == totalPages.value) {
+                    currentPage.value = 0;
+                }
+                console.log('aaaaaaaa');
+                console.log(totalPages.value);
+                console.log(currentIndex);
+                console.log(currentPage.value);
+                sendPageInfo();
+                try {
+                    runAnimations(currentIndex);
+                    callUniLottiesPlay(currentIndex);
+                }
+                catch (error) {
+                    console.error("Error in onSlideChange:", error);
+                }
+                if (currentIndex === swiper.slides.length - 1) {
+                    upArrow.value = false;
+                }
+                else {
+                    upArrow.value = true;
+                }
+                // swiperAnimate(swiper);
             }
-            swiperAnimate(swiper);
-            currentPage.value = (currentIndex - 1);
-            console.log('aaaaaaaa');
-            console.log(currentIndex);
-            console.log(currentPage.value);
-            sendPageInfo();
-        };
-        const slideChangeTransitionEnd = (e) => {
-            swiperAnimate(e);
+            slideChangeTriggered.value = false; // 重置标志位
         };
+        // const slideChangeTransitionEnd = (e: any) => {
+        //   swiperAnimate(e);
+        // }
         const controlledSwiper = ref();
         const onSwiper = (swiper) => {
             controlledSwiper.value = swiper;
-            swiperAnimateCache();
-            swiperAnimate(swiper);
+            // swiperAnimateCache();
+            // swiperAnimate(swiper);
             const currentIndex = swiper.activeIndex;
-            runAnimations(currentIndex);
-            callUniLottiesPlay(currentIndex);
+            try {
+                runAnimations(currentIndex);
+                callUniLottiesPlay(currentIndex);
+            }
+            catch (error) {
+                console.error("Error in onSlideChange:", error);
+            }
         };
         const direction = 'vertical';
         const slideClasses = (index) => {
@@ -13413,7 +13385,10 @@ var script$h = defineComponent({
             console.log(' switch page -----------');
             console.log(index);
             if (controlledSwiper.value) {
-                controlledSwiper.value.slideTo(index, 500);
+                slideChangeTriggered.value = true; // 设置标志位，防止 slideTo 引发的 onSlideChange 触发
+                if (controlledSwiper.value) {
+                    controlledSwiper.value.slideTo(index, 500);
+                }
             }
         };
         // 翻到下一页
@@ -13479,7 +13454,7 @@ var script$h = defineComponent({
             Controller: Controller$1,
             direction,
             upArrow,
-            slideChangeTransitionEnd,
+            // slideChangeTransitionEnd,
             slideClasses,
             filterProps,
             switchPage

package/dist/unika-components.umd.js

@@ -13217,53 +13217,7 @@
     }
   };
 
-  //隐藏元素
-  const swiperAnimateCache = () => {
-      const allBoxes = window.document.documentElement.querySelectorAll(".animation");
-      for (let i = 0; i < allBoxes.length; i++) {
-          allBoxes[i].attributes["style"]
-              ? allBoxes[i].setAttribute("swiper-animate-style-cache", allBoxes[i].attributes["style"].value)
-              : allBoxes[i].setAttribute("swiper-animate-style-cache", " ");
-          allBoxes[i].style.visibility = "hidden";
-      }
-  };
-  // 开始动画
-  const swiperAnimate = (a) => {
-      //每次添加的时候先把样式清除一遍
-      clearSwiperAnimate();
-      const b = a.slides[a.activeIndex].querySelectorAll(".animation");
-      for (let i = 0; i < b.length; i++) {
-          b[i].style.visibility = "visible";
-          const effect = b[i].attributes["swiper-animate-effect"]
-              ? b[i].attributes["swiper-animate-effect"].value
-              : "";
-          b[i].className = b[i].className + " " + effect + " " + "animated";
-          const duration = b[i].attributes["swiper-animate-duration"]
-              ? b[i].attributes["swiper-animate-duration"].value
-              : "";
-          // duration && style
-          const delay = b[i].attributes["swiper-animate-delay"]
-              ? b[i].attributes["swiper-animate-delay"].value
-              : "";
-          const style = b[i].attributes["style"].value + "animation-duration:" + duration + ";-webkit-animation-duration:" + duration + ";" + "animation-delay:" + delay + ";-webkit-animation-delay:" + delay + ";";
-          // delay && (style = style )
-          b[i].setAttribute("style", style);
-      }
-  };
-  // 清楚样式。 获取 .animation 类名，  注意这个所有的.animation 类名都会被获取，所以可以自己取
-  const clearSwiperAnimate = () => {
-      const allBoxes = window.document.documentElement.querySelectorAll(".animation");
-      for (let i = 0; i < allBoxes.length; i++) {
-          allBoxes[i].attributes["swiper-animate-style-cache"] && allBoxes[i].setAttribute("style", allBoxes[i].attributes["swiper-animate-style-cache"].value);
-          allBoxes[i].style.visibility = "hidden";
-          allBoxes[i].className = allBoxes[i].className.replace("animated", " ");
-          const effectValue = allBoxes[i].attributes["swiper-animate-effect"].value;
-          /* eslint-disable-next-line */
-          allBoxes[i].attributes['swiper-animate-effect'] && (allBoxes[i].className = allBoxes[i].className.replace(effectValue, ' '));
-      }
-  };
-
-  SwiperCore.use([Pagination$1, EffectFade]);
+  SwiperCore.use([Pagination$1, EffectFade, Controller$1]);
   function getComputedCSSText(style) {
       let cssText = '';
       for (const attr in style) {
@@ -13290,6 +13244,7 @@
           const componentRefs = vue.ref(new Map());
           const currentPage = vue.ref(0);
           const totalPages = vue.ref(props.work && props.work.pages.length || 1); // 假设总页数为10
+          const slideChangeTriggered = vue.ref(false); // 标志位，防止重复触发
           const setAnimationRef = (el) => {
               if (el) {
                   componentRefs.value.set(el.id, el);
@@ -13384,32 +13339,49 @@
           };
           const onSlideChange = (swiper) => {
               const currentIndex = swiper.activeIndex;
-              runAnimations(currentIndex);
-              callUniLottiesPlay(currentIndex);
-              if (currentIndex === swiper.slides.length - 1) {
-                  upArrow.value = false;
-              }
-              else {
-                  upArrow.value = true;
+              if (!slideChangeTriggered.value) {
+                  currentPage.value = (currentIndex - 1);
+                  if (currentPage.value == totalPages.value) {
+                      currentPage.value = 0;
+                  }
+                  console.log('aaaaaaaa');
+                  console.log(totalPages.value);
+                  console.log(currentIndex);
+                  console.log(currentPage.value);
+                  sendPageInfo();
+                  try {
+                      runAnimations(currentIndex);
+                      callUniLottiesPlay(currentIndex);
+                  }
+                  catch (error) {
+                      console.error("Error in onSlideChange:", error);
+                  }
+                  if (currentIndex === swiper.slides.length - 1) {
+                      upArrow.value = false;
+                  }
+                  else {
+                      upArrow.value = true;
+                  }
+                  // swiperAnimate(swiper);
               }
-              swiperAnimate(swiper);
-              currentPage.value = (currentIndex - 1);
-              console.log('aaaaaaaa');
-              console.log(currentIndex);
-              console.log(currentPage.value);
-              sendPageInfo();
-          };
-          const slideChangeTransitionEnd = (e) => {
-              swiperAnimate(e);
+              slideChangeTriggered.value = false; // 重置标志位
           };
+          // const slideChangeTransitionEnd = (e: any) => {
+          //   swiperAnimate(e);
+          // }
           const controlledSwiper = vue.ref();
           const onSwiper = (swiper) => {
               controlledSwiper.value = swiper;
-              swiperAnimateCache();
-              swiperAnimate(swiper);
+              // swiperAnimateCache();
+              // swiperAnimate(swiper);
               const currentIndex = swiper.activeIndex;
-              runAnimations(currentIndex);
-              callUniLottiesPlay(currentIndex);
+              try {
+                  runAnimations(currentIndex);
+                  callUniLottiesPlay(currentIndex);
+              }
+              catch (error) {
+                  console.error("Error in onSlideChange:", error);
+              }
           };
           const direction = 'vertical';
           const slideClasses = (index) => {
@@ -13420,7 +13392,10 @@
               console.log(' switch page -----------');
               console.log(index);
               if (controlledSwiper.value) {
-                  controlledSwiper.value.slideTo(index, 500);
+                  slideChangeTriggered.value = true; // 设置标志位，防止 slideTo 引发的 onSlideChange 触发
+                  if (controlledSwiper.value) {
+                      controlledSwiper.value.slideTo(index, 500);
+                  }
               }
           };
           // 翻到下一页
@@ -13486,7 +13461,7 @@
               Controller: Controller$1,
               direction,
               upArrow,
-              slideChangeTransitionEnd,
+              // slideChangeTransitionEnd,
               slideClasses,
               filterProps,
               switchPage

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unika-components",
-  "version": "1.0.313",
+  "version": "1.0.315",
   "private": false,
   "main": "dist/unika-components.umd.js",
   "module": "dist/unika-components.esm.js",