unika-components 1.0.247 → 1.0.248

package/dist/unika-components.css

@@ -5,27 +5,6 @@
 .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);
-  }
 
 h2.uni-text-component, p.uni-text-component {
   margin-bottom: 0;
@@ -112,27 +91,26 @@ body, html {
     }
 }
 
-.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-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 {
@@ -146,20 +124,11 @@ body, html {
   color: #666
 }
 
-.swiper-warp {
+.effect {
   width: 100%;
   height: 100%;
 }
 
-.swiper-slide-component {
-  text-align: center;
-}
-
-.swiper-slide img {
-  max-width: 100%;
-  max-height: 100%;
-}
-
 .ant-input-number {
   box-sizing: border-box;
   margin: 0;
@@ -195,13 +164,44 @@ body, html {
   vertical-align: top;
 }
 
+.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 {
   }
 
-.effect {
+.swiper-warp {
   width: 100%;
   height: 100%;
 }
+
+.swiper-slide-component {
+  text-align: center;
+}
+
+.swiper-slide img {
+  max-width: 100%;
+  max-height: 100%;
+}
 
 .uni-svg-component {
   display: inline-block;

package/dist/unika-components.esm.js

@@ -5443,15 +5443,19 @@ const _hoisted_1$b = ["src"];
 
 function render$l(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("div", {
-    style: normalizeStyle$1({ ..._ctx.styleProps, ..._ctx.maskStyle }),
+    style: normalizeStyle$1(_ctx.styleProps),
     class: "uni-image-mask-wrapper uni-image-component inner-component",
     draggable: false,
     onClick: _cache[0] || (_cache[0] = withModifiers((...args) => (_ctx.handleClick && _ctx.handleClick(...args)), ["prevent"]))
   }, [
-    createElementVNode("img", {
-      src: _ctx.imageSrc,
-      style: {"width":"100%","height":"100%"}
-    }, null, 8 /* PROPS */, _hoisted_1$b)
+    createElementVNode("div", {
+      style: normalizeStyle$1({ ..._ctx.maskStyle, width: '100%', height: '100%' })
+    }, [
+      createElementVNode("img", {
+        src: _ctx.imageSrc,
+        style: {"width":"100%","height":"100%"}
+      }, null, 8 /* PROPS */, _hoisted_1$b)
+    ], 4 /* STYLE */)
   ], 4 /* STYLE */))
 }
 

package/dist/unika-components.umd.js

@@ -5450,15 +5450,19 @@
 
   function render$l(_ctx, _cache, $props, $setup, $data, $options) {
     return (vue.openBlock(), vue.createElementBlock("div", {
-      style: vue.normalizeStyle({ ..._ctx.styleProps, ..._ctx.maskStyle }),
+      style: vue.normalizeStyle(_ctx.styleProps),
       class: "uni-image-mask-wrapper uni-image-component inner-component",
       draggable: false,
       onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => (_ctx.handleClick && _ctx.handleClick(...args)), ["prevent"]))
     }, [
-      vue.createElementVNode("img", {
-        src: _ctx.imageSrc,
-        style: {"width":"100%","height":"100%"}
-      }, null, 8 /* PROPS */, _hoisted_1$b)
+      vue.createElementVNode("div", {
+        style: vue.normalizeStyle({ ..._ctx.maskStyle, width: '100%', height: '100%' })
+      }, [
+        vue.createElementVNode("img", {
+          src: _ctx.imageSrc,
+          style: {"width":"100%","height":"100%"}
+        }, null, 8 /* PROPS */, _hoisted_1$b)
+      ], 4 /* STYLE */)
     ], 4 /* STYLE */))
   }
 

package/package.json

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