@jari-ace/element-plus-component 0.5.0 → 0.5.2

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

@@ -1,6 +1,6 @@
 import { createAxiosWithoutCache, Jari, useFilesApi, useLoading, useLoginUser } from "@jari-ace/app-bolts";
 import { nextTick, onMounted, onUnmounted, ref, watch } from "vue";
-import { ArrowDown, Download, Upload, WarningFilled } from "@element-plus/icons-vue";
+import { ArrowDown, Document, Download, Upload, WarningFilled, Picture, VideoPlay, Headset } from "@element-plus/icons-vue";
 import { useSystemClassificationLevelMap, useSystemClassificationLevels } from "../../hooks/useClassificationLevels";
 var Ace = Jari.Ace;
 import "@uppy/core/css/style.min.css";
@@ -19,9 +19,11 @@ import Dashboard from "@uppy/dashboard";
 import ImageEditor from "@uppy/image-editor";
 import prettyBytes from "pretty-bytes";
 import PdfViewerModal from "./pdf-viewer/PdfViewerModal.vue";
-import { ElMessageBox, ElTable, ElTableColumn, ElButton, ElDropdown, ElDropdownItem, ElDropdownMenu, ElIcon, ElTag, ElTooltip } from "element-plus";
+import { ElMessageBox, ElTable, ElTableColumn, ElButton, ElDropdown, ElDropdownItem, ElDropdownMenu, ElIcon, ElTag, ElTooltip, ElPopover } from "element-plus";
 import { fa } from "element-plus/es/locales.mjs";
-const props = defineProps();
+const props = withDefaults(defineProps(), {
+    layout: 'list'
+});
 const attachId = defineModel({
     required: false
 });
@@ -371,7 +373,40 @@ watch(() => props.attachToken, () => {
     }
 });
 watch(() => props.classificationLevel, updateAllowedClassificationLevels);
+function getFileIcon(fileName) {
+    if (!fileName)
+        return Document;
+    const ext = fileName.split('.').pop()?.toLowerCase();
+    switch (ext) {
+        case 'jpg':
+        case 'jpeg':
+        case 'png':
+        case 'gif':
+        case 'bmp':
+        case 'webp':
+        case 'svg':
+            return Picture;
+        case 'mp4':
+        case 'mkv':
+        case 'avi':
+        case 'mov':
+        case 'wmv':
+        case 'webm':
+            return VideoPlay;
+        case 'mp3':
+        case 'wav':
+        case 'ogg':
+        case 'flac':
+        case 'm4a':
+            return Headset;
+        default:
+            return Document;
+    }
+}
 debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_withDefaultsArg = (function (t) { return t; })({
+    layout: 'list'
+});
 const __VLS_defaults = {};
 const __VLS_modelEmit = defineEmits();
 const __VLS_ctx = {};
@@ -534,227 +569,417 @@ if (__VLS_ctx.uploadingProgress < 100 && __VLS_ctx.uploadingProgress > 0) {
     });
     (__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: "80",
-}));
-const __VLS_58 = __VLS_57({
-    prop: "classifiedLevel",
-    width: "80",
-}, ...__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;
-    if (scope.row.classifiedLevel < __VLS_ctx.highestClassificationLevel) {
-        const __VLS_64 = {}.ElTooltip;
-        /** @type {[typeof __VLS_components.ElTooltip, typeof __VLS_components.elTooltip, typeof __VLS_components.ElTooltip, typeof __VLS_components.elTooltip, ]} */ ;
+if (__VLS_ctx.layout === 'inline') {
+    __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+        ...{ class: "inline-files" },
+    });
+    for (const [file] of __VLS_getVForSourceType((__VLS_ctx.files))) {
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+            key: (file.id),
+            ...{ class: "inline-file-item" },
+        });
+        const __VLS_44 = {}.ElPopover;
+        /** @type {[typeof __VLS_components.ElPopover, typeof __VLS_components.elPopover, typeof __VLS_components.ElPopover, typeof __VLS_components.elPopover, ]} */ ;
         // @ts-ignore
