js密码强度效验

import { Form, Progress } from "antd";
import React from "react";
import "./index.less";
//CharMode函数
//测试某个字符是属于哪一类.
const CharMode = (iN: number) => {
    if (iN >= 48 && iN <= 57)
        //数字
        return 1;
    if (iN >= 65 && iN <= 90)
        //大写字母
        return 2;
    if (iN >= 97 && iN <= 122)
        //小写
        return 4;
    else return 8; //特殊字符
};

const getPwdStrength = (pwd: string): number => {
    let level = 1;
    pwd = pwd.trim();
    if (pwd) {
        let typeNumer: number[] = [];
        for (let index = 0; index < pwd.length; index++) {
            const numer = CharMode(pwd.charCodeAt(index));
            if (!typeNumer.includes(numer)) {
                typeNumer.push(numer);
            }
        }

        level = typeNumer.length;
    }

    return level;
};
const list = [
    {
        name: "弱",
        color: "#e74242",
    },
    // {
    //     name: "弱",
    //     color: "#EFBD47",
    // },
    {
        name: "一般",
        color: "#ffa500",
    },
    {
        name: "强",
        color: "#1bbf1b",
    },
    {
        name: "非常强",
        color: "#4096ff",
    },
];
interface Props {
    password: string;
}
const watchStrength = (password: string): number => {
    const level = getPwdStrength(password);

    const num = Math.floor((level / list.length) * 100);

    return num;
};

export default function CheckPassword(props: Props) {
    const { password = "" } = props;

    return (
        <div className="pwd-progress">
            <Progress percent={password ? watchStrength(password) : 0} steps={list.length} strokeColor={list.map((f) => f.color)} showInfo={false} />
            <div className="info">
                {list.map((item) => {
                    return <div key={item.name}>{item.name}</div>;
                })}
            </div>
        </div>
    );
}