unika-components 1.0.213 → 1.0.214

package/dist/unika-components.css

@@ -1,4 +1,8 @@
 
+.uni-image-component {
+  max-width: 100%;
+}
+
 h2.uni-text-component, p.uni-text-component {
   margin-bottom: 0;
 }
@@ -11,10 +15,6 @@ button.uni-text-component {
   white-space: pre-wrap;
 }
 
-.uni-image-component {
-  max-width: 100%;
-}
-
  .slide-guide {
     position: absolute;
     bottom: 90px;
@@ -100,27 +100,6 @@ 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);
-  }
-
 .like-button {
   display: flex;
   flex-direction: column;
@@ -143,14 +122,32 @@ body, html {
   color: #333;
 }
 
+  .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);
+  }
+
 .effect {
   width: 100%;
   height: 100%;
 }
 
-  .uni-build-up-component {
-  }
-
 .ant-input-number {
   box-sizing: border-box;
   margin: 0;
@@ -185,10 +182,9 @@ body, html {
   margin-bottom: 0px;
   vertical-align: top;
 }
-
-.uni-svg-component {
-  display: inline-block;
-}
+
+  .uni-build-up-component {
+  }
 
 .swiper-warp {
   width: 100%;
@@ -203,6 +199,10 @@ body, html {
   max-width: 100%;
   max-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

@@ -5384,7 +5384,7 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
     onClick: withModifiers(_ctx.handleClick, ["prevent"]),
     style: normalizeStyle$1(_ctx.styleProps),
-    class: "uni-text-component"
+    class: "uni-text-component inner-component"
   }, {
     default: withCtx(() => [
       createTextVNode(toDisplayString(_ctx.text), 1 /* TEXT */)
@@ -13063,25 +13063,32 @@ var script$h = defineComponent({
                         };
                         const element = componentRefs.value.get('component-' + component.id);
                         if (element) {
-                            element.style.cssText = getComputedCSSText(animationStyle) + getComputedCSSText(oldStyle);
-                            animIdx++;
+                            const innerElement = element.querySelector('.inner-component');
+                            if (innerElement) {
+                                // element.style.cssText = getComputedCSSText(animationStyle) + getComputedCSSText(oldStyle);
+                                innerElement.style.cssText = getComputedCSSText(animationStyle);
+                                animIdx++;
+                            }
                         }
                     }
                     else {
                         const element = componentRefs.value.get('component-' + component.id);
                         if (element) {
-                            // 恢复静态布局并移除 transform 属性
-                            oldStyle.position = 'static';
-                            delete oldStyle.transform;
-                            element.style.cssText = getComputedCSSText(oldStyle);
+                            const innerElement = element.querySelector('.inner-component');
+                            if (innerElement) {
+                                element.style.cssText = getComputedCSSText(oldStyle);
+                            }
                         }
                     }
                 };
                 runAnimation();
                 const element = componentRefs.value.get('component-' + component.id);
                 if (element) {
-                    element.addEventListener('animationend', runAnimation, false);
-                    element.addEventListener('webkitAnimationEnd', runAnimation, false);
+                    const innerElement = element.querySelector('.inner-component');
+                    if (innerElement) {
+                        innerElement.addEventListener('animationend', runAnimation, false);
+                        innerElement.addEventListener('webkitAnimationEnd', runAnimation, false);
+                    }
                 }
             });
         };

package/dist/unika-components.umd.js

@@ -5391,7 +5391,7 @@
     return (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
       onClick: vue.withModifiers(_ctx.handleClick, ["prevent"]),
       style: vue.normalizeStyle(_ctx.styleProps),
-      class: "uni-text-component"
+      class: "uni-text-component inner-component"
     }, {
       default: vue.withCtx(() => [
         vue.createTextVNode(vue.toDisplayString(_ctx.text), 1 /* TEXT */)
@@ -13070,25 +13070,32 @@
                           };
                           const element = componentRefs.value.get('component-' + component.id);
                           if (element) {
-                              element.style.cssText = getComputedCSSText(animationStyle) + getComputedCSSText(oldStyle);
-                              animIdx++;
+                              const innerElement = element.querySelector('.inner-component');
+                              if (innerElement) {
+                                  // element.style.cssText = getComputedCSSText(animationStyle) + getComputedCSSText(oldStyle);
+                                  innerElement.style.cssText = getComputedCSSText(animationStyle);
+                                  animIdx++;
+                              }
                           }
                       }
                       else {
                           const element = componentRefs.value.get('component-' + component.id);
                           if (element) {
-                              // 恢复静态布局并移除 transform 属性
-                              oldStyle.position = 'static';
-                              delete oldStyle.transform;
-                              element.style.cssText = getComputedCSSText(oldStyle);
+                              const innerElement = element.querySelector('.inner-component');
+                              if (innerElement) {
+                                  element.style.cssText = getComputedCSSText(oldStyle);
+                              }
                           }
                       }
                   };
                   runAnimation();
                   const element = componentRefs.value.get('component-' + component.id);
                   if (element) {
-                      element.addEventListener('animationend', runAnimation, false);
-                      element.addEventListener('webkitAnimationEnd', runAnimation, false);
+                      const innerElement = element.querySelector('.inner-component');
+                      if (innerElement) {
+                          innerElement.addEventListener('animationend', runAnimation, false);
+                          innerElement.addEventListener('webkitAnimationEnd', runAnimation, false);
+                      }
                   }
               });
           };

package/package.json

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