unika-components 1.0.254 → 1.0.256

package/dist/unika-components.css

@@ -10,6 +10,18 @@ button.uni-text-component {
   box-sizing: border-box;
   white-space: pre-wrap;
 }
+
+
+.uni-calendar-component {
+
+}
+.slot-number {
+  position: absolute;
+  bottom: 2px;
+  left: 7px;
+  font-size: 12px;
+  color: #666
+}
 
  .slide-guide {
     position: absolute;
@@ -91,18 +103,6 @@ body, html {
   display: inline-block;
 }
 
-
-.uni-calendar-component {
-
-}
-.slot-number {
-  position: absolute;
-  bottom: 2px;
-  left: 7px;
-  font-size: 12px;
-  color: #666
-}
-
   .uni-video-component {
     position: relative;
     text-align: center;
@@ -124,6 +124,33 @@ body, html {
     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;
+}
+
+.liked {
+  color: #f00; /* 更改颜色以示已赞 */
+}
+
+.like-count {
+  margin-top: 4px;
+  font-size: 16px;
+  color: #333;
+}
+
+.effect {
+  width: 100%;
+  height: 100%;
+}
+
 .ant-input-number {
   box-sizing: border-box;
   margin: 0;
@@ -159,7 +186,10 @@ body, html {
   vertical-align: top;
 }
 
-.effect {
+  .uni-build-up-component {
+  }
+
+.uni-lotties-component {
   width: 100%;
   height: 100%;
 }
@@ -177,36 +207,6 @@ body, html {
   max-width: 100%;
   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 {
-  }
-
-.uni-lotties-component {
-  width: 100%;
-  height: 100%;
-}
 
 .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();
                 }
             });
         };
@@ -75707,6 +75698,14 @@ var script$5 = defineComponent({
                 lottieAnimation.value.play();
             }
         };
+        watch(lottieKey, () => {
+            console.log('ssssss');
+            if (lottieAnimation.value) {
+                console.log('kkkkkk');
+                lottieAnimation.value.stop();
+                lottieAnimation.value.play();
+            }
+        });
         return {
             styleProps,
             handleClick,

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();
                   }
               });
           };
@@ -75714,6 +75705,14 @@ summary tabindex target title type usemap value width wmode wrap`;
                   lottieAnimation.value.play();
               }
           };
+          vue.watch(lottieKey, () => {
+              console.log('ssssss');
+              if (lottieAnimation.value) {
+                  console.log('kkkkkk');
+                  lottieAnimation.value.stop();
+                  lottieAnimation.value.play();
+              }
+          });
           return {
               styleProps,
               handleClick,

package/package.json

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