feat: add Badge component #6573

src/grid-item/index.js

@@ -66,10 +66,9 @@ export default createComponent({
     const renderIcon = () => {
       if (slots.icon) {
         return (
-          <div class={bem('icon-wrapper')}>
+          <Badge dot={props.dot} content={props.badge}>
             {slots.icon()}
-            <Badge dot={props.dot} badge={props.badge} />
-          </div>
+          </Badge>
         );
       }
 

src/grid-item/index.less

@@ -12,10 +12,6 @@
     font-size: @grid-item-icon-size;
   }
 
-  &__icon-wrapper {
-    position: relative;
-  }
-
   &__text {
     color: @grid-item-text-color;
     font-size: @grid-item-text-font-size;