-        const __VLS_65 = __VLS_asFunctionalComponent(__VLS_64, new __VLS_64({
-            content: "文件密级已高于当前许可范围，请立即删除",
+        const __VLS_45 = __VLS_asFunctionalComponent(__VLS_44, new __VLS_44({
+            placement: "top",
+            width: (300),
+            trigger: "hover",
         }));
-        const __VLS_66 = __VLS_65({
-            content: "文件密级已高于当前许可范围，请立即删除",
-        }, ...__VLS_functionalComponentArgsRest(__VLS_65));
-        __VLS_67.slots.default;
-        const __VLS_68 = {}.ElIcon;
-        /** @type {[typeof __VLS_components.ElIcon, typeof __VLS_components.elIcon, typeof __VLS_components.ElIcon, typeof __VLS_components.elIcon, ]} */ ;
+        const __VLS_46 = __VLS_45({
+            placement: "top",
+            width: (300),
+            trigger: "hover",
+        }, ...__VLS_functionalComponentArgsRest(__VLS_45));
+        __VLS_47.slots.default;
+        {
+            const { reference: __VLS_thisSlot } = __VLS_47.slots;
+            __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+                ...{ class: "inline-file-icon-wrapper" },
+            });
+            const __VLS_48 = {}.ElIcon;
+            /** @type {[typeof __VLS_components.ElIcon, typeof __VLS_components.elIcon, typeof __VLS_components.ElIcon, typeof __VLS_components.elIcon, ]} */ ;
+            // @ts-ignore
+            const __VLS_49 = __VLS_asFunctionalComponent(__VLS_48, new __VLS_48({
+                ...{ class: "file-icon" },
+                size: "20",
+            }));
+            const __VLS_50 = __VLS_49({
+                ...{ class: "file-icon" },
+                size: "20",
+            }, ...__VLS_functionalComponentArgsRest(__VLS_49));
+            __VLS_51.slots.default;
+            const __VLS_52 = ((__VLS_ctx.getFileIcon(file.fileName)));
+            // @ts-ignore
+            const __VLS_53 = __VLS_asFunctionalComponent(__VLS_52, new __VLS_52({}));
+            const __VLS_54 = __VLS_53({}, ...__VLS_functionalComponentArgsRest(__VLS_53));
+            var __VLS_51;
+        }
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+            ...{ class: "file-popover-content" },
+        });
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+            ...{ class: "popover-row" },
+        });
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
+            ...{ class: "label" },
+        });
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
+            ...{ class: "value" },
+        });
+        (file.fileName);
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+            ...{ class: "popover-row" },
+        });
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
+            ...{ class: "label" },
+        });
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
+            ...{ class: "value" },
+        });
+        (__VLS_ctx.prettyBytes(file.fileSize));
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+            ...{ class: "popover-row" },
+        });
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
+            ...{ class: "label" },
+        });
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
+            ...{ class: "value" },
+        });
+        const __VLS_56 = {}.ElTag;
+        /** @type {[typeof __VLS_components.ElTag, typeof __VLS_components.elTag, typeof __VLS_components.ElTag, typeof __VLS_components.elTag, ]} */ ;
         // @ts-ignore
