[new feature] GoodsActionIcon: add icon slot (#3705)

src/goods-action/README.md

@@ -119,3 +119,16 @@ Use `info` prop to show messages in upper right corner of icon
 | url | Link | `String` | - |
 | to | Target route of the link, same as to of vue-router | `String | Object` | - |
 | replace | If true, the navigation will not leave a history record | `Boolean` | `false` |
+
+### GoodsActionIcon Slots
+
+| Name | Description |
+|------|------|
+| default | Text |
+| icon | Custom icon |
+
+### GoodsActionButton Slots
+
+| Name | Description |
+|------|------|
+| default | Button content |

src/goods-action/README.zh-CN.md

@@ -118,3 +118,16 @@ export default {
 | url | 跳转链接 | `String` | - | - |
 | to | 路由跳转对象，同 vue-router 的 to 属性 | `String | Object` | - | - |
 | replace | 跳转时是否替换当前页面历史 | `Boolean` | `false` | - |
+
+### GoodsActionIcon Slots
+
+| 名称 | 说明 |
+|------|------|
+| default | 文本内容 |
+| icon | 自定义图标 |
+
+### GoodsActionButton Slots
+
+| 名称 | 说明 |
+|------|------|
+| default | 按钮显示内容 |

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

@@ -9,3 +9,9 @@ exports[`Icon render default slot 1`] = `
   </div>Default Content
 </div>
 `;
+
+exports[`Icon render icon slot 1`] = `
+<div role="button" tabindex="0" class="van-goods-action-icon van-hairline">
+  <div class="van-goods-action-icon__icon">Custom Icon</div>Text
+</div>
+`;

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

@@ -49,3 +49,18 @@ test('Icon render default slot', () => {
 
   expect(wrapper).toMatchSnapshot();
 });
+
+test('Icon render icon slot', () => {
+  const wrapper = mount({
+    render(h) {
+      return h(Icon, {
+        scopedSlots: {
+          default: () => 'Text',
+          icon: () => 'Custom Icon'
+        }
+      });
+    }
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});