feat(Sku): add sku-header-image-extra slot (#5696)

src/sku/components/SkuHeader.tsx

@@ -5,7 +5,7 @@ import { BORDER_BOTTOM } from '../../utils/constant';
 
 // Types
 import Vue, { CreateElement, RenderContext } from 'vue/types';
-import { DefaultSlots } from '../../utils/types';
+import { DefaultSlots, ScopedSlot } from '../../utils/types';
 import { SkuData, SkuGoodsData, SelectedSkuData } from '../../../types/sku';
 
 export type SkuHeaderProps = {
@@ -15,6 +15,10 @@ export type SkuHeaderProps = {
   selectedSku: SelectedSkuData;
 };
 
+export type SkuHeaderSlots = DefaultSlots & {
+  'sku-header-image-extra'?: ScopedSlot;
+};
+
 const [createComponent, bem] = createNamespace('sku-header');
 
 function getSkuImg(
@@ -41,7 +45,7 @@ function getSkuImg(
 function SkuHeader(
   h: CreateElement,
   props: SkuHeaderProps,
-  slots: DefaultSlots,
+  slots: SkuHeaderSlots,
   ctx: RenderContext<SkuHeaderProps>
 ) {
   const { sku, goods, skuEventBus, selectedSku } = props;
@@ -55,6 +59,7 @@ function SkuHeader(
     <div class={[bem(), BORDER_BOTTOM]} {...inherit(ctx)}>
       <div class={bem('img-wrap')} onClick={previewImage}>
         <img src={goodsImg} />
+        {slots['sku-header-image-extra']?.()}
       </div>
       <div class={bem('goods-info')}>{slots.default && slots.default()}</div>
     </div>