动态 UI
以 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 时读取相同的文件 .
支持更古老的浏览器需要重构该代码并添加多填充;首先打开一个问题.
安装
npm install @dynamic-framework/ui-react
详情请访问 npm 软件包页面。 。 。 .
CSS 分配变化
重要内容: 只从2.3.0版本开始
dynamic-ui.css财务报告和审定财务报表dynamic-ui.min.css已分发。 上个变体dynamic-ui-root.css财务报告和审定财务报表dynamic-ui-non-root.css已删除,以简化升级和避免非同步问题.
- 要自定义设计符号或变量,请包括
dynamic-ui.css并覆盖您在样式表或片段中需要的变量. - 所有默认变量都包含在主包中,确保安全升级和一致的行为.
- 关于高级定制,参见: 故事书设计符号文档 财务报告和审定财务报表 页面存档备份,存于互联网档案馆. docs.modyo.com。 。 。 .
发展指挥部
在本地开发和测试中,您可以在克隆工程后使用以下命令:
-
安装道具 : 安装开发所需的道具
npm install -
构建 : 编译项目以供分发.
npm run build -
测试 : 运行所有单位测试.
npm test -
覆盖测试 : 运行单位测试并生成覆盖报告.
npm run test:coverage -
故事书: 启动 Storybook 开发服务器来浏览组件 .
npm run storybook
文档和有用链接
- 正式文件: 寻找指南和深入文件 docs.modyo.com/en/动力学。 。 。 .
- 框架网站: 动态框架.dev。 。 。 .
- 组件目录( 故事本) : 反应. 动力框架.dev。 。 。 .
由莫德奥制作