SepSwitch 开关组件 v1.0.0

独立开关按钮 · 基于 <button> · 支持 checked / loading / disabled · 三种尺寸 · 自定义值 · 声明式标签

1. 基础开关(关闭 / 开启 / 禁用)

HTML 声明式标签
JS API 初始化

2. 三种尺寸(small / default / large)

HTML 声明式标签
JS API 初始化

3. 内嵌文字(labelOn / labelOff)

HTML 声明式标签
隐藏标签(showLabel="false")
JS API 初始化

4. loading 加载态(防重复提交)

JS API 初始化
就绪

5. onChange 事件回调

JS API 初始化
当前值: false

6. 自定义值(checkedValue / uncheckedValue)

HTML 声明式标签
JS API 初始化
getValue() = 1

7. API 控制(toggle / on / off / setDisabled)

JS API 初始化

8. 主题切换开关(variant="theme")

HTML 声明式标签
JS API 初始化
当前: 亮色

9. 自定义图标与颜色(iconOn / iconOff / colorOn / colorOff)

HTML 声明式标签
9.1 自定义颜色 — 状态色
9.2 自定义颜色 — 品牌色
9.3 自定义图标 — 常用场景
9.4 图标 + 文字 + 颜色 组合
JS API 初始化
getValue() = true
9.6 动态切换颜色(运行时 update)
#3B82F6

10. 自动化断言