@aliretail/react-materials-components
Version:
34 lines (28 loc) • 1.92 kB
Markdown
title: ToggleStatus-API
order: 1
category: UI
description: ToggleStatus 组件描述
screenshot: https://gw.alicdn.com/imgextra/i2/O1CN01yW3hCD1M8CnqeKFlq_!!6000000001389-2-tps-90-90.png
## API
| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
| value | 状态值 | Y | boolean | false | |
| disabled | 是否禁用 | N | boolean | false | |
| text | 按钮文案 | N | string | | 优先展示text属性传入的按钮文案 |
| onChange | 状态改变触发回调 | N | function | () => {} | |
| overlayProps | Switch原属性 | N | object | {} | ||
| checkedChildren | 启用文案 | N | string | 启用中 | 未传入text属性可通过该属性修改启用文案 |
| unCheckedChildren | 关闭文案 | N | string | 禁用中 | 未传入text属性可通过该属性修改关闭文案 |
| checkedConfirmProps | 启用提示文字 | N | object | { title: '确定开启吗?', subTitle: '修改后,买家将可以在店内消费' } | 同时传启用/禁用的提示文字才会二次确认弹框 |
| unCheckedConfirmProps | 禁用提示文字 | N | object | { title: '确定关闭吗?', subTitle: '修改后,买家将无法在店内消费,请谨慎操作。' } | 同时传启用/禁用的提示文字才会二次确认弹框 |
# ToggleStatus.confirmPopover
二次确认弹框方法
## API
| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| ------ | ---- | ---- | ---- | ------ | ---- |
| title | 主标题 | N | string | 主标题 | |
| subTitle | 副标题 | N | string | 副标题 | |
| onOk | 确定时触发回调 | N | function | () => {} | |
| onCancel | 取消时触发回调 | N | function | () => {} | |