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 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 内置的 组件。

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