@manohub/icon 0.1.0

package/README.md

@@ -0,0 +1,44 @@
+# @manohub/icon
+
+AIHub 图标包：内置 SVG 图标内容表 + `<Icon>` 组件。**零运行时依赖**（仅 peer `vue`），任何仓库、任何 UI 栈都可直接消费。
+
+## 为什么单独成包
+
+原先图标寄居在 `@manohub/ui/components/icon`（经子路径 `@manohub/ui/icon` 暴露）。问题：
+
+1. `@manohub/ui` 是 Tailwind + reka + cva 栈的组件库，**消费它意味着连带接受整套栈**；
+2. `packages/app-kit`（farris 封装 + 原生 CSS，无 Tailwind）只需要一个图标，却因此成为 `@manohub/ui` 的依赖方；
+3. 跨仓分发时，一个只想用图标的工程不应被迫安装组件库。
+
+抽出后依赖方向变为：`@manohub/ui` 与 `@manohub/app-kit` **都依赖** `@manohub/icon`，图标成为两侧共享的底座，不再有"骨架层依赖组件库"的倒挂。
+
+## 用法
+
+```tsx
+import { Icon, IconNameList, type IconName } from '@manohub/icon'
+
+<Icon name="page-title" size={26} />
+<Icon name="close" size={16} class="text-primary" />
+```
+
+- `name`：图标名（`IconName` 联合类型，取自内容表键名；运行时清单见 `IconNameList`）
+- `size`：宽高（px，同时设置 `width`/`height`，默认 16）
+- `class`：附加类名（基底样式为内联 style，不再占用类名）
+- `style`：附加内联样式，会与基底样式合并（同键以消费方传入的为准）
+- 图标为 24×24 viewBox 的 SVG 片段，`stroke` 继承 `currentColor`（随文字颜色）
+
+## 依赖与行为约定
+
+- **零运行时依赖 + 零 CSS 依赖**：不引入 `clsx` / `tailwind-merge`，也不依赖任何 CSS 框架；类名直接透传，无需任何合并工具。
+- **基底样式为内联 style**：`{ display: 'inline-block', flexShrink: '0' }`。
+  原先是 Tailwind 工具类 `inline-block shrink-0` —— 在 Tailwind 仓（如 portal）生效，在非 Tailwind 仓（如 app-kit 各子应用）是**死类**，图标会丢掉 `flex-shrink: 0`、在 flex 行内被长文本压扁；改内联 style 后两种栈取值一致。
+  **代价**：内联 style 优先级高于 class，**无法再用 class 覆盖 `display` / `flex-shrink`**（需要覆盖时请传 `style` —— Vue 会把回退的 style 与基底对象合并，同键以后者为准）。
+- 本包只含图标，不含任何 CSS 文件（`sideEffects: false`），不引入样式副作用。
+- 与 `aihub-ui` 仓的 `@aihub/ui`（自带 `renderIcon` / `ICON_NAMES`）**是两套独立图标资产**。
+  本包随 `frontend-infra` 独立分发，不绑定任何单一消费仓。
+
+## 维护
+
+图标内容表在 `src/composables/use-icon-content.tsx`：新增图标 = 在 `IconMap` 里加一条 `name: () => (<>…</>)`，`IconName` 与 `IconNameList` 自动推导，无需改别处。
+
+约定：片段内不写容器属性（`viewBox`/`width`/`stroke` 由 `<Icon>` 统一给）；线性图标继承 `currentColor`；实心图标显式 `<g fill="currentColor" stroke="none">`。

package/dist/composables/use-icon-content.d.ts

