View Design 全系产品升级至 Vue 3，并发布 View UI Plus 正式版

Aresn
4,875 阅读5分钟

cover.png

品牌升级

我们可能是最后一个升级到 Vue.js 3 的组件库，不过该来的早晚会来。

作为国内最早一批的 Vue.js 组件库，View UI（即 iView）来到了它的第 6 年。这 6 年中，我们从开源逐步向商业化探索，沉淀技术、丰富生态、积累用户。

由于整个生态的产品线众多，本次我们设计了全新的品牌：View Design。当然，还是熟悉的网址和 Logo：

www.iviewui.com

产品线

View Design 目前主要包含以下产品线：

  • View UI Plus（开源、免费）：www.iviewui.com/view-ui-plu… 基于 Vue.js 3 的 UI 组件，本次升级，新增了 30+ 组件，目前共有近 100 个组件（可能是目前组件最丰富的 Vue3 UI 组件库）。

  • Admin Plus（闭源、收费）：www.iviewui.com/admin-plus 基于 Vue.js 3 的企业级的通用型中后台前端解决方案，在线预览地址：adminplus.iviewui.com

  • iCRUD（闭源、收费）：www.iviewui.com/icrud 面向配置的表格快速增删改查组件，基于 Vue.js 3，同时适配 View UI Plus 和 vxe-table，在线预览地址：icrud.iviewui.com

  • 物料市场（闭源、收费）：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

banner-admin-plus.jpg Admin Plus 是一套企业级的通用型中后台前端解决方案，它基于 View UI Plus，适用于 Vue.js 3。Admin Plus 是我们的商业化产品之一，闭源、收费。

在线预览地址：adminplus.iviewui.com

Admin Plus 使用最前沿的前端技术栈，支持各类型产品，比如典型的中后台应用（类阿里云后台、七牛云后台，各类 to B 产品）、社区型应用（类知乎、论坛、门户）（需使用社交布局。查看社交布局）、地图型应用（需使用地图布局。查看地图布局）、工作桌面型应用（需使用工作桌面布局。查看工作桌面布局）等。

其核心产品特点有：

  • 丰富的布局模式可选择，布局和功能具有高可配性；
  • 支持顶栏菜单和侧边栏菜单（侧边菜单自动响应顶栏菜单变化）；
  • 支持动态菜单（深度优化，支持实时更新动态菜单数据）；
  • 强大的鉴权系统，对路由、菜单、功能点等支持 6 种鉴权模式，满足不同的业务鉴权需求，详见文档鉴权；
  • 强大的国际化（多语言）方案，深度优化支持浏览器标题、菜单、组件、内容，自动判断语言，支持实时生效和刷新页面双模式，支持远程加载多语言文件；
  • 支持全局水印，可动态更新水印内容；
  • 全响应式支持，所有页面及功能点对 PC 端、移动端、平板电脑均有不同的显示效果；
  • 含有大量典型的业务示例，包括 用户管理 、 菜单权限管理 、 角色权限管理；
  • 漂亮的 UI、极致的用户体验和细节处理；
  • 优质的售后技术支持，完善的文档。

iCRUD

iCRUD 是一套基于 View UI Plus 的增强型表格组件，面向配置开发，快速搭建具备 增、删、改、查 功能的表格页面。支持 Vue.js 3。iCRUD 也是我们的商业化产品之一，闭源、收费。

在线预览地址：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 团队将固定、持续对全部产品线进行迭代和维护。我们也会陆续以文章、直播等形式与大家交流更多的技术细节。敬请关注！

avatar
文章
阅读
粉丝