跳到主要内容

组件库升级日志

V2.21.3#

发布日期: 2023/3/07#

「数据表格」组件标准化升级和优化#

新的 表格 有如下变化:

  • 本次升级提供全新的 PC 端/移动端表格样式
  • 完善筛选器、表格列配置能力
  • 新增点击表格行事件
  • 规范组件属性名称与分类

「网页嵌套」组件: 支持在应用中嵌套网页链接,小程序、PC、H5 三端通用#

V2.20.0#

发布日期: 2023/2/23#

「图片上传」组件#

增加微信开放能力属性配置,小程序端支持直接上传微信头像 增加图片显示形状的属性配置,图片可显示为圆形、矩形、圆角矩形

「单行输入」组件:增加微信开放能力属性配置,小程序端支持直接填写微信昵称#

数据容器类组件#

支持 APIs 优化,增加了出入参类型校验和使用指引。包括表单、表格、数据列表、数据详情、统计卡片、柱状图等

数据列表、数据表格、表单容器、图表等组件,绑定 APIs 方法后,支持分行展示各查询入参,提升参数配置绑定便利性

「流程操作」组件#

PC 端操作按钮样式布局优化:

移动端按钮操作样式布局优化:

选人组件全面使用微搭成员选择组件 UI:

「网格布局」组件:列宽支持 px 精确像素调整、单行支持独立设置列间距#

V2.19.0#

发布日期: 2023/2/2#

「成员选择」组件移动端交互优化#

V2.18.0#

发布日期: 2023/1/16#

数据容器自动绑定#

数据容器是用于查询数据的组件,本次简化了使用路径。当新添加一个数据容器时,将默认展示【用户】表中的数据,您也可以切换为任意模型数据。本次同时也支持了自动绑定数据字段,做到所见即所得。

数据容器空状态优化#

数据列表、数据表格组件,当查询结果为空时,统一优化了空状态提示样式,提示文案可自定义配置。

数据展示组件必填提示优化#

数据列表、数据详情、表单、表格、图标等组件,选择模型和 APIs 新增必填写标记,如下。

新增「循环展示」组件#

本次新增了循环展示组件,主要用于展示数组类型的数据。只需将循环展示组件,数据替换为您需要展示的数组,即可实现数组的\$for 循环。

V2.17.0#

发布日期: 2022/12/28#

tip

本次升级对一些组件进行了标准化升级和优化,已经标准化升级的组件在组件列表中增加了 的标注。标准化后的组件,统一了 PC 端、H5 端和小程序端实现,同时对外开放支持一系列标准 API,支持样式 API 和自定义 CSS 变量 等。单组件升级方法和注意事项请参考 升级迁移指南

组件视觉风格、功能进行统一,视觉美观度和感官体验提升#

组件对外开放一系列标准 API ,横向保持统一,持续维护#

组件库规范和对外提供 CSS 变量,支持用户进行样式自定义#

系统级别的主题自定义#

可以参考 全局 CSS 变量定义,修改对应的 CSS 变量值即可修改全局的样式。

组件级别的主题风格自定义#

例如,需要统一修改按钮的风格,可以统一修改页面中的按钮暴露的 CSS 变量

.wd-btn {  --wd-btn-border-radius: 0.3rem;  --wd-btn-color-brand: var(--wd-color-success);  --wd-btn-color-brand-hover: var(--wd-color-success-hover);  --wd-btn-color-brand-active: var(--wd-color-success-active);  --wd-btn-color-brand-focus: var(--wd-color-success-focus);  --wd-btn-color-brand-disabled: var(--wd-color-success-disabled);}

(为了保证样式修改一定会生效,建议在自定义样式前增加一个 id 选择器来提升 CSS 优先级)

组件暴露对外样式 API,解决用户通过低码编辑器无法自定义组件内部结构样式的问题#

