title | home | meta | |||||
---|---|---|---|---|---|---|---|
Rainbow Pro - An Advanced Vue 3 UI Component Library for Enterprise Web Applications
|
true
|
|
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即可
关注我
我会不时的在我的微信公众号和个人网站上面发布文章和新的项目,欢迎关注!