unika-components 1.0.179 → 1.0.180

package/dist/unika-components.css

@@ -1,16 +1,4 @@
 
-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-image-component {
   max-width: 100%;
 }
@@ -35,6 +23,18 @@ button.uni-text-component {
   .play-pause-button:hover {
     background: rgba(0, 0, 0, 0.8);
   }
+
+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 +121,33 @@ 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;
+}
+
+.effect {
+  width: 100%;
+  height: 100%;
+}
+
 .ant-input-number {
   box-sizing: border-box;
   margin: 0;
@@ -156,11 +183,6 @@ body, html {
   vertical-align: top;
 }
 
-.effect {
-  width: 100%;
-  height: 100%;
-}
-
 .swiper-warp {
   width: 100%;
   height: 100%;
@@ -175,28 +197,6 @@ body, html {
   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

@@ -94343,29 +94343,12 @@ var script = defineComponent({
                 return '';
             }
         };
-        // Function to update the color of the SVG
-        const updateSvgColor = (svg, color, width, height) => {
-            const parser = new DOMParser();
-            const svgDoc = parser.parseFromString(svg, 'image/svg+xml');
-            const svgElement = svgDoc.getElementsByTagName('svg')[0];
-            const paths = svgDoc.getElementsByTagName('path');
-            // Update the fill color for all paths
-            for (let i = 0; i < paths.length; i++) {
-                paths[i].setAttribute('fill', color);
-            }
-            // Set width and height for the SVG element
-            if (svgElement) {
-                svgElement.setAttribute('width', width);
-                svgElement.setAttribute('height', height);
-            }
-            return new XMLSerializer().serializeToString(svgDoc);
-        };
         // Function to load and color the SVG
         const loadSvg = async (svgSrc) => {
-            const svg = await fetchSvg(svgSrc);
-            if (svg) {
-                svgContent.value = updateSvgColor(svg, props.color, props.width, props.height);
-            }
+            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)

package/dist/unika-components.umd.js

@@ -94349,29 +94349,12 @@ summary tabindex target title type usemap value width wmode wrap`;
                   return '';
               }
           };
-          // Function to update the color of the SVG
-          const updateSvgColor = (svg, color, width, height) => {
-              const parser = new DOMParser();
-              const svgDoc = parser.parseFromString(svg, 'image/svg+xml');
-              const svgElement = svgDoc.getElementsByTagName('svg')[0];
-              const paths = svgDoc.getElementsByTagName('path');
-              // Update the fill color for all paths
-              for (let i = 0; i < paths.length; i++) {
-                  paths[i].setAttribute('fill', color);
-              }
-              // Set width and height for the SVG element
-              if (svgElement) {
-                  svgElement.setAttribute('width', width);
-                  svgElement.setAttribute('height', height);
-              }
-              return new XMLSerializer().serializeToString(svgDoc);
-          };
           // Function to load and color the SVG
           const loadSvg = async (svgSrc) => {
-              const svg = await fetchSvg(svgSrc);
-              if (svg) {
-                  svgContent.value = updateSvgColor(svg, props.color, props.width, props.height);
-              }
+              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)

package/package.json

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