@@ -0,0 +1,84 @@
+/**
+ * 内置图标 SVG 内容组合式函数
+ * 每个图标是 24x24 viewBox 内的 SVG 片段，stroke 继承 currentColor
+ */
+declare const IconMap: {
+    loading: () => import("vue/jsx-runtime").JSX.Element;
+    close: () => import("vue/jsx-runtime").JSX.Element;
+    success: () => import("vue/jsx-runtime").JSX.Element;
+    error: () => import("vue/jsx-runtime").JSX.Element;
+    info: () => import("vue/jsx-runtime").JSX.Element;
+    warning: () => import("vue/jsx-runtime").JSX.Element;
+    'chevron-left': () => import("vue/jsx-runtime").JSX.Element;
+    'chevron-right': () => import("vue/jsx-runtime").JSX.Element;
+    'chevron-down': () => import("vue/jsx-runtime").JSX.Element;
+    'chevron-up': () => import("vue/jsx-runtime").JSX.Element;
+    check: () => import("vue/jsx-runtime").JSX.Element;
+    search: () => import("vue/jsx-runtime").JSX.Element;
+    user: () => import("vue/jsx-runtime").JSX.Element;
+    download: () => import("vue/jsx-runtime").JSX.Element;
+    back: () => import("vue/jsx-runtime").JSX.Element;
+    link: () => import("vue/jsx-runtime").JSX.Element;
+    folder: () => import("vue/jsx-runtime").JSX.Element;
+    'folder-open': () => import("vue/jsx-runtime").JSX.Element;
+    file: () => import("vue/jsx-runtime").JSX.Element;
+    'file-code': () => import("vue/jsx-runtime").JSX.Element;
+    'file-json': () => import("vue/jsx-runtime").JSX.Element;
+    'file-text': () => import("vue/jsx-runtime").JSX.Element;
+    terminal: () => import("vue/jsx-runtime").JSX.Element;
+    shield: () => import("vue/jsx-runtime").JSX.Element;
+    wrench: () => import("vue/jsx-runtime").JSX.Element;
+    plus: () => import("vue/jsx-runtime").JSX.Element;
+    bell: () => import("vue/jsx-runtime").JSX.Element;
+    settings: () => import("vue/jsx-runtime").JSX.Element;
+    logout: () => import("vue/jsx-runtime").JSX.Element;
+    home: () => import("vue/jsx-runtime").JSX.Element;
+    workbench: () => import("vue/jsx-runtime").JSX.Element;
+    'grid-dots': () => import("vue/jsx-runtime").JSX.Element;
+    heart: () => import("vue/jsx-runtime").JSX.Element;
+    'page-title': () => import("vue/jsx-runtime").JSX.Element;
+    'heart-filled': () => import("vue/jsx-runtime").JSX.Element;
+};
+export type IconName = keyof typeof IconMap;
+export declare const IconNameList: IconName[];
+export declare const useIconContent: () => {
+    IconMap: {
+        loading: () => import("vue/jsx-runtime").JSX.Element;
+        close: () => import("vue/jsx-runtime").JSX.Element;
+        success: () => import("vue/jsx-runtime").JSX.Element;
+        error: () => import("vue/jsx-runtime").JSX.Element;
+        info: () => import("vue/jsx-runtime").JSX.Element;
+        warning: () => import("vue/jsx-runtime").JSX.Element;
+        'chevron-left': () => import("vue/jsx-runtime").JSX.Element;
+        'chevron-right': () => import("vue/jsx-runtime").JSX.Element;
+        'chevron-down': () => import("vue/jsx-runtime").JSX.Element;
+        'chevron-up': () => import("vue/jsx-runtime").JSX.Element;
+        check: () => import("vue/jsx-runtime").JSX.Element;
+        search: () => import("vue/jsx-runtime").JSX.Element;
+        user: () => import("vue/jsx-runtime").JSX.Element;
+        download: () => import("vue/jsx-runtime").JSX.Element;
+        back: () => import("vue/jsx-runtime").JSX.Element;
+        link: () => import("vue/jsx-runtime").JSX.Element;
+        folder: () => import("vue/jsx-runtime").JSX.Element;
+        'folder-open': () => import("vue/jsx-runtime").JSX.Element;
+        file: () => import("vue/jsx-runtime").JSX.Element;
+        'file-code': () => import("vue/jsx-runtime").JSX.Element;
+        'file-json': () => import("vue/jsx-runtime").JSX.Element;
+        'file-text': () => import("vue/jsx-runtime").JSX.Element;
+        terminal: () => import("vue/jsx-runtime").JSX.Element;
+        shield: () => import("vue/jsx-runtime").JSX.Element;
+        wrench: () => import("vue/jsx-runtime").JSX.Element;
+        plus: () => import("vue/jsx-runtime").JSX.Element;
+        bell: () => import("vue/jsx-runtime").JSX.Element;
+        settings: () => import("vue/jsx-runtime").JSX.Element;
+        logout: () => import("vue/jsx-runtime").JSX.Element;
+        home: () => import("vue/jsx-runtime").JSX.Element;
+        workbench: () => import("vue/jsx-runtime").JSX.Element;
+        'grid-dots': () => import("vue/jsx-runtime").JSX.Element;
+        heart: () => import("vue/jsx-runtime").JSX.Element;
+        'page-title': () => import("vue/jsx-runtime").JSX.Element;
+        'heart-filled': () => import("vue/jsx-runtime").JSX.Element;
+    };
+    getIconContent: (name: IconName) => (() => import("vue/jsx-runtime").JSX.Element) | (() => import("vue/jsx-runtime").JSX.Element) | (() => import("vue/jsx-runtime").JSX.Element) | (() => import("vue/jsx-runtime").JSX.Element) | (() => import("vue/jsx-runtime").JSX.Element) | (() => import("vue/jsx-runtime").JSX.Element) | (() => import("vue/jsx-runtime").JSX.Element) | (() => import("vue/jsx-runtime").JSX.Element) | (() => import("vue/jsx-runtime").JSX.Element) | (() => import("vue/jsx-runtime").JSX.Element) | (() => import("vue/jsx-runtime").JSX.Element) | (() => import("vue/jsx-runtime").JSX.Element) | (() => import("vue/jsx-runtime").JSX.Element) | (() => import("vue/jsx-runtime").JSX.Element) | (() => import("vue/jsx-runtime").JSX.Element) | (() => import("vue/jsx-runtime").JSX.Element) | (() => import("vue/jsx-runtime").JSX.Element) | (() => import("vue/jsx-runtime").JSX.Element) | (() => import("vue/jsx-runtime").JSX.Element) | (() => import("vue/jsx-runtime").JSX.Element) | (() => import("vue/jsx-runtime").JSX.Element) | (() => import("vue/jsx-runtime").JSX.Element) | (() => import("vue/jsx-runtime").JSX.Element) | (() => import("vue/jsx-runtime").JSX.Element) | (() => import("vue/jsx-runtime").JSX.Element) | (() => import("vue/jsx-runtime").JSX.Element) | (() => import("vue/jsx-runtime").JSX.Element) | (() => import("vue/jsx-runtime").JSX.Element) | (() => import("vue/jsx-runtime").JSX.Element) | (() => import("vue/jsx-runtime").JSX.Element) | (() => import("vue/jsx-runtime").JSX.Element) | (() => import("vue/jsx-runtime").JSX.Element) | (() => import("vue/jsx-runtime").JSX.Element) | (() => import("vue/jsx-runtime").JSX.Element) | (() => import("vue/jsx-runtime").JSX.Element);
+};
+export {};

package/dist/composables/use-icon-content.js

