feat: add Badge component #6573

src/sidebar-item/index.js

@@ -38,10 +38,9 @@ export default createComponent({
 
       return (
         <a class={bem({ select: selected, disabled })} onClick={onClick}>
-          <div class={bem('text')}>
+          <Badge dot={dot} content={badge} class={bem('text')}>
             {slots.title ? slots.title() : title}
-            <Badge dot={dot} badge={badge} class={bem('badge')} />
-          </div>
+          </Badge>
         </a>
       );
     };

src/sidebar-item/index.less

@@ -18,11 +18,6 @@
     background-color: @sidebar-active-color;
   }
 
-  &__text {
-    position: relative;
-    display: inline-block;
-  }
-
   &:not(:last-child)::after {
     border-bottom-width: 1px;
   }