TuCheckbox 复选框

自绘方框 + CSS 对勾,round / square 两种形状,change 事件回传布尔值。

自绘方框 + CSS 对勾,不依赖端上原生 checkbox。完全受控:点击后通过 change 事件回传目标布尔值(!checked)。

属性
名称类型说明
checkedboolean是否选中(受控),默认 false。
disabledboolean禁用:不响应点击,半透明。
labelstring文案。
activeColorstring选中态颜色,默认 var(--tu-primary)。
shaperound | square形状:圆角方框 / 直角方框,默认 round。

事件:change,回传切换后的布尔值(!checked)。

同意用户协议

当前已勾选 —— 完全受控:点击触发 change,父级维护 checked。

实例

ts
createComponent({
  component: TuCheckbox,
  props: { checked: this.state.agreed, label: '我已阅读并同意用户协议' },
  emitters: { change: (checked: boolean) => (this.state.agreed = checked) },
})