可用于企业级中后台和移动端应用开发,提供丰富基础组件,采用现代化设计风格,支持亮暗主题切换,具备良好可扩展性和易用性。【此简介由AI生成】
| 文件 | 最后提交记录 | 最后更新时间 |
|---|---|---|
| 9 个月前 | ||
| 9 个月前 | ||
| 8 个月前 | ||
| 8 个月前 |
openinula2.0 组件库——inula2-ui
项目简介
openinula2.0 组件库是基于 openinula 的现代化 React UI 组件库,包含丰富的基础组件,适用于企业级中后台和移动端应用开发。组件库采用现代化设计风格,支持亮暗主题切换,具备良好的可扩展性和易用性。
开发说明
进入 library 目录
npm install
npm run dev
组件统一小写并放在 components 目录下,目录结构为(以 Button 组件为例):
button/
├── demos/ # 按钮示例(不同功能的放不同文件)
├── demo.jsx # 按钮示例整体文件
├── index.jsx # 按钮组件
└── index.css # 按钮样式
目录结构
openInula2.0_Library/
├── inulaUI/ # 组件库主包
│ ├── docs/ # 文档与指南
│ ├── src/ # 组件源码
│ │ ├── button/ # 按钮组件
│ │ │ ├── demos/ # 按钮组件演示
│ │ │ ├── index.jsx # 按钮组件实现
│ │ │ ├── index.md # 按钮组件文档
│ │ │ └── index.css # 按钮样式
│ │ ├── index.ts # 入口文件
│ │ └── global.d.ts # 全局类型声明
│ ├── package.json # 组件库包配置
│ └── ...
├── library_code/ # 组件库演示/测试项目
│ ├── src/
│ │ ├── components/
│ │ │ └── button/
│ │ │ ├── demos/ # 按钮演示
│ │ │ ├── demo.jsx
│ │ │ ├── index.jsx
│ │ │ └── index.css
│ │ ├── index.jsx # 入口
│ │ └── index.css
│ ├── index.html
│ └── ...
└── README.md # 项目说明文档
贡献指南
- Fork 本仓库并创建分支。
- 提交代码前请确保通过 lint 检查和单元测试。
- 提交 PR 时请详细描述变更内容。
- 欢迎补充文档、修复 bug 或新增组件。
License
MIT