From a1d7e81859f554f3a53680cc35f0f49bf1f77098 Mon Sep 17 00:00:00 2001
From: wwf <1971391498@qq.com>
Date: 星期四, 14 五月 2026 14:37:02 +0800
Subject: [PATCH] 导入项目
---
src/components/ImageViewer/src/ImageViewer.vue | 35 +++++++++++++++++++++++++++++++++++
1 files changed, 35 insertions(+), 0 deletions(-)
diff --git a/src/components/ImageViewer/src/ImageViewer.vue b/src/components/ImageViewer/src/ImageViewer.vue
new file mode 100644
index 0000000..c84d06b
--- /dev/null
+++ b/src/components/ImageViewer/src/ImageViewer.vue
@@ -0,0 +1,35 @@
+<script lang="ts" setup>
+import { PropType } from 'vue'
+import { propTypes } from '@/utils/propTypes'
+
+defineOptions({ name: 'ImageViewer' })
+
+const props = defineProps({
+ urlList: {
+ type: Array as PropType<string[]>,
+ default: (): string[] => []
+ },
+ zIndex: propTypes.number.def(200),
+ initialIndex: propTypes.number.def(0),
+ infinite: propTypes.bool.def(true),
+ hideOnClickModal: propTypes.bool.def(false),
+ teleported: propTypes.bool.def(false),
+ show: propTypes.bool.def(false)
+})
+
+const getBindValue = computed(() => {
+ const propsData: Recordable = { ...props }
+ delete propsData.show
+ return propsData
+})
+
+const show = ref(props.show)
+
+const close = () => {
+ show.value = false
+}
+</script>
+
+<template>
+ <ElImageViewer v-if="show" v-bind="getBindValue" @close="close" />
+</template>
--
Gitblit v1.8.0