Skip to content

滑动单元格

image

介绍

可以左右滑动来展示操作按钮的单元格组件。

API

Props

参数说明类型默认值
默认状态支持变量绑定默认 / 隐藏 / 销毁 / 禁用默认
开启左侧滑动是否开启左侧滑动booleanfalse
左侧滑动区域宽度配置左侧滑动区域宽度,单位 pxstringauto
左侧滑动区域类型选择左侧滑动区域渲染类型按钮 / 自定义按钮
左侧按钮支持变量绑定按钮[]
左侧滑动区域内容jsx 渲染函数,可自定义选项渲染内容(ctx, params: loopIndexList) => jsx
开启右侧滑动是否开启右侧滑动booleanfalse
右侧滑动区域宽度配置右侧滑动区域宽度,单位 pxstringauto
右侧滑动区域类型选择右侧滑动区域渲染类型按钮 / 自定义按钮
右侧按钮支持变量绑定按钮[]
右侧滑动区域内容jsx 渲染函数,可自定义选项渲染内容(ctx, params: loopIndexList) => jsx
是否阻止滑动事件冒泡是否阻止滑动事件冒泡booleanfalse
唯一标识组件 IDstring

按钮

参数说明类型默认值
标题按钮文案string
按钮类型按钮类型默认 / 主要/ 通知 / 警告 / 危险默认
事件配置事件配置,支持点击事件配置onClick-按钮点击时触发

events

事件名说明回调参数
onClick组件点击时ctx, params: position
onOpen选择值变化时ctx, params: { name: string / number, position:'left'/'right' }
onClose点击选项时触发ctx, params:{ name: string / number, position:'left'/'right'/'cell'/'outside'}