@ atelier- ui/ 风格
Atelier UI的组件CSS,写过一次. 每个组件一个文件,根植于
组件的自有类别(.atl-button, (中文(简体) ), .atl-badge, (中文(简体) ), .atl-dialog),驱动
页:1 --ui-* 设计标志.
@import '@atelier-ui/styles/button/atl-button.css';
谁用
@atelier-ui/react 取决于运行时此软件包。 其组成部分
import '@atelier-ui/styles/<dir>/atl-<name>.css',你的捆绑者决定
那个描述者.@atelier-ui/angular 财务报告和审定财务报表 @atelier-ui/vue 在建设时消耗
仅: 角内插到组件样式中(ViewEncapsulation.None, (中文(简体) ),
Vue 把它提取出来 index.css它们不依赖于此软件包
运行时间.
设计标志--ui-*:颜色、类型、间隔、半径、阴影、光和
这是他们真实的来源:
@import '@atelier-ui/styles/tokens.css';
大多数应用程序应该导入框架软件包本身的复制件, 这需要
无额外安装 : @import '@atelier-ui/react/styles/tokens.css' (或
angular 编号 : vue 页:1 将上面的导入用于混合的应用程序
框架或直接想要此软件包; 带有 Angular 或 Vue, 安装它
你先来.
版式
每个文件都作为 @atelier-ui/styles/<dir>/atl-<name>.css。 CSS 文件
具有副作用("sideEffects": ["**/*.css"]); 树摇时留着.
关于 @atelier-ui/styles 的常见问题
@atelier-ui/styles 是什么？
Atelier 组件 CSS —— 以类为主,由符号驱动,由Angular,React和Vue 库共享
如何安装 @atelier-ui/styles？
在项目目录运行 npm install @atelier-ui/styles，或使用 pnpm add / yarn add / bun add。
@atelier-ui/styles 支持 TypeScript 吗？
该包的 package.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/atelier-ui__styles 是否存在。
@atelier-ui/styles 支持 ESM 还是 CommonJS？
以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node.js 20.19+ / 22.12+ 可以直接 require() 不含顶层 await 的 ES Module，更早的版本需要改用动态 import()。
@atelier-ui/styles 可以商用吗？
@atelier-ui/styles 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。
@atelier-ui/styles 的下载量有多少？
根据 npm 官方下载统计，@atelier-ui/styles 在 2026/10/07 – 2026/11/05 这 30 天内被下载 2,867 次，日均约 96 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。
@atelier-ui/styles 还在维护吗？
最新版本 0.4.10 发布于 2026/10/21（17 天前）；至今共发布 22 个版本，其中过去 12 个月发布了 22 个；首次发布于 2026/10/03。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。