开关

介绍
互斥性的操作控件,用户可打开或关闭某个功能。
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 |