// uno.config.ts
import { defineConfig, presetAttributify, presetUno } from "unocss";

export default defineConfig({
  presets: [
    presetAttributify({
      /* preset options */
    }),
    presetUno(),
  ],
  //在配置unocss的配置时，为了适配全局layout组件的主题更换功能，请保证配置时，对应颜色与css变量对应。
  //css变量见style目录
  shortcuts: {
    //居中
    "flex-center": "flex items-center justify-center",
    //底部固定定位
    "fixed-bottom-left": "fixed bottom-0 left-0",
    //字体黑色描边1px
    "text-stroke-1-black": "text-stroke-1 text-stroke-black color-#fff",
  },
  rules: [
    [/^rh-(\d+)$/, (match) => ({ height: `${+match[1]}rpx` })],
    [/^rw-(\d+)$/, (match) => ({ width: `${+match[1]}rpx` })],
    [/^rm-(\d+)$/, (match) => ({ marging: `${+match[1]}rpx` })],
    [/^rp-(\d+)$/, (match) => ({ padding: `${+match[1]}rpx` })],
    ["h-no-navBar-full", { height: "calc(100vh - var(--window-top))" }],
    ["h-no-tabBar-full", { height: "calc(100vh - 50px)" }],
    ["h-no-navBar-tabBar-full", { height: "calc(100vh - var(--window-top) - 50px)" }],
    //基础色系
    [
      "base-colcor",
      {
        color: "var(--uni-text-color)",
        "background-color": "var(--base-color)",
      },
    ],
    //基础卡片样式，有边框阴影，圆角
    [
      "base-card",
      {
        "box-shadow": "var(--uni-box-shadow) 0px 5px 15px",
        "border-radius": "15px",
        "background-color": "var(--uni-bg-color)",
      },
    ],
    [
      "base-btn",
      {
        background: "#000",
        "box-shadow": "var(--uni-box-shadow) 0px 3px 8px",
        color: "var(--uni-text-color)",
      },
    ],
    [
      "base-text",
      {
        color: "var(--uni-text-color)",
      },
    ],
  ],
});