From 6c67acd27b25d38d2d636d0045fbb01066d4b28e Mon Sep 17 00:00:00 2001 From: inkbox Date: Fri, 6 Jan 2023 14:00:37 +0800 Subject: [PATCH] Image: add initialIndex prop --- examples/docs/en-US/image.md | 1 + examples/docs/es/image.md | 1 + examples/docs/fr-FR/image.md | 1 + examples/docs/zh-CN/image.md | 1 + packages/image/src/image-viewer.vue | 1 + packages/image/src/main.vue | 5 +++-- types/image.d.ts | 2 ++ 7 files changed, 10 insertions(+), 2 deletions(-) diff --git a/examples/docs/en-US/image.md b/examples/docs/en-US/image.md index 92dc90a820..6375112005 100644 --- a/examples/docs/en-US/image.md +++ b/examples/docs/en-US/image.md @@ -147,6 +147,7 @@ Besides the native features of img, support lazy load, custom placeholder and lo | scroll-container | The container to add scroll listener when using lazy load | string / HTMLElement | — | The nearest parent container whose overflow property is auto or scroll | | preview-src-list | allow big image preview | Array | — | - | | z-index | set image preview z-index | Number | — | 2000 | +| initial-index | set image preview array index | Number | — | - | ### Events | Event Name | Description | Parameters | diff --git a/examples/docs/es/image.md b/examples/docs/es/image.md index 7d8d78d762..18e6b534e7 100644 --- a/examples/docs/es/image.md +++ b/examples/docs/es/image.md @@ -149,6 +149,7 @@ Además de las características nativas de img, soporte de carga perezosa, marca | scroll-container | El contenedor para añadir el scroll listener cuando se utiliza lazy load | string / HTMLElement | — | El contenedor padre más cercano cuya propiedad de desbordamiento es auto o scroll | | preview-src-list | permitir una vista previa grande de la imagen | Array | — | - | | z-index | establecer el z-index de la vista previa de la imagen | Number | — | 2000 | +| initial-index | set image preview array index | Number | — | - | ### Eventos | Nombre del evento | Descripción | Parámetros | diff --git a/examples/docs/fr-FR/image.md b/examples/docs/fr-FR/image.md index 569f91a175..9f37ad91f9 100644 --- a/examples/docs/fr-FR/image.md +++ b/examples/docs/fr-FR/image.md @@ -148,6 +148,7 @@ En plus des propriétés natives de img, ce composant supporte le lazy loading, | scroll-container | Le conteneur auquel ajouter le listener du scroll en mode lazy loading. | string / HTMLElement | — | Le conteneur parent le plus proche avec la propriété overflow à auto ou scroll. | | preview-src-list | allow big image preview | Array | — | - | | z-index | set image preview z-index | Number | — | 2000 | +| initial-index | set image preview array index | Number | — | - | ### Évènements | Nom | Description | Paramètres | diff --git a/examples/docs/zh-CN/image.md b/examples/docs/zh-CN/image.md index 7698798b61..d01d3eeded 100644 --- a/examples/docs/zh-CN/image.md +++ b/examples/docs/zh-CN/image.md @@ -147,6 +147,7 @@ | scroll-container | 开启懒加载后，监听 scroll 事件的容器 | string / HTMLElement | — | 最近一个 overflow 值为 auto 或 scroll 的父元素 | | preview-src-list | 开启图片预览功能 | Array | — | - | | z-index | 设置图片预览的 z-index | Number | — | 2000 | +| initial-index | 图片预览初始图片index | Number | — | - | ### Events | 事件名称 | 说明 | 回调参数 | diff --git a/packages/image/src/image-viewer.vue b/packages/image/src/image-viewer.vue index 63c85dade2..17433fecae 100644 --- a/packages/image/src/image-viewer.vue +++ b/packages/image/src/image-viewer.vue @@ -43,6 +43,7 @@ :key="url" :src="currentImg" :style="imgStyle" + referrerpolicy='no-referrer' @load="handleImgLoad" @error="handleImgError" @mousedown="handleMouseDown"> diff --git a/packages/image/src/main.vue b/packages/image/src/main.vue index 5598bde8a2..894a9873a7 100644 --- a/packages/image/src/main.vue +++ b/packages/image/src/main.vue @@ -16,7 +16,7 @@ :style="imageStyle" :class="{ 'el-image__inner--center': alignCenter, 'el-image__preview': preview }"> @@ -62,7 +62,8 @@ zIndex: { type: Number, default: 2000 - } + }, + initialIndex: Number }, data() { diff --git a/types/image.d.ts b/types/image.d.ts index 82b18dce92..8640e4bd7c 100644 --- a/types/image.d.ts +++ b/types/image.d.ts @@ -38,4 +38,6 @@ export declare class ElImage extends ElementUIComponent { previewSrcList: string[] zIndex: number + + initialIndex: number }