From 7fdbea82d6e95b73d3cb6ef3636a0f626984f92e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=B8=A5=E6=B5=A9?= Date: Fri, 22 Nov 2024 15:33:33 +0800 Subject: [PATCH] unocss --- formkit.config.fkLibrary.ts | 25 ++++++++++-- unocss.config.ts | 78 +++++++++++++++++++------------------ 2 files changed, 63 insertions(+), 40 deletions(-) diff --git a/formkit.config.fkLibrary.ts b/formkit.config.fkLibrary.ts index 2f93fc1..5dbefbc 100644 --- a/formkit.config.fkLibrary.ts +++ b/formkit.config.fkLibrary.ts @@ -1,6 +1,25 @@ -import { checkbox, form, group, list, number, range, submit, text, textarea } from '@formkit/inputs' +import { + checkbox, + form, + group, + list, + number, + range, + submit, + text, + textarea, +} from "@formkit/inputs"; // https://unocss.dev/presets/wind#differences-from-tailwind-css -export const fkLibrary = { text, form, submit, group, checkbox, range, list, number, textarea, } -console.debug(`range :>> `, range); \ No newline at end of file +export const fkLibrary = { + text, + form, + submit, + group, + checkbox, + range, + list, + number, + textarea, +}; diff --git a/unocss.config.ts b/unocss.config.ts index 40a9aff..099cfe2 100644 --- a/unocss.config.ts +++ b/unocss.config.ts @@ -1,59 +1,63 @@ -import { extractorArbitraryVariants } from '@unocss/extractor-arbitrary-variants' -import { defineConfig, presetUno, presetWind, transformerVariantGroup } from 'unocss'; -import { classes, globals } from './formkit.config.theme'; -import { fkLibrary } from './formkit.config.fkLibrary'; +import { extractorArbitraryVariants } from "@unocss/extractor-arbitrary-variants"; +import { + defineConfig, + presetUno, + transformerVariantGroup +} from "unocss"; +import { fkLibrary } from "./formkit.config.fkLibrary"; +import { classes, globals } from "./formkit.config.theme"; -const familyList = [...new Set(Object.values(fkLibrary).map(lib => lib.family))].filter(f => f) as string[] -const typeList = [...new Set(Object.values(fkLibrary).map(lib => lib.type))].filter(f => f) as string[] +const familyList = [ + ...new Set(Object.values(fkLibrary).map((lib) => lib.family)), +].filter((f) => f) as string[]; +const typeList = [ + ...new Set(Object.values(fkLibrary).map((lib) => lib.type)), +].filter((f) => f) as string[]; console.debug(`familyList :>> `, familyList); console.debug(`typeList :>> `, typeList); -const globalsR = [...new Set( - Object.values(globals).flatMap(v => Object.keys(v)) -)]; -const classesR = [...new Set( - // Object.values(classes).flatMap(v => Object.keys(v)) - Object.keys(classes) - .filter(k => - familyList.some(f => k.includes(f)) || - typeList.some(t => k.includes(t)) - ) - .map(k => classes[k]) - .flatMap(v => Object.keys(v)) - .filter(className => !className.includes('[]')) -)] +const globalsR = [ + ...new Set(Object.values(globals).flatMap((v) => Object.keys(v))), +]; +const classesR = [ + ...new Set( + Object.keys(classes) + .filter( + (k) => + familyList.some((f) => k.includes(f)) || + typeList.some((t) => k.includes(t)) + ) + .map((k) => classes[k]) + .flatMap((v) => Object.keys(v)) + .filter((className) => !className.includes("[]")) + .filter((className) => !className.includes("&::")) + ), +]; // console.debug(`classesR :>> `, classesR); - export default defineConfig({ content: { - filesystem: [ - 'xx.ts', - ], + filesystem: ["xx.ts"], inline: [ - '!border-none', // for: "range__inner" - classesR.join(' '), - globalsR.join(' '), + "!border-none", // for: "range__inner" + classesR.join(" "), + globalsR.join(" "), async () => { - return ''; + return ""; }, ], pipeline: { // include: [ // /xx.ts($|\?)/, // ], - } + }, }, presets: [ presetUno({ - dark: 'media', + dark: "media", }), ], - transformers: [ - transformerVariantGroup(), - ], - extractors: [ - extractorArbitraryVariants(), - ], -}) \ No newline at end of file + transformers: [transformerVariantGroup()], + extractors: [extractorArbitraryVariants()], +});