fix badge

components/badge/Badge.jsx

@@ -45,14 +45,14 @@ export default {
       $slots,
       numberStyle,
     } = this
-    const isDot = dot || status
     let displayCount = count > overflowCount ? `${overflowCount}+` : count
+    const isZero = displayCount === '0' || displayCount === 0
+    const isDot = (dot && !isZero) || status
     // dot mode don't need count
     if (isDot) {
       displayCount = ''
     }
     const children = filterEmpty($slots.default)
-    const isZero = displayCount === '0' || displayCount === 0
     const isEmpty = displayCount === null || displayCount === undefined || displayCount === ''
     const hidden = (isEmpty || (isZero && !showZero)) && !isDot
     const statusCls = classNames({
@@ -62,7 +62,7 @@ export default {
     const scrollNumberCls = classNames({
       [`${prefixCls}-dot`]: isDot,
       [`${prefixCls}-count`]: !isDot,
-      [`${prefixCls}-multiple-words`]: count && count.toString && count.toString().length > 1,
+      [`${prefixCls}-multiple-words`]: !isDot && count && count.toString && count.toString().length > 1,
       [`${prefixCls}-status-${status}`]: !!status,
     })
     const badgeCls = classNames(prefixCls, {

components/badge/demo/dot.md

@@ -6,6 +6,7 @@
 <us>
 #### Red badge
 This will simply display a red badge, without a specific count.
+If count equals 0, it won't display the dot.
 </us>
 
 ```html
@@ -14,6 +15,9 @@ This will simply display a red badge, without a specific count.
   <a-badge dot>
     <a-icon type="notification" />
   </a-badge>
+  <a-badge :count="0" dot>
+    <a-icon type="notification" />
+  </a-badge>
   <a-badge dot>
     <a href="#">Link something</a>
   </a-badge>

components/badge/style/index.less

@@ -113,7 +113,9 @@
     top: auto;
     display: block;
     position: relative;
-    transform: none !important;
+  }
+  &-not-a-wrapper .@{badge-prefix-cls}-count {
+    transform: none;
   }
 }