2023-11 组件月报 ​

一、本月统计 ​

二、更新详情 ​

2.1 PC端-可视化组件库 ​

2.1.1 多级表头表格（含列设置） ​

分类： 模板

变化： 升级

位置： 模板->业务模板-> 多级表头表格（含列设置）

说明： 扩展使用递归写法支持了不限层级的多级表头，调整列设置弹窗的内容，使其能够支持多级表头的子表头显隐的控制。

注意： 为了业务中存在表头名重复，任一级表头，都需要给每一个表头设置唯一prop属性值。

2.1.2 风险监测Tab ​

分类： 部件

变化： 新增

位置： 部件->基础组件-> 交互-> 风险监测Tab

说明： 针对智慧财政-风险监测开发的新的样式

注意： 使用时需按布局根节点提示声明变量

2.1.3 自定义弹窗模板 ​

分类： 模板

变化： 新增

位置： 模板->布局模板->自定义弹窗模板

说明： 新增了一种左右布局的弹窗样式，左边为某一可视化组件，右侧按自上而下结构自适应布局编写内容

2.1.4 拖选文字 ​

分类： 组件

变化： 新增

位置： 基础组件->交互->拖选文字

说明： 针对工作台OCR界面的识别结果选词功能，实现一个可以点选、拖拽选择的结果选择组件，支持对于一个数据类型的字符串识别结果，让用户挑选自己想要的内容，用于最终的复制，此功能参考微信选词功能实现，目前主要用于PC端。

2.1.5 三保雷达图 ​

分类： 组件

变化： 升级

位置： 业务组件->财政大脑->三保雷达图

说明： 迭代数据，去除随机生成数据的逻辑，导入最新数据

2.1.6 自定义Tab ​

分类： 组件

变化： 升级

位置： 基础组件->交互->自定义Tab

说明： 当选择纵向排列时，之前每个按钮的宽度是基于内容文字 宽度加内边距的逻辑进行设置的，改为充满容器宽度，以保证其统一性，不影响原横向排列时的宽度逻辑。

2.1.7 三保-横向树状关系图 ​

分类： 组件

变化： 新增

位置： 可视化组件->三保-横向树状关系图

说明： 适用于树形结构数据（唯一根节点），数据量较小时的层级结构展示，可在每个节点中自定义设置展示的数据内容，用户可以通过点击节点右侧的数字展开收起某一子节点，以便于切换查看数据的同时又避免同时加载过多数据

此图为第一版本效果，已被迭代：

此图为第二版本正被应用的效果：

2.2 PC端-图表 ​

2.2.1 季月切换柱状图 ​

分类： 模板

变化： 新增

位置： 图表示例->季月切换柱状图

说明： 在实际业务场景中，查看年数据时，客户希望能够以前三季度+第四季度各月数据的形式精细化查看数据，分析后建议以交互的形式，以全年12个月的基础数据，支持用户切换季度/月度的查看维度形式，让用户能够从不同时间跨度的角度上多维分析同一份数据，加强图表的交互效果，支持用户在相同空间内挖掘数据的更多信息。

2.2.2 包含关系多柱 ​

分类： 组件

变化： 新增

位置： 图表->柱状图->包含关系多柱

说明： 适用于数据存在包含关系的时候，如总值和达成值这样的情况时，可以用灰色的背景表示一个数据总值，其他颜色的柱子画在其上，被灰色柱子包含，高度关系表示比例情况。从组件实现原理上来说，其实绘制了2条一样的x轴，灰色的柱子画在一根轴上，彩色的柱子画在另一根x轴上，以使得他们是重叠的，然后对应了同一根y轴，彩色的柱子有多根时可以采用堆叠的形式。

2.3 PC端-地图 ​

2.3.1 图例 ​

分类： 组件（子组件）

变化： 升级

位置： 被包含在地图组件中，拖出地图组件时携带这个子组件

说明： 为每个图例色块添加了一个阴影色，阴影颜色跟随文字颜色变化，在黑底时常用为白色，白底时常用为黑色，以便于显示全透明的色块颜色效果。扩展图例支持点击切换，点击某一项图例后，会切换为该图例的高亮显示状态（其他选项置灰），当点击已高亮的某一项图例时，会触发其取消选中，触发地图更新筛选，同步高亮显示当前选中颜色的地区（结合下面地图响应功能的更新）。

2.3.2 地图 ​

分类： 组件（基础base更新，影响所有从部件处拖出来的地图）

变化： 升级

位置： 地图->所有地图

说明： 1、地图扩展支持主动更新当前筛选的规则类型（通过图例的点击触发），当选中某一个条件时，除了符合条件的地图，其他地区的透明度降低且文字隐藏，以便于更好地查看符合条件的地区是哪些。2、地图扩展支持鼠标滚轮、拖拽操作，当某些地区范围较小存在文字重叠时，可以通过滚轮放大该地区，但文字大小保持不变，此时叠在一起的文字就可以正常分开，以便于局部地区的查看，如杭州市主城区。

2.4 移动端-vant组件 ​

2.4.1 Field输入框 ​

分类： 组件

变化： 升级

位置： 部件->表单组件-> Field输入框

说明： 添加默认边框属性

2.5 移动端-图表 ​

本月暂无迭代

三、常见问题 ​

本月在专项答疑部分新增了如下这些问答，建议所有参与配置低代码的同学关注这些内容：