UNPKG

@pluve/ace

Version:

一套React版本的 Taro UI 组件库

19 lines 787 B
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