fix(GoodsActionIcon): info not work with icon slot (#5788)

src/goods-action-icon/index.js

@@ -1,6 +1,7 @@
 import { createNamespace } from '../utils';
 import { route, routeProps } from '../utils/router';
 import { ChildrenMixin } from '../mixins/relation';
+import Info from '../info';
 import Icon from '../icon';
 
 const [createComponent, bem] = createNamespace('goods-action-icon');
@@ -27,7 +28,12 @@ export default createComponent({
       const slot = this.slots('icon');
 
       if (slot) {
-        return <div class={bem('icon')}>{slot}</div>;
+        return (
+          <div class={bem('icon')}>
+            {slot}
+            <Info info={this.info} />
+          </div>
+        );
       }
 
       return (

src/goods-action-icon/index.less

@@ -18,6 +18,7 @@
   }
 
   &__icon {
+    position: relative;
     width: 1em;
     margin: 0 auto 5px;
     color: @goods-action-icon-color;

src/goods-action/test/__snapshots__/index.spec.js.snap

@@ -12,6 +12,15 @@ exports[`Icon render default slot 1`] = `
 
 exports[`Icon render icon slot 1`] = `
 <div role="button" tabindex="0" class="van-goods-action-icon">
-  <div class="van-goods-action-icon__icon">Custom Icon</div>Text
+  <div class="van-goods-action-icon__icon">Custom Icon
+    <!---->
+  </div>Text
+</div>
+`;
+
+exports[`Icon render icon slot with info 1`] = `
+<div role="button" tabindex="0" class="van-goods-action-icon">
+  <div class="van-goods-action-icon__icon">Custom Icon<div class="van-info">1</div>
+  </div>Text
 </div>
 `;

src/goods-action/test/index.spec.js

@@ -48,3 +48,21 @@ test('Icon render icon slot', () => {
 
   expect(wrapper).toMatchSnapshot();
 });
+
+test('Icon render icon slot with info', () => {
+  const wrapper = mount({
+    render(h) {
+      return h(Icon, {
+        props: {
+          info: '1',
+        },
+        scopedSlots: {
+          default: () => 'Text',
+          icon: () => 'Custom Icon',
+        },
+      });
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});