组件库升级日志
V2.34.0
发布日期: 2023/09/11
新增「JSX 代码块」组件,快速引入第三方快速引入组件
这是一个万能的源码组件,可快速引入外部组件,如 TDesign、Antd 等第三方的开源组件库。可配置出多种组件如水印、步骤条、级联选择、评分、滑动输入条等。
具体可查看 JSX 代码块组件文档
「日历」组件优化和标准化升级,支持样式 API 和属性 API
「表单容器」组件支持一行多列布局
「数据列表」组件添加加载状态属性控制
「数据列表」组件模板设计升级和优化,新增商品列表模板
「数据列表」组件增加小程序端分页变化事件
「布局组件」样式优化,支持小程序端
「单行输入组件」 「多行输入组件」中文输入法兼容
「富文本展示组件」 小程序加载图片体验优化
组件整体优化,屏蔽无用样式配置
V2.33.0
发布日期: 2023/08/24
全量表单组件标准化优化
- 优化属性分类与命名
- 规范样式结构
- 支持配置标题的宽度、对齐方式、提示文字
- 开放属性/方法 API
- 支持快捷的取值赋值等操作
- 去除横向占满属性
- 组件宽度可直接通过样式-宽度属性进行配置
- 支持切换编辑/禁用/只读三种状态
- 部分组件增加前后缀文本/图标配置
「单行输入组件」支持搜索样式模板
「顶部选项卡」及「侧边选项卡」组件标准化升级和体验优化,支持属性 API 和样式 API
「下拉列表组件」支持搜索事件
「文件上传」组件:新增文件值属性,便于配置默认文件资源;支持自定义文件格式限制
「时间选择」:时间模式支持选择「时:分:秒」
「数据表格组件」支持展示新的关联关系中的图片等字段
V2.32.0
发布日期: 2023/08/02
「表单容器组件」表单组件标题样式和布局样式优化
「更多图表组件」Widget API 新增 echart 对象
可以通过图表 Widget API $w.chart1.echarts
来获取 echarts 对象,支持配置更高级的图表效果,如渐变填充等,相当于项目中直接引入 echarts,可以通过 echarts 对象直接调用其内部方法进行相应操作,例如 echarts.color、echarts.graphic 等,具体内容见 Echarts 官方说明
具体可查看 更多图表组件文档
「表单类组件」时序优化
在用户输入值改变时,在 change 事件回调中通过 Widget API 如 $w.input1.value
可以获取到实时的值
「数据列表组件」组件模板优化
- 优化模板中文字的类型,过滤富文本类型
- 优化模板中线条的类型和颜色
「数据详情组件」支持展示富文本内容
- 模板内容中如果包含富文本组件,采用富文本展示组件来呈现
「富文本展示组件」优化
- 优化富文本的默认模板
- 优化富文本中图片的呈现,优化图片最大宽度
「明细组件」默认值优化
明细组件默认值属性绑定变量后,明细数据实时更新
「轮播容器组件」「公众号关注组件」组件属性配置优化
组件声明和文档完善,部分废弃组件下线
优化「多选」「多行输入」「明细组件」等组件只读/禁用效果
优化「输入组件」只读时包含前后缀文本
优化 「表单容器」加载性能
优化 「数据表格」筛选面板 在 iOS 上的显示效果
优化 「图片」组件在 Web 上的加载效果
「数据表格」表格支持展示关联模型的图片字段等类型
V2.31.0
发布日期: 2023/07/13
「数据列表组件」数据来源支持表达式
新特性:数据列表追加绑定表达式数据,原 APIs 路径优化为表达式。注意:数组中默认需包含_id 字段。且当输入的表达式变化时,会触发自动生成列表字段。因此建议先输入表达式再调整样式
「数据详情组件」数据来源支持表达式
新特性:数据详情追加绑定表达式数据,原 APIs 路径优化为表达式。注意:当输入的表达式变化时,会触发自动生成详情字段。因此建议先输入表达式再调整样式
「卡片组件」支持小程序端
具体可查看 组件文档
「数据容器类组件」数据来源下线 APIs, 建议使用表达式
V2.30.0
发布日期: 2023/06/08
新增「数字输入组件」
具体可查看 组件文档
新增「卡片组件」
具体可查看 组件文档
新增「布局组件」
具体可查看 组件文档
「日期时间选择」标准化和配置优化,新增样式 API 及属性 API
具体可查看 组件文档
「数据表格组件」数据来源支持表达式 ,属性 API 优化
「网格布局组件」标准化和配置优化,新增样式 API 及属性 API
「数据表格组件」「表单组件」支持多对多、一对多关系
「循环展示组件」默认模板和配置项优化
数据容器类组件 API 请求性能优化
表单类组件查看场景样式优化
V2.29.0
发布日期: 2023/05/30
「弹窗组件」标准化升级和体验优化 ,支持属性 API 和样式 API
具体可查看 组件文档
「表单容器」组件标准化升级和体验优化,支持属性 API 和样式 API
具体可查看 组件文档
「数据容器」系列组件错误提示优化
优化运行态响应式判断
动态缩放窗口不再进行 PC 和移动端切换,只进行样式响应式展示
V2.28.0
发布日期: 2023/05/18
新增「更多图表」组件
新增「更多图表」组件,可批量快速引入面积图、漏斗、散点图等所有 Echarts 图表,并可定制图表配色等。
具体可查看 更多图表组件文档
优化运行态体积和加载性能
优化组件和运行态的体积,减少应用产物的体积,优化应用访问性能
V2.27.0
发布日期: 2023/05/12
新增 「树」组件
支持以树形结构展示多层级的数据内容,如组织架构、物料信息、客户分类等
具体可查看 树组件文档
新增「公众号关注组件」
可在小程序内配置公众号关注组件,方便用户快捷关注公众号
具体可查看 公众号关注组件文档
「成员/部门选择」组件:支持展示、选取互联企业的部门和成员数据
「数据列表」「数据详情」组件支持通过 $w.组件 ID.属性 获取查询组件数据
具体可查看
V2.26.2
发布日期: 2023/04/20
表单类组件标准化升级
对单行输入、多行输入、URL 输入、电话输入、邮箱输入、开关、单选、多选组件进行了标准化升级
以上组件公共新增能力包含:
- 可配置组件尺寸和是否横向占满(组件尺寸和是否横向占满在 PC 端生效,在移动端不生效)
- 支持标题的个性化配置,包含标题的内容、对齐方式、是否换行(开启时,标题字数超过一行时换行展示;关闭时,标题字数超过一行时省略展示)、标题位置、宽度、和标题的提示语
- 提供组件 Widget API 便于读写表单输入组件的值、设置只读禁用状态等
- 提供组件对外样式 API,解决用户通过低码编辑器无法自定义组件内部结构样式的问题
注:
- 如果组件在表单容器中,组件尺寸,标题对齐、位置、换行、宽度默认会跟随表单容器的属性配置
「单行输入」组件:标准化升级
1、支持输入框的个性化配置,包含输入框是否显示清空按钮、前后缀文字、前后缀图标、下方提示、是否展示为密码、输入键盘类型、是否显示字数、是否自动获取焦点、移动端是否展示下划线/PC 端是否展示输入框
注:
- 前后缀文本在表单中会跟随输入内容一起提交到数据模型中;
- 尺寸配置仅针对 PC 端生效;
「多行输入」组件:标准化升级
1、支持输入框的个性化配置,包含输入框下方提示、是否显示字数、是否自动获取焦点、移动端是否展示下划线/PC 端是否展示输入框
注:
- 多行输入组件和单行输入不同,没有前后缀文本、前后缀图标的配置;
- 多行输入组件默认会显示输入内容的字数统计;
- 多行输入组件默认高度为两行,运行态会根据输入内容自动增高,输入内容超过十行时,通过滚动条进行内容查看;
「URL 输入」组件:标准化升级
1、支持输入框的个性化配置,包含输入框是否显示清空按钮、前后缀文字、前后缀图标、下方提示、是否显示字数、是否自动获取焦点、移动端是否展示下划线/PC 端是否展示输入框
注:
- 前后缀文本在表单中会跟随输入内容一起提交到数据模型中;
- URL 输入可以通过前后缀文字快速配置如下样式:
「邮箱输入」组件:标准化升级
1、支持输入框的个性化配置,包含输入框是否显示清空按钮、前后缀文字、前后缀图标、下方提示、是否显示字数、是否自动获取焦点、移动端是否展示下划线/PC 端是否展示输入框
注:
- 前后缀文本在表单中会跟随输入内容一起提交到数据模型中;
- 邮箱输入可以通过后缀文字快速配置如下样式:
「电话输入」组件:标准化升级
1、支持输入框的个性化配置,包含输入框是否显示清空按钮、前后缀文字、前后缀图标、下方提示、是否显示字数、是否自动获取焦点、移动端是否展示下划线/PC 端是否展示输入框
注:
- 前后缀文本在表单中会跟随输入内容一起提交到数据模型中;
- 电话输入纯数字最大输入 11 位,支持输入-(适配座机号码),可以通过前缀文字快速配置如下样式:
「开关」组件:标准化升级
1、支持开关按钮的个性化配置,包含开关按钮的下方提示、移动端是否展示下划线
「单选」组件:标准化升级
1、支持选项的个性化配置,包含选项的下方提示、排版方向、移动端是否展示下划线
注:
- 单选组件的选项排版方向支持横向和纵向排列,默认纵向,选择横向时,会根据选项长度自动换行;
「多选」组件:标准化升级
1、支持选项的个性化配置,包含选项的下方提示、排版方向、移动端是否展示下划线
注:
- 多选组件的选项排版方向支持横向和纵向排列,默认纵向,选择横向时,会根据选项长度自动换行;
- 多选组件的默认选中值支持配置多个默认选项值;
「表格」组件: 支持在运行态拖拽调整列宽
「富文本编辑」组件: 功能升级和优化
富文本组件功能整体升级改造
- 增加格式刷、插入表格、文字上下标等能力
- 支持从 word 直接复制内容到富文本编辑器中,可以较好的兼容基础的文档样式
- 优化了颜色配置、字体配置、标题编号、对齐设置等内容,可以更便捷的进行富文本内容的编辑和内容样式配置
表单中新增 「下拉多选」组件
「菜单导航」组件支持在模型应用中使用
「成员选择」/「部门选择」组件支持在自定义应用中使用
小程序「页面」根节点增加 View 节点
小程序页面根节点添加 view 节点,确保标准化的样式 api、css 变量在小程序端可以生效
说明:
- 小程序新增 view 节点包裹页面内容,新增 View 节点的 id 为
wd-page-root
, 如有需要,可针对#wd-page-root
设置样式 - 应用中如果对 Page 设置了百分比高度,页面内节点直接相对百分比高度的元素,会因该 View 节点(wd-page-root)的加入导致相对高度失效,需要对
#wd-page-root
设置对应样式
V2.24.0
发布日期: 2023/4/7
「明细」组件
提供 PC 端的表格明细样式,明细布局更美观,同时支持表格/平铺样式的自由切换
「数据表格」组件
增加 PC 端默认页码属性,用于控制表格加载时,默认打开的页数
V2.23.0
发布日期: 2023/3/30
新增「客服会话组件」
支持打开客服会话,3 分钟快速实现客服-用户双向沟通机制
新增「二维码组件」
可以根据链接或文本等生成二维码
增强数据筛选条件
支持$in 查询,并支持直接写表达式,实现任意查询条件。覆盖了「数据列表」、「数据详情」、「数据表格」三个组件。
「审批操作组件」适配并行网关节点
V2.22.5
发布日期: 2023/03/16
所有表单组件底层适配 Widget API
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
组件视觉风格、功能进行统一,视觉美观度和感官体验提升
组件对外开放一系列标准 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
表格 组件:表格操作列和顶部操作按钮更改为插槽
➡️ 点击查看 数据表格组件文档