unika-components 1.0.178 → 1.0.179

package/dist/unika-components.css

@@ -1,8 +1,4 @@
 
-.uni-image-component {
-  max-width: 100%;
-}
-
 h2.uni-text-component, p.uni-text-component {
   margin-bottom: 0;
 }
@@ -14,6 +10,31 @@ button.uni-text-component {
   box-sizing: border-box;
   white-space: pre-wrap;
 }
+
+.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);
+  }
 
 
 .uni-calendar-component {
@@ -100,68 +121,6 @@ body, html {
     }
 }
 
-  .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;
-}
-
-.liked {
-  color: #f00; /* 更改颜色以示已赞 */
-}
-
-.like-count {
-  margin-top: 4px;
-  font-size: 16px;
-  color: #333;
-}
-
-.swiper-warp {
-  width: 100%;
-  height: 100%;
-}
-
-.swiper-slide-component {
-  text-align: center;
-}
-
-.swiper-slide img {
-  max-width: 100%;
-  max-height: 100%;
-}
-
-.effect {
-  width: 100%;
-  height: 100%;
-}
-
 .ant-input-number {
   box-sizing: border-box;
   margin: 0;
@@ -197,6 +156,47 @@ body, html {
   vertical-align: top;
 }
 
+.effect {
+  width: 100%;
+  height: 100%;
+}
+
+.swiper-warp {
+  width: 100%;
+  height: 100%;
+}
+
+.swiper-slide-component {
+  text-align: center;
+}
+
+.swiper-slide img {
+  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 {
   }
 /**

package/dist/unika-components.esm.js

@@ -94361,20 +94361,19 @@ var script = defineComponent({
             return new XMLSerializer().serializeToString(svgDoc);
         };
         // Function to load and color the SVG
-        const loadSvg = async () => {
-            const svg = await fetchSvg(props.svgSrc);
+        const loadSvg = async (svgSrc) => {
+            const svg = await fetchSvg(svgSrc);
             if (svg) {
                 svgContent.value = updateSvgColor(svg, props.color, props.width, props.height);
             }
         };
         // watch(() => props.svgSrc, loadSvg, { immediate: true })
-        watch(() => props.color, loadSvg);
+        // watch(() => props.color, loadSvg)
         // watch(() => props.width, loadSvg)
         // watch(() => props.height, loadSvg)
-        //  watch(() => props.delay, (newValue, oldValue) => {
-        //    delayC.value = newValue
-        //    animationLinkC.value= props.animationLink
-        //  }, { deep: true })
+        watch(() => props.svgSrc, (newValue, oldValue) => {
+            loadSvg(newValue);
+        }, { deep: true });
         return {
             styleProps,
             handleClick,

package/dist/unika-components.umd.js

@@ -94367,20 +94367,19 @@ summary tabindex target title type usemap value width wmode wrap`;
               return new XMLSerializer().serializeToString(svgDoc);
           };
           // Function to load and color the SVG
-          const loadSvg = async () => {
-              const svg = await fetchSvg(props.svgSrc);
+          const loadSvg = async (svgSrc) => {
+              const svg = await fetchSvg(svgSrc);
               if (svg) {
                   svgContent.value = updateSvgColor(svg, props.color, props.width, props.height);
               }
           };
           // watch(() => props.svgSrc, loadSvg, { immediate: true })
-          vue.watch(() => props.color, loadSvg);
+          // watch(() => props.color, loadSvg)
           // watch(() => props.width, loadSvg)
           // watch(() => props.height, loadSvg)
-          //  watch(() => props.delay, (newValue, oldValue) => {
-          //    delayC.value = newValue
-          //    animationLinkC.value= props.animationLink
-          //  }, { deep: true })
+          vue.watch(() => props.svgSrc, (newValue, oldValue) => {
+              loadSvg(newValue);
+          }, { deep: true });
           return {
               styleProps,
               handleClick,

package/package.json

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