vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-09 00:42:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

Fixed #3864 - Image: New image and preview slots

Browse source
This commit is contained in:
Tuğçe Küçükoğlu 2023-05-03 20:54:50 +03:00
parent ef4887d5a9
commit 85df7a558d
3 changed files with 42 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

7
components/lib/image/Image.vue
View file

@ -1,6 +1,8 @@
<template>
<span :class="containerClass" :style="style">
<img v-bind="$attrs" :style="imageStyle" :class="imageClass" @error="onError" />
<slot name="image" :class="imageClass" :style="imageStyle" :onError="onError">
<img v-bind="$attrs" :style="imageStyle" :class="imageClass" @error="onError" />
</slot>
<button v-if="preview" ref="previewButton" class="p-image-preview-indicator" @click="onImageClick" v-bind="previewButtonProps">
<slot name="indicatoricon">
<component :is="indicatorIcon ? 'i' : 'EyeIcon'" class="p-image-preview-icon" />
@ -41,7 +43,7 @@
</div>
<transition name="p-image-preview" @before-enter="onBeforeEnter" @enter="onEnter" @leave="onLeave" @before-leave="onBeforeLeave" @after-leave="onAfterLeave">
<div v-if="previewVisible">
<slot name="imagePreview" :previewImageClick="onPreviewImageClick" :imagePreviewStyle="imagePreviewStyle">
<slot name="preview" class="p-image-preview" :style="imagePreviewStyle" :onClick="onPreviewImageClick">
<img :src="$attrs.src" class="p-image-preview" :style="imagePreviewStyle" @click="onPreviewImageClick" />
</slot>
</div>
@ -158,6 +160,7 @@ export default {
rotateRight() {
this.rotate += 90;
this.previewClick = true;
console.log('kdnwjknkj');
},
rotateLeft() {
this.rotate -= 90;