@atooyu/uxto-ui 1.1.0 → 1.1.2

package/dist/index.js

@@ -501,6 +501,8 @@ const bookmark = "data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns=
 const bookmarkO = "data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill='currentColor'%20d='M17%203H7c-1.1%200-1.99.9-1.99%202L5%2021l7-3%207%203V5c0-1.1-.9-2-2-2zm0%2015l-5-2.18L7%2018V5h10v13z'/%3e%3c/svg%3e";
 const chat = "data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill='currentColor'%20d='M20%202H4c-1.1%200-2%20.9-2%202v18l4-4h14c1.1%200%202-.9%202-2V4c0-1.1-.9-2-2-2zm0%2014H6l-2%202V4h16v12z'/%3e%3c/svg%3e";
 const clipboard = "data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill='currentColor'%20d='M19%203h-4.18C14.4%201.84%2013.3%201%2012%201c-1.3%200-2.4.84-2.82%202H5c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h14c1.1%200%202-.9%202-2V5c0-1.1-.9-2-2-2zm-7%200c.55%200%201%20.45%201%201s-.45%201-1%201-1-.45-1-1%20.45-1%201-1zm2%2014H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z'/%3e%3c/svg%3e";
+const location = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='currentColor'%3e%3cpath%20d='M12%202C8.13%202%205%205.13%205%209c0%205.25%207%2013%207%2013s7-7.75%207-13c0-3.87-3.13-7-7-7zm0%209.5c-1.38%200-2.5-1.12-2.5-2.5s1.12-2.5%202.5-2.5%202.5%201.12%202.5%202.5-1.12%202.5-2.5%202.5z'/%3e%3c/svg%3e";
+const scan = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='currentColor'%3e%3cpath%20d='M3%2011h8V3H3v8zm2-6h4v4H5V5zm8-2v8h8V3h-8zm6%206h-4V5h4v4zM3%2021h8v-8H3v8zm2-6h4v4H5v-4zm13-2h-2v3h-3v2h3v3h2v-3h3v-2h-3v-3z'/%3e%3c/svg%3e";
 const icons = {
   // 箭头类
   "arrow-down": arrowDown,
@@ -608,7 +610,10 @@ const icons = {
   "code": code,
   "clock": clock,
   "time": clock,
-  "calendar": clock
+  "calendar": clock,
+  // 位置和扫码
+  "location": location,
+  "scan": scan
 };
 function getIcon(name) {
   return icons[name];
@@ -650,7 +655,24 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
       return !!getIcon(props.name);
     });
     const iconSrc = vue.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 = vue.computed(() => {
       const size = typeof props.size === "number" ? props.size : parseInt(props.size);
@@ -668,6 +690,12 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
       }
       return style;
     });
+    const svgStyle = vue.computed(() => {
+      return {
+        width: sizePx.value,
+        height: sizePx.value
+      };
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("view", {
         class: vue.normalizeClass(["u-icon", { "u-icon--spin": __props.spin }]),
@@ -678,14 +706,14 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
           key: 0,
           class: "u-icon__svg",
           src: iconSrc.value,
-          style: vue.normalizeStyle({ width: sizePx.value, height: sizePx.value }),
+          style: vue.normalizeStyle(svgStyle.value),
           mode: "aspectFit"
         }, null, 12, _hoisted_1$A)) : (vue.openBlock(), vue.createElementBlock("text", _hoisted_2$q, vue.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,