unika-components 1.0.170 → 1.0.172

package/dist/unika-components.css

@@ -1,26 +1,6 @@
-
-
-.uni-calendar-component {
-
-}
-.slot-number {
-  position: absolute;
-  bottom: 2px;
-  left: 7px;
-  font-size: 12px;
-  color: #666
-}
 
-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%;
 }
 
  .slide-guide {
@@ -96,31 +76,17 @@ body, html {
     }
 }
 
-.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;
 }
-
-.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;
@@ -143,27 +109,39 @@ body, html {
     background: rgba(0, 0, 0, 0.8);
   }
 
-.swiper-warp {
-  width: 100%;
-  height: 100%;
+
+.uni-calendar-component {
+
+}
+.slot-number {
+  position: absolute;
+  bottom: 2px;
+  left: 7px;
+  font-size: 12px;
+  color: #666
 }
 
-.swiper-slide-component {
-  text-align: center;
+.like-button {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  cursor: pointer;
 }
 
-.swiper-slide img {
-  max-width: 100%;
-  max-height: 100%;
+.icon-heart {
+  font-size: 24px;
+  color: #e74c3c;
 }
 
-.effect {
-  width: 100%;
-  height: 100%;
+.liked {
+  color: #f00; /* 更改颜色以示已赞 */
 }
 
-  .uni-build-up-component {
-  }
+.like-count {
+  margin-top: 4px;
+  font-size: 16px;
+  color: #333;
+}
 
 .ant-input-number {
   box-sizing: border-box;
@@ -199,6 +177,28 @@ body, html {
   margin-bottom: 0px;
   vertical-align: top;
 }
+
+.swiper-warp {
+  width: 100%;
+  height: 100%;
+}
+
+.swiper-slide-component {
+  text-align: center;
+}
+
+.swiper-slide img {
+  max-width: 100%;
+  max-height: 100%;
+}
+
+  .uni-build-up-component {
+  }
+
+.effect {
+  width: 100%;
+  height: 100%;
+}
 /**
  * Swiper 6.8.4
  * Most modern mobile touch slider and framework with hardware accelerated transitions

package/dist/unika-components.esm.js

@@ -94344,28 +94344,28 @@ var script = defineComponent({
             }
         };
         // 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);
-        };
+        // const updateSvgColor = (svg: string, color: string, width: string, height: string) => {
+        //   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 () => {
-            const svg = await fetchSvg(props.svgSrc);
-            if (svg) {
-                svgContent.value = updateSvgColor(svg, props.color, props.width, props.height);
-            }
+            await fetchSvg(props.svgSrc);
         };
         watch([() => props.svgSrc, () => props.color, () => props.width, () => props.height], loadSvg, { immediate: true });
         return {

package/dist/unika-components.umd.js

@@ -94350,28 +94350,28 @@ summary tabindex target title type usemap value width wmode wrap`;
               }
           };
           // 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);
-          };
+          // const updateSvgColor = (svg: string, color: string, width: string, height: string) => {
+          //   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 () => {
-              const svg = await fetchSvg(props.svgSrc);
-              if (svg) {
-                  svgContent.value = updateSvgColor(svg, props.color, props.width, props.height);
-              }
+              await fetchSvg(props.svgSrc);
           };
           vue.watch([() => props.svgSrc, () => props.color, () => props.width, () => props.height], loadSvg, { immediate: true });
           return {

package/package.json

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