import type { Ref } from 'vue';
|
|
import { computed, ref } from 'vue';
|
|
import { getFileNameFromUrl, getFileType } from '@vben/utils';
|
|
export function useFilePreview() {
|
const visible = ref(false);
|
const fileUrl = ref('');
|
const fileName = ref('');
|
|
const fileType = computed(() => getFileType(fileName.value || fileUrl.value));
|
|
function openPreview(url: string, name?: string) {
|
fileUrl.value = url;
|
fileName.value = name || getFileNameFromUrl(url);
|
visible.value = true;
|
}
|
|
function closePreview() {
|
visible.value = false;
|
}
|
|
return {
|
closePreview,
|
openPreview,
|
previewState: {
|
fileUrl: fileUrl as Ref<string>,
|
fileName: fileName as Ref<string>,
|
fileType,
|
visible: visible as Ref<boolean>,
|
},
|
};
|
}
|