-        const __VLS_69 = __VLS_asFunctionalComponent(__VLS_68, new __VLS_68({
-            color: "#F56C6C",
+        const __VLS_57 = __VLS_asFunctionalComponent(__VLS_56, new __VLS_56({
+            size: "small",
+            type: (file.classifiedLevel < 50 ? (file.classifiedLevel < 30 ? 'danger' : 'warning') : 'info'),
         }));
-        const __VLS_70 = __VLS_69({
-            color: "#F56C6C",
-        }, ...__VLS_functionalComponentArgsRest(__VLS_69));
-        __VLS_71.slots.default;
-        const __VLS_72 = {}.WarningFilled;
-        /** @type {[typeof __VLS_components.WarningFilled, typeof __VLS_components.warningFilled, ]} */ ;
-        // @ts-ignore
-        const __VLS_73 = __VLS_asFunctionalComponent(__VLS_72, new __VLS_72({}));
-        const __VLS_74 = __VLS_73({}, ...__VLS_functionalComponentArgsRest(__VLS_73));
-        var __VLS_71;
-        var __VLS_67;
+        const __VLS_58 = __VLS_57({
+            size: "small",
+            type: (file.classifiedLevel < 50 ? (file.classifiedLevel < 30 ? 'danger' : 'warning') : 'info'),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_57));
+        __VLS_59.slots.default;
+        (__VLS_ctx.classificationLevelMap?.get(file.classifiedLevel));
+        var __VLS_59;
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+            ...{ class: "popover-actions" },
+        });
+        if (__VLS_ctx.checkAllowPreview(file)) {
+            const __VLS_60 = {}.ElButton;
+            /** @type {[typeof __VLS_components.ElButton, typeof __VLS_components.elButton, typeof __VLS_components.ElButton, typeof __VLS_components.elButton, ]} */ ;
+            // @ts-ignore
+            const __VLS_61 = __VLS_asFunctionalComponent(__VLS_60, new __VLS_60({
+                ...{ 'onClick': {} },
+                link: true,
+                type: "primary",
+            }));
+            const __VLS_62 = __VLS_61({
+                ...{ 'onClick': {} },
+                link: true,
+                type: "primary",
+            }, ...__VLS_functionalComponentArgsRest(__VLS_61));
+            let __VLS_64;
+            let __VLS_65;
+            let __VLS_66;
+            const __VLS_67 = {
+                onClick: (...[$event]) => {
+                    if (!(__VLS_ctx.layout === 'inline'))
+                        return;
+                    if (!(__VLS_ctx.checkAllowPreview(file)))
+                        return;
+                    __VLS_ctx.previewFile(file.token);
+                }
+            };
+            __VLS_63.slots.default;
+            var __VLS_63;
+        }
+        if (__VLS_ctx.checkAllowDownload()) {
+            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: "primary",
+            }));
+            const __VLS_70 = __VLS_69({
+                ...{ 'onClick': {} },
+                link: true,
+                type: "primary",
+            }, ...__VLS_functionalComponentArgsRest(__VLS_69));
+            let __VLS_72;
+            let __VLS_73;
+            let __VLS_74;
+            const __VLS_75 = {
+                onClick: (...[$event]) => {
+                    if (!(__VLS_ctx.layout === 'inline'))
+                        return;
+                    if (!(__VLS_ctx.checkAllowDownload()))
+                        return;
+                    __VLS_ctx.downloadFile(file.token);
+                }
+            };
+            __VLS_71.slots.default;
+            var __VLS_71;
+        }
+        if (__VLS_ctx.checkAllowDelete()) {
+            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: "danger",
+            }));
+            const __VLS_78 = __VLS_77({
+                ...{ 'onClick': {} },
+                link: true,
+                type: "danger",
+            }, ...__VLS_functionalComponentArgsRest(__VLS_77));
+            let __VLS_80;
+            let __VLS_81;
+            let __VLS_82;
+            const __VLS_83 = {
+                onClick: (...[$event]) => {
+                    if (!(__VLS_ctx.layout === 'inline'))
+                        return;
+                    if (!(__VLS_ctx.checkAllowDelete()))
+                        return;
+                    __VLS_ctx.delUploadedFile(file);
+                }
+            };
+            __VLS_79.slots.default;
+            var __VLS_79;
+        }
+        var __VLS_47;
     }
 }
