当前位置: 首页 > Web前端 > vue.js

ViewDesign产品全部升级到Vue3,ViewUIPlus正式版发布

时间:2023-04-01 00:23:52 vue.js

品牌升级我们可能是最后一个升级到Vue.js3的组件库,但它迟早会来。作为国内第一批Vue.js组件库,ViewUI(即iView)已经来到了第六个年头。6年来,我们从开源到商业化逐步探索,积累技术,丰富生态,积累用户。由于整个生态的产品线较多,所以这次我们设计了一个全新的品牌:ViewDesign。当然,熟悉的网站和logo还是熟悉的:https://www.iviewui.com产品线ViewDesign目前主要包括以下产品线:ViewUIPlus(开源,免费):https://www.iviewui.comiviewui.com/view-ui-plus基于Vue.js3的UI组件,本次升级新增30+组件,目前已有近百个组件(可能是最丰富的Vue3UI组件库).AdminPlus(闭源,收费):https://www.iviewui.com/admin-plusVue.js3基于企业级通用中后台前端解决方案,在线预览地址:https://adminplus.iviewui.comiCRUD(闭源,收费):https://www.iviewui.com/icrud面向配置表的快速增删改查组件,基于Vue.js3,兼容ViewUIPlus和vxe-table同时在线预览地址:https://icrud.iviewui.com素材市场(闭源,收费):https://www.iviewui.com/store提供模板等更多生态产品、主题、组件等,未来将开放市场,允许第三方提交并赚取收益。ViewUIPlusViewUIPlus是ViewDesign的核心UI组件库,完全开源免费。这次升级到Vue.js3,几乎保留了原有ViewUI的所有API(部分是因为Vue3强制改动,比如value->model-value等),所以在使用和体验上,可以说它几乎与ViewUI一致,除了Vue.js3指定的API升级外,您几乎不需要修改ViewUIPlus使用的API(详见文档)。为了方便您快速开发,我们免费提供了两套工程,可以为您节省大量的环境配置调试时间:ViewUIPlusProject(基于VueCLI)ViewUIPlusProject(基于Vite)本次升级,我们还新增了TreeSelect(树选择器)、City(城市选择器)、Login(登录)、Notification(通知菜单)、Calendar(日历)等30+个组件,近百个组件,ViewUIPlus是巨大的,升级工作是巨大的。我们对所有组件一一进行了升级测试,并对部分组件(如Select)进行了重构,确保官网所有示例运行正常,所有文档均经过3次校对。我们弃用了v-transfer指令,取而代之的是Vue3的内置组件。因为升级到Vue3,你可以选择熟悉的选项API(OptionsAPI)或者全新的组合API(CompositionAPI)进行开发。同样因为升级到Vue3,ViewUIPlus不再兼容IE浏览器。其他一些值得注意的地方:支持ESM、CJS、UMD和全局变量(ViewUIPlus,供CDN参考);支持多语言和最新的vue-i18n插件;支持点播参考;支持组件全局配置,如尺寸、转移等;支持自定义主题。接下来,我们将尽快完善以下内容:所有组件的TS定义文件;unplugin-vue-components支持;新版游乐场;SSR支持;Electron支持等AdminPlusAdminPlus是一套基于ViewUIPlusforVue.js3的企业级通用中后台解决方案。AdminPlus是我们的商业产品之一,是闭源收费的。在线预览地址:https://adminplus.iviewui.comAdminPlus采用最前沿的前端技术栈,支持各类产品,典型的中后端应用(如阿里云后端、七牛云后端),以及各种toB产品),社区类应用(知乎,论坛,门户)(需要使用社交布局。查看社交布局),地图类应用(需要使用地图布局,查看地图布局),工作桌面应用程序(需要使用工作桌面布局。查看工作桌面布局)等。其核心产品特性是:丰富的布局模式可供选择,布局和功能高度可配置;支持顶栏菜单和侧栏菜单(侧边菜单自动响应顶栏菜单变化);支持动态菜单(深度优化,支持动态菜单数据实时更新);强大的认证体系,支持路由、菜单、功能点等6种认证方式,满足不同的业务认证需求,详见文档认证;强大的国际化(多语言)方案,深度优化支持浏览器标题、菜单、组件、内容,自动判断语言,支持实时效果和刷新页面双模式,支持远程加载多语言文件;支持全局水印,可动态更新水印内容;全响应式支持,所有页面和功能点在PC、手机、平板上都有不同的显示效果;包含大量典型业务实例,包括用户管理、菜单权限管理、角色权限管理;美观的UI,极致的用户体验和细节处理;优质的售后技术支持,完善的文档。iCRUDiCRUD是一套基于ViewUIPlus的增强型表格组件,面向配置开发,快速构建具有增删改查功能的表格页面。支持Vue.js3.iCRUD也是我们的商业产品之一,闭源收费。在线预览地址:https://icrud.iviewui.com其核心产品特点是:面向配置的开发模式,并提供三种不同维度的配置,开发简单快速,节省大量业务代码;支持ViewUIPlusTable组件的所有功能;支持vxe-table,以及大数据量渲染、大数据量树数据等。ViewUIPlus的Form组件全覆盖(17+);支持本地和远程数据字典,自动缓存;支持多种表格数据渲染和视图渲染方式,优化17+Form组件显示效果;扩展多选模式,支持跨页数据异步多选,支持批量删除数据;支持导出表格数据,支持打印表格,支持调整列顺序、显示/隐藏等功能;移动端响应式设计。后记6年来,我们不断打磨产品,深刻理解B端客户的需求,将ViewDesign打造成最好看、最好用的产品。我们仔细审视每一个UI细节,思考每一个API的设计,只为让客户尽可能的降低使用成本,让系统像ViewDesign一样漂亮。接下来,ViewDesign团队将定期持续迭代和维护所有产品线。我们将继续以文章和直播的形式与大家交流更多的技术细节。敬请关注!