滑动单元格
介绍
可以左右滑动来展示操作按钮的单元格组件。
API
Props
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
默认状态 | 支持变量绑定 | 默认 / 隐藏 / 销毁 / 禁用 | 默认 |
开启左侧滑动 | 是否开启左侧滑动 | boolean | false |
左侧滑动区域宽度 | 配置左侧滑动区域宽度,单位 px | string | auto |
左侧滑动区域类型 | 选择左侧滑动区域渲染类型 | 按钮 / 自定义 | 按钮 |
左侧按钮 | 支持变量绑定 | 按钮 | [] |
左侧滑动区域内容 | jsx 渲染函数,可自定义选项渲染内容 | (ctx, params: loopIndexList) => jsx | |
开启右侧滑动 | 是否开启右侧滑动 | boolean | false |
右侧滑动区域宽度 | 配置右侧滑动区域宽度,单位 px | string | auto |
右侧滑动区域类型 | 选择右侧滑动区域渲染类型 | 按钮 / 自定义 | 按钮 |
右侧按钮 | 支持变量绑定 | 按钮 | [] |
右侧滑动区域内容 | jsx 渲染函数,可自定义选项渲染内容 | (ctx, params: loopIndexList) => jsx | |
是否阻止滑动事件冒泡 | 是否阻止滑动事件冒泡 | boolean | false |
唯一标识 | 组件 ID | string |
按钮
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
标题 | 按钮文案 | 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'} |