# @dynamic-framework/ui-react 中文文档 规范地址：https://npmcn.com/package/%40dynamic-framework/ui-react/ 版本：2\.12\.1 npm 元数据更新时间：2026-10-26T19:50:55.960Z 中文译文更新时间：2026-11-13T02:25:05.116Z 软件包许可：https://github\.com/dynamic-framework/dynamic-ui/blob/master/LICENSE\.md 本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。 原始 npm 页面：https://www.npmjs.com/package/%40dynamic-framework/ui-react 原文对照：https://npmcn.com/package/%40dynamic-framework/ui-react/?lang=original 项目主页：https://github.com/dynamic-framework/dynamic-ui#readme 源码仓库：https://github.com/dynamic-framework/dynamic-ui ## 关键信息（来自 npm 元数据） - 包体积（解压后）：7.4 MB，830 个文件 - 模块格式：ESM + CJS - TypeScript 类型：包内自带 - Node.js 要求：\>=22\.0\.0 - 运行依赖：19 个 - peer 依赖：react \>=18 \<20，i18next \>=25 \<26，react-dom \>=18 \<20，framer-motion \>=12 \<13，react-i18next \>=16 \<17，react-hot-toast \>=2 \<3 - 首次发布：2023-07-26T15:48:27.509Z - 最新版本发布：2026-10-26T19:50:55.066Z - 近 30 天下载量：3314（2026-10-13 至 2026-11-11，npm 官方下载统计） - 已发布版本数：109（近 12 个月 41 个） ## 中文简介 反应动态框架 ## 安装 ```sh npm install @dynamic-framework/ui-react ``` 也可以使用：`pnpm add @dynamic-framework/ui-react`、`yarn add @dynamic-framework/ui-react`、`bun add @dynamic-framework/ui-react` ## README # 动态 UI [![npm version](https://img.shields.io/npm/v/@dynamic-framework/ui-react?style=flat-square)](https://www.npmjs.com/package/@dynamic-framework/ui-react) [![Build & Publish](https://img.shields.io/github/actions/workflow/status/dynamic-framework/dynamic-ui/release-please.yml?style=flat-square)](https://github.com/dynamic-framework/dynamic-ui/actions/workflows/release-please.yml) [![npm downloads](https://img.shields.io/npm/dm/@dynamic-framework/ui-react?style=flat-square)](https://www.npmjs.com/package/@dynamic-framework/ui-react) [![License](https://img.shields.io/badge/License-DynamicFramework-blue?style=flat-square)](https://raw.githubusercontent.com/dynamic-framework/dynamic-ui/refs/heads/master/LICENSE.md) 以 React 组件和可定制的模板来构建财务应用程序,为微前端集成所设计. ## 开始 ### 所需资源 - 节点.js `>= 22.0.0` ### 浏览器支持 `.browserslistrc` 声明库 JavaScript 和 CSS 最小支持的浏览器 : | 浏览器 | 最低 | | --- | --- | | 颜色/边缘 | 页:1 | | 火花 | 121(和目前的ESR) | | 萨法里/iOS 萨法里 | 16.2 国家 | 楼层来自图书馆已经依赖的特性: `color-mix()` 在表格可变颜色和文件输入按钮中徘徊(Chrome 111,Safari 16.2),以及 `:has()` 用于形式验证和输入组样式(Firefox 121). - 图书馆将现代JavaScript作为: `tsc` 目标ES2017语法,但没有 API 转录或多填充(`core-js`) (中文(简体) ). 诸如React或帧-motion等依赖性有自己的最小值. - `npm run eslint` 检查 `src` 与 `eslint-plugin-compat` 反对 `.browserslistrc`它检测到全球的API(`queueMicrotask`, (中文(简体) ), `Object.fromEntries`, )但非实例方法(`.at()`, (中文(简体) ), `.flatMap()`, (中文(简体) ), `MediaQueryList.addEventListener`(笑声) (掌声) (掌声). - `npm run stylelint:compat` 检查汇编 `dist/css/dynamic-ui.min.css` (运行) `npm run build` (第一编) 它忽略了任何版本的目标浏览器支持的特性,例如 `cursor` 在iOS上或 `scrollbar-width` 造型 因为他们只会降低经验 大麻脂没有数据 `color-mix()`,所以这个检查也没有赶上它. - `autoprefixer` 创建 CSS 时读取相同的文件 . 支持更古老的浏览器需要重构该代码并添加多填充;首先打开一个问题. ### 安装 ```bash npm install @dynamic-framework/ui-react ``` 详情请访问 [npm 软件包页面](https://www.npmjs.com/package/@dynamic-framework/ui-react)。 。 。 . ### CSS 分配变化 > **重要内容:** 只从2.3.0版本开始 `dynamic-ui.css` 财务报告和审定财务报表 `dynamic-ui.min.css` 已分发。 上个变体 `dynamic-ui-root.css` 财务报告和审定财务报表 `dynamic-ui-non-root.css` 已删除,以简化升级和避免非同步问题. - 要自定义设计符号或变量,请包括 `dynamic-ui.css` 并覆盖您在样式表或片段中需要的变量. - 所有默认变量都包含在主包中,确保安全升级和一致的行为. - 关于高级定制,参见: [故事书设计符号文档](https://react.dynamicframework.dev/) 财务报告和审定财务报表 [页面存档备份,存于互联网档案馆. docs.modyo.com](https://docs.modyo.com/en/dynamic/)。 。 。 . ### 发展指挥部 在本地开发和测试中,您可以在克隆工程后使用以下命令: - **安装道具 :** 安装开发所需的道具 ```bash npm install ``` - **构建 :** 编译项目以供分发. ```bash npm run build ``` - **测试 :** 运行所有单位测试. ```bash npm test ``` - **覆盖测试 :** 运行单位测试并生成覆盖报告. ```bash npm run test:coverage ``` - **故事书:** 启动 Storybook 开发服务器来浏览组件 . ```bash npm run storybook ``` ### 文档和有用链接 - **正式文件:** 寻找指南和深入文件 [docs.modyo.com/en/动力学](https://docs.modyo.com/en/dynamic/)。 。 。 . - **框架网站:** [动态框架.dev](https://dynamicframework.dev/)。 。 。 . - **组件目录( 故事本) :** [反应. 动力框架.dev](https://react.dynamicframework.dev/)。 。 。 . **由莫德奥制作** ## 常见问题 ### @dynamic-framework/ui-react 是什么？ 反应动态框架 ### 如何安装 @dynamic-framework/ui-react？ 在项目目录运行 npm install @dynamic-framework/ui-react，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（\>=18 \<20）、i18next（\>=25 \<26）、react-dom（\>=18 \<20）、framer-motion（\>=12 \<13）、react-i18next（\>=16 \<17）、react-hot-toast（\>=2 \<3）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。它还提供命令行工具 dynamic-theme-expand、dynamic-theme-validate，可以用 npx dynamic-theme-expand 直接运行。 ### @dynamic-framework/ui-react 支持 TypeScript 吗？ 支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。 ### @dynamic-framework/ui-react 支持 ESM 还是 CommonJS？ 同时提供 ES Module 与 CommonJS 入口，import 和 require\(\) 都可以使用，打包工具会自动选择合适的版本。 ### @dynamic-framework/ui-react 需要什么版本的 Node\.js？ package\.json 的 engines 字段要求 Node\.js \>=22\.0\.0。版本不符时 npm 默认只给出警告，开启 engine-strict 后会拒绝安装。 ### @dynamic-framework/ui-react 可以商用吗？ @dynamic-framework/ui-react 使用 https://github\.com/dynamic-framework/dynamic-ui/blob/master/LICENSE\.md 许可。声明的许可为 https://github\.com/dynamic-framework/dynamic-ui/blob/master/LICENSE\.md，请阅读许可原文确认使用条件。以上为概括，不构成法律意见，请以许可原文为准。 ### @dynamic-framework/ui-react 的下载量有多少？ 根据 npm 官方下载统计，@dynamic-framework/ui-react 在 2026/10/13 – 2026/11/11 这 30 天内被下载 3,314 次，日均约 110 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。 ### @dynamic-framework/ui-react 还在维护吗？ 最新版本 2\.12\.1 发布于 2026/10/27（17 天前）；至今共发布 109 个版本，其中过去 12 个月发布了 41 个；首次发布于 2023/07/26。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。