开关

介绍
互斥性的操作控件,用户可打开或关闭某个功能。
API
Props
| 参数名 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| status | 状态 | 'default' |'disabled'| 'hide' | 'default' |
| title | 标题 | string | '开关' |
| showLabel | 显示标题 | boolean | true |
| width | 字段占比 | '25%'|'50%'|'75%'|'100%' | '100%' |
| labelWidth | 标签宽度 | string | - |
| value | 默认值 | boolean | fasle |
| name | 数据字段 | string | - |
| type | 类型 | 'circle'|'round'|'line' | 'circle' |
| size | 尺寸 | 'medium'|'small' | 'small' |
| checked | 打开状态时的文案 | string | - |
| unchecked | 关闭状态时的文案 | string | - |
| checkedIcon | 打开状态时的图标 | string | - |
| uncheckedIcon | 关闭状态时的图标 | string | - |
| uncheckedIcon | 关闭状态时的图标 | string | - |
| baseStyle | 自定义样式 | string | - |
| customClass | 类名绑定 , 绑定类的名称 | string | - |
| boxStyle | 盒模型 , margin,border,padding设置 | BoxStyle | - |
| uniqueKey | 唯一标识 , 组件的唯一标识 | string | - |
| extra | 补充说明 | string | - |
| tip | 气泡提醒 | string | - |
| customRender | 只读内容自定义渲染 | boolean | false |
| readonlyRenderFunc | 只读内容自定义渲染函数 | Function | "function render(ctx, params) {\n // 返回jsx渲染内容\n return {params.value}\n}" |
| validate | 校验 | Validate | - |
| loop | 循环, 循环渲染设置 | Loop | - |
Events
| 事件名 | 描述 | 参数 |
|---|---|---|
| onChange | 值发生改变时 | ctx param:{value:boolean} loop:LoopParams |
| onFocus | 获得焦点时触发 | ctx param:FocusEvent loop:LoopParams |
| onBlur | 失去焦点时触发 | ctx param:FocusEvent loop:LoopParams |