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

Refactor #3965 - Refactor on Media components

Browse source
This commit is contained in:
Bahadır Sofuoğlu 2023-06-07 13:46:13 +03:00
parent 1774b2b8e4
commit 0a1b7e3b15
3 changed files with 102 additions and 139 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,7 +1,7 @@
<template>
<span :class="cx('root')" :style="style" v-bind="ptm('root')">
<slot name="image" :class="imageClass" :style="imageStyle" :onError="onError">
<img :style="imageStyle" :class="cx('image')" @error="onError" v-bind="{ ...$attrs, ...ptm('image') }" />
<span :class="[cx('root'), containerClass]" :style="style" v-bind="ptm('root')">
<slot name="image" :onError="onError">
<img :style="imageStyle" :class="[cx('image'), imageClass]" @error="onError" v-bind="{ ...$attrs, ...ptm('image') }" />
</slot>
<button v-if="preview" ref="previewButton" :class="cx('button')" @click="onImageClick" v-bind="{ ...previewButtonProps, ...ptm('button') }">
<slot name="indicatoricon">
@ -183,13 +183,7 @@ export default {
},
computed: {
containerClass() {
return [
'p-image p-component',
this.class,
{
'p-image-preview-container': this.preview
}
];
return this.class;
},
rotateClass() {
return 'p-image-preview-rotate-' + this.rotate;