.wd-btn {  border-color: cyan;  background-color: black;  border-width: 2px;  border-radius: 6px;}
.wd-btn:hover {  background-color: #0c0096;}
.wd-btn.is-disabled {  background-color: #888;}
.wd-btn__text {  color: cyan;}

(为了保证样式修改一定会生效,建议在自定义样式前增加一个 id 选择器来提升 CSS 优先级)

「按钮」组件标准化升级和优化#

新的 按钮 有如下变化:

  • 按钮默认大小进行了调整,增加通栏按钮配置(升级后原有按钮的默认尺寸会发生变化)
  • 按钮去掉默认的 padding,在页面中不再默认居中,单个按钮移动端不再默认独占一行(升级后需关注页面布局变化,按需调整)
  • 丰富了按钮默认颜色,升级后请关注默认按钮的颜色变化,按需调整
  • 按钮禁用状态样式进行了优化
  • 按钮新增支持按钮中图标的配置能力
  • 丰富了按钮的默认类型,提供填充、描边、文字、链接可选

「文本」组件标准化升级和优化#

新的 文本 有如下变化:

升级后:

  • 文本组件支持配置文本内容溢出省略
  • 文本初始化字体、字号、样式进行了优化
  • 文本格式正文增加大中小三种可选

「图片」组件标准化升级和优化#

查看 图片 组件文档

「图标」组件标准化升级和优化#

新的 图标 有如下变化:

  • 图标移除属性区的颜色配置,可通过样式面板的字色配置(原图标配置的颜色会保留)
  • 原图标通过输入数值配置大小,替换为提供尺寸的下拉选择(原图标配置的大小会保留)

「链接」组件标准化升级和优化#

查看链接 组件文档

「分割线组件」标准化升级和优化#

新的分割线 有如下变化:

  • 新增支持分割线选择实线和虚线两种类型

「数据表格」组件:数据导出功能优化,支持云端导出全部数据#

数据表格新增组件方法:数据导出(可选导出模式) exportOptionalMode

支持从云端导出全部数据或者筛选后的数据,同时支持选择导出的字段

「菜单导航」组件增加导航插槽#

修复 「顶部标签页」组件移动端文字较多时的样式问题#

标签页内容过多时,在移动端横向进行滚动

V2.16.0#

发布日期: 2022/12/22#

「成员选择」组件:新增数据筛选属性,支持对成员数据进行筛选;支持通过用户模型的标准视图调整成员排序#

V2.15.0#

发布日期: 2022/12/15#

「网格布局」组件:支持灵活添加行列、控制单列宽度,大幅提升多列布局的配置体验#

新版本网格布局组件(Grid)更加强大,可以快速对容器内部多个组件的位置进行布局和控制。

它将页面划分成一个个网格,可以任意组合不同的网格,快速实现各种各样的布局。

➡️ 点击查看 网格布局组件文档

「整体样式」统一优化,组件在移动端大屏幕设备上上展示更多内容#

所有组件不再使用小程序 rpx 单位或者 web 端的 rem ,在大屏幕上不进行缩放,内容优先展示更多

「部门选择」组件:增加「支持多选」属性,支持选择组织内的多个部门#

在选择部门时,开启“支持多选”后,用户可以一次性选择多个部门

➡️ 点击查看 部门选择组件文档

「数据表格」组件:表格列绑定关联模型字段时,支持根据列权限配置动态显隐该列#

➡️ 点击查看 数据表格组件文档

修复了若干问题#

  • 「日期时间选择」组件: 修复小程序端初始值显示的问题
  • 「下拉选择」组件:修复下拉选择 h5 端初始值回显问题

V2.14.0#

发布日期: 2022/12/9#

数据表格组件:支持导入更新已有数据;单次导入数据量扩展至 1 万条;关联关系字段支持导入主列字段值;枚举字段支持导入选项标识#

➡️ 点击查看 数据表格组件文档

检查机制:优化使用获取用户手机号组件或开启登录功能情况下,对于小程序企业主体要求的检查提示文案#

V2.13.0#

发布日期: 2022/11/29#

数据列表/数据详情组件:增加组件方法「刷新和删除单条」,可快捷实现列表或详情数据的刷新和删除#

V2.12.0#

发布日期: 2022/11/22#

新增气泡提示组件,鼠标悬停时,支持以气泡形式展示文字、图片等内容#

数据列表、详情、表格和图表类组件:数据筛选属性支持配置多条件的或关系#

审批组件:增加自定义事件、优化加签/转办/抄送时的选人选择体验#

整体优化官方组件的排序、分组和名称#

V2.11.0#

发布日期: 2022/11/12#

表格 组件:表格操作列和顶部操作按钮更改为插槽#

➡️ 点击查看 数据表格组件文档

「成员选择」组件:优化 PC 端选人操作体验#

优化数据列表等组件的属性排序,优先展示常用组件属性#

隐藏部分组件属性的数据绑定按钮,减少页面搭建过程中的不必要干扰,例:数据列表组件-数据源类型属性#

V2.10.0#

发布日期: 2022/11/11#

「下拉选择」组件:支持以模糊搜索的方式筛选选项,优化大数据量情况下的选项加载性能#

「数据列表」组件:加载展示全部数据后,组件底部追加展示相关提示说明#

V2.9.0#

发布日期: 2022/10/17#

优化数据列表等组件的属性排序,优先展示常用组件属性#

隐藏部分组件属性的数据绑定按钮,减少页面搭建过程中的不必要干扰,例:数据列表组件-数据源类型属性#

V2.8.1#

发布日期: 2022/10/13#

「明细」组件:追加禁用属性,优化表单查看场景下的详情展示效果#

「文本」组件:追加展示文本气泡属性,鼠标悬停在组件上时,支持以气泡形式展示全部文字内容#

「表格」组件:改善批量删除所选数据功能的稳定性#

「菜单导航」组件:改善菜单配置的稳定性#

V2.7.0#

发布日期: 2022/10/10#

「表格」组件:追加列冻结的相关属性,表格横向滚动时,可固定展示部分列数据#

V2.6.0#

发布日期: 2022/9/16#

「表格」组件:导入文件格式更新为 xlsx,格式更通用,导入更加稳定易用#

「表格」组件:绑定视图后,支持展示视图中关联模型的相关字段数据#

「成员选择」组件:追加展示未关联部门的用户,方便查找选择相关成员#

「流程审批」组件:审批页面中,支持按需调整流程组件布局,定制个性化审批页面#

「流程审批」组件:加签、抄送、转办时,支持按部门对人员进行查找选取#

「单行输入」组件:PC 端新增清空按钮,支持快捷清空已输入值#

V2.5.0#

发布日期: 2022/9/1#

图表组件数据源类型支持配置为变量,允许通过变量获取图表数据。#

图表组件以自定义连接器作为数据源时,支持定义连接器方法入参,实现图表的动态更新。#

V2.4.0#

发布日期: 2022/8/25#

表格视图支持新增筛选条件#

日期选择组件:新增日期时间选择模式#

弹窗组件:PC 端大小自适应#

列表容器:优化成功事件的触发时机#

V2.3.0#

发布日期: 2022/8/18#

模型应用:新增“成员选择“渲染效果;新增“部门选择”渲染效果#

模型组件:关闭选区的单个属性绑定;组件采取异步获取数据源 Schema,提高性能#

表格组件:增加 refresh 方法;增加默认的排序字段和排序方式;增加用户组织映射#

数据列表:优化组件的加载效果;调整排序类型属性名称#

图标组件:更新组件的属性区#

V2.2.0#

发布日期: 2022/8/10#

优化分享组件“参数”的配置#

新增明细组件#

V2.1.0#

发布日期: 2022/8/8#

表单禁用状态组件样式修改优化,可能会导致应用样式错乱#

V2.0.58#

发布日期: 2022/8/8#

表单组件样式修改优化,可能会导致已有应用样式布局错乱#

网格组件样式优化,恢复正常文档流显示,可能影响已有的布局#

移除运行态默认值#

移除按钮组件中,获取手机号,获取用户信息微信开放能力,应该使用专门的微信开放能力组件#