开发预览更新于 2026-05-10

PasswordStrength 密码强度

密码输入 + 4 段强度条 + 实时需求清单 + 显隐切换。

基础用法

默认 4 条规则（8+ 字符 / 大写 / 数字 / 符号），用户可通过 requirements 自定义。

<CfPasswordStrength v-model="pwd" />

<CfPasswordStrength value={pwd} onChange={setPwd} />

可传 requirements 替换默认 4 条规则，每条 { label, test }。

<CfPasswordStrength v-model="pwd" :requirements="rules" />

<CfPasswordStrength value={pwd} onChange={setPwd} requirements={rules} />

属性	类型	默认值	说明
`modelValue` / `v-model` (Vue), `value/onChange` (React)	`string`	`''`	密码值
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`
`placeholder`	`string`	`'请输入密码'`
`disabled`	`boolean`	`false`
`showToggle`	`boolean`	`true`	显示眼睛切换显隐
`requirements`	`PasswordRequirement[]`	`defaultPasswordRequirements`	`{ label, test }[]`