![cover](https://img-blog.csdnimg.cn/76d0adc5bfaf48c7b1b43b23a2888182.png)
View Design 全系产品升级至 Vue 3,并发布 View UI Plus 正式版
作为国内最早一批的 Vue.js 组件库,View UI 来到了它的第 6 年。这 6 年中,我们从开源逐步向商业化探索,沉淀技术、丰富生态、积累用户。今天,我们正式发布新品牌 View Design。
品牌升级
我们可能是最后一个升级到 Vue.js 3 的组件库,不过该来的早晚会来。
作为国内最早一批的 Vue.js 组件库,View UI(即 iView)来到了它的第 6 年。这 6 年中,我们从开源逐步向商业化探索,沉淀技术、丰富生态、积累用户。
由于整个生态的产品线众多,本次我们设计了全新的品牌:View Design。当然,还是熟悉的网址和 Logo:
![](https://i-blog.csdnimg.cn/blog_migrate/61cbf7fee780813a390a6fe80aaca6c7.png)
产品线
View Design 目前主要包含以下产品线:
-
View UI Plus(开源、免费):https://www.iviewui.com/view-ui-plus
基于 Vue.js 3 的 UI 组件,本次升级,新增了 30+ 组件,目前共有近 100 个组件(可能是目前组件最丰富的 Vue3 UI 组件库)。 -
Admin Plus(闭源、收费):https://www.iviewui.com/admin-plus
基于 Vue.js 3 的企业级的通用型中后台前端解决方案,在线预览地址:https://adminplus.iviewui.com -
iCRUD(闭源、收费):https://www.iviewui.com/icrud
面向配置的表格快速增删改查组件,基于 Vue.js 3,同时适配 View UI Plus 和 vxe-table,在线预览地址:https://icrud.iviewui.com -
物料市场(闭源、收费):https://www.iviewui.com/store
提供更多生态产品,如模板、主题、组件等,未来将开放市场,允许第三方提交和赚取收益。
View UI Plus
View UI Plus 是 View Design 的核心 UI 组件库,完全开源和免费。本次升级至 Vue.js 3,保留了原 View UI 几乎全部的 API(部分由于 Vue 3 被迫改动,如 value -> model-value 等),所以在使用和体验上,可以说和 View UI 几乎一致,除了 Vue.js 3 规定的 API 升级外,你几乎不用修改 View UI Plus 在使用上的 API(具体以文档为准)。
为了便于您快速上手开发,我们免费提供了两套工程,可以为您省去大量配置和调试环境的时间:
本次升级,我们还 新增了 30+ 组件,比如 TreeSelect(树选择)、City(城市选择器)、Login(登录)、Notification(通知菜单)、Calendar(日历)等。
View UI Plus 有近 100 个组件,数量庞大,升级工作也是巨大的。我们对全部组件逐一进行了升级、测试,部分组件进行了重构(如 Select),确保了官网所有示例均正常运行,所有文档也校对了 3 遍。
我们废弃了 v-transfer
指令,而是使用 Vue 3 内置的 <teleport>
组件。
因为升级到了 Vue 3,你可以选择熟悉的 选项式 API(Options API) 或全新的 组合式 API(Composition API)进行开发。
也是因为升级到了 Vue 3,View UI Plus 不再兼容 IE 浏览器。
其它一些内容,值得注意:
- 同时支持 ESM、CJS、UMD 和全局变量(ViewUIPlus,用于 CDN 引用);
- 支持多语言及最新的 vue-i18n 插件;
- 支持按需引用;
- 支持组件全局配置,如 size、transfer 等;
- 支持自定义主题。
接下来,我们会尽快完善以下内容:
- 所有组件的 TS 定义文件;
- unplugin-vue-components 的支持;
- 新版的 Playground;
- SSR 的支持;
- Electron 的支持等。
Admin Plus
Admin Plus 是一套企业级的通用型中后台前端解决方案,它基于 View UI Plus,适用于 Vue.js 3。Admin Plus 是我们的商业化产品之一,闭源、收费。
在线预览地址:https://adminplus.iviewui.com
Admin Plus 使用最前沿的前端技术栈,支持各类型产品,比如典型的中后台应用(类阿里云后台、七牛云后台,各类 to B 产品)、社区型应用(类知乎、论坛、门户)(需使用社交布局。查看社交布局)、地图型应用(需使用地图布局。查看地图布局)、工作桌面型应用(需使用工作桌面布局。查看工作桌面布局)等。
其核心产品特点有:
- 丰富的布局模式可选择,布局和功能具有高可配性;
- 支持顶栏菜单和侧边栏菜单(侧边菜单自动响应顶栏菜单变化);
- 支持动态菜单(深度优化,支持实时更新动态菜单数据);
- 强大的鉴权系统,对路由、菜单、功能点等支持 6 种鉴权模式,满足不同的业务鉴权需求,详见文档鉴权;
- 强大的国际化(多语言)方案,深度优化支持浏览器标题、菜单、组件、内容,自动判断语言,支持实时生效和刷新页面双模式,支持远程加载多语言文件;
- 支持全局水印,可动态更新水印内容;
- 全响应式支持,所有页面及功能点对 PC 端、移动端、平板电脑均有不同的显示效果;
- 含有大量典型的业务示例,包括 用户管理 、 菜单权限管理 、 角色权限管理;
- 漂亮的 UI、极致的用户体验和细节处理;
- 优质的售后技术支持,完善的文档。
iCRUD
iCRUD 是一套基于 View UI Plus 的增强型表格组件,面向配置开发,快速搭建具备 增、删、改、查 功能的表格页面。支持 Vue.js 3。iCRUD 也是我们的商业化产品之一,闭源、收费。
在线预览地址:https://icrud.iviewui.com
其核心产品特点有:
- 面向配置的开发模式,且提供了三个不同维度的配置,开发简单快速,省去大量业务代码;
- 支持 View UI Plus Table 组件的全部功能;
- 支持 vxe-table,及大数据量渲染、大数据量树形数据等。
- View UI Plus 的 Form 组件全面覆盖(17+);
- 支持本地和远程的数据字典,且自动缓存;
- 支持多种表格数据渲染及查看渲染方式,且针对 17+ Form 类组件深度优化显示效果;
- 扩展的多选模式,支持异步跨页数据多选,支持批量删除数据;
- 支持导出表格数据,支持打印表格,支持调整列顺序、列显/隐等功能;
- 移动端响应式设计。
后记
6 年以来,我们不断地对产品进行打磨,深度了解 B 端客户的需求,目的是将 View Design 打造为最好看且最好用的产品。我们认真审视每一个 UI 细节,思考每一个 API 的设计,为的就是让客户尽可能降低使用成本,做出跟 View Design 一样漂亮的系统。
接下来,View Design 团队将固定、持续对全部产品线进行迭代和维护。我们也会陆续以文章、直播等形式与大家交流更多的技术细节。敬请关注!
更多推荐
所有评论(0)