-var __VLS_59;
-const __VLS_76 = {}.ElTableColumn;
-/** @type {[typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, ]} */ ;
-// @ts-ignore
-const __VLS_77 = __VLS_asFunctionalComponent(__VLS_76, new __VLS_76({
-    align: "right",
-    width: "150",
-    fixed: "right",
-}));
-const __VLS_78 = __VLS_77({
-    align: "right",
-    width: "150",
-    fixed: "right",
-}, ...__VLS_functionalComponentArgsRest(__VLS_77));
-__VLS_79.slots.default;
-{
-    const { default: __VLS_thisSlot } = __VLS_79.slots;
-    const [scope] = __VLS_getSlotParams(__VLS_thisSlot);
-    if (__VLS_ctx.checkAllowPreview(scope.row)) {
-        const __VLS_80 = {}.ElButton;
-        /** @type {[typeof __VLS_components.ElButton, typeof __VLS_components.elButton, typeof __VLS_components.ElButton, typeof __VLS_components.elButton, ]} */ ;
-        // @ts-ignore
-        const __VLS_81 = __VLS_asFunctionalComponent(__VLS_80, new __VLS_80({
-            ...{ 'onClick': {} },
-            link: true,
-            type: "warning",
-        }));
-        const __VLS_82 = __VLS_81({
-            ...{ 'onClick': {} },
-            link: true,
-            type: "warning",
-        }, ...__VLS_functionalComponentArgsRest(__VLS_81));
-        let __VLS_84;
-        let __VLS_85;
-        let __VLS_86;
-        const __VLS_87 = {
-            onClick: (...[$event]) => {
-                if (!(__VLS_ctx.checkAllowPreview(scope.row)))
-                    return;
-                __VLS_ctx.previewFile(scope.row.token);
-            }
-        };
-        __VLS_83.slots.default;
-        var __VLS_83;
+if (__VLS_ctx.layout === 'list') {
+    __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+        ...{ class: "file-list" },
+        ...{ style: ({ height: typeof props.height === 'number' ? props.height + 'px' : props.height, maxHeight: typeof props.maxHeight === 'number' ? props.maxHeight + 'px' : props.maxHeight }) },
+    });
+    if (__VLS_ctx.files.length === 0) {
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+            ...{ class: "empty-text" },
+        });
     }
-    if (__VLS_ctx.checkAllowDownload()) {
-        const __VLS_88 = {}.ElButton;
-        /** @type {[typeof __VLS_components.ElButton, typeof __VLS_components.elButton, typeof __VLS_components.ElButton, typeof __VLS_components.elButton, ]} */ ;
+    for (const [file] of __VLS_getVForSourceType((__VLS_ctx.files))) {
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+            key: (file.id),
+            ...{ class: "file-item" },
+        });
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+            ...{ class: "file-main" },
+        });
+        const __VLS_84 = {}.ElIcon;
+        /** @type {[typeof __VLS_components.ElIcon, typeof __VLS_components.elIcon, typeof __VLS_components.ElIcon, typeof __VLS_components.elIcon, ]} */ ;
         // @ts-ignore
-        const __VLS_89 = __VLS_asFunctionalComponent(__VLS_88, new __VLS_88({
-            ...{ 'onClick': {} },
-            link: true,
-            type: "primary",
+        const __VLS_85 = __VLS_asFunctionalComponent(__VLS_84, new __VLS_84({
+            ...{ class: "file-icon" },
         }));
-        const __VLS_90 = __VLS_89({
-            ...{ 'onClick': {} },
-            link: true,
-            type: "primary",
-        }, ...__VLS_functionalComponentArgsRest(__VLS_89));
-        let __VLS_92;
-        let __VLS_93;
-        let __VLS_94;
-        const __VLS_95 = {
-            onClick: (...[$event]) => {
-                if (!(__VLS_ctx.checkAllowDownload()))
-                    return;
-                __VLS_ctx.downloadFile(scope.row.token);
-            }
-        };
-        __VLS_91.slots.default;
-        var __VLS_91;
-    }
-    if (__VLS_ctx.checkAllowDelete()) {
-        const __VLS_96 = {}.ElButton;
-        /** @type {[typeof __VLS_components.ElButton, typeof __VLS_components.elButton, typeof __VLS_components.ElButton, typeof __VLS_components.elButton, ]} */ ;
+        const __VLS_86 = __VLS_85({
+            ...{ class: "file-icon" },
+        }, ...__VLS_functionalComponentArgsRest(__VLS_85));
+        __VLS_87.slots.default;
+        const __VLS_88 = ((__VLS_ctx.getFileIcon(file.fileName)));
+        // @ts-ignore
+        const __VLS_89 = __VLS_asFunctionalComponent(__VLS_88, new __VLS_88({}));
+        const __VLS_90 = __VLS_89({}, ...__VLS_functionalComponentArgsRest(__VLS_89));
+        var __VLS_87;
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
+            ...{ class: "file-name" },
+            title: (file.fileName),
+        });
+        (file.fileName);
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+            ...{ class: "file-info-right" },
+        });
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.span, __VLS_intrinsicElements.span)({
+            ...{ class: "file-size" },
+        });
+        (__VLS_ctx.prettyBytes(file.fileSize));
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+            ...{ class: "file-tag" },
+        });
+        const __VLS_92 = {}.ElTag;
+        /** @type {[typeof __VLS_components.ElTag, typeof __VLS_components.elTag, typeof __VLS_components.ElTag, typeof __VLS_components.elTag, ]} */ ;
         // @ts-ignore
