滑动单元格
介绍
可以左右滑动来展示操作按钮的单元格组件。
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'} |