123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869 |
- var getBadgeValue = function (props) {
- if (props.dot) {
- return '';
- }
- if (isNaN(props.count) || isNaN(props.maxCount)) {
- return props.count;
- }
- return parseInt(props.count) > props.maxCount ? props.maxCount + '+' : props.count;
- };
- var hasUnit = function (unit) {
- return (
- unit.indexOf('px') > 0 ||
- unit.indexOf('rpx') > 0 ||
- unit.indexOf('em') > 0 ||
- unit.indexOf('rem') > 0 ||
- unit.indexOf('%') > 0 ||
- unit.indexOf('vh') > 0 ||
- unit.indexOf('vm') > 0
- );
- };
- var getBadgeStyles = function (props) {
- var styleStr = '';
- if (props.color) {
- styleStr += 'background:' + props.color + ';';
- }
- if (props.offset[0]) {
- styleStr += 'top:' + (hasUnit(props.offset[0].toString()) ? props.offset[0] : props.offset[0] + 'px') + ';';
- }
- if (props.offset[1]) {
- styleStr += 'right:' + (hasUnit(props.offset[1].toString()) ? props.offset[1] : props.offset[1] + 'px') + ';';
- }
- return styleStr;
- };
- var getBadgeOuterClass = function (props) {
- var baseClass = 't-badge';
- var classNames = [baseClass, props.shape === 'ribbon' ? baseClass + '__ribbon--outer' : ''];
- return classNames.join(' ');
- };
- var getBadgeInnerClass = function (props) {
- var baseClass = 't-badge';
- var classNames = [
- baseClass + '--basic',
- props.dot ? baseClass + '--dot' : '',
- props.size === 'small' ? baseClass + '--small' : '',
- baseClass + '--' + props.shape,
- !props.dot && props.count ? baseClass + '--count' : '',
- ];
- return classNames.join(' ');
- };
- var isShowBadge = function (props) {
- if (props.dot) {
- return true;
- }
- if (!props.showZero && !isNaN(props.count) && parseInt(props.count) === 0) {
- return false;
- }
- return true;
- };
- module.exports.getBadgeValue = getBadgeValue;
- module.exports.getBadgeStyles = getBadgeStyles;
- module.exports.getBadgeOuterClass = getBadgeOuterClass;
- module.exports.getBadgeInnerClass = getBadgeInnerClass;
- module.exports.isShowBadge = isShowBadge;
|