2024-01 组件月报 ​

一、本月统计 ​

二、更新详情 ​

2.1 PC端-可视化组件库 ​

2.1.1 转移支付 ​

分类： 组件

变化： 升级

位置： 基础组件->可视化->转移支付

说明：由于页面种部分数据是根据传入数据相除计算所得，如中间部分的分配率、执行率，在实际项目数据场景下，存在0/0或n/0的计算导致计算结果异常，因此做了兼容性处理，在除数为0的时候将结果显示为--%

2.1.2 甘特图-早中晚 ​

分类： 组件

变化： 新增

位置： 基础组件->可视化->甘特图-早中晚

说明：以甘特图的形式描述一段时间内， 多个人在每天的几个时间段分隔情况下，分别安排了哪些事情，其中一天可以被拆分为一个或多个时间段，需要配置人员自行设置几点到几点为一个时间段，默认为3个时间段。人可以进行分组，最左上角的位置会显示第一个分组的类型名称，后面新的类型名称会如图种“处室”一样单独列为一行。任务维度来看，同一个人可以有多个安排，当任务之间存在时间重叠的情况下，会进行换行处理，这个人所占用的行数也会对应增加。点击任一色块支持弹出弹出层来描述详情。

2.1.3 甘特图-小时 ​

分类： 组件

变化： 新增

位置： 基础组件->可视化->甘特图-小时

说明：与上面的维度不同，这是同一个组件的另一种展现形式，可用于展现某一天的数据情况，红线标识为当前时刻，安排上会显示出任务的描述详情。配置人员可以配置显示的起始与结束时刻分别是几点。

2.1.4 甘特图-周·日 ​

分类： 组件

变化： 新增

位置： 基础组件->可视化->甘特图-周·日

说明：与上述两个组件不同，这是另一个双轴都为时间概念的组件，用于描述一个人在一段时间里精确到小时的任务安排情况，与上述组件的最大区别在于其描述的维度只能是一个个体，但时间维度的描述更加丰富了。

2.1.5 名称：日历 ​

分类： 组件

变化： 新增

位置： 基础组件->可视化->日历

说明：以一个月的日历维度展示任务情况，也是适用于展示一个人的精确到日的安排情况，方便查看较长时间跨度中是否有事、有哪些事的信息。

2.1.6 名称：甘特图多维切换 ​

分类： 模板

变化： 新增

位置： 业务类->甘特图多维切换

说明：将上述多个组件组合为一个模板，使用相同的数据结构，展示同一个数据结构数据的不同展现结果。

2.1.7 pdf预览 ​

分类： 模板

变化： 升级

位置： 功能类->pdf预览

说明：原pdf预览使用psf.js包版本号为2.15.349，实际落地到项目后发现专有钉浏览器内核为Chrome 69版本，无法兼容，因此迭代pdf.js组件包版本到2.5.207的es5版本，实测兼容苹果、安卓、鸿蒙系统，因此需要注意环境中js包是否也更新/czdn/js/pdf.es5.js

2.1.8 名称：空状态 ​

分类： 组件

变化： 升级

位置： 基础组件->空状态

说明：按照UI标准迭代新的黑色系多样化状态类型以供配置人员直接选用。

2.1.9 标题行-白 ​

分类： 组件

变化： 新增

位置： 基础组件->区块->标题行-白

说明：新增组件，支持插槽形式在标题右侧插入内容。

2.2 PC端-图表 ​

2.2.1 所有图表组件 ​

分类： 组件

变化： 升级

位置： 所有图表组件

说明：针对业务方提出的要求，升级所有的y轴单位的对齐方式，使得其可以被调整到和y轴上的文字标签对齐的位置上，如图中“万元”的位置。所有图表新增标题设置功能，支持设置主标题、副标题，且标题文本颜色会根据主题自动变化。

2.2.2 自定义图例 ​

分类： 组件

变化： 新增

位置： 图表->插件->自定义图例

说明：新增了图例组件，为了在需要自定义新增图例时摆脱图例与系列的绑定关系，使其更加可控，应对业务中客户要求将平均线以图例的形式写在图边上，需要注意的是这个图例组件无点击交互，不会触发系列的显隐。

2.3 PC端-地图 ​

本月暂无迭代

2.4 移动端-vant组件 ​

2.4.1 宫格组件 ​

分类： 组件

变化： 新增

位置： 基础部件->导航部件->宫格

说明：明确了宫格的使用：默认三/四列、两行，超出则显示为更多，样式上做统一处理，方便业务的配置。

2.4.2 卡片类导航组件（上图下字、左图右字、左字右图） ​

分类： 组件

变化： 新增

位置： 基础组件->导航组件->上图下字、左图右字、左字右图

说明：卡片类导航，分三类：上图下字、左图右字、左字右图，可自定义内容，整体做交互处理。

2.4.3 甘特图 ​

分类： 组件

变化： 新增

位置： 业务组件->甘特图

说明：与PC端同，新增移动端对应功能

2.4.4 时间轴 ​

分类： 模板

变化： 新增

位置： 业务模板->时间轴

说明：根据业务需求，新建时间轴模板，内置数据循环，实例样式等。方便业务上直接进行修改。

2.4.5 搜索更多 ​

分类： 模板

变化： 新增

位置： 业务模板->搜索更多

说明：根据业务需求，创建搜索更多模板，方便业务配置页面，内置显隐逻辑、提交等一系列逻辑交互。

2.4.6 密码可见输入框 ​

分类： 组件

变化： 新增

位置： 基础部件->密码可见输入框

说明：新增密码可见输入框，可通过右侧按钮实现密码可见性。右侧按钮可通过插槽形式自定义样式。

2.4.7 自定义倒计时 ​

分类： 组件

变化： 新增

位置： 基础部件->自定义倒计时

说明：根据业务方需求，增加可单独编辑的自定义倒计时，通过插槽的形式自定义内容样式与显示模式。

2.4.8 文字展开收起 ​

分类： 组件

变化： 新增

位置： 基础部件->文字展开收起

说明：根据业务方需求，增加文字展开收起部件，可通过末端文字按钮实现。默认展示行数可通过字数调整，其配置项支持以时长和时刻两种维度进行设置（300秒or具体日期时间）。

2.5 移动端-图表 ​

本月暂无迭代