mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-08-06 07:56:28 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

💄 fix Badge function name

Browse Source 
close #20253
This commit is contained in:
afc163 2020-02-11 10:48:21 +08:00
parent 68d5e2c8ef
commit 2e419b264b
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
components/badge/index.tsx
View File

@ -39,20 +39,20 @@ export default class Badge extends React.Component<BadgeProps, any> {
overflowCount: 99,
};
getNumberedDispayCount() {
getNumberedDisplayCount() {
const { count, overflowCount } = this.props;
const displayCount =
(count as number) > (overflowCount as number) ? `${overflowCount}+` : count;
return displayCount as string | number | null;
}
getDispayCount() {
getDisplayCount() {
const isDot = this.isDot();
// dot mode don't need count
if (isDot) {
return '';
}
return this.getNumberedDispayCount();
return this.getNumberedDisplayCount();
}
getScrollNumberTitle() {
@ -89,8 +89,8 @@ export default class Badge extends React.Component<BadgeProps, any> {
}
isZero() {
const numberedDispayCount = this.getNumberedDispayCount();
return numberedDispayCount === '0' || numberedDispayCount === 0;
const numberedDisplayCount = this.getNumberedDisplayCount();
return numberedDisplayCount === '0' || numberedDisplayCount === 0;
}
isDot() {
@ -101,7 +101,7 @@ export default class Badge extends React.Component<BadgeProps, any> {
isHidden() {
const { showZero } = this.props;
const displayCount = this.getDispayCount();
const displayCount = this.getDisplayCount();
const isZero = this.isZero();
const isDot = this.isDot();
const isEmpty = displayCount === null || displayCount === undefined || displayCount === '';
@ -114,7 +114,7 @@ export default class Badge extends React.Component<BadgeProps, any> {
return hidden || !text ? null : <span className={`${prefixCls}-status-text`}>{text}</span>;
}
renderDispayComponent() {
renderDisplayComponent() {
const { count } = this.props;
const customNode = count as React.ReactElement<any>;
if (!customNode || typeof customNode !== 'object') {
@ -131,7 +131,7 @@ export default class Badge extends React.Component<BadgeProps, any> {
renderBadgeNumber(prefixCls: string, scrollNumberPrefixCls: string) {
const { status, count } = this.props;
const displayCount = this.getDispayCount();
const displayCount = this.getDisplayCount();
const isDot = this.isDot();
const hidden = this.isHidden();
@ -149,7 +149,7 @@ export default class Badge extends React.Component<BadgeProps, any> {
data-show={!hidden}
className={scrollNumberCls}
count={displayCount}
displayComponent={this.renderDispayComponent()} // <Badge status="success" count={<Icon type="xxx" />}></Badge>
displayComponent={this.renderDisplayComponent()} // <Badge status="success" count={<Icon type="xxx" />}></Badge>
title={this.getScrollNumberTitle()}
style={this.getStyleWithOffset()}
key="scrollNumber"