-        const __VLS_97 = __VLS_asFunctionalComponent(__VLS_96, new __VLS_96({
-            ...{ 'onClick': {} },
-            link: true,
-            type: "danger",
+        const __VLS_93 = __VLS_asFunctionalComponent(__VLS_92, new __VLS_92({
+            size: "small",
+            type: (file.classifiedLevel < 50 ? (file.classifiedLevel < 30 ? 'danger' : 'warning') : 'info'),
         }));
-        const __VLS_98 = __VLS_97({
-            ...{ 'onClick': {} },
-            link: true,
-            type: "danger",
-        }, ...__VLS_functionalComponentArgsRest(__VLS_97));
-        let __VLS_100;
-        let __VLS_101;
-        let __VLS_102;
-        const __VLS_103 = {
-            onClick: (...[$event]) => {
-                if (!(__VLS_ctx.checkAllowDelete()))
-                    return;
-                __VLS_ctx.delUploadedFile(scope.row);
-            }
-        };
-        __VLS_99.slots.default;
-        var __VLS_99;
+        const __VLS_94 = __VLS_93({
+            size: "small",
+            type: (file.classifiedLevel < 50 ? (file.classifiedLevel < 30 ? 'danger' : 'warning') : 'info'),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_93));
+        __VLS_95.slots.default;
+        (__VLS_ctx.classificationLevelMap?.get(file.classifiedLevel));
+        var __VLS_95;
+        if (file.classifiedLevel < __VLS_ctx.highestClassificationLevel) {
+            const __VLS_96 = {}.ElTooltip;
+            /** @type {[typeof __VLS_components.ElTooltip, typeof __VLS_components.elTooltip, typeof __VLS_components.ElTooltip, typeof __VLS_components.elTooltip, ]} */ ;
+            // @ts-ignore
+            const __VLS_97 = __VLS_asFunctionalComponent(__VLS_96, new __VLS_96({
+                content: "文件密级已高于当前许可范围，请立即删除",
+            }));
+            const __VLS_98 = __VLS_97({
+                content: "文件密级已高于当前许可范围，请立即删除",
+            }, ...__VLS_functionalComponentArgsRest(__VLS_97));
+            __VLS_99.slots.default;
+            const __VLS_100 = {}.ElIcon;
+            /** @type {[typeof __VLS_components.ElIcon, typeof __VLS_components.elIcon, typeof __VLS_components.ElIcon, typeof __VLS_components.elIcon, ]} */ ;
+            // @ts-ignore
+            const __VLS_101 = __VLS_asFunctionalComponent(__VLS_100, new __VLS_100({
+                color: "#F56C6C",
+                ...{ class: "warning-icon" },
+            }));
+            const __VLS_102 = __VLS_101({
+                color: "#F56C6C",
+                ...{ class: "warning-icon" },
+            }, ...__VLS_functionalComponentArgsRest(__VLS_101));
+            __VLS_103.slots.default;
+            const __VLS_104 = {}.WarningFilled;
+            /** @type {[typeof __VLS_components.WarningFilled, typeof __VLS_components.warningFilled, ]} */ ;
+            // @ts-ignore
+            const __VLS_105 = __VLS_asFunctionalComponent(__VLS_104, new __VLS_104({}));
+            const __VLS_106 = __VLS_105({}, ...__VLS_functionalComponentArgsRest(__VLS_105));
+            var __VLS_103;
+            var __VLS_99;
+        }
+        __VLS_asFunctionalElement(__VLS_intrinsicElements.div, __VLS_intrinsicElements.div)({
+            ...{ class: "file-actions" },
+        });
+        if (__VLS_ctx.checkAllowPreview(file)) {
+            const __VLS_108 = {}.ElButton;
+            /** @type {[typeof __VLS_components.ElButton, typeof __VLS_components.elButton, typeof __VLS_components.ElButton, typeof __VLS_components.elButton, ]} */ ;
+            // @ts-ignore
+            const __VLS_109 = __VLS_asFunctionalComponent(__VLS_108, new __VLS_108({
+                ...{ 'onClick': {} },
+                link: true,
+                type: "primary",
+            }));
+            const __VLS_110 = __VLS_109({
+                ...{ 'onClick': {} },
+                link: true,
+                type: "primary",
+            }, ...__VLS_functionalComponentArgsRest(__VLS_109));
+            let __VLS_112;
+            let __VLS_113;
+            let __VLS_114;
+            const __VLS_115 = {
+                onClick: (...[$event]) => {
+                    if (!(__VLS_ctx.layout === 'list'))
+                        return;
+                    if (!(__VLS_ctx.checkAllowPreview(file)))
+                        return;
+                    __VLS_ctx.previewFile(file.token);
+                }
+            };
+            __VLS_111.slots.default;
+            var __VLS_111;
+        }
+        if (__VLS_ctx.checkAllowDownload()) {
+            const __VLS_116 = {}.ElButton;
+            /** @type {[typeof __VLS_components.ElButton, typeof __VLS_components.elButton, typeof __VLS_components.ElButton, typeof __VLS_components.elButton, ]} */ ;
+            // @ts-ignore
+            const __VLS_117 = __VLS_asFunctionalComponent(__VLS_116, new __VLS_116({
+                ...{ 'onClick': {} },
+                link: true,
+                type: "primary",
+            }));
+            const __VLS_118 = __VLS_117({
+                ...{ 'onClick': {} },
+                link: true,
+                type: "primary",
+            }, ...__VLS_functionalComponentArgsRest(__VLS_117));
+            let __VLS_120;
+            let __VLS_121;
+            let __VLS_122;
+            const __VLS_123 = {
+                onClick: (...[$event]) => {
+                    if (!(__VLS_ctx.layout === 'list'))
+                        return;
+                    if (!(__VLS_ctx.checkAllowDownload()))
+                        return;
+                    __VLS_ctx.downloadFile(file.token);
+                }
+            };
+            __VLS_119.slots.default;
+            var __VLS_119;
+        }
+        if (__VLS_ctx.checkAllowDelete()) {
+            const __VLS_124 = {}.ElButton;
+            /** @type {[typeof __VLS_components.ElButton, typeof __VLS_components.elButton, typeof __VLS_components.ElButton, typeof __VLS_components.elButton, ]} */ ;
+            // @ts-ignore
+            const __VLS_125 = __VLS_asFunctionalComponent(__VLS_124, new __VLS_124({
+                ...{ 'onClick': {} },
+                link: true,
+                type: "danger",
+            }));
+            const __VLS_126 = __VLS_125({
+                ...{ 'onClick': {} },
+                link: true,
+                type: "danger",
+            }, ...__VLS_functionalComponentArgsRest(__VLS_125));
+            let __VLS_128;
+            let __VLS_129;
+            let __VLS_130;
+            const __VLS_131 = {
+                onClick: (...[$event]) => {
+                    if (!(__VLS_ctx.layout === 'list'))
+                        return;
+                    if (!(__VLS_ctx.checkAllowDelete()))
+                        return;
+                    __VLS_ctx.delUploadedFile(file);
+                }
+            };
+            __VLS_127.slots.default;
+            var __VLS_127;
+        }
     }
 }
-var __VLS_79;
-var __VLS_47;
 /** @type {[typeof PdfViewerModal, typeof PdfViewerModal, ]} */ ;
 // @ts-ignore
-const __VLS_104 = __VLS_asFunctionalComponent(PdfViewerModal, new PdfViewerModal({
+const __VLS_132 = __VLS_asFunctionalComponent(PdfViewerModal, new PdfViewerModal({
     src: (__VLS_ctx.pdfSrc),
     modelValue: (__VLS_ctx.pdfViewerVisible),
 }));
-const __VLS_105 = __VLS_104({
+const __VLS_133 = __VLS_132({
     src: (__VLS_ctx.pdfSrc),
     modelValue: (__VLS_ctx.pdfViewerVisible),
-}, ...__VLS_functionalComponentArgsRest(__VLS_104));
+}, ...__VLS_functionalComponentArgsRest(__VLS_132));
 /** @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']} */ ;
+/** @type {__VLS_StyleScopedClasses['inline-files']} */ ;
+/** @type {__VLS_StyleScopedClasses['inline-file-item']} */ ;
+/** @type {__VLS_StyleScopedClasses['inline-file-icon-wrapper']} */ ;
+/** @type {__VLS_StyleScopedClasses['file-icon']} */ ;
+/** @type {__VLS_StyleScopedClasses['file-popover-content']} */ ;
+/** @type {__VLS_StyleScopedClasses['popover-row']} */ ;
+/** @type {__VLS_StyleScopedClasses['label']} */ ;
+/** @type {__VLS_StyleScopedClasses['value']} */ ;
+/** @type {__VLS_StyleScopedClasses['popover-row']} */ ;
+/** @type {__VLS_StyleScopedClasses['label']} */ ;
+/** @type {__VLS_StyleScopedClasses['value']} */ ;
+/** @type {__VLS_StyleScopedClasses['popover-row']} */ ;
+/** @type {__VLS_StyleScopedClasses['label']} */ ;
+/** @type {__VLS_StyleScopedClasses['value']} */ ;
+/** @type {__VLS_StyleScopedClasses['popover-actions']} */ ;
+/** @type {__VLS_StyleScopedClasses['file-list']} */ ;
+/** @type {__VLS_StyleScopedClasses['empty-text']} */ ;
+/** @type {__VLS_StyleScopedClasses['file-item']} */ ;
+/** @type {__VLS_StyleScopedClasses['file-main']} */ ;
+/** @type {__VLS_StyleScopedClasses['file-icon']} */ ;
+/** @type {__VLS_StyleScopedClasses['file-name']} */ ;
+/** @type {__VLS_StyleScopedClasses['file-info-right']} */ ;
+/** @type {__VLS_StyleScopedClasses['file-size']} */ ;
+/** @type {__VLS_StyleScopedClasses['file-tag']} */ ;
+/** @type {__VLS_StyleScopedClasses['warning-icon']} */ ;
+/** @type {__VLS_StyleScopedClasses['file-actions']} */ ;
 var __VLS_dollars;
 const __VLS_self = (await import('vue')).defineComponent({
     setup() {
@@ -765,8 +990,6 @@ const __VLS_self = (await import('vue')).defineComponent({
             WarningFilled: WarningFilled,
             prettyBytes: prettyBytes,
             PdfViewerModal: PdfViewerModal,
-            ElTable: ElTable,
-            ElTableColumn: ElTableColumn,
             ElButton: ElButton,
             ElDropdown: ElDropdown,
             ElDropdownItem: ElDropdownItem,
@@ -774,6 +997,7 @@ const __VLS_self = (await import('vue')).defineComponent({
             ElIcon: ElIcon,
             ElTag: ElTag,
             ElTooltip: ElTooltip,
+            ElPopover: ElPopover,
             loading: loading,
             files: files,
             allowedClassificationLevels: allowedClassificationLevels,
@@ -794,10 +1018,12 @@ const __VLS_self = (await import('vue')).defineComponent({
             checkAllowDownload: checkAllowDownload,
             checkAllowDelete: checkAllowDelete,
             checkAllowPreview: checkAllowPreview,
+            getFileIcon: getFileIcon,
         };
     },
     __typeEmits: {},
     __typeProps: {},
+    props: {},
 });
 export default (await import('vue')).defineComponent({
     setup() {
@@ -805,6 +1031,7 @@ export default (await import('vue')).defineComponent({
     },
     __typeEmits: {},
     __typeProps: {},
+    props: {},
 });
 ; /* PartiallyEnd: #4569/main.vue */
 //# sourceMappingURL=uploader.vue.js.map