| title | home | meta | |||||
|---|---|---|---|---|---|---|---|
|
Rainbow Pro - An Advanced Vue 3 UI Component Library for Enterprise Web Applications
|
true
|
|
Rainbow Pro 
Rainbow Pro是一个基于Vue 3和Naive UI的高级企业级前端组件库。典型应用场景包括云控制台应用，运营使用的内部管理平台等等。
通过抽象企业级应用的典型场景，依托于Vue 3的最新的Composition API、TypeScript及行业内领先的交互设计思想，Rainbow Pro提供了表单、聚光灯、多视图列表、标准化页面框架等开箱即用的高级组件，帮助你更高效的完成此类场景的开发，更为重要的是，提升代码的可维护性和质量，避免代码屎山的产生。
如果你碰到过以下场景，也许Rainbow Pro就是你想要的东东：
- 表单逻辑复杂，大量的状态需要手动管理和计算，动不动一个表单Vue文件就写了几千行，后面人接手完全改不动
- 系统内页面有上百个，用户迫切需要一个搜索入口快速查找想要的页面/文档
- 列表字段和过滤项超级多，一刷新就得重新选，费时费力，用户上手成本高，产品运营希望提供预定义的数据视图来减少用户使用的成本
| 组件 | 功能 | 完成度 |
|---|---|---|
| RainbowForm | 一站式表单解决方案 | |
| RainbowSpotlight | 类似于Mac系统Spotlight样式的全局搜索框 | |
| RainbowListView | 支持多视图展示的高度可配置的数据查询列表 | 预览 |
| RainbowShell | 标准化页面框架 | 预览 |
最低要求
Vue.js: 3.2.30+，Vue-Router 4+
浏览器：Chrome 70+, Edge 79+, Safari 12+, QQ浏览器 10+, 360浏览器 12+
Naive UI：2.25.2+
立刻开始
安装
npm install @ferainbow/ui --save
配置RainbowPlugin
import { RainbowPlugin } from '@ferainbow/ui';
import '@ferainbow/ui/dist/style.css';
const app = <create a Vue 3 app object>
app.use(RainbowPlugin);
恭喜你
参与贡献
欢迎大家参与讨论新功能和Bug修复，不要犹豫，直接在开一个新issue即可
关注我
我会不时的在我的微信公众号和个人网站上面发布文章和新的项目，欢迎关注！
33 Aug 24, 2022
75.7k Dec 30, 2022
4 Oct 6, 2022
428 Jan 4, 2023
1k Dec 17, 2022
1.1k Jan 2, 2023
2k Jan 7, 2023
873 Jan 3, 2023
982 Jan 6, 2023
188 Jan 1, 2023
1.7k Jan 6, 2023
3.8k Dec 29, 2022
43 Nov 29, 2022
116 Aug 31, 2022
11.3k Jan 4, 2023
36 May 4, 2021
54 Dec 30, 2022
24 Dec 16, 2022