@yh-ui/icons 0.1.2

package/dist/src/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @yh-ui/icons - High Performance Icon Library
+ *
+ * 集成 Iconify 图标库，支持 100+ 图标集，按需加载，零运行时开销
+ *
+ * 使用方式：
+ * 1. 通过 unplugin-icons 自动按需导入（如：<Icon icon="mdi:home" />）
+ * 2. 直接使用 YhIcon 组件并传入图标名称（如：<YhIcon name="mdi:home" />）
+ * 3. 使用预注册的图标简写（如：<YhIcon name="home" />）
+ */
+export * from './types';
+export { createIconifyComponent, parseIconName, iconExists, getIconData } from './iconify';
+export type { IconifyProps } from './iconify';
+export * from './presets';
+export * from './collections';
+export * from './vue/icon';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,cAAc,SAAS,CAAA;AAGvB,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAC1F,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAG7C,cAAc,WAAW,CAAA;AAGzB,cAAc,eAAe,CAAA;AAG7B,cAAc,YAAY,CAAA"}

package/dist/src/presets.d.ts

@@ -0,0 +1,54 @@
+import { IconPreset } from './types';
+/**
+ * 预设图标集列表
+ */
+export declare const PRESETS: IconPreset[];
+/**
+ * 获取预设配置
+ * @param prefix - 图标集前缀
+ * @returns 预设配置
+ */
+export declare function getPreset(prefix: string): IconPreset | undefined;
+/**
+ * 默认启用的图标集
+ * 这些图标集会被默认加载
+ */
+export declare const DEFAULT_ENABLED_PRESETS: string[];
+/**
+ * 图标集前缀映射
+ * 用于简写转换
+ */
+export declare const PREFIX_ALIAS: Record<string, string>;
+/**
+ * 常用图标快捷方式
+ * 用于快速访问常用图标
+ */
+export declare const COMMON_ICONS: {
+    readonly 'arrow-up': "mdi:arrow-up";
+    readonly 'arrow-down': "mdi:arrow-down";
+    readonly 'arrow-left': "mdi:arrow-left";
+    readonly 'arrow-right': "mdi:arrow-right";
+    readonly close: "mdi:close";
+    readonly check: "mdi:check";
+    readonly plus: "mdi:plus";
+    readonly minus: "mdi:minus";
+    readonly delete: "mdi:delete";
+    readonly edit: "mdi:pencil";
+    readonly search: "mdi:magnify";
+    readonly upload: "mdi:upload";
+    readonly download: "mdi:download";
+    readonly refresh: "mdi:refresh";
+    readonly settings: "mdi:cog";
+    readonly menu: "mdi:menu";
+    readonly loading: "mdi:loading";
+    readonly success: "mdi:check-circle";
+    readonly warning: "mdi:alert";
+    readonly error: "mdi:alert-circle";
+    readonly info: "mdi:information";
+    readonly user: "mdi:user";
+    readonly users: "mdi:account-group";
+    readonly file: "mdi:file";
+    readonly folder: "mdi:folder";
+    readonly image: "mdi:image";
+};
+//# sourceMappingURL=presets.d.ts.map

package/dist/src/presets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"presets.d.ts","sourceRoot":"","sources":["../../src/presets.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,UAAU,EA6D/B,CAAA;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CAEhE;AAED;;;GAGG;AACH,eAAO,MAAM,uBAAuB,UAA0C,CAAA;AAE9E;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA2B/C,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCf,CAAA"}

package/dist/src/types.d.ts

