uno.config.ts

import { defineConfig } from '@unocss/vite';
import presetUno from '@unocss/preset-uno';
import transformerDirectives from '@unocss/transformer-directives';

export default defineConfig({
  content: {
    pipeline: {
      exclude: [
        'node_modules',
        'dist',
        '.git',
        '.husky',
        '.vscode',
        'public',
        'build',
        'mock',
        './stats.html'
      ]
    }
  },
  presets: [presetUno({ dark: 'class' })],
  transformers: [transformerDirectives()],
  shortcuts: {
    'wh-full': 'w-full h-full',
    'flex-center': 'flex justify-center items-center',
    'flex-col-center': 'flex-center flex-col',
    'flex-x-center': 'flex justify-center',
    'flex-y-center': 'flex items-center',
    'i-flex-center': 'inline-flex justify-center items-center',
    'i-flex-x-center': 'inline-flex justify-center',
    'i-flex-y-center': 'inline-flex items-center',
    'flex-col': 'flex flex-col',
    'flex-col-stretch': 'flex-col items-stretch',
    'i-flex-col': 'inline-flex flex-col',
    'i-flex-col-stretch': 'i-flex-col items-stretch',
    'flex-1-hidden': 'flex-1 overflow-hidden',
    'absolute-lt': 'absolute left-0 top-0',
    'absolute-lb': 'absolute left-0 bottom-0',
    'absolute-rt': 'absolute right-0 top-0',
    'absolute-rb': 'absolute right-0 bottom-0',
    'absolute-tl': 'absolute-lt',
    'absolute-tr': 'absolute-rt',
    'absolute-bl': 'absolute-lb',
    'absolute-br': 'absolute-rb',
    'absolute-center': 'absolute-lt flex-center wh-full',
    'fixed-lt': 'fixed left-0 top-0',
    'fixed-lb': 'fixed left-0 bottom-0',
    'fixed-rt': 'fixed right-0 top-0',
    'fixed-rb': 'fixed right-0 bottom-0',
    'fixed-tl': 'fixed-lt',
    'fixed-tr': 'fixed-rt',
    'fixed-bl': 'fixed-lb',
    'fixed-br': 'fixed-rb',
    'fixed-center': 'fixed-lt flex-center wh-full',
    'nowrap-hidden': 'whitespace-nowrap overflow-hidden',
    'ellipsis-text': 'nowrap-hidden text-ellipsis',
    'page-card': 'flex-col overflow-hidden p-5 rounded color-text bg-card',
    'transition-base': 'transition-all duration-300 ease-in-out',
    'page-wrapper': 'rounded-2 shadow bg-[var(--admin-bg-1)] px-4',
    'table-btn': 'cursor-pointer text-primary hover:text-[var(--ant-color-primary-hover)]'
  },
  theme: {
    colors: {
      primary: 'var(--ant-color-primary)',
      primary_dark: 'var(--ant-color-primary-light-5)',
      info: 'var(--ant-color-info)',
      success: 'var(--ant-color-success)',
      warning: 'var(--ant-color-warning)',
      error: 'var(--ant-color-error)',
      fill: 'var(--ant-fill-color-light)',
      text: 'var(--ant-text-color-primary)',
      card: 'var(--ant-bg-color-overlay)',
      background: 'var(--ant-bg-color)',
      borderColor: 'var(--ant-border-color-lighter)',
      disabled: 'var(--ant-color-text-disabled)'
    }
  }
});