@yh-ui/icons 1.0.52 → 1.0.53

package/dist/iconify.mjs

@@ -1,47 +1,70 @@
-import { Icon as f, getIcon as u, loadIcon as p } from "@iconify/vue";
-import { h as d } from "vue";
-function l(t) {
-  const { icon: o, size: r, color: e, spin: a, rotate: i } = t, n = {};
-  if (r) {
-    const c = typeof r == "number" ? `${r}px` : r;
-    n.width = c, n.height = c, n.fontSize = c;
+import { Icon as u, getIcon as p, loadIcon as l, addAPIProvider as y } from "@iconify/vue";
+import { h } from "vue";
+try {
+  y("", {
+    resources: ["https://api.iconify.design", "https://api.simplesvg.com"],
+    rotate: 1e3,
+    timeout: 3e3
+  });
+} catch {
+}
+const a = "yh-icon-spin-style", m = `
+@keyframes yh-icon-spin {
+  from { transform: rotate(0deg); }
+  to { transform: rotate(360deg); }
+}
+.yh-icons--spin {
+  animation: yh-icon-spin 1s linear infinite;
+}
+`;
+function g() {
+  if (typeof document > "u" || document.getElementById(a)) return;
+  const t = document.createElement("style");
+  t.id = a, t.textContent = m, document.head.appendChild(t);
+}
+function I(t) {
+  const { icon: n, size: e, color: r, spin: f, rotate: s } = t, o = {}, i = [];
+  if (e) {
+    const c = typeof e == "number" ? `${e}px` : e;
+    o.width = c, o.height = c, o.fontSize = c;
   }
-  return e && (n.color = e), i && (n.transform = `rotate(${i}deg)`), a && (n.animation = "spin 1s linear infinite"), {
-    icon: o,
-    style: Object.keys(n).length > 0 ? n : void 0
+  return r && (o.color = r), s && (o.transform = `rotate(${s}deg)`), f && (g(), i.push("yh-icons--spin")), {
+    icon: n,
+    class: i.length > 0 ? i.join(" ") : void 0,
+    style: Object.keys(o).length > 0 ? o : void 0
   };
 }
-function g() {
+function w() {
   return (t) => {
-    const o = l(t);
-    return d(f, o);
+    const n = I(t);
+    return h(u, n);
   };
 }
-function s(t) {
+function d(t) {
   return t.includes(":") ? t : t.includes("/") ? t.replace("/", ":") : `mdi:${t}`;
 }
-async function m(t) {
+async function E(t) {
   try {
-    return !!s(t);
+    return !!d(t);
   } catch {
     return !1;
   }
 }
-async function I(t) {
-  const o = s(t), r = u(o);
-  if (r) return r;
+async function N(t) {
+  const n = d(t), e = p(n);
+  if (e) return e;
   try {
-    const e = await p(o);
-    if (!e)
+    const r = await l(n);
+    if (!r)
       throw new Error(`Icon not found: ${t}`);
-    return e;
+    return r;
   } catch {
     throw new Error(`Failed to load icon: ${t}`);
   }
 }
 export {
-  g as createIconifyComponent,
-  I as getIconData,
-  m as iconExists,
-  s as parseIconName
+  w as createIconifyComponent,
+  N as getIconData,
+  E as iconExists,
+  d as parseIconName
 };

package/dist/src/vue/icon.d.ts

@@ -144,11 +144,11 @@ export declare const YhIcon: import('vue').DefineComponent<import('vue').Extract
         default: number;
     };
 }>> & Readonly<{}>, {
+    rotate: number;
     icon: string;
     size: IconSize;
     color: string;
     spin: boolean;
-    rotate: number;
     svg: string;
     name: string;
     component: object | ((...args: unknown[]) => unknown);
@@ -279,11 +279,11 @@ export declare const Icon: import('vue').DefineComponent<import('vue').ExtractPr
         default: number;
     };
 }>> & Readonly<{}>, {
+    rotate: number;
     icon: string;
     size: IconSize;
     color: string;
     spin: boolean;
-    rotate: number;
     svg: string;
     name: string;
     component: object | ((...args: unknown[]) => unknown);

package/dist/vue/icon.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as d, onMounted as y, computed as r, h as c } from "vue";
-import { Icon as m } from "@iconify/vue";
-import { COMMON_ICONS as s } from "../presets.mjs";
-const a = "yh-icon-spin-style", v = `
+import { defineComponent as d, onMounted as m, computed as r, h as o } from "vue";
+import { Icon as y } from "@iconify/vue";
+import { COMMON_ICONS as l } from "../presets.mjs";
+const u = "yh-icon-spin-style", v = `
 @keyframes yh-icon-spin {
   from { transform: rotate(0deg); }
   to { transform: rotate(360deg); }
@@ -10,13 +10,13 @@ const a = "yh-icon-spin-style", v = `
   animation: yh-icon-spin 1s linear infinite;
 }
 `;
-function l() {
-  if (typeof document > "u" || document.getElementById(a)) return;
+function s() {
+  if (typeof document > "u" || document.getElementById(u)) return;
   const e = document.createElement("style");
-  e.id = a, e.textContent = v, document.head.appendChild(e);
+  e.id = u, e.textContent = v, document.head.appendChild(e);
 }
-function u(e) {
-  return e ? e.includes(":") || e.includes("/") ? e.replace("/", ":") : e in s ? s[e] : `mdi:${e}` : "";
+function a(e) {
+  return e ? e.includes(":") || e.includes("/") ? e.replace("/", ":") : e in l ? l[e] : `mdi:${e}` : "";
 }
 function f(e) {
   const t = {};
@@ -26,6 +26,14 @@ function f(e) {
   }
   return e.color && (t.color = e.color), e.rotate && !e.spin && (t.transform = `rotate(${e.rotate}deg)`), Object.keys(t).length > 0 ? t : void 0;
 }
+function g(e) {
+  if (!e) return "";
+  let t = e.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, "");
+  return t = t.replace(/\son[a-z]+\s*=\s*(['"][^'"]*['"]|[^\s>]+)/gi, ""), t = t.replace(/href\s*=\s*(['"]javascript:[^'"]*['"]|javascript:[^\s>]+)/gi, ""), t = t.replace(/xlink:href\s*=\s*(['"]javascript:[^'"]*['"]|javascript:[^\s>]+)/gi, ""), t = t.replace(
+    /(?:href|src|xlink:href)\s*=\s*['"]\s*(?:data:(?:text\/html|image\/svg\+xml;utf8|image\/svg\+xml;base64)|javascript|vbscript):[^'"]*['"]/gi,
+    ""
+  ), t;
+}
 const h = d({
   name: "YhIconIconify",
   inheritAttrs: !1,
@@ -91,47 +99,47 @@ const h = d({
     }
   },
   setup(e, { attrs: t }) {
-    y(() => {
-      e.spin && l();
+    m(() => {
+      e.spin && s();
     });
-    const n = r(() => e.icon ? u(e.icon) : e.name ? u(e.name) : ""), i = r(
+    const n = r(() => e.icon ? a(e.icon) : e.name ? a(e.name) : ""), i = r(
       () => f({
         size: e.size,
         color: e.color,
         rotate: e.rotate,
         spin: e.spin
       })
-    ), o = r(() => e.spin ? "yh-icons--spin" : "");
-    return () => (e.spin && l(), e.component ? c(e.component, {
-      class: o.value,
+    ), c = r(() => e.spin ? "yh-icons--spin" : "");
+    return () => (e.spin && s(), e.component ? o(e.component, {
+      class: c.value,
       style: i.value,
       ...t
-    }) : e.svg ? c("svg", {
-      class: o.value,
+    }) : e.svg ? o("svg", {
+      class: c.value,
       style: i.value,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true",
-      innerHTML: e.svg,
+      innerHTML: g(e.svg),
       ...t
-    }) : n.value ? c(m, {
+    }) : n.value ? o(y, {
       icon: n.value,
-      class: o.value,
+      class: c.value,
       style: i.value,
       ...t
-    }) : c("span", {
-      class: ["yh-icon", o.value],
+    }) : o("span", {
+      class: ["yh-icon", c.value],
       style: i.value,
       ...t
     }));
   }
-}), z = h, C = {
-  ensureSpinStyle: l,
-  resolveIconName: u,
+}), z = h, x = {
+  ensureSpinStyle: s,
+  resolveIconName: a,
   createIconStyle: f
 };
 export {
   z as Icon,
   h as YhIcon,
-  C as __test__
+  x as __test__
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yh-ui/icons",
-  "version": "1.0.52",
+  "version": "1.0.53",
   "description": "YH-UI Icons - High performance icon library with Iconify integration",
   "type": "module",
   "sideEffects": false,