列表的功能扩展
通过滑动操作来展示隐藏的功能菜单
| 属性 | 类型 | 必填 | 默认值 | 说明 |
|---|---|---|---|---|
| autoClose | boolean | 否 | false | 点击按钮是是否会自动收起 |
| disabled | boolean | 否 | false | 是否禁止操作 |
| left | { text: string, type: 'default' | 'primary' | 'danger'; className: string } [] | 否 | - | 右滑漏出左侧操作区 |
| right | { text: string, type: 'default' | 'primary' | 'danger'; className: string }[] | 否 | - | 左滑漏出右侧操作区 |
| className | string | 否 | - | 类名 |
| 事件名 | 说明 | 类型 | 补充 |
|---|---|---|---|
| onLeftButtonTap | 点击左侧按钮,触发回调 | (index: number, text: string, type: string, extraInfo?: unknown, dateSet: Record<string, any>) => void | 从左往右起,第 n 个按钮 |
| onRightButtonTap | 点击右侧按钮,触发回调 | (index: number, text: string, type: string, extraInfo?: unknown, dateSet: Record<string, any>) => void | 从左往右起,第 n 个按钮 |
| 类名 | 说明 |
|---|---|
| amd-swipe-action | 整体样式 |
| amd-swipe-action-closeSwipe | 整体样式 |
| amd-swipe-action-wrap | 整体内容样式 |
| amd-swipe-action-left | 右侧按钮区域样式 |
| amd-swipe-action-right | 按钮区域样式 |
| amd-swipe-action-btn | 按钮样式 |
| amd-swipe-action-btn-text | 按钮文字样式 |
| amd-swipe-action-content | 表层区域样式 |
| amd-swipe-action-item | 表层区域内容样式 |