@@ -0,0 +1,144 @@
+/**
+ * 图标库类型定义
+ */
+/**
+ * 图标名称或图标标识符
+ * 支持格式：
+ * - 简写名称（如：'home', 'search'）
+ * - 带前缀的图标名（如：'mdi:home', 'ep:search'）
+ * - 完整图标标识符（如：'mdi/home', '@iconify-icons/mdi/home'）
+ */
+export type IconName = string;
+/**
+ * 图标尺寸
+ */
+export type IconSize = number | string;
+/**
+ * 图标颜色
+ */
+export type IconColor = string;
+/**
+ * 图标旋转角度
+ */
+export type IconRotate = number;
+/**
+ * 预设图标集
+ * 每个预设代表一个常用的图标库
+ */
+export interface IconPreset {
+    /** 预设名称 */
+    name: string;
+    /** 图标集前缀 */
+    prefix: string;
+    /** 图标数量 */
+    count: number;
+    /** 图标集描述 */
+    description?: string;
+}
+/**
+ * 图标配置选项
+ */
+export interface IconOptions {
+    /** 默认图标尺寸 */
+    defaultSize?: IconSize;
+    /** 默认图标颜色 */
+    defaultColor?: IconColor;
+    /** 默认启用旋转动画 */
+    defaultSpin?: boolean;
+    /** 加载失败时显示的备用图标 */
+    fallbackIcon?: string;
+}
+/**
+ * 图标集配置
+ */
+export interface IconCollection {
+    /** 图标集名称 */
+    name: string;
+    /** 图标集前缀 */
+    prefix: string;
+    /** 图标集作者 */
+    author?: string;
+    /** 图标集许可证 */
+    license?: string;
+    /** 图标数量 */
+    total: number;
+}
+/**
+ * 图标搜索结果
+ */
+export interface IconSearchResult {
+    /** 图标名称 */
+    name: string;
+    /** 图标完整标识符 */
+    icon: string;
+    /** 图标集 */
+    collection: string;
+    /** 图标集前缀 */
+    prefix: string;
+}
+/**
+ * Vue 组件图标属性
+ */
+export interface IconProps {
+    /** 图标名称 */
+    icon?: IconName;
+    /** 图标尺寸 */
+    size?: IconSize;
+    /** 图标颜色 */
+    color?: IconColor;
+    /** 是否旋转 */
+    spin?: boolean;
+    /** 旋转角度 */
+    rotate?: IconRotate;
+}
+/**
+ * 可用的图标集列表
+ * 常用的图标集
+ */
+export declare const AVAILABLE_COLLECTIONS: readonly [{
+    readonly prefix: "mdi";
+    readonly name: "Material Design Icons";
+    readonly count: 7000;
+}, {
+    readonly prefix: "ep";
+    readonly name: "Element Plus";
+    readonly count: 200;
+}, {
+    readonly prefix: "antd";
+    readonly name: "Ant Design Icons";
+    readonly count: 800;
+}, {
+    readonly prefix: "fa";
+    readonly name: "Font Awesome 6 Free";
+    readonly count: 2000;
+}, {
+    readonly prefix: "heroicons";
+    readonly name: "Heroicons";
+    readonly count: 600;
+}, {
+    readonly prefix: "lucide";
+    readonly name: "Lucide";
+    readonly count: 1500;
+}, {
+    readonly prefix: "carbon";
+    readonly name: "Carbon Icons";
+    readonly count: 1600;
+}, {
+    readonly prefix: "tabler";
+    readonly name: "Tabler Icons";
+    readonly count: 4600;
+}, {
+    readonly prefix: "ri";
+    readonly name: "Remix Icon";
+    readonly count: 2500;
+}, {
+    readonly prefix: "bi";
+    readonly name: "Bootstrap Icons";
+    readonly count: 2600;
+}];
+/**
+ * 推荐的图标集（默认启用的图标集）
+ */
+export declare const RECOMMENDED_COLLECTIONS: readonly ["mdi", "ep", "lucide", "tabler", "ri"];
+export type RecommendedCollection = typeof RECOMMENDED_COLLECTIONS[number];
+//# sourceMappingURL=types.d.ts.map

package/dist/src/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;;;GAMG;AACH,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAA;AAE7B;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAA;AAEtC;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,MAAM,CAAA;AAE9B;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,CAAA;AAE/B;;;GAGG;AACH,MAAM,WAAW,UAAU;IACzB,WAAW;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,WAAW;IACX,KAAK,EAAE,MAAM,CAAA;IACb,YAAY;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,aAAa;IACb,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,aAAa;IACb,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,eAAe;IACf,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mBAAmB;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,YAAY;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,YAAY;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,aAAa;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW;IACX,KAAK,EAAE,MAAM,CAAA;CACd;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,WAAW;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,cAAc;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU;IACV,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY;IACZ,MAAM,EAAE,MAAM,CAAA;CACf;AAED;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,WAAW;IACX,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,WAAW;IACX,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,WAAW;IACX,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,WAAW;IACX,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW;IACX,MAAM,CAAC,EAAE,UAAU,CAAA;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqBxB,CAAA;AAEV;;GAEG;AACH,eAAO,MAAM,uBAAuB,kDAAmD,CAAA;AAEvF,MAAM,MAAM,qBAAqB,GAAG,OAAO,uBAAuB,CAAC,MAAM,CAAC,CAAA"}

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

