写在前面

金秋十月，iView 4.0 如约而至。但是标题信息量有点大，所以先来解读一下标题。

iView 作者 Aresn 于 2019 年创办了北京视图更新科技有限公司，开始自由、全职地维护 iView 及其相关的软件。View UI 即为原先的 iView，从 2019 年 10 月起正式更名为 View UI，并使用全新的 Logo。iView 作者将在新仓库 https://github.com/view-design/ViewUI 继续开发 iView 4.0 和后续版本，以及维护工作。原仓库 iView 作者不再继续提交内容。

简单说就是，我们将 GitHub 迁移到了：

https://github.com/view-design/ViewUI

对于绝大部分用户来说，使用没有任何影响，之后的 issue 和 pr 也请大家到新的仓库进行提交，当然包括 Star！

请相信，全新的 View UI 组件库会带来更强大的功能和更出色的体验。由于现在已经全职维护，这里也可以向大家保证，每 1~2 周迭代一个版本。

更新方法

4.0 版本的核心是功能增强和体验优化，基本没有不兼容的，大家可以放心升级，主要的更新内容下文会逐一介绍。

更新方法查看文档:

升级 4.x 指南：https://www.iviewui.com/docs/update4

主要更新内容

本次的 4.0 版本有超过 50 项更新。

UI

UI 方面，主要是将原先的基础字号由 12px 调整为了 14px。现在的电脑屏幕越来越大，分辨率也越来越高，14px 的基础字号会更加实用，而且也是大势所趋。

对应的，很多组件的尺寸会稍微变大，比如所有的 Form 系列组件（Button、Select、Input 等等）的尺寸调整为了 40px（large）、32px（default）、24px（small）。

Button 的高度计算方式由原先的 padding 调整为了固定 height。

还有很多组件的 UI 也进行了微调，比如 Alert、Notice、Modal、Card 等等，整体更统一、规范。

下图是两个版本的尺寸对比：

新增列表组件 List

List 组件是最基础的列表展示，可承载文字、列表、图片、段落，常用于后台数据展示页面。

全局配置

全局配置中，新增 capture 选项，可以配置所有组件默认的 capture 模式，默认为 true。

capture 是浏览器的一种默认行为，如果开启，当可下拉的组件（例如 Select）处于展开状态时，点击外部操作不会立即响应，而是先收起下拉菜单，再次点击才会响应操作。如果不需要该特性，可以通过全局配置，将 capture 设置为 false。

Table 表格

Table 表格组件是大家最关心的，4.0 我们提供了更多新的功能：

1.拖拽表头调整列宽

列 column 新增加了属性 resizable，设置为 true 时，鼠标在表头对应列的分割线上，就可以拖拽来调整列宽了：

2.合并行或列

新增了 span-method 属性，可以自定义合并行或列，也就是可以合并单元格了，通过该属性的配置，是可以对任意的行或列进行合并的：

3.表尾合计

新增了 show-summary 属性，设置为 true 时，会在表尾显示一个合计行，自动对该列数值求和。同时也新增了 summary-method 和 sum-text 来自定义合计的算法或文案：

4.默认样式不带外侧边框

4.0 起 Table 表格组件的外轮廓默认不带边框了，更简洁，除非设置 border 属性。

这几个功能给力吧，更给力的功能我们还会在 4.x 之后的几个版本中更新哦！

Form 表单

1.新增属性 disabled

如果想让 Form 组件内的所有表单组件，例如 Button、Input、Select、Radio、Checkbox 等（View UI 的所有表单组件都支持）都禁用，以前的做法是要给每一个组件逐个加 disabled，很麻烦，现在只需要给外层的 Form 组件设置 disabled 属性就可以了：