@vuux/icons 1.0.0-beta.3 → 1.0.0-beta.4

package/dist/es/Icon.vue.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as a, shallowRef as r, watch as c, openBlock as m, createBlock as l, resolveDynamicComponent as p, normalizeProps as s, mergeProps as i, createCommentVNode as u } from "vue";
-import { loadIcon as f } from "./icon-runtime.mjs";
-const y = /* @__PURE__ */ a({
+import { defineComponent as c, shallowRef as n, watch as l, openBlock as i, createBlock as r, resolveDynamicComponent as m, mergeProps as s, createCommentVNode as u } from "vue";
+import { loadIcon as h } from "./icon-runtime.mjs";
+const y = /* @__PURE__ */ c({
   __name: "Icon",
   props: {
     name: {},
@@ -8,15 +8,21 @@ const y = /* @__PURE__ */ a({
     size: {},
     opacity: {}
   },
-  setup(n) {
-    const t = n, e = r(null);
-    return c(
-      () => t.name,
-      async (o) => {
-        e.value = await f(o);
+  setup(e) {
+    const a = e, o = n(null);
+    return l(
+      () => a.name,
+      async (t) => {
+        o.value = await h(t);
       },
       { immediate: !0 }
-    ), (o, d) => e.value ? (m(), l(p(e.value), s(i({ key: 0 }, o.$attrs)), null, 16)) : u("", !0);
+    ), (t, f) => o.value ? (i(), r(m(o.value), s({ key: 0 }, t.$attrs, {
+      color: e.color,
+      fill: e.color,
+      width: e.size,
+      height: e.size,
+      opacity: e.opacity
+    }), null, 16, ["color", "fill", "width", "height", "opacity"])) : u("", !0);
   }
 });
 export {

package/dist/es/icon-groups.d.ts

@@ -1,18 +1,2 @@
-export declare const iconGroups: {
-    Arrows: () => Promise<typeof import("./Arrows/icon-map")>;
-    Buildings: () => Promise<typeof import("./Buildings/icon-map")>;
-    Business: () => Promise<typeof import("./Business/icon-map")>;
-    Cloud: () => Promise<typeof import("./Cloud/icon-map")>;
-    Communication: () => Promise<typeof import("./Communication/icon-map")>;
-    Design: () => Promise<typeof import("./Design/icon-map")>;
-    Editor: () => Promise<typeof import("./Editor/icon-map")>;
-    Folder: () => Promise<typeof import("./Folder/icon-map")>;
-    Food: () => Promise<typeof import("./Food/icon-map")>;
-    Map: () => Promise<typeof import("./Map/icon-map")>;
-    Math: () => Promise<typeof import("./Math/icon-map")>;
-    Media: () => Promise<typeof import("./Media/icon-map")>;
-    Result: () => Promise<typeof import("./Result/icon-map")>;
-    Spinners: () => Promise<typeof import("./Spinners/icon-map")>;
-    System: () => Promise<typeof import("./System/icon-map")>;
-    User: () => Promise<typeof import("./User/icon-map")>;
-};
+import { Component } from 'vue';
+export declare const iconGroups: Record<string, () => Promise<Component>>;

package/dist/es/icon-groups.mjs

@@ -1,20 +1,20 @@
 const o = {
-  Arrows: () => import("./Arrows/icon-map.mjs"),
-  Buildings: () => import("./Buildings/icon-map.mjs"),
-  Business: () => import("./Business/icon-map.mjs"),
-  Cloud: () => import("./Cloud/icon-map.mjs"),
-  Communication: () => import("./Communication/icon-map.mjs"),
-  Design: () => import("./Design/icon-map.mjs"),
-  Editor: () => import("./Editor/icon-map.mjs"),
-  Folder: () => import("./Folder/icon-map.mjs"),
-  Food: () => import("./Food/icon-map.mjs"),
-  Map: () => import("./Map/icon-map.mjs"),
-  Math: () => import("./Math/icon-map.mjs"),
-  Media: () => import("./Media/icon-map.mjs"),
-  Result: () => import("./Result/icon-map.mjs"),
-  Spinners: () => import("./Spinners/icon-map.mjs"),
-  System: () => import("./System/icon-map.mjs"),
-  User: () => import("./User/icon-map.mjs")
+  Cloud: () => import("./Cloud/icon-map.mjs").then((t) => t),
+  Folder: () => import("./Folder/icon-map.mjs").then((t) => t),
+  Food: () => import("./Food/icon-map.mjs").then((t) => t),
+  Communication: () => import("./Communication/icon-map.mjs").then((t) => t),
+  Media: () => import("./Media/icon-map.mjs").then((t) => t),
+  Business: () => import("./Business/icon-map.mjs").then((t) => t),
+  Result: () => import("./Result/icon-map.mjs").then((t) => t),
+  User: () => import("./User/icon-map.mjs").then((t) => t),
+  Math: () => import("./Math/icon-map.mjs").then((t) => t),
+  System: () => import("./System/icon-map.mjs").then((t) => t),
+  Editor: () => import("./Editor/icon-map.mjs").then((t) => t),
+  Map: () => import("./Map/icon-map.mjs").then((t) => t),
+  Buildings: () => import("./Buildings/icon-map.mjs").then((t) => t),
+  Design: () => import("./Design/icon-map.mjs").then((t) => t),
+  Spinners: () => import("./Spinners/icon-map.mjs").then((t) => t),
+  Arrows: () => import("./Arrows/icon-map.mjs").then((t) => t)
 };
 export {
   o as iconGroups

package/dist/es/icon-runtime.d.ts

@@ -1,8 +1,3 @@
-import { Component } from 'vue';
 import { IconName } from './name-map';
-/**
- * 加载 Icon
- *
- * @param name 图标名称
- */
+import { Component } from 'vue';
 export declare function loadIcon(name: IconName): Promise<Component | null>;

package/dist/es/icon-runtime.mjs

@@ -1,37 +1,26 @@
-import { defineAsyncComponent as u } from "vue";
-import { nameToGroupMap as m } from "./name-map.mjs";
-import { iconGroups as f } from "./icon-groups.mjs";
-const e = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map();
-async function I(o) {
-  if (e.has(o))
-    return e.get(o);
-  const n = m[o];
-  if (!n)
-    return console.warn(`[Icon]群组未找到: ${o}`), null;
-  const t = f[n];
+import { iconGroups as p } from "./icon-groups.mjs";
+import { nameToGroupMap as l } from "./name-map.mjs";
+import { defineAsyncComponent as s } from "vue";
+const c = /* @__PURE__ */ new Map();
+async function M(o) {
+  if (c.has(o))
+    return c.get(o);
+  const r = l[o];
+  if (!r)
+    return console.warn(`[Icon] 未找到分组: ${o}`), null;
+  const t = p[r];
   if (!t)
-    return console.warn(`[Icon]加载器未找到: ${n}`), null;
-  let r = a.get(n);
-  r || (r = t(), a.set(n, r));
-  const p = (await r)[`${n}Map`]?.[o];
-  if (!p)
-    return console.warn(`[Icon]加载器未找到: ${o}`), null;
-  const s = u({
-    loader: p,
-    delay: 0,
-    timeout: 1e4,
-    loadingComponent: {
-      template: '<span style="opacity:.5">`···`</span>'
-    },
-    errorComponent: {
-      template: '<span style="color:red">×</span>'
-    },
-    onError(y, c, l, i) {
-      i <= 2 ? c() : l();
-    }
-  });
-  return e.set(o, s), s;
+    return console.warn(`[Icon] 分组加载失败: ${r}`), null;
+  try {
+    const n = (await t())[`${r}Map`];
+    if (!n || !n[o])
+      return console.warn(`[Icon] 图标未找到: ${o}`), null;
+    const e = s(n[o]);
+    return c.set(o, e), e;
+  } catch (u) {
+    return console.error(`[Icon] 加载失败: ${o}`, u), null;
+  }
 }
 export {
-  I as loadIcon
+  M as loadIcon
 };