@@ -0,0 +1,278 @@
+import { PropType } from 'vue';
+import { IconName, IconSize, IconColor, IconRotate } from '../types';
+/**
+ * YhIcon Vue 组件
+ * 保持与 @yh-ui/components 的 YhIcon 组件完全兼容
+ */
+export declare const YhIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * 图标名称
+     * 支持格式：
+     * - 简写名称（如：'home', 'search'）
+     * - 带前缀的图标名（如：'mdi:home', 'ep:search'）
+     */
+    name: {
+        type: PropType<IconName>;
+        default: string;
+    };
+    /**
+     * 直接使用 Iconify 图标（优先级高于 name）
+     */
+    icon: {
+        type: PropType<IconName>;
+        default: string;
+    };
+    /**
+     * SVG 字符串（直接渲染 SVG）
+     */
+    svg: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 图标组件（传入 Vue 组件）
+     */
+    component: {
+        type: PropType<object | ((...args: unknown[]) => unknown)>;
+        default: undefined;
+    };
+    /**
+     * 图标尺寸
+     */
+    size: {
+        type: PropType<IconSize>;
+        default: undefined;
+    };
+    /**
+     * 图标颜色
+     */
+    color: {
+        type: PropType<IconColor>;
+        default: undefined;
+    };
+    /**
+     * 是否启用旋转动画
+     */
+    spin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 旋转角度（度数）
+     */
+    rotate: {
+        type: PropType<IconRotate>;
+        default: number;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * 图标名称
+     * 支持格式：
+     * - 简写名称（如：'home', 'search'）
+     * - 带前缀的图标名（如：'mdi:home', 'ep:search'）
+     */
+    name: {
+        type: PropType<IconName>;
+        default: string;
+    };
+    /**
+     * 直接使用 Iconify 图标（优先级高于 name）
+     */
+    icon: {
+        type: PropType<IconName>;
+        default: string;
+    };
+    /**
+     * SVG 字符串（直接渲染 SVG）
+     */
+    svg: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 图标组件（传入 Vue 组件）
+     */
+    component: {
+        type: PropType<object | ((...args: unknown[]) => unknown)>;
+        default: undefined;
+    };
+    /**
+     * 图标尺寸
+     */
+    size: {
+        type: PropType<IconSize>;
+        default: undefined;
+    };
+    /**
+     * 图标颜色
+     */
+    color: {
+        type: PropType<IconColor>;
+        default: undefined;
+    };
+    /**
+     * 是否启用旋转动画
+     */
+    spin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 旋转角度（度数）
+     */
+    rotate: {
+        type: PropType<IconRotate>;
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    icon: string;
+    size: IconSize;
+    color: string;
+    spin: boolean;
+    rotate: number;
+    svg: string;
+    name: string;
+    component: object | ((...args: unknown[]) => unknown);
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+/**
+ * Icon 组件 - YhIcon 的别名
+ */
+export declare const Icon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * 图标名称
+     * 支持格式：
+     * - 简写名称（如：'home', 'search'）
+     * - 带前缀的图标名（如：'mdi:home', 'ep:search'）
+     */
+    name: {
+        type: PropType<IconName>;
+        default: string;
+    };
+    /**
+     * 直接使用 Iconify 图标（优先级高于 name）
+     */
+    icon: {
+        type: PropType<IconName>;
+        default: string;
+    };
+    /**
+     * SVG 字符串（直接渲染 SVG）
+     */
+    svg: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 图标组件（传入 Vue 组件）
+     */
+    component: {
+        type: PropType<object | ((...args: unknown[]) => unknown)>;
+        default: undefined;
+    };
+    /**
+     * 图标尺寸
+     */
+    size: {
+        type: PropType<IconSize>;
+        default: undefined;
+    };
+    /**
+     * 图标颜色
+     */
+    color: {
+        type: PropType<IconColor>;
+        default: undefined;
+    };
+    /**
+     * 是否启用旋转动画
+     */
+    spin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 旋转角度（度数）
+     */
+    rotate: {
+        type: PropType<IconRotate>;
+        default: number;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * 图标名称
+     * 支持格式：
+     * - 简写名称（如：'home', 'search'）
+     * - 带前缀的图标名（如：'mdi:home', 'ep:search'）
+     */
+    name: {
+        type: PropType<IconName>;
+        default: string;
+    };
+    /**
+     * 直接使用 Iconify 图标（优先级高于 name）
+     */
+    icon: {
+        type: PropType<IconName>;
+        default: string;
+    };
+    /**
+     * SVG 字符串（直接渲染 SVG）
+     */
+    svg: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 图标组件（传入 Vue 组件）
+     */
+    component: {
+        type: PropType<object | ((...args: unknown[]) => unknown)>;
+        default: undefined;
+    };
+    /**
+     * 图标尺寸
+     */
+    size: {
+        type: PropType<IconSize>;
+        default: undefined;
+    };
+    /**
+     * 图标颜色
+     */
+    color: {
+        type: PropType<IconColor>;
+        default: undefined;
+    };
+    /**
+     * 是否启用旋转动画
+     */
+    spin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 旋转角度（度数）
+     */
+    rotate: {
+        type: PropType<IconRotate>;
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    icon: string;
+    size: IconSize;
+    color: string;
+    spin: boolean;
+    rotate: number;
+    svg: string;
+    name: string;
+    component: object | ((...args: unknown[]) => unknown);
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+/**
+ * YhIcon Props 类型
+ */
+export type YhIconProps = InstanceType<typeof YhIcon>['$props'];
+//# sourceMappingURL=icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/vue/icon.ts"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAGnC,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AA8EzE;;;GAGG;AACH,eAAO,MAAM,MAAM;IAIf;;;;;OAKG;;cAEe,QAAQ,CAAC,QAAQ,CAAC;;;IAGpC;;OAEG;;cAEe,QAAQ,CAAC,QAAQ,CAAC;;;IAGpC;;OAEG;;;;;IAKH;;OAEG;;cAE2B,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC,CAAC;;;IAGlF;;OAEG;;cAEyB,QAAQ,CAAC,QAAQ,CAAC;;;IAG9C;;OAEG;;cAEe,QAAQ,CAAC,SAAS,CAAC;;;IAGrC;;OAEG;;;;;IAKH;;OAEG;;cAEe,QAAQ,CAAC,UAAU,CAAC;;;;;;IAxDtC;;;;;OAKG;;cAEe,QAAQ,CAAC,QAAQ,CAAC;;;IAGpC;;OAEG;;cAEe,QAAQ,CAAC,QAAQ,CAAC;;;IAGpC;;OAEG;;;;;IAKH;;OAEG;;cAE2B,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC,CAAC;;;IAGlF;;OAEG;;cAEyB,QAAQ,CAAC,QAAQ,CAAC;;;IAG9C;;OAEG;;cAEe,QAAQ,CAAC,SAAS,CAAC;;;IAGrC;;OAEG;;;;;IAKH;;OAEG;;cAEe,QAAQ,CAAC,UAAU,CAAC;;;;;;;;;;;mCA5BqB,OAAO,EAAE,KAAK,OAAO;4EA4GlF,CAAA;AAEF;;GAEG;AACH,eAAO,MAAM,IAAI;IA7Ib;;;;;OAKG;;cAEe,QAAQ,CAAC,QAAQ,CAAC;;;IAGpC;;OAEG;;cAEe,QAAQ,CAAC,QAAQ,CAAC;;;IAGpC;;OAEG;;;;;IAKH;;OAEG;;cAE2B,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC,CAAC;;;IAGlF;;OAEG;;cAEyB,QAAQ,CAAC,QAAQ,CAAC;;;IAG9C;;OAEG;;cAEe,QAAQ,CAAC,SAAS,CAAC;;;IAGrC;;OAEG;;;;;IAKH;;OAEG;;cAEe,QAAQ,CAAC,UAAU,CAAC;;;;;;IAxDtC;;;;;OAKG;;cAEe,QAAQ,CAAC,QAAQ,CAAC;;;IAGpC;;OAEG;;cAEe,QAAQ,CAAC,QAAQ,CAAC;;;IAGpC;;OAEG;;;;;IAKH;;OAEG;;cAE2B,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC,CAAC;;;IAGlF;;OAEG;;cAEyB,QAAQ,CAAC,QAAQ,CAAC;;;IAG9C;;OAEG;;cAEe,QAAQ,CAAC,SAAS,CAAC;;;IAGrC;;OAEG;;;;;IAKH;;OAEG;;cAEe,QAAQ,CAAC,UAAU,CAAC;;;;;;;;;;;mCA5BqB,OAAO,EAAE,KAAK,OAAO;4EAiH1D,CAAA;AAE1B;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,YAAY,CAAC,OAAO,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAA"}

package/dist/types.mjs

@@ -0,0 +1,26 @@
+const e = [
+  // Material Design Icons - 最流行的图标集
+  { prefix: "mdi", name: "Material Design Icons", count: 7e3 },
+  // Element Plus 图标
+  { prefix: "ep", name: "Element Plus", count: 200 },
+  // Ant Design Icons
+  { prefix: "antd", name: "Ant Design Icons", count: 800 },
+  // Font Awesome
+  { prefix: "fa", name: "Font Awesome 6 Free", count: 2e3 },
+  // Heroicons
+  { prefix: "heroicons", name: "Heroicons", count: 600 },
+  // Lucide - 现代简洁风格
+  { prefix: "lucide", name: "Lucide", count: 1500 },
+  // Carbon Icons
+  { prefix: "carbon", name: "Carbon Icons", count: 1600 },
+  // Tabler Icons
+  { prefix: "tabler", name: "Tabler Icons", count: 4600 },
+  // Remix Icon
+  { prefix: "ri", name: "Remix Icon", count: 2500 },
+  // Bootstrap Icons
+  { prefix: "bi", name: "Bootstrap Icons", count: 2600 }
+], n = ["mdi", "ep", "lucide", "tabler", "ri"];
+export {
+  e as AVAILABLE_COLLECTIONS,
+  n as RECOMMENDED_COLLECTIONS
+};

package/dist/vue/icon.mjs

@@ -0,0 +1,132 @@
+import { defineComponent as f, onMounted as d, computed as r, h as c } from "vue";
+import { Icon as y } from "@iconify/vue";
+import { COMMON_ICONS as l } from "../presets.mjs";
+const u = "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 s() {
+  if (typeof document > "u" || document.getElementById(u)) return;
+  const e = document.createElement("style");
+  e.id = u, e.textContent = m, document.head.appendChild(e);
+}
+function a(e) {
+  return e ? e.includes(":") || e.includes("/") ? e.replace("/", ":") : e in l ? l[e] : `mdi:${e}` : "";
+}
+function v(e) {
+  const t = {};
+  if (e.size) {
+    const n = typeof e.size == "number" ? `${e.size}px` : e.size;
+    t.width = n, t.height = n, t.fontSize = n;
+  }
+  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;
+}
+const h = f({
+  name: "YhIconIconify",
+  inheritAttrs: !1,
+  props: {
+    /**
+     * 图标名称
+     * 支持格式：
+     * - 简写名称（如：'home', 'search'）
+     * - 带前缀的图标名（如：'mdi:home', 'ep:search'）
+     */
+    name: {
+      type: String,
+      default: ""
+    },
+    /**
+     * 直接使用 Iconify 图标（优先级高于 name）
+     */
+    icon: {
+      type: String,
+      default: ""
+    },
+    /**
+     * SVG 字符串（直接渲染 SVG）
+     */
+    svg: {
+      type: String,
+      default: ""
+    },
+    /**
+     * 图标组件（传入 Vue 组件）
+     */
+    component: {
+      type: [Object, Function],
+      default: void 0
+    },
+    /**
+     * 图标尺寸
+     */
+    size: {
+      type: [Number, String],
+      default: void 0
+    },
+    /**
+     * 图标颜色
+     */
+    color: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * 是否启用旋转动画
+     */
+    spin: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * 旋转角度（度数）
+     */
+    rotate: {
+      type: Number,
+      default: 0
+    }
+  },
+  setup(e, { attrs: t }) {
+    d(() => {
+      e.spin && s();
+    });
+    const n = r(() => e.icon ? a(e.icon) : e.name ? a(e.name) : ""), i = r(
+      () => v({
+        size: e.size,
+        color: e.color,
+        rotate: e.rotate,
+        spin: e.spin
+      })
+    ), o = r(() => e.spin ? "yh-icons--spin" : "");
+    return () => (e.spin && s(), e.component ? c(e.component, {
+      class: o.value,
+      style: i.value,
+      ...t
+    }) : e.svg ? c("svg", {
+      class: o.value,
+      style: i.value,
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      innerHTML: e.svg,
+      ...t
+    }) : n.value ? c(y, {
+      icon: n.value,
+      class: o.value,
+      style: i.value,
+      ...t
+    }) : c("span", {
+      class: ["yh-icon", o.value],
+      style: i.value,
+      ...t
+    }));
+  }
+}), z = h;
+export {
+  z as Icon,
+  h as YhIcon
+};