unika-components 1.0.312 → 1.0.314

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

@@ -1,11 +1,4 @@
 
-.uni-image-component {
-  max-width: 100%;
-}
-.uni-image-mask-wrapper {
-  display: inline-block;
-}
-
 h2.uni-text-component, p.uni-text-component {
   margin-top: 0;
   margin-bottom: 0;
@@ -18,39 +11,6 @@ button.uni-text-component {
   box-sizing: border-box;
   white-space: pre-wrap;
 }
-
-  .uni-video-component {
-    position: relative;
-    text-align: center;
-  }
-  .play-pause-button {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    cursor: pointer;
-    font-size: 2rem;
-    color: #fff;
-    background: rgba(0, 0, 0, 0.6);
-    border-radius: 50%;
-    padding: 10px;
-    transition: background 0.3s;
-  }
-  .play-pause-button:hover {
-    background: rgba(0, 0, 0, 0.8);
-  }
-
-
-.uni-calendar-component {
-
-}
-.slot-number {
-  position: absolute;
-  bottom: 2px;
-  left: 7px;
-  font-size: 12px;
-  color: #666
-}
 
 .slide-guide {
     position: absolute;
@@ -135,27 +95,45 @@ body, html {
 .edit-wrapper .uni-lotties-component, .edit-wrapper .uni-like-component, .edit-wrapper .uni-background-component, .edit-wrapper .uni-svg-component, .edit-wrapper .uni-register-form-component{
   position: static !important;
 }
+
+.uni-image-component {
+  max-width: 100%;
+}
+.uni-image-mask-wrapper {
+  display: inline-block;
+}
 
-.like-button {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  cursor: pointer;
-}
+  .uni-video-component {
+    position: relative;
+    text-align: center;
+  }
+  .play-pause-button {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    cursor: pointer;
+    font-size: 2rem;
+    color: #fff;
+    background: rgba(0, 0, 0, 0.6);
+    border-radius: 50%;
+    padding: 10px;
+    transition: background 0.3s;
+  }
+  .play-pause-button:hover {
+    background: rgba(0, 0, 0, 0.8);
+  }
 
-.icon-heart {
-  font-size: 24px;
-  color: #e74c3c;
-}
 
-.liked {
-  color: #f00; /* 更改颜色以示已赞 */
-}
+.uni-calendar-component {
 
-.like-count {
-  margin-top: 4px;
-  font-size: 16px;
-  color: #333;
+}
+.slot-number {
+  position: absolute;
+  bottom: 2px;
+  left: 7px;
+  font-size: 12px;
+  color: #666
 }
 
 .ant-input-number {
@@ -217,6 +195,28 @@ body, html {
   max-height: 100%;
 }
 
+.like-button {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  cursor: pointer;
+}
+
+.icon-heart {
+  font-size: 24px;
+  color: #e74c3c;
+}
+
+.liked {
+  color: #f00; /* 更改颜色以示已赞 */
+}
+
+.like-count {
+  margin-top: 4px;
+  font-size: 16px;
+  color: #333;
+}
+
   .uni-build-up-component {
   }
 

package/dist/unika-components.esm.js

@@ -13211,15 +13211,6 @@ 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) => {
     //每次添加的时候先把样式清除一遍
@@ -13256,7 +13247,7 @@ const clearSwiperAnimate = () => {
     }
 };
 
-SwiperCore.use([Pagination$1, EffectFade]);
+SwiperCore.use([Pagination$1, EffectFade, Controller$1]);
 function getComputedCSSText(style) {
     let cssText = '';
     for (const attr in style) {
@@ -13377,10 +13368,22 @@ var script$h = defineComponent({
         };
         const onSlideChange = (swiper) => {
             const currentIndex = swiper.activeIndex;
+            currentPage.value = (currentIndex - 1);
+            if (currentPage.value == totalPages.value) {
+                currentPage.value = 0;
+            }
             console.log('aaaaaaaa');
+            console.log(totalPages.value);
             console.log(currentIndex);
-            runAnimations(currentIndex);
-            callUniLottiesPlay(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;
             }
@@ -13388,20 +13391,23 @@ var script$h = defineComponent({
                 upArrow.value = true;
             }
             swiperAnimate(swiper);
-            currentPage.value = currentIndex - 1;
-            sendPageInfo();
-        };
-        const slideChangeTransitionEnd = (e) => {
-            swiperAnimate(e);
         };
+        // 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) => {
@@ -13447,6 +13453,7 @@ var script$h = defineComponent({
                 cur: currentPage.value,
                 count: totalPages.value,
             }, '*');
+            console.log('bbbbbbbbbbbbbbb');
             console.log(currentPage.value);
         };
         // 监听来自父组件的消息
@@ -13477,7 +13484,7 @@ var script$h = defineComponent({
             Controller: Controller$1,
             direction,
             upArrow,
-            slideChangeTransitionEnd,
+            // slideChangeTransitionEnd,
             slideClasses,
             filterProps,
             switchPage

package/dist/unika-components.umd.js

@@ -13218,15 +13218,6 @@
   };
 
   //隐藏元素
-  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) => {
       //每次添加的时候先把样式清除一遍
@@ -13263,7 +13254,7 @@
       }
   };
 
-  SwiperCore.use([Pagination$1, EffectFade]);
+  SwiperCore.use([Pagination$1, EffectFade, Controller$1]);
   function getComputedCSSText(style) {
       let cssText = '';
       for (const attr in style) {
@@ -13384,10 +13375,22 @@
           };
           const onSlideChange = (swiper) => {
               const currentIndex = swiper.activeIndex;
+              currentPage.value = (currentIndex - 1);
+              if (currentPage.value == totalPages.value) {
+                  currentPage.value = 0;
+              }
               console.log('aaaaaaaa');
+              console.log(totalPages.value);
               console.log(currentIndex);
-              runAnimations(currentIndex);
-              callUniLottiesPlay(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;
               }
@@ -13395,20 +13398,23 @@
                   upArrow.value = true;
               }
               swiperAnimate(swiper);
-              currentPage.value = currentIndex - 1;
-              sendPageInfo();
-          };
-          const slideChangeTransitionEnd = (e) => {
-              swiperAnimate(e);
           };
+          // 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) => {
@@ -13454,6 +13460,7 @@
                   cur: currentPage.value,
                   count: totalPages.value,
               }, '*');
+              console.log('bbbbbbbbbbbbbbb');
               console.log(currentPage.value);
           };
           // 监听来自父组件的消息
@@ -13484,7 +13491,7 @@
               Controller: Controller$1,
               direction,
               upArrow,
-              slideChangeTransitionEnd,
+              // slideChangeTransitionEnd,
               slideClasses,
               filterProps,
               switchPage

package/package.json

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