@@ -0,0 +1,332 @@
+import { createVNode, Fragment } from "vue";
+const IconMap = {
+  loading: () => createVNode(Fragment, null, [createVNode("circle", {
+    "cx": "12",
+    "cy": "12",
+    "r": "10",
+    "stroke-opacity": 0.25
+  }, null), createVNode("path", {
+    "d": "M12 2a10 10 0 0 1 10 10"
+  }, null)]),
+  close: () => createVNode(Fragment, null, [createVNode("path", {
+    "d": "M18 6 6 18"
+  }, null), createVNode("path", {
+    "d": "m6 6 12 12"
+  }, null)]),
+  success: () => createVNode(Fragment, null, [createVNode("circle", {
+    "cx": "12",
+    "cy": "12",
+    "r": "10"
+  }, null), createVNode("path", {
+    "d": "m9 12 2 2 4-4"
+  }, null)]),
+  error: () => createVNode(Fragment, null, [createVNode("circle", {
+    "cx": "12",
+    "cy": "12",
+    "r": "10"
+  }, null), createVNode("path", {
+    "d": "m15 9-6 6"
+  }, null), createVNode("path", {
+    "d": "m9 9 6 6"
+  }, null)]),
+  info: () => createVNode(Fragment, null, [createVNode("circle", {
+    "cx": "12",
+    "cy": "12",
+    "r": "10"
+  }, null), createVNode("path", {
+    "d": "M12 16v-4"
+  }, null), createVNode("path", {
+    "d": "M12 8h.01"
+  }, null)]),
+  warning: () => createVNode(Fragment, null, [createVNode("path", {
+    "d": "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 20h16a2 2 0 0 0 1.73-2Z"
+  }, null), createVNode("path", {
+    "d": "M12 9v4"
+  }, null), createVNode("path", {
+    "d": "M12 17h.01"
+  }, null)]),
+  "chevron-left": () => createVNode(Fragment, null, [createVNode("path", {
+    "d": "m15 18-6-6 6-6"
+  }, null)]),
+  "chevron-right": () => createVNode(Fragment, null, [createVNode("path", {
+    "d": "m9 18 6-6-6-6"
+  }, null)]),
+  "chevron-down": () => createVNode(Fragment, null, [createVNode("path", {
+    "d": "m6 9 6 6 6-6"
+  }, null)]),
+  "chevron-up": () => createVNode(Fragment, null, [createVNode("path", {
+    "d": "m6 15 6-6 6 6"
+  }, null)]),
+  check: () => createVNode(Fragment, null, [createVNode("path", {
+    "d": "M20 6 9 17l-5-5"
+  }, null)]),
+  search: () => createVNode(Fragment, null, [createVNode("circle", {
+    "cx": "11",
+    "cy": "11",
+    "r": "8"
+  }, null), createVNode("path", {
+    "d": "m21 21-4.3-4.3"
+  }, null)]),
+  user: () => createVNode("g", {
+    "fill": "currentColor",
+    "stroke": "none"
+  }, [createVNode("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    "d": "M12 1.5C14.8995 1.5 17.25 3.85051 17.25 6.75C17.25 9.6495 14.8995 12 12 12C9.1005 12 6.75 9.6495 6.75 6.75C6.75 3.85051 9.1005 1.5 12 1.5ZM21.75 19.125C21.75 15.75 17.385 12.777 12 12.777C6.615 12.777 2.25 15.75 2.25 19.125C2.25 22.179 5.823 22.47 10.4925 22.497H13.5075C18.177 22.47 21.75 22.179 21.75 19.125ZM4.5 19.125C4.5 17.1915 7.7775 15.027 12 15.027C16.2225 15.027 19.5 17.1915 19.5 19.125C19.5 19.8443 18.2145 20.2005 13.1625 20.2455L12 20.25L10.8825 20.247C5.817 20.2103 4.5 19.8443 4.5 19.125ZM9 6.75C9 5.09315 10.3431 3.75 12 3.75C13.6569 3.75 15 5.09315 15 6.75C15 8.40685 13.6569 9.75 12 9.75C10.3431 9.75 9 8.40685 9 6.75Z"
+  }, null)]),
+  download: () => (
+    // 实心下载图标：设计稿「详情页下载量」原始路径（箭头 + 底部托盘）
+    createVNode("g", {
+      "fill": "currentColor",
+      "stroke": "none"
+    }, [createVNode("path", {
+      "fill-rule": "evenodd",
+      "clip-rule": "evenodd",
+      "d": "M11.25 13.5H7.6875L12 18L16.3125 13.5H12.75V3H11.25V13.5ZM19.5 12H21V21H3V12H4.5V19.5H19.5V12Z"
+    }, null)])
+  ),
+  back: () => createVNode("g", {
+    "fill": "currentColor",
+    "stroke": "none",
+    "transform": "translate(2.74, 3.76) scale(1.2)"
+  }, [createVNode("path", {
+    "d": "M3.83177095,5.24594871 C4.0602244,5.47440869 4.08306498,5.83061605 3.90029598,6.08462021 L3.83175782,6.16518753 C3.5779134,6.41902469 3.16635617,6.41901881 2.912519,6.1651744 L0.190377671,3.44295529 L0.178511775,3.43077648 C0.161302612,3.41264792 0.145127956,3.39352776 0.130082378,3.37351059 L0.190377671,3.44295529 C0.161590153,3.41416695 0.136092993,3.3833986 0.113868819,3.35110255 C0.0995917417,3.33017175 0.0864982717,3.30852919 0.0746766273,3.28611188 C0.0292654095,3.20019745 0.00466816878,3.10620964 0.000603695422,3.01164047 C0.000208243732,3.00233175 3.64474909e-06,2.99286099 3.64474909e-06,2.98334245 C0.000336250747,2.95470912 0.00150386353,2.93496788 0.00356302865,2.91530936 L3.64474909e-06,2.98334245 C3.64474909e-06,2.9464507 0.00307705756,2.91027678 0.00898180791,2.87506278 C0.0119100067,2.85795575 0.0155561728,2.84055358 0.0199163976,2.82330214 C0.0240526844,2.80675154 0.028784588,2.79075497 0.0341019515,2.77502817 C0.0390005997,2.76052929 0.044550606,2.74581013 0.0506490237,2.73127431 C0.0582569033,2.71333431 0.0663820399,2.69623276 0.0752112443,2.67956138 C0.0807509514,2.6688148 0.0871507675,2.65749932 0.0939137641,2.64634913 C0.106428764,2.62605334 0.119478658,2.60699193 0.133478633,2.58869609 C0.139794115,2.58023299 0.14642202,2.57200602 0.153278251,2.56391211 L0.226982285,2.48983163 L2.94912362,0.156500961 C3.22168212,-0.0771272852 3.63202755,-0.0455680793 3.8656558,0.22699042 C4.09928404,0.49954892 4.06772484,0.909894354 3.79516634,1.1435226 L2.407,2.333 L9.59202675,2.33334245 C12.6180843,2.33334245 15.1778244,4.79506422 15.2957606,7.81911854 C15.4203498,11.0138765 12.7903966,13.744442 9.59202675,13.744442 L2.98271209,13.744442 C2.623727,13.744442 2.33271209,13.4534271 2.33271209,13.094442 C2.33271209,12.7354569 2.623727,12.444442 2.98271209,12.444442 L9.59202675,12.444442 C12.0529831,12.444442 14.0925682,10.3268299 13.9967481,7.86977833 C13.9060235,5.54347019 11.9198402,3.63334245 9.59202675,3.63334245 L2.219,3.633 L3.83177095,5.24594871 Z"
+  }, null)]),
+  link: () => createVNode("g", {
+    "fill": "currentColor",
+    "stroke": "none"
+  }, [createVNode("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    "d": "M20.5145 7.26396C21.1283 7.89005 21.6132 8.60958 21.9555 9.40247H21.9555C22.3163 10.2379 22.4992 11.1113 22.4992 11.9994C22.4992 12.8876 22.3162 13.7614 21.9554 14.5968C21.613 15.3897 21.1282 16.1082 20.5144 16.7348C19.9038 17.3577 19.203 17.8491 18.4316 18.1974C17.6239 18.562 16.7846 18.7448 15.9372 18.7448H13.5C13.0862 18.7448 12.7507 18.4093 12.7507 17.9955C12.7507 17.5817 13.0862 17.2462 13.5 17.2462H15.9372C16.5704 17.2462 17.2023 17.108 17.815 16.8314C18.4077 16.5638 18.9711 16.1692 19.4443 15.6866C19.9286 15.1925 20.3106 14.6261 20.5797 14.003C20.8589 13.3563 21.0006 12.6823 21.0006 11.9995C21.0006 11.3168 20.8591 10.6427 20.5797 9.99596C20.3106 9.37282 19.9286 8.80625 19.4443 8.31221C18.9711 7.82944 18.4077 7.43253 17.815 7.16499C17.2023 6.88835 16.5706 6.7475 15.9372 6.7475H13.5C13.0862 6.7475 12.7507 6.41202 12.7507 5.9982C12.7507 5.58437 13.0862 5.2489 13.5 5.2489H15.9374C16.7847 5.2489 17.624 5.43457 18.4317 5.79921C19.203 6.1478 19.9038 6.641 20.5145 7.26396ZM8.06274 17.2465H10.5C10.7677 17.2465 11.0151 17.3893 11.1489 17.6211C11.2828 17.853 11.2828 18.1386 11.1489 18.3704C11.0151 18.6023 10.7677 18.7451 10.5 18.7451H8.06274C7.21531 18.7451 6.3761 18.5623 5.56838 18.1976C4.79707 17.8494 4.09627 17.359 3.48558 16.736C2.87182 16.1099 2.38695 15.3904 2.04457 14.5975C1.6838 13.762 1.50082 12.888 1.50082 11.9999C1.50082 11.1117 1.6838 10.2376 2.04455 9.40221C2.38695 8.60975 2.87175 7.89007 3.48558 7.26354C4.0962 6.64055 4.79698 6.1478 5.56838 5.79957C6.3761 5.43483 7.2154 5.24923 8.06274 5.24923H10.5002C10.9141 5.24923 11.2495 5.5847 11.2495 5.99853C11.2495 6.41235 10.9141 6.74782 10.5002 6.74782H8.06299C7.42985 6.74782 6.79791 6.88871 6.18525 7.16532C5.59259 7.43288 5.02913 7.83021 4.55593 8.31282C4.07166 8.80683 3.68963 9.37327 3.42057 9.99633C3.14114 10.6431 2.99942 11.3171 2.99942 11.9995C2.99942 12.6819 3.14091 13.356 3.42031 14.0027C3.68937 14.6259 4.07138 15.1918 4.55569 15.6858C5.02887 16.1685 5.59233 16.5641 6.185 16.8316C6.79765 17.1083 7.42943 17.2465 8.06274 17.2465Z"
+  }, null), createVNode("path", {
+    "d": "M6.70139 11.9931C6.70139 12.4069 7.03686 12.7424 7.45068 12.7424H16.5523C16.9662 12.7424 17.3016 12.4069 17.3016 11.9931C17.3016 11.5792 16.9662 11.2438 16.5523 11.2438H7.45068C7.25196 11.2438 7.06137 11.3227 6.92085 11.4632C6.78033 11.6038 6.70139 11.7943 6.70139 11.9931H6.70139Z"
+  }, null)]),
+  folder: () => createVNode("path", {
+    "d": "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"
+  }, null),
+  "folder-open": () => createVNode("path", {
+    "d": "m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2"
+  }, null),
+  file: () => createVNode("path", {
+    "d": "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"
+  }, null),
+  "file-code": () => createVNode(Fragment, null, [createVNode("path", {
+    "d": "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"
+  }, null), createVNode("path", {
+    "d": "M14 2v4a2 2 0 0 0 2 2h4"
+  }, null), createVNode("path", {
+    "d": "m10 13-2 2 2 2"
+  }, null), createVNode("path", {
+    "d": "m14 17 2-2-2-2"
+  }, null)]),
+  "file-json": () => createVNode(Fragment, null, [createVNode("path", {
+    "d": "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"
+  }, null), createVNode("path", {
+    "d": "M14 2v4a2 2 0 0 0 2 2h4"
+  }, null), createVNode("path", {
+    "d": "M10 12a1 1 0 0 0-1 1v1a1 1 0 0 1-1 1 1 1 0 0 1 1 1v1a1 1 0 0 0 1 1"
+  }, null), createVNode("path", {
+    "d": "M14 18a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1 1 1 0 0 1-1-1v-1a1 1 0 0 0-1-1"
+  }, null)]),
+  "file-text": () => createVNode(Fragment, null, [createVNode("path", {
+    "d": "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"
+  }, null), createVNode("path", {
+    "d": "M14 2v4a2 2 0 0 0 2 2h4"
+  }, null), createVNode("path", {
+    "d": "M16 13H8"
+  }, null), createVNode("path", {
+    "d": "M16 17H8"
+  }, null), createVNode("path", {
+    "d": "M10 9H8"
+  }, null)]),
+  terminal: () => createVNode(Fragment, null, [createVNode("path", {
+    "d": "m4 17 6-6-6-6"
+  }, null), createVNode("path", {
+    "d": "M12 19h8"
+  }, null)]),
+  shield: () => createVNode("path", {
+    "d": "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"
+  }, null),
+  wrench: () => createVNode("path", {
+    "d": "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"
+  }, null),
+  plus: () => createVNode(Fragment, null, [createVNode("path", {
+    "d": "M5 12h14"
+  }, null), createVNode("path", {
+    "d": "M12 5v14"
+  }, null)]),
+  bell: () => createVNode(Fragment, null, [createVNode("path", {
+    "d": "M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"
+  }, null), createVNode("path", {
+    "d": "M10.3 21a1.94 1.94 0 0 0 3.4 0"
+  }, null)]),
+  settings: () => (
+    // 后台管理齿轮：设计稿「ico-后台管理」原始路径（20px 视口等比放大到 24px 并居中）
+    createVNode("g", {
+      "fill": "currentColor",
+      "stroke": "none",
+      "transform": "translate(-1.116, -1.116) scale(1.2)"
+    }, [createVNode("path", {
+      "d": "M10.9311387,2.9311394 C11.2993286,2.9311394 11.5978054,3.22961623 11.5978054,3.59780607 L11.5978054,4.9311394 L11.5945745,4.96740231 C12.2087247,5.03495729 12.7949718,5.19520204 13.3390221,5.43384298 L13.3531294,5.40561682 L14.0197961,4.24561682 C14.2032591,3.9263911 14.6107689,3.81633371 14.9299953,3.99979561 C15.2492204,4.18325983 15.3592777,4.5907696 15.1758147,4.90999532 L14.509148,6.06999532 L14.4892657,6.09953088 C14.9748702,6.45774086 15.4045373,6.88740795 15.7627472,7.3730124 L15.7922828,7.3531301 L16.9522828,6.68646344 C17.2715085,6.50300038 17.6790183,6.61305776 17.8624813,6.93228348 C18.0459444,7.2515092 17.935887,7.65901897 17.6166613,7.84248203 L16.4566613,8.5091487 L16.4284351,8.52325605 C16.6666901,9.06642649 16.8268023,9.65165731 16.8945473,10.2647242 L18.2644721,10.2644727 C18.5991901,10.2644727 18.8762941,10.5111478 18.9239103,10.8326243 L18.9311387,10.9311394 C18.9311387,11.2993292 18.6326619,11.5978061 18.2644721,11.5978061 L16.8945473,11.5975546 C16.8268023,12.2106215 16.6666901,12.7958523 16.4284351,13.3390227 L16.4566613,13.3531301 L17.6166613,14.0197968 C17.935887,14.2032598 18.0459444,14.6107696 17.8624825,14.929996 C17.6790183,15.249221 17.2715085,15.3592784 16.9522828,15.1758154 L15.7922828,14.5091487 L15.7627472,14.4892664 C15.4045373,14.9748709 14.9748702,15.4045379 14.4892657,15.7627479 L14.509148,15.7922835 L15.1758147,16.9522835 C15.3592777,17.2715092 15.2492204,17.679019 14.9299946,17.862482 C14.6107689,18.0459451 14.2032591,17.9358877 14.0197961,17.616662 L13.3531294,16.456662 L13.3390221,16.4284358 C12.7949718,16.6670768 12.2087247,16.8273215 11.5945745,16.8948765 L11.5972767,16.912803 L11.5978054,18.2644727 C11.5978054,18.6326626 11.2993286,18.9311394 10.9311387,18.9311394 C10.5629489,18.9311394 10.2644721,18.6326626 10.2644721,18.2644727 L10.2644721,16.9311394 L10.2677029,16.8948765 C9.65506132,16.8274875 9.07018597,16.6678635 8.52726537,16.430193 L7.84187867,17.6177085 C7.67456866,17.9076111 7.32240952,18.0243122 7.02017438,17.9048619 L6.93123633,17.8618794 C6.61237459,17.6777844 6.50302443,17.2701299 6.68706544,16.951237 L7.37201261,15.7620108 C6.88681791,15.4039485 6.4574945,14.9745378 6.0995302,14.4892664 L6.06999464,14.5091487 L4.90999464,15.1758154 C4.59076892,15.3592784 4.18325915,15.249221 3.99979609,14.9299953 C3.81633303,14.6107696 3.92639042,14.2032598 4.24561614,14.0197968 L5.40561614,13.3531301 L5.4338423,13.3390227 C5.19520136,12.7949725 5.03495661,12.2087254 4.96740163,11.5945752 L4.93113872,11.5978061 L3.59780539,11.5978061 C3.22961555,11.5978061 2.93113872,11.2993292 2.93113872,10.9311394 C2.93113872,10.5629496 3.22961555,10.2644727 3.59780539,10.2644727 L4.93113872,10.2644727 L4.96740163,10.2677036 C5.03495661,9.6535534 5.19520136,9.06730634 5.4338423,8.52325605 L5.40561614,8.5091487 L4.24561614,7.84248203 C3.92639042,7.65901897 3.81633303,7.2515092 3.99979493,6.93228281 C4.18325915,6.61305776 4.59076892,6.50300038 4.90999464,6.68646344 L6.06999464,7.3531301 L6.0995302,7.3730124 C6.45774018,6.88740795 6.88740727,6.45774086 7.37301172,6.09953088 L6.68706544,4.91104178 C6.51975543,4.62113918 6.59489174,4.25783525 6.84952455,4.05590315 L6.93123634,4.00039945 C7.2501292,3.81635844 7.65783766,3.92567748 7.84187867,4.24457035 L8.52726537,5.43208579 C9.07018597,5.19441535 9.65506132,5.03479135 10.2677029,4.96740231 L10.2650007,4.94947584 L10.2644721,3.59780607 C10.2644721,3.22961623 10.5629489,2.9311394 10.9311387,2.9311394 Z M15.5505649,11.5976747 L11.3148054,11.5978061 L9.19922144,15.2658633 C9.73472422,15.480013 10.3191754,15.5978061 10.9311387,15.5978061 C13.2821655,15.5978061 15.227135,13.8592682 15.5505649,11.5976747 Z M6.26447205,10.9311394 C6.26447205,12.4184152 6.96022013,13.7431903 8.04400004,14.5977485 L10.1608054,10.9308061 L8.04400004,7.26453032 C6.96022013,8.11908851 6.26447205,9.44386362 6.26447205,10.9311394 Z M10.9311387,6.26447273 C10.3191754,6.26447273 9.73472422,6.3822658 9.19922144,6.59641552 L11.3148054,10.2638061 L15.5505649,10.2646041 C15.227135,8.00301062 13.2821655,6.26447273 10.9311387,6.26447273 Z"
+    }, null)])
+  ),
+  logout: () => createVNode(Fragment, null, [createVNode("path", {
+    "d": "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"
+  }, null), createVNode("path", {
+    "d": "m16 17 5-5-5-5"
+  }, null), createVNode("path", {
+    "d": "M21 12H9"
+  }, null)]),
+  home: () => createVNode(Fragment, null, [createVNode("path", {
+    "d": "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"
+  }, null), createVNode("path", {
+    "d": "M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"
+  }, null)]),
+  workbench: () => createVNode(Fragment, null, [createVNode("rect", {
+    "x": "3",
+    "y": "3",
+    "width": "7",
+    "height": "7",
+    "rx": "1"
+  }, null), createVNode("rect", {
+    "x": "14",
+    "y": "3",
+    "width": "7",
+    "height": "7",
+    "rx": "1"
+  }, null), createVNode("rect", {
+    "x": "14",
+    "y": "14",
+    "width": "7",
+    "height": "7",
+    "rx": "1"
+  }, null), createVNode("rect", {
+    "x": "3",
+    "y": "14",
+    "width": "7",
+    "height": "7",
+    "rx": "1"
+  }, null)]),
+  "grid-dots": () => createVNode("g", {
+    "fill": "currentColor",
+    "stroke": "none"
+  }, [createVNode("circle", {
+    "cx": "5",
+    "cy": "5",
+    "r": "1.5"
+  }, null), createVNode("circle", {
+    "cx": "12",
+    "cy": "5",
+    "r": "1.5"
+  }, null), createVNode("circle", {
+    "cx": "19",
+    "cy": "5",
+    "r": "1.5"
+  }, null), createVNode("circle", {
+    "cx": "5",
+    "cy": "12",
+    "r": "1.5"
+  }, null), createVNode("circle", {
+    "cx": "12",
+    "cy": "12",
+    "r": "1.5"
+  }, null), createVNode("circle", {
+    "cx": "19",
+    "cy": "12",
+    "r": "1.5"
+  }, null), createVNode("circle", {
+    "cx": "5",
+    "cy": "19",
+    "r": "1.5"
+  }, null), createVNode("circle", {
+    "cx": "12",
+    "cy": "19",
+    "r": "1.5"
+  }, null), createVNode("circle", {
+    "cx": "19",
+    "cy": "19",
+    "r": "1.5"
+  }, null)]),
+  heart: () => (
+    // 空心爱心：设计稿「ico-详情未订阅」原始路径（订阅/收藏态，evenodd 外轮廓减内轮廓）
+    createVNode("g", {
+      "fill": "currentColor",
+      "stroke": "none"
+    }, [createVNode("path", {
+      "fill-rule": "evenodd",
+      "clip-rule": "evenodd",
+      "d": "M12.0409 5.54069C13.1383 4.44662 14.682 3.87338 16.2685 4.02409C18.2956 4.21669 20.0315 5.55741 20.7294 7.47037C21.4272 9.38357 20.9627 11.5281 19.5272 12.9889L12.4872 19.9489C12.1756 20.257 11.6739 20.257 11.3622 19.9489L4.31436 12.9801C2.88709 11.5275 2.42223 9.38356 3.12002 7.47037C3.81793 5.55742 5.55377 4.21666 7.58096 4.02409C9.16741 3.87341 10.7111 4.44659 11.8085 5.54069L11.9247 5.66178L12.0409 5.54069ZM16.1171 5.61686C14.7042 5.48264 13.34 6.17249 12.6112 7.3903C12.3007 7.90932 11.5487 7.90932 11.2382 7.3903C10.5094 6.17249 9.14517 5.48271 7.73232 5.61686C6.31932 5.75109 5.10929 6.68575 4.62295 8.0192C4.13664 9.35264 4.46057 10.847 5.44717 11.8512L11.9247 18.2546L18.3944 11.859C19.3305 10.9062 19.672 9.52611 19.3036 8.25553L19.2265 8.0192C18.7401 6.68576 17.5301 5.75109 16.1171 5.61686Z"
+    }, null)])
+  ),
+  // 页头图标（MH后台-0911 node 0:3904 完整还原）：蓝色圆角底 + 白色文档/云朵图形。
+  // 底与切割线用 currentColor（随使用处 color 换色，不写死主色）；图形恒白（彩底上白图形永远成立）；
+  // 切割线 mask 还原图形分隔；26 坐标缩放至 24 viewBox。
+  "page-title": () => createVNode("g", {
+    "transform": "scale(0.9230769)",
+    "stroke": "none"
+  }, [createVNode("rect", {
+    "width": "26",
+    "height": "26",
+    "rx": "4",
+    "fill": "currentColor"
+  }, null), createVNode("path", {
+    "fill": "#fff",
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    "d": "M6.78947 6C6.35346 6 6 6.35346 6 6.78947V19.2105C6 19.6465 6.35346 20 6.78947 20H15.8182H16.2045C16.1524 20 16.1016 19.9947 16.0525 19.9846C15.9758 19.9948 15.8976 20 15.8182 20C14.814 20 14 19.1605 14 18.125C14 17.0895 14.814 16.25 15.8182 16.25C15.9428 16.25 16.0645 16.2629 16.1821 16.2876L16.1818 16.25C16.1818 15.0074 17.1587 14 18.3636 14C18.4543 14 18.5438 14.0057 18.6316 14.0168V6.78947C18.6316 6.35346 18.2781 6 17.8421 6H6.78947ZM15.8684 8.72222H8.76316V9.88889H15.8684V8.72222ZM8.76316 11.4444H12.7105V12.6111H8.76316V11.4444Z"
+  }, null), createVNode("g", {
+    "opacity": 0.8
+  }, [createVNode("mask", {
+    "id": "ak-icon-page-title-cut",
+    "maskUnits": "userSpaceOnUse",
+    "x": "12",
+    "y": "12",
+    "width": "12",
+    "height": "10",
+    "fill": "black"
+  }, [createVNode("rect", {
+    "fill": "white",
+    "x": "12",
+    "y": "12",
+    "width": "12",
+    "height": "10"
+  }, null), createVNode("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    "d": "M16.0525 19.9846C15.9758 19.9948 15.8976 20 15.8182 20C14.814 20 14 19.1605 14 18.125C14 17.0895 14.814 16.25 15.8182 16.25C15.9428 16.25 16.0645 16.2629 16.1821 16.2876L16.1818 16.25C16.1818 15.0074 17.1587 14 18.3636 14C19.5686 14 20.5455 15.0074 20.5455 16.25L20.5452 16.2874C21.3752 16.4611 22 17.2178 22 18.125C22 19.1605 21.186 20 20.1818 20C20.1772 20 20.1726 20 20.1681 19.9999C20.1651 20 20.1621 20 20.1591 20H16.2045C16.1524 20 16.1016 19.9947 16.0525 19.9846Z"
+  }, null)]), createVNode("path", {
+    "fill": "#fff",
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    "d": "M16.0525 19.9846C15.9758 19.9948 15.8976 20 15.8182 20C14.814 20 14 19.1605 14 18.125C14 17.0895 14.814 16.25 15.8182 16.25C15.9428 16.25 16.0645 16.2629 16.1821 16.2876L16.1818 16.25C16.1818 15.0074 17.1587 14 18.3636 14C19.5686 14 20.5455 15.0074 20.5455 16.25L20.5452 16.2874C21.3752 16.4611 22 17.2178 22 18.125C22 19.1605 21.186 20 20.1818 20C20.1772 20 20.1726 20 20.1681 19.9999C20.1651 20 20.1621 20 20.1591 20H16.2045C16.1524 20 16.1016 19.9947 16.0525 19.9846Z"
+  }, null), createVNode("path", {
+    "fill": "currentColor",
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    "mask": "url(#ak-icon-page-title-cut)",
+    "d": "M16.0525 19.9846C15.9758 19.9948 15.8976 20 15.8182 20C14.814 20 14 19.1605 14 18.125C14 17.0895 14.814 16.25 15.8182 16.25C15.9428 16.25 16.0645 16.2629 16.1821 16.2876L16.1818 16.25C16.1818 15.0074 17.1587 14 18.3636 14C19.5686 14 20.5455 15.0074 20.5455 16.25L20.5452 16.2874C21.3752 16.4611 22 17.2178 22 18.125C22 19.1605 21.186 20 20.1818 20C20.1772 20 20.1726 20 20.1681 19.9999C20.1651 20 20.1621 20 20.1591 20H16.2045C16.1524 20 16.1016 19.9947 16.0525 19.9846Z"
+  }, null)])]),
+  "heart-filled": () => (
+    // 实心爱心：上路径的外轮廓子路径（已订阅态填充色由调用方 currentColor 控制）
+    createVNode("g", {
+      "fill": "currentColor",
+      "stroke": "none"
+    }, [createVNode("path", {
+      "d": "M12.0409 5.54069C13.1383 4.44662 14.682 3.87338 16.2685 4.02409C18.2956 4.21669 20.0315 5.55741 20.7294 7.47037C21.4272 9.38357 20.9627 11.5281 19.5272 12.9889L12.4872 19.9489C12.1756 20.257 11.6739 20.257 11.3622 19.9489L4.31436 12.9801C2.88709 11.5275 2.42223 9.38356 3.12002 7.47037C3.81793 5.55742 5.55377 4.21666 7.58096 4.02409C9.16741 3.87341 10.7111 4.44659 11.8085 5.54069L11.9247 5.66178L12.0409 5.54069Z"
+    }, null)])
+  )
+};
+const IconNameList = Object.keys(IconMap);
+const useIconContent = () => {
+  const getIconContent = (name) => IconMap[name];
+  return {
+    IconMap,
+    getIconContent
+  };
+};
+export {
+  IconNameList,
+  useIconContent
+};

