用途:为 atscript-ui 组件提供统一的样式与主题能力,包含 UnoCSS 预设、unplugin-vue-components 的 AsResolver 自动导入解析器,以及 as-* 快捷类树和内置图标映射。
主要能力:asPresetVunor 注入全部快捷类并接受扁平化的 vunor 主题配置(调色板、baseRadius、fingertip、typography 等),省略项回落到内置默认;提供 commonShortcuts、formShortcuts、tableShortcuts、wfShortcuts、aoothShortcuts、allShortcuts;AsResolver 仅自动导入 Tier-1 根组件,Tier-2(AsInput、AsFilterDialog 等)需显式导入,组合式函数不处理;另可通过 mergeVunorShortcuts、defineShortcuts 扩展快捷类。
用法:安装可执行 npx skills add moostjs/atscript-ui 或 pnpm add @atscript/ui-styles vunor unocss @unocss/preset-icons unplugin-vue-components;UnoCSS 路径下在 uno.config.ts 使用 asPresetVunor() 并在 vite.config.ts 注册 AsResolver(),随后导入 virtual:uno.css;不使用 UnoCSS 时改用预构建 CSS,如 import "@atscript/ui-styles/css/all",也可按 form、table、wf 分包导入。
适用场景:使用 atscript-ui 组件并希望统一主题、自动导入与类名管理的 Vue/Vite 项目。
限制:预构建 CSS 内置默认 vunor 调色板、无法在构建期调主题,只可用 CSS 自定义属性覆盖单色;iconOverrides 仅替换已有别名,新增图标需自建 presetIcons;createIconsLoader 仅限 Node 环境,不可在浏览器导入;类提取器为构建期机制,预计算类映射由发布方生成。详细内容与在线文档以官方资料为准,未提供的部分暂未说明。