import { defineConfig, presetUno, presetIcons, transformerDirectives, transformerVariantGroup } from 'unocss'

export default defineConfig({
  presets: [
    presetUno(),
    presetIcons({
      // 离线图标：数据来自 devDependencies 里的 @iconify-json/*（当前装了 ep = Element Plus 图标集）
      scale: 1.2,
      warn: true,
      extraProperties: {
        display: 'inline-block',
        'vertical-align': 'middle'
      }
    })
  ],
  transformers: [transformerDirectives(), transformerVariantGroup()],
  theme: {
    colors: {
      // 与 Element Plus 主色保持一致，业务里可直接用 text-primary / bg-primary
      primary: '#409eff'
    }
  },
  shortcuts: {
    'flex-center': 'flex items-center justify-center',
    'flex-col-center': 'flex flex-col items-center justify-center',
    'wh-full': 'w-full h-full',
    'text-ellipsis': 'truncate'
  }
})