package/dist/icon.components.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Icon 组件（原生 SVG）：
+ * - name 指定内置图标
+ * - size 控制尺寸（默认 16px，同时设置 width/height），也可经 class / style 覆盖
+ * - stroke 继承 currentColor，随文字颜色
+ * - 基底样式为内联 style（`display:inline-block` + `flex-shrink:0`），不含任何 CSS 框架类名
+ */
+export declare const Icon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly name: {
+        readonly type: import("vue").PropType<import(".").IconName>;
+        readonly required: true;
+    };
+    readonly size: {
+        readonly type: import("vue").PropType<number | string>;
+        readonly default: 16;
+    };
+    readonly class: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly name: {
+        readonly type: import("vue").PropType<import(".").IconName>;
+        readonly required: true;
+    };
+    readonly size: {
+        readonly type: import("vue").PropType<number | string>;
+        readonly default: 16;
+    };
+    readonly class: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+}>> & Readonly<{}>, {
+    readonly size: string | number;
+    readonly class: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/icon.components.js

@@ -0,0 +1,36 @@
+import { defineComponent, createVNode } from "vue";
+import { iconProps } from "./icon.props.js";
+import { useIconContent } from "./composables/use-icon-content.js";
+const BASE_STYLE = {
+  display: "inline-block",
+  flexShrink: "0"
+};
+const Icon = /* @__PURE__ */ defineComponent({
+  name: "AIcon",
+  props: iconProps,
+  setup(props) {
+    const {
+      getIconContent
+    } = useIconContent();
+    return () => {
+      const content = getIconContent(props.name);
+      return createVNode("svg", {
+        "viewBox": "0 0 24 24",
+        "data-slot": "icon",
+        "width": props.size,
+        "height": props.size,
+        "fill": "none",
+        "stroke": "currentColor",
+        "stroke-width": 2,
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "aria-hidden": "true",
+        "style": BASE_STYLE,
+        "class": props.class
+      }, [content?.()]);
+    };
+  }
+});
+export {
+  Icon
+};

package/dist/icon.props.d.ts

@@ -0,0 +1,20 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+import type { IconName } from './composables/use-icon-content';
+/** Icon 组件的 props 定义 */
+export declare const iconProps: {
+    readonly name: {
+        readonly type: PropType<IconName>;
+        readonly required: true;
+    };
+    /** 尺寸（px），同时设置 width 与 height，默认 16 */
+    readonly size: {
+        readonly type: PropType<number | string>;
+        readonly default: 16;
+    };
+    readonly class: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+};
+/** Icon 组件 props 类型（由 iconProps 经 ExtractPropTypes 解析推导） */
+export type IconProps = ExtractPropTypes<typeof iconProps>;

package/dist/icon.props.js

@@ -0,0 +1,15 @@
+const iconProps = {
+  name: {
+    type: String,
+    required: true
+  },
+  /** 尺寸（px），同时设置 width 与 height，默认 16 */
+  size: {
+    type: [Number, String],
+    default: 16
+  },
+  class: { type: String, default: void 0 }
+};
+export {
+  iconProps
+};

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @manohub/icon 对外导出面。
+ *
+ * 交付：内置 SVG 图标内容表（`IconMap` / `IconName` / `IconNameList`）+ `<Icon>` 组件 + props 类型。
+ * 零运行时依赖（仅 peer `vue`），不含任何 CSS，供任意仓库、任意 UI 栈消费。
+ */
+export { IconNameList } from './composables/use-icon-content';
+export type { IconName } from './composables/use-icon-content';
+export * from './icon.components';
+export * from './icon.props';

package/dist/index.js

@@ -0,0 +1,8 @@
+import { IconNameList } from "./composables/use-icon-content.js";
+import { Icon } from "./icon.components.js";
+import { iconProps } from "./icon.props.js";
+export {
+  Icon,
+  IconNameList,
+  iconProps
+};

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@manohub/icon",
+  "version": "0.1.0",
+  "private": false,
+  "type": "module",
+  "description": "AIHub 图标包：内置 SVG 图标内容表 + <Icon> 组件。零运行时依赖（仅 peer vue），供任意 UI 栈消费（Tailwind 仓 / 原生 CSS 仓皆可）",
+  "license": "UNLICENSED",
+  "repository": {
+    "type": "git",
+    "url": "git+https://git.iec.io/gsp-cloud-ds/dip/ibp/aihub/frontend-infra.git",
+    "directory": "packages/icon"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "scripts": {
+    "build": "node ../../scripts/clean-dist.mjs && vue-tsc -p tsconfig.build.json && vite build",
+    "type-check": "vue-tsc --noEmit -p tsconfig.json"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue-jsx": "catalog:",
+    "typescript": "catalog:",
+    "vite": "catalog:",
+    "vue": "catalog:",
+    "vue-tsc": "catalog:"
+  }
+}