@fy-/fws-vue 2.0.84 → 2.0.85
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/ui/DefaultGallery.vue +26 -23
- package/package.json +1 -1
|
@@ -12,6 +12,7 @@ import {
|
|
|
12
12
|
} from "@heroicons/vue/24/solid";
|
|
13
13
|
import DefaultPaging from "./DefaultPaging.vue";
|
|
14
14
|
import type { Component } from "vue";
|
|
15
|
+
import CollapseTransition from "./transitions/CollapseTransition.vue";
|
|
15
16
|
const isGalleryOpen = ref<boolean>(false);
|
|
16
17
|
const eventBus = useEventBus();
|
|
17
18
|
const sidePanel = ref<boolean>(true);
|
|
@@ -224,32 +225,34 @@ onUnmounted(() => {
|
|
|
224
225
|
<div
|
|
225
226
|
class="flex-1 w-full max-w-full flex items-center justify-center"
|
|
226
227
|
>
|
|
227
|
-
<
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
228
|
+
<CollapseTransition>
|
|
229
|
+
<template
|
|
230
|
+
v-if="videoComponent && isVideo(images[modelValue])"
|
|
231
|
+
>
|
|
232
|
+
<ClientOnly>
|
|
233
|
+
<component
|
|
234
|
+
:is="videoComponent"
|
|
235
|
+
:src="isVideo(images[modelValue])"
|
|
236
|
+
class="shadow max-w-full h-auto object-contain max-h-[85vh]"
|
|
237
|
+
/>
|
|
238
|
+
</ClientOnly>
|
|
239
|
+
</template>
|
|
240
|
+
<template v-else>
|
|
241
|
+
<img
|
|
242
|
+
class="shadow max-w-full h-auto object-contain max-h-[85vh]"
|
|
243
|
+
:src="modelValueSrc"
|
|
244
|
+
v-if="modelValueSrc && imageComponent == 'img'"
|
|
245
|
+
/>
|
|
231
246
|
<component
|
|
232
|
-
|
|
233
|
-
:
|
|
247
|
+
v-else-if="modelValueSrc && imageComponent"
|
|
248
|
+
:is="imageComponent"
|
|
249
|
+
:image="modelValueSrc.image"
|
|
250
|
+
:variant="modelValueSrc.variant"
|
|
251
|
+
:alt="modelValueSrc.alt"
|
|
234
252
|
class="shadow max-w-full h-auto object-contain max-h-[85vh]"
|
|
235
253
|
/>
|
|
236
|
-
</
|
|
237
|
-
</
|
|
238
|
-
<template v-else>
|
|
239
|
-
<img
|
|
240
|
-
class="shadow max-w-full h-auto object-contain max-h-[85vh]"
|
|
241
|
-
:src="modelValueSrc"
|
|
242
|
-
v-if="modelValueSrc && imageComponent == 'img'"
|
|
243
|
-
/>
|
|
244
|
-
<component
|
|
245
|
-
v-else-if="modelValueSrc && imageComponent"
|
|
246
|
-
:is="imageComponent"
|
|
247
|
-
:image="modelValueSrc.image"
|
|
248
|
-
:variant="modelValueSrc.variant"
|
|
249
|
-
:alt="modelValueSrc.alt"
|
|
250
|
-
class="shadow max-w-full h-auto object-contain max-h-[85vh]"
|
|
251
|
-
/>
|
|
252
|
-
</template>
|
|
254
|
+
</template>
|
|
255
|
+
</CollapseTransition>
|
|
253
256
|
</div>
|
|
254
257
|
<div
|
|
255
258
|
class="flex-0 py-2 flex items-center justify-center max-w-full w-full"
|