unika-components 1.0.195 → 1.0.197

package/dist/unika-components.css

@@ -2,6 +2,27 @@
 .uni-image-component {
   max-width: 100%;
 }
+
+  .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);
+  }
 
 h2.uni-text-component, p.uni-text-component {
   margin-bottom: 0;
@@ -100,27 +121,31 @@ body, html {
   color: #666
 }
 
-  .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-build-up-component {
   }
 
+.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;
+}
+
 .ant-input-number {
   box-sizing: border-box;
   margin: 0;
@@ -156,40 +181,6 @@ body, html {
   vertical-align: top;
 }
 
-.effect {
-  width: 100%;
-  height: 100%;
-}
-
-  .uni-build-up-component {
-  }
-
-.uni-svg-component {
-  display: inline-block;
-}
-
-.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;
-}
-
 .swiper-warp {
   width: 100%;
   height: 100%;
@@ -203,6 +194,15 @@ body, html {
   max-width: 100%;
   max-height: 100%;
 }
+
+.effect {
+  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

@@ -13048,7 +13048,7 @@ var script$h = defineComponent({
                 if (len === 0)
                     return;
                 let animIdx = 0;
-                component.props || {};
+                const oldStyle = component.props || {};
                 const runAnimation = () => {
                     if (animIdx < len) {
                         const animation = animationQueue[animIdx];
@@ -13061,8 +13061,8 @@ var script$h = defineComponent({
                         };
                         const element = componentRefs.value.get('component-' + component.id);
                         if (element) {
-                            // element.style.cssText = getComputedCSSText(animationStyle) + getComputedCSSText(oldStyle);
-                            element.style.cssText = getComputedCSSText({ ...animationStyle, width: '100%', height: '100%' });
+                            element.style.cssText = getComputedCSSText(animationStyle) + getComputedCSSText(oldStyle);
+                            // element.style.cssText = getComputedCSSText({ ...animationStyle, width: '100%', height: '100%' });
                             animIdx++;
                         }
                     }

package/dist/unika-components.umd.js

@@ -13055,7 +13055,7 @@
                   if (len === 0)
                       return;
                   let animIdx = 0;
-                  component.props || {};
+                  const oldStyle = component.props || {};
                   const runAnimation = () => {
                       if (animIdx < len) {
                           const animation = animationQueue[animIdx];
@@ -13068,8 +13068,8 @@
                           };
                           const element = componentRefs.value.get('component-' + component.id);
                           if (element) {
-                              // element.style.cssText = getComputedCSSText(animationStyle) + getComputedCSSText(oldStyle);
-                              element.style.cssText = getComputedCSSText({ ...animationStyle, width: '100%', height: '100%' });
+                              element.style.cssText = getComputedCSSText(animationStyle) + getComputedCSSText(oldStyle);
+                              // element.style.cssText = getComputedCSSText({ ...animationStyle, width: '100%', height: '100%' });
                               animIdx++;
                           }
                       }

package/package.json

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