品牌降级
咱们可能是最初一个降级到 Vue.js 3 的组件库,不过该来的早晚会来。
作为国内最早一批的 Vue.js 组件库,View UI(即 iView)来到了它的第 6 年。这 6 年中,咱们从开源逐渐向商业化摸索,积淀技术、丰盛生态、积攒用户。
因为整个生态的产品线泛滥,本次咱们设计了全新的品牌:View Design。当然,还是相熟的网址和 Logo:
https://www.iviewui.com
产品线
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(具体以文档为准)。
为了便于您疾速上手开发,咱们收费提供了两套工程,能够为您省去大量配置和调试环境的工夫:
- View UI Plus Project(基于 Vue CLI)
- View UI Plus Project(基于 Vite)
本次降级,咱们还 新增了 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 团队将固定、继续对全副产品线进行迭代和保护。咱们也会陆续以文章、直播等模式与大家交换更多的技术细节。敬请关注!