@jari-ace/element-plus-component 0.2.3 → 0.3.1

package/dist/components/upload/uploader.vue.js

@@ -0,0 +1,721 @@
+import { createAxiosWithoutCache, Jari, useFilesApi, useLoginUser, useLoading } from "@jari-ace/app-bolts";
+import { nextTick, onMounted, onUnmounted, ref, watch } from "vue";
+import { ArrowDown, Download, Upload } from "@element-plus/icons-vue";
+import { useSystemClassificationLevelMap, useSystemClassificationLevels } from "../../hooks/useClassificationLevels";
+var Ace = Jari.Ace;
+import { ElMessageBox } from "element-plus";
+import "@uppy/core/css/style.min.css";
+import "@uppy/dashboard/css/style.min.css";
+import "@uppy/audio/css/style.min.css";
+import "@uppy/screen-capture/css/style.min.css";
+import "@uppy/webcam/css/style.min.css";
+import "@uppy/image-editor/css/style.min.css";
+import Uppy from "@uppy/core";
+import Tus from "@uppy/tus";
+import Webcam from "@uppy/webcam";
+import ScreenCapture from "@uppy/screen-capture";
+import Audio from "@uppy/audio";
+import zhCN from "./uploader-locale-zh-cn";
+import Dashboard from "@uppy/dashboard";
+import ImageEditor from "@uppy/image-editor";
+import prettyBytes from "pretty-bytes";
+import PdfViewerModal from "./pdf-viewer/PdfViewerModal.vue";
+import { ElTable, ElTableColumn, ElButton, ElDropdown, ElDropdownItem, ElDropdownMenu, ElIcon, ElTag } from "element-plus";
+const props = defineProps();
+const attachId = defineModel({
+    required: false
+});
+const axios = createAxiosWithoutCache();
+const loading = useLoading(axios);
+const api = useFilesApi(axios);
+const files = ref([]);
+const classificationLevels = ref([]);
+const allowedClassificationLevels = ref([]);
+const classificationLevelMap = ref();
+const user = ref();
+const selectedFileClassificationLevel = ref(50);
+const curAttachToken = ref();
+const uploadInitParams = ref();
+const isNewForm = ref(false);
+const uploadingProgress = ref(100);
+const pdfViewerVisible = ref(false);
+const pdfSrc = ref("");
+const previewableFileExts = [".doc", ".docx", ".xls", ".xlsx", ".wps", ".et",
+    ".csv", ".txt", ".rtf", ".odt", "ods", ".mht", ".ppt", ".pptx", ".odp", ".pdf", "xps", "."];
+const emits = defineEmits(['change']);
+let uppy;
+curAttachToken.value = props.attachToken;
+onMounted(async () => {
+    user.value = useLoginUser();
+    const cl = Math.max(props.classificationLevel ?? 50, user.value?.classifiedLevel ?? 50);
+    classificationLevels.value = await useSystemClassificationLevels();
+    classificationLevelMap.value = await useSystemClassificationLevelMap();
+    allowedClassificationLevels.value = classificationLevels.value.filter(l => l.value >= cl);
+    if (props.attachToken) {
+        await initLoad();
+    }
+    else {
+        await initNew();
+    }
+});
+onUnmounted(() => {
+    if (uppy)
+        uppy.destroy();
+    uppy = undefined;
+});
+async function loadFileInfos() {
+    if (!curAttachToken.value) {
+        files.value = [];
+    }
+    files.value = await api.getFileList(curAttachToken.value);
+}
+function createUppyInstance() {
+    if (uppy) {
+        uppy.destroy();
+    }
+    const cfg = uploadInitParams.value.fileConfig;
+    uppy = new Uppy({
+        autoProceed: true,
+        locale: zhCN
+    }).on("progress", progress => {
+        if (progress == 100) {
+            loadFileInfos();
+        }
+        uploadingProgress.value = progress;
+    });
+    uppy.use(Tus, {
+        endpoint: new URL("/ace-file-service/uploads", location.origin).toString(),
+        withCredentials: true,
+        retryDelays: undefined,
+        chunkSize: !uploadInitParams.value?.chunkSize || uploadInitParams.value?.chunkSize
+            == 0 ? Infinity : uploadInitParams.value?.chunkSize,
+        parallelUploads: 1,
+        headers: {
+            aceAttachId: attachId.value,
+            aceNewForm: isNewForm.value ? "yes" : "no"
+        },
+        metadata: {
+            attachId: attachId.value,
+            configKey: props.configKey,
+            appServiceName: props.serviceName,
+            classifiedLevel: selectedFileClassificationLevel.value.toString()
+        },
+        metadataForPartialUploads: {
+            attachId: attachId.value,
+            configKey: props.configKey,
+            appServiceName: props.serviceName,
+            classifiedLevel: selectedFileClassificationLevel.value.toString()
+        }
+    });
+    if (cfg.enableWebcam) {
+        uppy.use(Webcam, {
+            // Webcam 的相关配置
+            modes: cfg.allowedWebcamModes?.map(m => {
+                switch (m) {
+                    case "VIDEO_AUDIO":
+                        return "video-audio";
+                    case "VIDEO_ONLY":
+                        return "video-only";
+                    case "PICTURE":
+                        return "picture";
+                }
+            }),
+            mirror: false
+        });
+    }
+    if (cfg.enableAudio) {
+        uppy.use(Audio);
+    }
+    if (cfg.enableScreenCapture) {
+        uppy.use(ScreenCapture);
+    }
+    let selectionType;
+    if (cfg.disableFileUpload) {
+        if (cfg.disableDirUpload) {
+            selectionType = undefined;
+        }
+        else {
+            selectionType = "folders";
+        }
+    }
+    else {
+        if (cfg.disableDirUpload) {
+            selectionType = "files";
+        }
+        else {
+            selectionType = "both";
+        }
+    }
+    uppy.use(Dashboard, {
+        inline: false,
+        note: cfg.uploadNote,
+        proudlyDisplayPoweredByUppy: false,
+        fileManagerSelectionType: selectionType,
+        singleFileFullScreen: false,
+        disableLocalFiles: cfg.disableFileUpload ?? false,
+        closeAfterFinish: true,
+        closeModalOnClickOutside: true
+    }).use(ImageEditor);
+}
+async function onUploadBtnClick() {
+    const cfg = uploadInitParams.value?.fileConfig;
+    if (cfg) {
+        uppy?.setMeta({
+            attachId: attachId.value,
+            configKey: props.configKey,
+            appServiceName: props.serviceName,
+            classifiedLevel: selectedFileClassificationLevel.value.toString()
+        });
+        const dashboard = uppy?.getPlugin("Dashboard");
+        if (dashboard) {
+            dashboard.setOptions({
+                note: (cfg.uploadNote ? cfg.uploadNote : "")
+                    + `(正在上传${classificationLevelMap.value?.get(selectedFileClassificationLevel.value)}文件)`
+            });
+        }
+        dashboard?.openModal();
+    }
+    else {
+        ElMessageBox.alert("无法找到附件配置" + props.configKey, "错误");
+    }
+}
+function handleClassificationLevelSelCmd(level) {
+    selectedFileClassificationLevel.value = level;
+    uppy?.setMeta({
+        attachId: attachId.value,
+        configKey: props.configKey,
+        appServiceName: props.serviceName,
+        classifiedLevel: selectedFileClassificationLevel.value.toString()
+    });
+    const dashboard = uppy?.getPlugin("Dashboard");
+    if (dashboard) {
+        const cfg = uploadInitParams.value?.fileConfig;
+        if (cfg) {
+            dashboard.setOptions({
+                note: (cfg.uploadNote ? cfg.uploadNote : "")
+                    + `(正在上传${classificationLevelMap.value?.get(selectedFileClassificationLevel.value)}文件)`
+            });
+        }
+        dashboard?.openModal();
+    }
+}
+async function initLoad() {
+    uploadInitParams.value = await api.initLoad(props.serviceName, props.configKey, props.attachToken);
+    files.value = uploadInitParams.value.files;
+    attachId.value = uploadInitParams.value?.attachId;
+    curAttachToken.value = uploadInitParams.value?.attachId;
+    isNewForm.value = false;
+    await nextTick();
+    createUppyInstance();
+}
+async function initNew() {
+    uploadInitParams.value = await api.initNew(props.serviceName, props.configKey);
+    files.value = uploadInitParams.value.files;
+    attachId.value = uploadInitParams.value?.attachId;
+    curAttachToken.value = uploadInitParams.value?.attachToken;
+    isNewForm.value = true;
+    emits('change', attachId.value);
+    await nextTick();
+    createUppyInstance();
+}
+async function delUploadedFile(file) {
+    await api.deleteFile(file.token || file.id);
+    files.value = files.value.filter(f => f.id !== file.id);
+}
+function previewFile(fileToken) {
+    pdfSrc.value = new URL("uploads/preview/" + fileToken, location.origin).toString();
+    pdfViewerVisible.value = true;
+}
+function downloadFile(fileToken) {
+    api.downloadFile(fileToken);
+}
+function viewUppyDashboard() {
+    const dashboard = uppy?.getPlugin("Dashboard");
+    if (dashboard) {
+        dashboard.openModal();
+    }
+}
+function downloadAll() {
+    if (!curAttachToken.value) {
+        return;
+    }
+    api.downloadZipFile(curAttachToken.value);
+}
+function checkAllowUpload() {
+    const cfg = uploadInitParams.value?.fileConfig;
+    if (cfg) {
+        let hasRole = true;
+        if (cfg.uploadAuthCode) {
+            const login = useLoginUser();
+            if (login) {
+                hasRole = login.hasRole(cfg.uploadAuthCode);
+            }
+            return !cfg.disallowUpload && hasRole;
+        }
+        return !cfg.disallowUpload;
+    }
+    console.log('file cfg is null');
+    return false;
+}
+function checkAllowDownload() {
+    const cfg = uploadInitParams.value?.fileConfig;
+    if (cfg) {
+        let hasRole = true;
+        if (cfg.downloadAuthCode) {
+            const login = useLoginUser();
+            if (login) {
+                hasRole = login.hasRole(cfg.downloadAuthCode);
+            }
+            return !cfg.disallowDownload && hasRole;
+        }
+        return !cfg.disallowDownload;
+    }
+    return false;
+}
+function checkAllowDelete() {
+    const cfg = uploadInitParams.value?.fileConfig;
+    if (cfg) {
+        let hasRole = true;
+        if (cfg.deleteAuthCode) {
+            const login = useLoginUser();
+            if (login) {
+                hasRole = login.hasRole(cfg.deleteAuthCode);
+            }
+            return !cfg.disallowDelete && hasRole;
+        }
+        return !cfg.disallowDelete;
+    }
+    return false;
+}
+function checkAllowPreview(file) {
+    const cfg = uploadInitParams.value?.fileConfig;
+    if (cfg) {
+        if (cfg.disablePreview) {
+            return false;
+        }
+        if (!previewableFileExts.some(ext => file.fileName.endsWith(ext))) {
+            return false;
+        }
+        return true;
+    }
+    return false;
+}
+watch(() => props.attachToken, () => {
+    if (props.attachToken) {
+        initLoad();
+    }
+    else {
+        initNew();
+    }
+});
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_defaults = {};
+const __VLS_modelEmit = defineEmits();
+const __VLS_ctx = {};
+let __VLS_components;
+let __VLS_directives;
+/** @type {__VLS_StyleScopedClasses['loader-shimmer']} */ ;
+// CSS variable injection 
+// CSS variable injection end 
+__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+    ...{ class: "ja-uploader" },
+});
+__VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+    ...{ class: "ja-uploader-tools" },
+});
+if (__VLS_ctx.allowedClassificationLevels.length <= 1 && __VLS_ctx.checkAllowUpload()) {
+    const __VLS_0 = {}.ElButton;
+    /** @type {[typeof __VLS_components.ElButton, typeof __VLS_components.elButton, typeof __VLS_components.ElButton, typeof __VLS_components.elButton, ]} */ ;
+    // @ts-ignore
+    const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({
+        ...{ 'onClick': {} },
+        plain: true,
+        type: "success",
+        icon: (__VLS_ctx.Upload),
+        loading: (__VLS_ctx.loading),
+        disabled: (__VLS_ctx.loading),
+        size: "small",
+    }));
+    const __VLS_2 = __VLS_1({
+        ...{ 'onClick': {} },
+        plain: true,
+        type: "success",
+        icon: (__VLS_ctx.Upload),
+        loading: (__VLS_ctx.loading),
+        disabled: (__VLS_ctx.loading),
+        size: "small",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_1));
+    let __VLS_4;
+    let __VLS_5;
+    let __VLS_6;
+    const __VLS_7 = {
+        onClick: (__VLS_ctx.onUploadBtnClick)
+    };
+    __VLS_3.slots.default;
+    (__VLS_ctx.uploadInitParams?.fileConfig.enableClassifiedLevel ? "(非密)" : "");
+    var __VLS_3;
+}
+if (__VLS_ctx.checkAllowDownload()) {
+    const __VLS_8 = {}.ElButton;
+    /** @type {[typeof __VLS_components.ElButton, typeof __VLS_components.elButton, typeof __VLS_components.ElButton, typeof __VLS_components.elButton, ]} */ ;
+    // @ts-ignore
+    const __VLS_9 = __VLS_asFunctionalComponent(__VLS_8, new __VLS_8({
+        ...{ 'onClick': {} },
+        plain: true,
+        icon: (__VLS_ctx.Download),
+        loading: (__VLS_ctx.loading),
+        disabled: (__VLS_ctx.loading || __VLS_ctx.files?.length === 0),
+        size: "small",
+    }));
+    const __VLS_10 = __VLS_9({
+        ...{ 'onClick': {} },
+        plain: true,
+        icon: (__VLS_ctx.Download),
+        loading: (__VLS_ctx.loading),
+        disabled: (__VLS_ctx.loading || __VLS_ctx.files?.length === 0),
+        size: "small",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_9));
+    let __VLS_12;
+    let __VLS_13;
+    let __VLS_14;
+    const __VLS_15 = {
+        onClick: (__VLS_ctx.downloadAll)
+    };
+    __VLS_11.slots.default;
+    var __VLS_11;
+}
+if (__VLS_ctx.allowedClassificationLevels.length > 1 && __VLS_ctx.checkAllowUpload()) {
+    const __VLS_16 = {}.ElDropdown;
+    /** @type {[typeof __VLS_components.ElDropdown, typeof __VLS_components.elDropdown, typeof __VLS_components.ElDropdown, typeof __VLS_components.elDropdown, ]} */ ;
+    // @ts-ignore
+    const __VLS_17 = __VLS_asFunctionalComponent(__VLS_16, new __VLS_16({
+        ...{ 'onCommand': {} },
+        size: "small",
+    }));
+    const __VLS_18 = __VLS_17({
+        ...{ 'onCommand': {} },
+        size: "small",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_17));
+    let __VLS_20;
+    let __VLS_21;
+    let __VLS_22;
+    const __VLS_23 = {
+        onCommand: (__VLS_ctx.handleClassificationLevelSelCmd)
+    };
+    __VLS_19.slots.default;
+    const __VLS_24 = {}.ElButton;
+    /** @type {[typeof __VLS_components.ElButton, typeof __VLS_components.elButton, typeof __VLS_components.ElButton, typeof __VLS_components.elButton, ]} */ ;
+    // @ts-ignore
+    const __VLS_25 = __VLS_asFunctionalComponent(__VLS_24, new __VLS_24({
+        type: "success",
+        size: "small",
+    }));
+    const __VLS_26 = __VLS_25({
+        type: "success",
+        size: "small",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_25));
+    __VLS_27.slots.default;
+    const __VLS_28 = {}.ElIcon;
+    /** @type {[typeof __VLS_components.ElIcon, typeof __VLS_components.elIcon, typeof __VLS_components.ElIcon, typeof __VLS_components.elIcon, ]} */ ;
+    // @ts-ignore
+    const __VLS_29 = __VLS_asFunctionalComponent(__VLS_28, new __VLS_28({
+        ...{ class: "el-icon--right" },
+    }));
+    const __VLS_30 = __VLS_29({
+        ...{ class: "el-icon--right" },
+    }, ...__VLS_functionalComponentArgsRest(__VLS_29));
+    __VLS_31.slots.default;
+    const __VLS_32 = {}.ArrowDown;
+    /** @type {[typeof __VLS_components.ArrowDown, typeof __VLS_components.arrowDown, ]} */ ;
+    // @ts-ignore
+    const __VLS_33 = __VLS_asFunctionalComponent(__VLS_32, new __VLS_32({}));
+    const __VLS_34 = __VLS_33({}, ...__VLS_functionalComponentArgsRest(__VLS_33));
+    var __VLS_31;
+    var __VLS_27;
+    {
+        const { dropdown: __VLS_thisSlot } = __VLS_19.slots;
+        const __VLS_36 = {}.ElDropdownMenu;
+        /** @type {[typeof __VLS_components.ElDropdownMenu, typeof __VLS_components.elDropdownMenu, typeof __VLS_components.ElDropdownMenu, typeof __VLS_components.elDropdownMenu, ]} */ ;
+        // @ts-ignore
+        const __VLS_37 = __VLS_asFunctionalComponent(__VLS_36, new __VLS_36({}));
+        const __VLS_38 = __VLS_37({}, ...__VLS_functionalComponentArgsRest(__VLS_37));
+        __VLS_39.slots.default;
+        for (const [cl] of __VLS_getVForSourceType((__VLS_ctx.allowedClassificationLevels))) {
+            const __VLS_40 = {}.ElDropdownItem;
+            /** @type {[typeof __VLS_components.ElDropdownItem, typeof __VLS_components.elDropdownItem, typeof __VLS_components.ElDropdownItem, typeof __VLS_components.elDropdownItem, ]} */ ;
+            // @ts-ignore
+            const __VLS_41 = __VLS_asFunctionalComponent(__VLS_40, new __VLS_40({
+                key: (cl.value),
+                command: (cl.value),
+            }));
+            const __VLS_42 = __VLS_41({
+                key: (cl.value),
+                command: (cl.value),
+            }, ...__VLS_functionalComponentArgsRest(__VLS_41));
+            __VLS_43.slots.default;
+            (cl.label);
+            var __VLS_43;
+        }
+        var __VLS_39;
+    }
+    var __VLS_19;
+}
+if (__VLS_ctx.uploadingProgress < 100 && __VLS_ctx.uploadingProgress > 0) {
+    __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+        ...{ onClick: (__VLS_ctx.viewUppyDashboard) },
+        ...{ class: "container" },
+    });
+    __VLS_asFunctionalElement(__VLS_intrinsicElements.p, __VLS_intrinsicElements.p)({});
+    __VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
+        ...{ class: "loader-shimmer" },
+    });
+    (__VLS_ctx.uploadingProgress);
+}
+const __VLS_44 = {}.ElTable;
+/** @type {[typeof __VLS_components.ElTable, typeof __VLS_components.elTable, typeof __VLS_components.ElTable, typeof __VLS_components.elTable, ]} */ ;
+// @ts-ignore
+const __VLS_45 = __VLS_asFunctionalComponent(__VLS_44, new __VLS_44({
+    data: (__VLS_ctx.files),
+    showHeader: (true),
+    ...{ style: {} },
+    emptyText: "暂无文件",
+    height: (props.height),
+    maxHeight: (props.maxHeight),
+}));
+const __VLS_46 = __VLS_45({
+    data: (__VLS_ctx.files),
+    showHeader: (true),
+    ...{ style: {} },
+    emptyText: "暂无文件",
+    height: (props.height),
+    maxHeight: (props.maxHeight),
+}, ...__VLS_functionalComponentArgsRest(__VLS_45));
+__VLS_47.slots.default;
+const __VLS_48 = {}.ElTableColumn;
+/** @type {[typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, ]} */ ;
+// @ts-ignore
+const __VLS_49 = __VLS_asFunctionalComponent(__VLS_48, new __VLS_48({
+    prop: "fileName",
+}));
+const __VLS_50 = __VLS_49({
+    prop: "fileName",
+}, ...__VLS_functionalComponentArgsRest(__VLS_49));
+const __VLS_52 = {}.ElTableColumn;
+/** @type {[typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, ]} */ ;
+// @ts-ignore
+const __VLS_53 = __VLS_asFunctionalComponent(__VLS_52, new __VLS_52({
+    prop: "fileSize",
+    width: "100",
+}));
+const __VLS_54 = __VLS_53({
+    prop: "fileSize",
+    width: "100",
+}, ...__VLS_functionalComponentArgsRest(__VLS_53));
+__VLS_55.slots.default;
+{
+    const { default: __VLS_thisSlot } = __VLS_55.slots;
+    const [scope] = __VLS_getSlotParams(__VLS_thisSlot);
+    (__VLS_ctx.prettyBytes(scope.row.fileSize));
+}
+var __VLS_55;
+const __VLS_56 = {}.ElTableColumn;
+/** @type {[typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, ]} */ ;
+// @ts-ignore
+const __VLS_57 = __VLS_asFunctionalComponent(__VLS_56, new __VLS_56({
+    prop: "classifiedLevel",
+    width: "60",
+}));
+const __VLS_58 = __VLS_57({
+    prop: "classifiedLevel",
+    width: "60",
+}, ...__VLS_functionalComponentArgsRest(__VLS_57));
+__VLS_59.slots.default;
+{
+    const { default: __VLS_thisSlot } = __VLS_59.slots;
+    const [scope] = __VLS_getSlotParams(__VLS_thisSlot);
+    const __VLS_60 = {}.ElTag;
+    /** @type {[typeof __VLS_components.ElTag, typeof __VLS_components.elTag, typeof __VLS_components.ElTag, typeof __VLS_components.elTag, ]} */ ;
+    // @ts-ignore
+    const __VLS_61 = __VLS_asFunctionalComponent(__VLS_60, new __VLS_60({
+        type: (scope.row.classifiedLevel < 50 ? (scope.row.classifiedLevel < 30 ? 'danger' : 'warning') : 'info'),
+    }));
+    const __VLS_62 = __VLS_61({
+        type: (scope.row.classifiedLevel < 50 ? (scope.row.classifiedLevel < 30 ? 'danger' : 'warning') : 'info'),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_61));
+    __VLS_63.slots.default;
+    (__VLS_ctx.classificationLevelMap?.get(scope.row.classifiedLevel));
+    var __VLS_63;
+}
+var __VLS_59;
+const __VLS_64 = {}.ElTableColumn;
+/** @type {[typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, ]} */ ;
+// @ts-ignore
+const __VLS_65 = __VLS_asFunctionalComponent(__VLS_64, new __VLS_64({
+    align: "right",
+    width: "150",
+    fixed: "right",
+}));
+const __VLS_66 = __VLS_65({
+    align: "right",
+    width: "150",
+    fixed: "right",
+}, ...__VLS_functionalComponentArgsRest(__VLS_65));
+__VLS_67.slots.default;
+{
+    const { default: __VLS_thisSlot } = __VLS_67.slots;
+    const [scope] = __VLS_getSlotParams(__VLS_thisSlot);
+    if (__VLS_ctx.checkAllowPreview(scope.row)) {
+        const __VLS_68 = {}.ElButton;
+        /** @type {[typeof __VLS_components.ElButton, typeof __VLS_components.elButton, typeof __VLS_components.ElButton, typeof __VLS_components.elButton, ]} */ ;
+        // @ts-ignore
+        const __VLS_69 = __VLS_asFunctionalComponent(__VLS_68, new __VLS_68({
+            ...{ 'onClick': {} },
+            link: true,
+            type: "warning",
+        }));
+        const __VLS_70 = __VLS_69({
+            ...{ 'onClick': {} },
+            link: true,
+            type: "warning",
+        }, ...__VLS_functionalComponentArgsRest(__VLS_69));
+        let __VLS_72;
+        let __VLS_73;
+        let __VLS_74;
+        const __VLS_75 = {
+            onClick: (...[$event]) => {
+                if (!(__VLS_ctx.checkAllowPreview(scope.row)))
+                    return;
+                __VLS_ctx.previewFile(scope.row.token);
+            }
+        };
+        __VLS_71.slots.default;
+        var __VLS_71;
+    }
+    if (__VLS_ctx.checkAllowDownload()) {
+        const __VLS_76 = {}.ElButton;
+        /** @type {[typeof __VLS_components.ElButton, typeof __VLS_components.elButton, typeof __VLS_components.ElButton, typeof __VLS_components.elButton, ]} */ ;
+        // @ts-ignore
+        const __VLS_77 = __VLS_asFunctionalComponent(__VLS_76, new __VLS_76({
+            ...{ 'onClick': {} },
+            link: true,
+            type: "primary",
+        }));
+        const __VLS_78 = __VLS_77({
+            ...{ 'onClick': {} },
+            link: true,
+            type: "primary",
+        }, ...__VLS_functionalComponentArgsRest(__VLS_77));
+        let __VLS_80;
+        let __VLS_81;
+        let __VLS_82;
+        const __VLS_83 = {
+            onClick: (...[$event]) => {
+                if (!(__VLS_ctx.checkAllowDownload()))
+                    return;
+                __VLS_ctx.downloadFile(scope.row.token);
+            }
+        };
+        __VLS_79.slots.default;
+        var __VLS_79;
+    }
+    if (__VLS_ctx.checkAllowDelete()) {
+        const __VLS_84 = {}.ElButton;
+        /** @type {[typeof __VLS_components.ElButton, typeof __VLS_components.elButton, typeof __VLS_components.ElButton, typeof __VLS_components.elButton, ]} */ ;
+        // @ts-ignore
+        const __VLS_85 = __VLS_asFunctionalComponent(__VLS_84, new __VLS_84({
+            ...{ 'onClick': {} },
+            link: true,
+            type: "danger",
+        }));
+        const __VLS_86 = __VLS_85({
+            ...{ 'onClick': {} },
+            link: true,
+            type: "danger",
+        }, ...__VLS_functionalComponentArgsRest(__VLS_85));
+        let __VLS_88;
+        let __VLS_89;
+        let __VLS_90;
+        const __VLS_91 = {
+            onClick: (...[$event]) => {
+                if (!(__VLS_ctx.checkAllowDelete()))
+                    return;
+                __VLS_ctx.delUploadedFile(scope.row);
+            }
+        };
+        __VLS_87.slots.default;
+        var __VLS_87;
+    }
+}
+var __VLS_67;
+var __VLS_47;
+/** @type {[typeof PdfViewerModal, typeof PdfViewerModal, ]} */ ;
+// @ts-ignore
+const __VLS_92 = __VLS_asFunctionalComponent(PdfViewerModal, new PdfViewerModal({
+    src: (__VLS_ctx.pdfSrc),
+    modelValue: (__VLS_ctx.pdfViewerVisible),
+}));
+const __VLS_93 = __VLS_92({
+    src: (__VLS_ctx.pdfSrc),
+    modelValue: (__VLS_ctx.pdfViewerVisible),
+}, ...__VLS_functionalComponentArgsRest(__VLS_92));
+/** @type {__VLS_StyleScopedClasses['ja-uploader']} */ ;
+/** @type {__VLS_StyleScopedClasses['ja-uploader-tools']} */ ;
+/** @type {__VLS_StyleScopedClasses['el-icon--right']} */ ;
+/** @type {__VLS_StyleScopedClasses['container']} */ ;
+/** @type {__VLS_StyleScopedClasses['loader-shimmer']} */ ;
+var __VLS_dollars;
+const __VLS_self = (await import('vue')).defineComponent({
+    setup() {
+        return {
+            ArrowDown: ArrowDown,
+            Download: Download,
+            Upload: Upload,
+            prettyBytes: prettyBytes,
+            PdfViewerModal: PdfViewerModal,
+            ElTable: ElTable,
+            ElTableColumn: ElTableColumn,
+            ElButton: ElButton,
+            ElDropdown: ElDropdown,
+            ElDropdownItem: ElDropdownItem,
+            ElDropdownMenu: ElDropdownMenu,
+            ElIcon: ElIcon,
+            ElTag: ElTag,
+            loading: loading,
+            files: files,
+            allowedClassificationLevels: allowedClassificationLevels,
+            classificationLevelMap: classificationLevelMap,
+            uploadInitParams: uploadInitParams,
+            uploadingProgress: uploadingProgress,
+            pdfViewerVisible: pdfViewerVisible,
+            pdfSrc: pdfSrc,
+            onUploadBtnClick: onUploadBtnClick,
+            handleClassificationLevelSelCmd: handleClassificationLevelSelCmd,
+            delUploadedFile: delUploadedFile,
+            previewFile: previewFile,
+            downloadFile: downloadFile,
+            viewUppyDashboard: viewUppyDashboard,
+            downloadAll: downloadAll,
+            checkAllowUpload: checkAllowUpload,
+            checkAllowDownload: checkAllowDownload,
+            checkAllowDelete: checkAllowDelete,
+            checkAllowPreview: checkAllowPreview,
+        };
+    },
+    emits: {
+        ...{},
+        ...{},
+    },
+    __typeProps: {},
+});
+export default (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+    emits: {
+        ...{},
+        ...{},
+    },
+    __typeProps: {},
+});
+; /* PartiallyEnd: #4569/main.vue */
+//# sourceMappingURL=uploader.vue.js.map