乐趣区

关于前端:View-Design-全系产品升级至-Vue-3并发布-View-UI-Plus-正式版

品牌降级

咱们可能是最初一个降级到 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 Plusvxe-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 团队将固定、继续对全副产品线进行迭代和保护。咱们也会陆续以文章、直播等模式与大家交换更多的技术细节。敬请关注!

退出移动版