feat(Image): add default slot (#6613)

src/image/README.md

@@ -98,7 +98,8 @@ Vue.use(Lazyload);
 
 ### Slots
 
-| Name    | Description                |
-| ------- | -------------------------- |
-| loading | Custom loading placeholder |
-| error   | Custom error placeholder   |
+| Name             | Description                        |
+| ---------------- | ---------------------------------- |
+| default `v2.9.0` | Custom the content below the image |
+| loading          | Custom loading placeholder         |
+| error            | Custom error placeholder           |

src/image/README.zh-CN.md

@@ -130,10 +130,11 @@ Vue.use(Lazyload);
 
 ### Slots
 
-| 名称    | 说明                       |
-| ------- | -------------------------- |
-| loading | 自定义加载中的提示内容     |
-| error   | 自定义加载失败时的提示内容 |
+| 名称             | 说明                       |
+| ---------------- | -------------------------- |
+| default `v2.9.0` | 自定义图片下方的内容       |
+| loading          | 自定义加载中的提示内容     |
+| error            | 自定义加载失败时的提示内容 |
 
 ## 常见问题
 

src/image/index.js

@@ -173,6 +173,7 @@ export default createComponent({
       >
         {this.genImage()}
         {this.genPlaceholder()}
+        {this.slots()}
       </div>
     );
   },

src/image/test/__snapshots__/index.spec.js.snap

@@ -1,5 +1,12 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`default slot 1`] = `
+<div class="van-image"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img">
+  <div class="van-image__loading"><i class="van-icon van-icon-photo-o van-image__loading-icon">
+      <!----></i></div>Custom Default
+</div>
+`;
+
 exports[`error-icon prop 1`] = `
 <div class="van-image">
   <div class="van-image__error"><i class="van-icon van-icon-error van-image__error-icon">

src/image/test/index.spec.js

@@ -157,3 +157,16 @@ test('radius prop', () => {
 
   expect(wrapper).toMatchSnapshot();
 });
+
+test('default slot', () => {
+  const wrapper = mount(VanImage, {
+    propsData: {
+      src: 'https://img.yzcdn.cn/vant/cat.jpeg',
+    },
+    scopedSlots: {
+      default: () => 'Custom Default',
+    },
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});