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

本文链接：https://blog.csdn.net/viewdesign/article/details/124792785

在这里插入图片描述

品牌升级

我们可能是最后一个升级到 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（具体以文档为准）。

为了便于您快速上手开发，我们免费提供了两套工程，可以为您省去大量配置和调试环境的时间：

本次升级，我们还 新增了 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 产品）、社区型应用（类知乎、论坛、门户）（需使用社交布局。查看社交布局）、地图型应用（需使用地图布局。查看地图布局）、工作桌面型应用（需使用工作桌面布局。查看工作桌面布局）等。

其核心产品特点有：