unika-components 1.0.255 → 1.0.256

package/dist/unika-components.css

@@ -10,55 +10,17 @@ button.uni-text-component {
   box-sizing: border-box;
   white-space: pre-wrap;
 }
-
-.uni-image-component {
-  max-width: 100%;
-}
-.uni-image-mask-wrapper {
-  display: inline-block;
-}
 
-  .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);
-  }
 
-.like-button {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  cursor: pointer;
-}
-
-.icon-heart {
-  font-size: 24px;
-  color: #e74c3c;
-}
+.uni-calendar-component {
 
-.liked {
-  color: #f00; /* 更改颜色以示已赞 */
 }
-
-.like-count {
-  margin-top: 4px;
-  font-size: 16px;
-  color: #333;
+.slot-number {
+  position: absolute;
+  bottom: 2px;
+  left: 7px;
+  font-size: 12px;
+  color: #666
 }
 
  .slide-guide {
@@ -133,25 +95,58 @@ body, html {
         transform: translate3d(-50%, -50%, 0);
     }
 }
+
+.uni-image-component {
+  max-width: 100%;
+}
+.uni-image-mask-wrapper {
+  display: inline-block;
+}
 
+  .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 {
+.like-button {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  cursor: pointer;
+}
 
+.icon-heart {
+  font-size: 24px;
+  color: #e74c3c;
 }
-.slot-number {
-  position: absolute;
-  bottom: 2px;
-  left: 7px;
-  font-size: 12px;
-  color: #666
+
+.liked {
+  color: #f00; /* 更改颜色以示已赞 */
 }
 
-.effect {
-  width: 100%;
-  height: 100%;
+.like-count {
+  margin-top: 4px;
+  font-size: 16px;
+  color: #333;
 }
 
-.uni-lotties-component {
+.effect {
   width: 100%;
   height: 100%;
 }
@@ -191,6 +186,14 @@ body, html {
   vertical-align: top;
 }
 
+  .uni-build-up-component {
+  }
+
+.uni-lotties-component {
+  width: 100%;
+  height: 100%;
+}
+
 .swiper-warp {
   width: 100%;
   height: 100%;
@@ -204,9 +207,6 @@ body, html {
   max-width: 100%;
   max-height: 100%;
 }
-
-  .uni-build-up-component {
-  }
 
 .uni-svg-component {
   display: inline-block;

package/dist/unika-components.esm.js

@@ -13127,25 +13127,16 @@ var script$h = defineComponent({
                 }
             });
         };
-        const reloadAnimation = (componentId) => {
-            const component = componentRefs.value.get(`component-${componentId}`);
-            console.log('1111111');
-            if (component) {
-                const innerComponent = component.querySelector('.inner-component');
-                console.log('bbbbbbbb');
-                if (innerComponent) {
-                    console.log('aaaaaaaaaa');
-                    const keyAttr = innerComponent.getAttribute('key');
-                    if (keyAttr) {
-                        console.log('bbbbbbbb');
-                        const newKey = parseInt(keyAttr) + 1;
-                        innerComponent.setAttribute('key', newKey.toString());
-                    }
-                    else {
-                        innerComponent.setAttribute('key', '1');
+        const restartLottieAnimations = () => {
+            componentRefs.value.forEach((el) => {
+                const lottieComponent = el.querySelector('.uni-lotties-component');
+                if (lottieComponent && lottieComponent.__vue__) {
+                    const vueInstance = lottieComponent.__vue__;
+                    if (vueInstance.play) {
+                        vueInstance.play();
                     }
                 }
-            }
+            });
         };
         const onSlideChange = (swiper) => {
             const currentIndex = swiper.activeIndex;
@@ -13161,7 +13152,7 @@ var script$h = defineComponent({
             const currentPage = props.work && props.work.pages[currentIndex];
             currentPage && currentPage.components.forEach((component) => {
                 if (component.name === 'uni-lotties') {
-                    reloadAnimation(component.id);
+                    restartLottieAnimations();
                 }
             });
         };
@@ -13176,7 +13167,7 @@ var script$h = defineComponent({
             const currentPage = props.work && props.work.pages[currentIndex];
             currentPage && currentPage.components.forEach((component) => {
                 if (component.name === 'uni-lotties') {
-                    reloadAnimation(component.id);
+                    restartLottieAnimations();
                 }
             });
         };

package/dist/unika-components.umd.js

@@ -13134,25 +13134,16 @@
                   }
               });
           };
-          const reloadAnimation = (componentId) => {
-              const component = componentRefs.value.get(`component-${componentId}`);
-              console.log('1111111');
-              if (component) {
-                  const innerComponent = component.querySelector('.inner-component');
-                  console.log('bbbbbbbb');
-                  if (innerComponent) {
-                      console.log('aaaaaaaaaa');
-                      const keyAttr = innerComponent.getAttribute('key');
-                      if (keyAttr) {
-                          console.log('bbbbbbbb');
-                          const newKey = parseInt(keyAttr) + 1;
-                          innerComponent.setAttribute('key', newKey.toString());
-                      }
-                      else {
-                          innerComponent.setAttribute('key', '1');
+          const restartLottieAnimations = () => {
+              componentRefs.value.forEach((el) => {
+                  const lottieComponent = el.querySelector('.uni-lotties-component');
+                  if (lottieComponent && lottieComponent.__vue__) {
+                      const vueInstance = lottieComponent.__vue__;
+                      if (vueInstance.play) {
+                          vueInstance.play();
                       }
                   }
-              }
+              });
           };
           const onSlideChange = (swiper) => {
               const currentIndex = swiper.activeIndex;
@@ -13168,7 +13159,7 @@
               const currentPage = props.work && props.work.pages[currentIndex];
               currentPage && currentPage.components.forEach((component) => {
                   if (component.name === 'uni-lotties') {
-                      reloadAnimation(component.id);
+                      restartLottieAnimations();
                   }
               });
           };
@@ -13183,7 +13174,7 @@
               const currentPage = props.work && props.work.pages[currentIndex];
               currentPage && currentPage.components.forEach((component) => {
                   if (component.name === 'uni-lotties') {
-                      reloadAnimation(component.id);
+                      restartLottieAnimations();
                   }
               });
           };

package/package.json

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