/**
 * unocss defineConfig
 * @link unocss: https://github.com/unocss/unocss
 * @link unocss-preset-weapp: https://github.com/MellowCo/unocss-preset-weapp
 * */

import { defineConfig, presetIcons, transformerDirectives } from 'unocss'
import presetWeapp from 'unocss-preset-weapp'
import { transformerAttributify, transformerClass } from 'unocss-preset-weapp/transformer'

const prefix = 'uno-'
const exclude = [/[\\/]node_modules[\\/]/, /[\\/]\.git[\\/]/, /[\\/]dist[\\/]/, /[\\/]tmui[\\/]/]

export default defineConfig({
  // 预设
  presets: [
    // UnoCSS 小程序预设
    // https://github.com/MellowCo/unocss-preset-weapp
    presetWeapp({
      prefix, // 前缀
      whRpx: false, // wh 是否使用 rpx 为默认单位
      transform: true, // 是否转换微信class
      platform: 'uniapp', // 平台 'taro' | 'uniapp'
      // transformRules, // 自定义转换规则
    }),

    // unocss 预设图标配置 https://www.npmjs.com/package/@unocss/preset-icons
    // 按照约定使用图标 <prefix><collection>-<icon> 或者 <prefix><collection>:<icon>
    presetIcons({
      scale: 1.2, // 与当前字体大小（1em）相关的比例。
      warn: true, // 匹配缺少的图标时发出警告
      // prefix: 'i-', // 前缀，默认：i-
    }),
  ],

  // 快捷方式
  shortcuts: [
    {
      'uno-center': 'uno-flex uno-justify-center uno-items-center',
      'uno-ellipsis': 'uno-break-keep uno-truncate', // 不换行，截断显示省略号
      'uno-border-demo': 'uno-border-2px uno-border-red-500_75 uno-border-solid', // 用于 unocss 示例演示
    },
  ],

  // 规则之间共享配置的主题对象
  // theme: {},

  // 转换器
  transformers: [
    // https://github.com/unocss/unocss/tree/main/packages/transformer-directives
    transformerDirectives(),

    // https://github.com/MellowCo/unocss-preset-weapp/tree/main/src/transformer/transformerAttributify
    transformerAttributify({
      classPrefix: prefix, // 为生成的class选择器添加前缀, ''
      // transformRules, // 自定义转换规则
      nonValuedAttribute: true, // 支持匹配非值属性, true
      // attributes: [], // 需要转换的属性列表, ['bg', 'flex', 'grid', 'border', 'text', 'font', 'class', 'className', 'p', 'm', 'animate']
      exclude, // 排除转换目标, [/[\\/]node_modules[\\/]/, /[\\/]\.git[\\/]/]
      prefix,
      // ignoreNonValuedAttributes: [], // 忽略的非值属性列表, ['class']
      // include: [], // 需要转换的目标, [/\.vue$/,  /\.vue\?vue/]
      prefixedOnly: true, // 仅匹配前缀属性, false
      // transformEscape: true, // 转换转义字符, true
    }),

    // https://github.com/MellowCo/unocss-preset-weapp/tree/main/src/transformer/transformerClass
    transformerClass({
      // transformRules,
      exclude,
    }),
  ],
})