@tarojsx/ui/dist/Badge.js

We reinvents the UI for Taro3+

import React, { useMemo } from 'react';
import classNames from 'classnames';
import { View } from '@tarojs/components';
import '../style/Badge.scss';
export const Badge = (props) => {
    const { className, style, children, dot, value, maxValue = 99 } = props;
    const text = useMemo(() => {
        if (value === '' || value === null || typeof value === 'undefined')
            return '';
        const numValue = +value;
        if (Number.isNaN(numValue)) {
            return value;
        }
        return numValue > maxValue ? `${maxValue}+` : numValue;
    }, [value, maxValue]);
    return (React.createElement(View, { className: classNames('at-badge', className), style: style },
        children,
        dot ? React.createElement(View, { className: "at-badge__dot" }) : text !== '' && React.createElement(View, { className: "at-badge__num" }, text)));
};
//# sourceMappingURL=Badge.js.map