@atooyu/uxto-ui 1.1.1 → 1.1.2

package/dist/index.mjs

@@ -653,7 +653,24 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       return !!getIcon(props.name);
     });
     const iconSrc = computed(() => {
-      return getIcon(props.name);
+      const svgData = getIcon(props.name);
+      if (!svgData) return "";
+      if (props.color && svgData.startsWith("data:image/svg+xml")) {
+        try {
+          let svgContent = decodeURIComponent(svgData.replace("data:image/svg+xml,", ""));
+          if (svgContent.includes('fill="currentColor"')) {
+            svgContent = svgContent.replace(/fill="currentColor"/g, `fill="${props.color}"`);
+          } else if (!svgContent.includes("fill=")) {
+            svgContent = svgContent.replace("<svg", `<svg fill="${props.color}"`);
+          } else {
+            svgContent = svgContent.replace(/fill="[^"]*"/g, `fill="${props.color}"`);
+          }
+          return "data:image/svg+xml," + encodeURIComponent(svgContent);
+        } catch (e) {
+          return svgData;
+        }
+      }
+      return svgData;
     });
     const sizePx = computed(() => {
       const size = typeof props.size === "number" ? props.size : parseInt(props.size);
@@ -671,6 +688,12 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       }
       return style;
     });
+    const svgStyle = computed(() => {
+      return {
+        width: sizePx.value,
+        height: sizePx.value
+      };
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("view", {
         class: normalizeClass(["u-icon", { "u-icon--spin": __props.spin }]),
@@ -681,14 +704,14 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           key: 0,
           class: "u-icon__svg",
           src: iconSrc.value,
-          style: normalizeStyle({ width: sizePx.value, height: sizePx.value }),
+          style: normalizeStyle(svgStyle.value),
           mode: "aspectFit"
         }, null, 12, _hoisted_1$A)) : (openBlock(), createElementBlock("text", _hoisted_2$q, toDisplayString(__props.name), 1))
       ], 6);
     };
   }
 });
-const UIcon = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-5d845d48"]]);
+const UIcon = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-632e7780"]]);
 const __default__$F = {
   options: {
     virtualHost: true,