Skip to content
本页目录

2024-03 组件月报

一、本月统计

组件包名称起始版本最新版本迭代数涉及组件涉及模板
PC-可视化组件1812042363
PC-图表35449//
PC-地图2020///
移动-Vant4054146/
移动-图表561//

二、更新详情

2.1 PC端-可视化组件库

2.1.1 分支条件流程图

分类: 组件

变化: 新增

位置: 基础组件->可视化

说明: 本组件参考钉钉的流程管理,实现发起某项事件到结束的过程控制,允许添加判断条件、添加过程中的审批人、抄送人等,与实际业务系统相结合,实现事务流程的系统化构建和可视化展示,方便使用。

2.1.2 数值滑动

分类: 组件

变化: 新增

位置: 基础组件->动效->数值滑动

说明: 组件为数值变动添加动效,更加直观体现数值数据的变化

2.1.3 基础树

分类: 组件

变化: 新增

位置: 基础组件->目录树

说明: 以UIBlock封装树组件,降低其配置难度,可以支持多级树目录的展示,设置默认选中项,第一级节点支持设置图标,每个节点支持设置数据,基本能满足大部分情况下对目录树的需求。具体业务配置中,若此组件无法满足,再考虑使用el-tree单独配置。

2.1.4 字体图标Tab

分类: 组件

变化: 新增

位置: 基础组件->Tab

说明: 字体图标类型的Tab,封装为UIBlock使用,可指定任一字体图标防御其中,通过事件监听结合页面变量控制展示的内容。

2.1.5 滑动条Tab

分类: 组件

变化: 新增

位置: 基础组件->Tab

说明: 样式与element的标签页组件类似,使用方法同上一组件,更好地落地了UI规范,使得部分样式的可配置性更强。

2.1.6 详情页

分类: 模板

变化: 新增

位置: 业务类

说明: 针对业务规范的详情页进行结构抽象,基于这一结构可以配置大部分业务场景下的详情页,建议使用形式为抽屉。

2.1.7 左树右UIBlock

分类: 模板

变化: 新增

位置: 业务类

说明: 基于上面提到的基础树组件,封装右侧内容为当前选中节点的UIBlock页面,结合下方子模板共同使用。

2.1.8 品字首页

分类: 模板

变化: 新增

位置: 业务类-->素材

说明: 用于放置在上方模板中的元素,符合UI的首页样式设计,放入后效果如下。

2.1.9 主指标动效

分类: 组件

变化: 新增

位置: 基础组件->动效

说明: 用于大屏中心展示核心指标,默认放置4个指标,选中某一指标时在中心位置显示其关联的核心数据。

2.2 PC端-图表

本月暂无迭代

2.3 PC端-地图

本月暂无迭代

2.4 移动端-vant组件

2.4.1 周日历

分类: 组件

变化: 新增

位置: 业务组件->日历->周日历

说明: 移动端实现周滑动切换,通过传入相应时间数组,实现对应日期的时间标记,直观了解本周日程安排。

2.4.2 月日历

分类: 组件

变化: 新增

位置: 业务组件->日历->月日历

说明: 移动端实现整月滑动切换,可自定义月份切换,回到今日。通过传入相应时间数组,实现对应日期的时间标记,直观了解当月日程安排。

2.4.3 拖拽

分类: 组件

变化: 新增

位置: 业务组件-> 拖拽

说明: 可在移动端随意拖动、放置,内置插槽可自定义拖拽内容。

2.4.4 天地图

分类: 组件

变化: 新增

位置: 业务组件-> 天地图

说明: 政府指定地图插件,可设置地图中心,标记点,标记线,缩放比例。

2.4.5 轮播缩放

分类: 组件

变化: 新增

位置: 业务组件-> 轮播缩放

说明: 参考数字接待轮播缩放,封装组件,可自定义内容,轮播时长。

2.4.6 打电话

分类: 常用片段

变化: 新增

位置: 常用片段-> 打电话

说明: 移动端调用手机拨打电话功能,可直接通过插入常用片段的方式直接导入代码,方便业务人员直接配置。

2.4.7 发短信

分类: 常用片段

变化: 新增

位置: 常用片段-> 发短信

说明: 移动端调用手机发短信功能,可直接通过插入常用片段的方式直接导入代码,方便业务人员直接配置。

2.4.8 移动端调用地图

分类: 常用片段

变化: 新增

位置: 常用片段-> 移动端调用地图

说明: 移动端调用手机地图功能,可直接通过插入常用片段的方式直接导入代码,方便业务人员直接配置。

2.4.9 甘特图

分类: 组件

变化: 升级

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

说明: 新增用户名称插槽,可扩展内容,支持业务中希望在人名上方放置图片的需求

2.5 移动端-图表

本月暂无迭代

内部资料,请勿外传