zsjz-ai/ai-frontend/uno.config.ts

import { defineConfig, UserConfig, presetTypography, presetIcons, transformerDirectives } from 'unocss';
import { FileSystemIconLoader } from '@iconify/utils/lib/loader/node-loaders';
import { presetWind3 } from '@unocss/preset-wind3';

export default defineConfig({
  inspector: false,
  content: {
    pipeline: {
      include: ['**/*.vue', '**/*.tsx', '**/*.ts', '**/*-lib/**/*.mjs'],
      exclude: ['.git', '.idea', '.turbo', 'node_modules', 'public'],
    },
  },
  /**
   * 图标白名单。
   *
   * Icon 组件是在运行时拼出 `i-<collection>:<name>` 类名的，而 UnoCSS 只对
   * `content.pipeline.include` 命中的文件做静态扫描 —— `src/core/store/modules/menu.json`
   * 不在扫描范围内，因此菜单里配置的图标不会被生成。
   * 这里把「菜单配置 + 运行时拼接」两类图标显式列入白名单，保证图标一定渲染。
   */
  safelist: [
    // 菜单图标（写在 menu.json 中，无法被静态扫描到）
    'i-simple-line-icons:bubble',
    'i-mdi:chart-box-outline',
    'i-mdi:brain',
    'i-mdi:history',
    // AI 模块组件内通过 Icon 组件动态拼接的图标
    'i-mdi:refresh',
    'i-mdi:plus',
    'i-mdi:send',
    'i-mdi:stop',
    'i-mdi:magnify',
    'i-mdi:pin',
    'i-mdi:pin-outline',
    'i-mdi:pencil-outline',
    'i-mdi:trash-can-outline',
    'i-mdi:fullscreen',
    'i-mdi:fullscreen-exit',
    // 图谱详情面板的通话 / 交易明细入口
    'i-mdi:phone-outline',
    'i-mdi:bank-transfer',
  ],
  presets: [
    presetWind3(),
    presetTypography(),
    presetIcons({
      extraProperties: {
        display: 'inline-block',
        'vertical-align': 'middle',
      },
      collections: {
        svg: FileSystemIconLoader(__dirname + '/src/assets/icons'),
      },
    }),
  ],
  transformers: [transformerDirectives()],
} as UserConfig);