/*
 * @Author: peerless_hero peerless_hero@outlook.com
 * @Date: 2023-07-09 20:53:14
 * @LastEditors: peerless_hero peerless_hero@outlook.com
 * @LastEditTime: 2023-07-10 00:11:49
 * @FilePath: \uni\unocss.config.ts
 * @Description:
 *
 */
import type {
  Preset,
  SourceCodeTransformer,
} from 'unocss'

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

import { presetRemRpx } from 'unocss-applet'

const presets: Preset[] = []
const transformers: SourceCodeTransformer[] = []
const darkMode = 'class'

presets.push(presetUno({ dark: darkMode }), presetAttributify(), presetRemRpx({ mode: 'rpx2rem' }))

export default defineConfig({
  presets: [
    presetIcons({
      scale: 1.2,
      warn: true,
      extraProperties: {
        'display': 'inline-block',
        'vertical-align': 'middle',
      },
    }),
    ...presets,
  ],
  transformers: [
    transformerDirectives(),
    transformerVariantGroup(),
    ...transformers,
  ],
  theme: {
    preflightRoot: undefined,
  },
  rules: [
    [/^fs-(\d+\.?\d{0,2})$/, ([, d]) => ({ 'font-size': `${d}rpx` })],
    [/^leh-(\d+\.?\d{0,2})$/, ([, d]) => ({ 'line-height': `${d}rpx` })],
  ],
})