View Design 全系产品升级至 Vue 3,并发布 View UI Plus 正式版_view-ui-plus在线文档-程序员宅基地

技术标签: ui  前端  vue.js  

在这里插入图片描述

品牌升级

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

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

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

https://www.iviewui.com

产品线

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

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 产品)、社区型应用(类知乎、论坛、门户)(需使用社交布局。查看社交布局)、地图型应用(需使用地图布局。查看地图布局)、工作桌面型应用(需使用工作桌面布局。查看工作桌面布局)等。

其核心产品特点有:

  • 丰富的布局模式可选择,布局和功能具有高可配性;
  • 支持顶栏菜单和侧边栏菜单(侧边菜单自动响应顶栏菜单变化);
  • 支持动态菜单(深度优化,支持实时更新动态菜单数据);
  • 强大的鉴权系统,对路由、菜单、功能点等支持 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 团队将固定、持续对全部产品线进行迭代和维护。我们也会陆续以文章、直播等形式与大家交流更多的技术细节。敬请关注!

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/viewdesign/article/details/124792785

智能推荐

2020 年百度之星&#183;程序设计大赛 - 初赛一-程序员宅基地

文章浏览阅读350次。Drink传送门Accepts: 1896Submissions: 4596Time Limit: 2000/1000 MS (Java/Others)Memory Limit: 32768/32768 K (Java/Others)Problem Description我们有nn种不同的饮料,每种饮料有无限多瓶,第ii种饮料一瓶提供x[i..._2020 年百度之星·程序设计大赛 - 初赛一

PE文件结构解析_pe结构图-程序员宅基地

文章浏览阅读9.5k次。PE(Portable Executable)文件,即可移植的可执行文件,是 Windows 操作系统上主流的可执行文件。_pe结构图

牛客编程巅峰赛S2第6场 - 钻石&王者-程序员宅基地

文章浏览阅读147次。牛客巅峰赛钻石&王者场前言自从我一场从青铜打上钻石以后,我好像就打不了黄金场的哭唧唧(/(ㄒoㄒ)/~~),钻石王者场真呆不下去了被各路神仙吊打String II解题思路:签到题,比较简单,我的思路是 差分+枚举,我们看数据只有大概1e3,那这铁定可以暴力枚举出来啊我们枚举原串中每个位置的字母为新串的字母,然后对该字母进行差分(注意正负),然后排序后贪心选最大的可能,时间复杂...

springboot配置log4j 并打印SQL_springboot log4j打印sql-程序员宅基地

文章浏览阅读5.2k次。首先引入jar包依赖<!--Log4J--><dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-log4j</artifactId></dependency>因为s..._springboot log4j打印sql

git的基本命令_服务器上面查看git是否部署好了的指令-程序员宅基地

文章浏览阅读87次。GIT1.结构分析结构图一:结构图二:2.本地代码管理工作区(Workspace):添加、修改、删除`文件 暂存区(index):将工作区中的操作完成小阶段的存储,是版本库的一部分本地仓库区(Respository): 对个人开发的一个小阶段代码存储记录的各版本可以查看或者回退但是在暂存区的版本一旦提交就再也没有了(保存到仓库区中)3.本地仓库操作1.安装git#..._服务器上面查看git是否部署好了的指令

AVR单片机_基于avr单片机attiny13做的125khz rfid模拟卡|我爱单片机-程序员宅基地

文章浏览阅读1.5k次。​AVR单片机是一款高速度,高性能,高性价比的单片机。特点:(1)采用了流水线技术和先进的架构设计,工作频率高,执行速度快。(2)内置大容量程序存储器和数据存器器,省去了扩展外部存储器。(3)I/O口驱动能力强,使用方便(4)通信接口齐全,使用灵活(5)硬件资源丰富,功能强大(6)模块化设计,派生元器件众多,选择性好,性价比高(7)具有电源检测与管理功能(8)工作电压超低,可用电源范围广AVR单片机和多种分类(1)ATtiny系列,有ATtiny11/12/13/15/26/28等._基于avr单片机attiny13做的125khz rfid模拟卡|我爱单片机

随便推点

读取/加载 properties配置文件的几种方法_读取properties配置文件-程序员宅基地

文章浏览阅读3.7k次。在java项目中经常会使用到配置文件,这里就介绍几种加载配置文件的方法。_读取properties配置文件

Oracle Webcenter Content(UCM)安装完成后需要做哪些配置才可满足企业应用的需求_oracle ucm 安装配置手册-程序员宅基地

文章浏览阅读1.2k次。背景:在UCM安装完成后,通常是两台UCM服务器做的集群,需要做一些配置才能满足企业应用的需要,如文件存放路径、安全性、默认存储大小、用户同步等等,具体需要做哪些配置呢,下面给出配置详情步骤配置步骤:需要如下九步,如下:一、配置信息初始化访问节点一服务器 http://节点一ip:16200/cs,配置Native File Repository Location 和 Weblayout Fold..._oracle ucm 安装配置手册

深度linux系统gho,深度技术ghost版的win7操作系统下载-程序员宅基地

文章浏览阅读710次。很多朋友都想要深度技术ghost版的win7操作系统下载,因为深度技术ghost版的win7操作系统下载还是不错的,在业内的评价蛮高。可是我们到底要如何深度技术ghost版的win7操作系统下载呢?别急,小编就给大家带来深度技术ghost版的win7操作系统下载吧,希望大家都能够喜欢这个系统哦。一、深度快速装机版主要更新- 提升Windows Ink工作区、微软Edge浏览器、文件服务器、Wind..._linux系统ghost下载

关于生活-程序员宅基地

文章浏览阅读172次。主理 | 谢玢编辑 | Dave 董雯雪视觉 | 任染这是 「禾穗HERS女性商学院」的第034篇漫读《关于生活》By: 纳齐姆·希克梅特(土耳其)译:李以亮, Ra..._任玢图片

yum安装软件时报“没有可用的软件包”的问题_yum安装提示没有可用软件包-程序员宅基地

文章浏览阅读5.2k次,点赞6次,收藏14次。文章目录yum安装软件时报“没有可用的软件包异常”问题描述解决过程测试yum安装软件时报“没有可用的软件包异常”问题描述在需要使用s3cmd的命令行工具时,打算用yum进行安装,但是在安装的过程中遇到了“没有可可用软件包”的问题,具体问题如下。解决过程当在Linux系统中使用yum安装软件时提示 “没有可用软件包”时,代表在linux系统yum源中已经没有对应的安装包了,这时,我们需要安装EPEL。EPEL(Extra Packages for Enterprise Linux)_yum安装提示没有可用软件包

给你全面的重点学习数据库_想全面的学习数据库-程序员宅基地

文章浏览阅读691次。系统化学习数据库,重点在于查询select_想全面的学习数据库

推荐文章

热门文章

相关标签