@yh-ui/icons 1.0.52 → 1.0.54

package/dist/iconify.mjs

@@ -1,47 +1,79 @@
-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 p, getIcon as d, loadIcon as u, addAPIProvider as l } from "@iconify/vue";
+import { h } from "vue";
+try {
+  l("", {
+    resources: ["https://api.iconify.design", "https://api.simplesvg.com"],
+    rotate: 1e3,
+    timeout: 3e3
+  });
+} catch {
+}
+const f = "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(f)) return;
+  const t = document.createElement("style");
+  t.id = f, t.textContent = m, document.head.appendChild(t);
+}
+function I(t) {
+  const { icon: e, size: o, color: n, spin: i, rotate: a } = t, r = {}, s = [];
+  if (o) {
+    const c = typeof o == "number" ? `${o}px` : o;
+    r.width = c, r.height = c, r.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 n && (r.color = n), a && (r.transform = `rotate(${a}deg)`), i && (g(), s.push("yh-icons--spin")), {
+    icon: e,
+    class: s.length > 0 ? s.join(" ") : void 0,
+    style: Object.keys(r).length > 0 ? r : void 0
   };
 }
-function g() {
+function S() {
   return (t) => {
-    const o = l(t);
-    return d(f, o);
+    const e = I(t);
+    return h(p, e);
   };
 }
-function s(t) {
+function y(t) {
   return t.includes(":") ? t : t.includes("/") ? t.replace("/", ":") : `mdi:${t}`;
 }
-async function m(t) {
+async function v(t) {
+  if (typeof t != "string" || !t.trim())
+    return !1;
   try {
-    return !!s(t);
+    const e = y(t);
+    if (!/^[a-z0-9-]+:[a-z0-9-_]+$/i.test(e))
+      return !1;
+    const n = d(e);
+    if (n && n.body && typeof n.body == "string" && n.body.trim().length > 0)
+      return !0;
+    const i = await u(e);
+    return !!(i && i.body && typeof i.body == "string" && i.body.trim().length > 0);
   } catch {
     return !1;
   }
 }
-async function I(t) {
-  const o = s(t), r = u(o);
-  if (r) return r;
+async function x(t) {
+  const e = y(t), o = d(e);
+  if (o) return o;
   try {
-    const e = await p(o);
-    if (!e)
+    const n = await u(e);
+    if (!n)
       throw new Error(`Icon not found: ${t}`);
-    return e;
+    return n;
   } catch {
     throw new Error(`Failed to load icon: ${t}`);
   }
 }
 export {
-  g as createIconifyComponent,
-  I as getIconData,
-  m as iconExists,
-  s as parseIconName
+  S as createIconifyComponent,
+  x as getIconData,
+  v as iconExists,
+  y 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.54",
   "description": "YH-UI Icons - High performance icon library with Iconify integration",
   "type": "module",
   "sideEffects": false,