unika-components 1.0.182 → 1.0.183

package/dist/unika-components.css

@@ -2,27 +2,40 @@
 .uni-image-component {
   max-width: 100%;
 }
+
+h2.uni-text-component, p.uni-text-component {
+  margin-bottom: 0;
+}
+button.uni-text-component {
+  padding: 5px 10px;
+  cursor: pointer;
+}
+.uni-text-component {
+  box-sizing: border-box;
+  white-space: pre-wrap;
+}
 
-  .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;
+}
 
  .slide-guide {
     position: absolute;
@@ -96,18 +109,6 @@ body, html {
         transform: translate3d(-50%, -50%, 0);
     }
 }
-
-h2.uni-text-component, p.uni-text-component {
-  margin-bottom: 0;
-}
-button.uni-text-component {
-  padding: 5px 10px;
-  cursor: pointer;
-}
-.uni-text-component {
-  box-sizing: border-box;
-  white-space: pre-wrap;
-}
 
 
 .uni-calendar-component {
@@ -121,6 +122,32 @@ button.uni-text-component {
   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);
+  }
+
+.effect {
+  width: 100%;
+  height: 100%;
+}
+
 .ant-input-number {
   box-sizing: border-box;
   margin: 0;
@@ -156,36 +183,6 @@ button.uni-text-component {
   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;
-}
-
-.effect {
-  width: 100%;
-  height: 100%;
-}
-
-  .uni-build-up-component {
-  }
-
 .swiper-warp {
   width: 100%;
   height: 100%;
@@ -199,6 +196,9 @@ button.uni-text-component {
   max-width: 100%;
   max-height: 100%;
 }
+
+  .uni-build-up-component {
+  }
 /**
  * Swiper 6.8.4
  * Most modern mobile touch slider and framework with hardware accelerated transitions

package/dist/unika-components.esm.js

@@ -94329,10 +94329,14 @@ var script = defineComponent({
         const handleClick = useComponentClick(props);
         const svgContent = ref('');
         // Function to fetch SVG content from the URL
-        const fetchSvg = async (url) => {
+        const fetchSvg = (url) => {
             try {
-                const response = await axios$1.get(url);
-                return response.data;
+                const response = axios$1.get(url, {
+                    headers: {
+                        Accept: 'image/svg+xml'
+                    }
+                });
+                return response;
             }
             catch (error) {
                 console.error('Error fetching SVG:', error);
@@ -94340,8 +94344,8 @@ var script = defineComponent({
             }
         };
         // Function to load and color the SVG
-        const loadSvg = async (svgSrc) => {
-            await fetchSvg(svgSrc);
+        const loadSvg = (svgSrc) => {
+            fetchSvg(svgSrc);
             // if (svg) {
             //   svgContent.value = updateSvgColor(svg, props.color, props.width, props.height)
             // }

package/dist/unika-components.umd.js

@@ -94335,10 +94335,14 @@ summary tabindex target title type usemap value width wmode wrap`;
           const handleClick = useComponentClick(props);
           const svgContent = vue.ref('');
           // Function to fetch SVG content from the URL
-          const fetchSvg = async (url) => {
+          const fetchSvg = (url) => {
               try {
-                  const response = await axios$1.get(url);
-                  return response.data;
+                  const response = axios$1.get(url, {
+                      headers: {
+                          Accept: 'image/svg+xml'
+                      }
+                  });
+                  return response;
               }
               catch (error) {
                   console.error('Error fetching SVG:', error);
@@ -94346,8 +94350,8 @@ summary tabindex target title type usemap value width wmode wrap`;
               }
           };
           // Function to load and color the SVG
-          const loadSvg = async (svgSrc) => {
-              await fetchSvg(svgSrc);
+          const loadSvg = (svgSrc) => {
+              fetchSvg(svgSrc);
               // if (svg) {
               //   svgContent.value = updateSvgColor(svg, props.color, props.width, props.height)
               // }

package/package.json

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