@pluve/ace
Version:
一套React版本的 Taro UI 组件库
19 lines • 787 B
JavaScript
import React from 'react';
import { View } from '@tarojs/components';
const Badge = ({ dot = false, value = '', maxValue = 99, children, className = '' }) => {
// 处理value展示
const formatValue = () => {
const numValue = +value;
if (Number.isNaN(numValue)) {
return numValue;
}
return numValue > maxValue ? `${maxValue}+` : numValue;
};
const badgeVal = formatValue();
return (React.createElement(View, { className: `ace-badge ${className}` },
children,
dot && React.createElement(View, { className: "ace-badge-dot" }),
!dot && badgeVal !== '' && React.createElement(View, { className: "ace-badge-num" }, badgeVal)));
};
export default Badge;
//# sourceMappingURL=index.js.map