fix: badge dot status position not correct #2121

Author: tangjinzhou

components/badge/Badge.jsx

@@ -81,8 +81,10 @@ export default {
     },
     getBadgeClassName(prefixCls) {
       const children = filterEmpty(this.$slots.default);
+      const hasStatus = this.hasStatus();
       return classNames(prefixCls, {
-        [`${prefixCls}-status`]: this.hasStatus(),
+        [`${prefixCls}-status`]: hasStatus,
+        [`${prefixCls}-dot-status`]: hasStatus && this.dot && !this.isZero(),
         [`${prefixCls}-not-a-wrapper`]: !children.length,
       });
     },

components/badge/style/index.less

@@ -114,6 +114,10 @@
     }
   }
 
+  &-dot-status {
+    line-height: 1;
+  }
+
   &-zoom-appear,
   &-zoom-enter {
     animation: antZoomBadgeIn 0.3s @ease-out-back;