@oods/component-styles

中文文档

0.11.3发布于 2026/11/02Apache-2.0TypeScriptESM + CJS

OODS Foundry React和Vue组件的共享CSS，由其设计令牌驱动。

文档目录4 节

@oods /组件样式

为OODS React和Vue组件共享CSS。它提供组件样式和导入 @oods/tokens/css;它不包含React或Vue运行时。

npm install @oods/component-styles @oods/tokens

在应用程序的入口中导入一次样式表，与框架的组件包一起：

import '@oods/component-styles/css';
document.documentElement.dataset.brand = 'A';
document.documentElement.dataset.theme = 'light';

从 @oods/components-react 或者 @oods/components-vue 看看它的风格。集 data-theme 来 dark 或者 hc 对于这些范围；高对比度行为也遵循浏览器的强制颜色设置。

样式表需要OODS组件标记和类。将它应用于不相关的组件库不会使该库实现OODS契约。当自定义品牌生成的样式表不是这个令牌构建的一部分时，也必须导入它。

生成的应用锁定生成它们的OODS版本；要升级，请重新生成应用程序或将所有四个引脚移到一起。这些包与本地MCP服务器是分开的， @oods/foundry.

Apache License 2.0。看到许可证和请注意．生成的输出属于其用户；已安装的包依赖项保留其自己的许可证。

@oods/component-styles 共发布 25 个版本，首次发布于 2026/09/26；过去 12 个月发布了 25 个版本。

OODS Foundry React和Vue组件的共享CSS，由其设计令牌驱动。

在项目目录运行 npm install @oods/component-styles，或使用 pnpm add / yarn add / bun add。

支持。包内自带 TypeScript 类型声明（package.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

同时提供 ES Module 与 CommonJS 入口，import 和 require() 都可以使用，打包工具会自动选择合适的版本。

package.json 的 engines 字段要求 Node.js >=22.0.0。版本不符时 npm 默认只给出警告，开启 engine-strict 后会拒绝安装。

@oods/component-styles 使用 Apache-2.0 许可。宽松许可：允许商业使用、修改和再分发，并附带明确的专利授权；分发时需保留许可与 NOTICE 文件，修改过的文件要注明改动。以上为概括，不构成法律意见，请以许可原文为准。

最新版本 0.11.3 发布于 2026/11/02（1 天前）；至今共发布 25 个版本，其中过去 12 个月发布了 25 个；首次发布于 2026/09/26。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。