@jari-ace/element-plus-component 0.3.4 → 0.4.1

package/packages/components/upload/README.md

@@ -0,0 +1,24 @@
+# JaUploader 上传组件
+
+`JaUploader` 是基于 Uppy 的文件上传组件，集成了 `JaForm` 表单上下文注入。
+
+## 组件用途
+
+用于在 `JaForm` 中上传和管理文件附件。
+
+## 属性 API
+
+| 属性名 | 类型 | 默认值 | 说明 |
+| :--- | :--- | :--- | :--- |
+| `serviceName` | `string` | - | 应用服务名称 |
+| `configKey` | `string` | - | 附件配置 Key |
+| `attachToken` | `string` | - | 附件 Token |
+| `classificationLevel` | `number` | - | 数据密级 |
+| `height` | `string \| number` | - | 文件列表高度 |
+| `maxHeight` | `string \| number` | - | 文件列表最大高度 |
+
+## 使用示例
+
+```vue
+<ja-uploader serviceName="my-app" configKey="default" />
+```

package/packages/components/upload/index.ts

@@ -1,6 +1,8 @@
 import { withInstall } from '../../utils/install'
 import Upload from './uploader.vue'
 import _JaUploader from './JaUploader.vue'
+import _FilePreviewer from './FilePreviewer.vue'
 export const JaUploader = withInstall(_JaUploader);
 export const JaUploaderRaw = withInstall(Upload);
+export const JaFilePreviewer = withInstall(_FilePreviewer);
 export * from './types'

package/packages/components/upload/uploader.vue

@@ -1,10 +1,13 @@
 <script setup lang="ts">
 import {
+    type ClassificationLevel,
     createAxiosWithoutCache,
-    type FileInfo, Jari,
+    type FileInfo,
+    Jari,
+    type UploadInitParams,
     useFilesApi,
-    useLoginUser,
-    type ClassificationLevel, type UploadInitParams, useLoading
+    useLoading,
+    useLoginUser
 } from "@jari-ace/app-bolts";
 import { nextTick, onMounted, onUnmounted, ref, watch } from "vue";
 import { ArrowDown, Download, Upload } from "@element-plus/icons-vue";
@@ -67,7 +70,23 @@ const props = defineProps<{
     /**
      * 文件列表最大高度
      */
-    maxHeight?: string | number
+    maxHeight?: string | number,
+    /**
+     * 是否允许上传, 为空表示采用应用里的附件设置
+     */
+    allowUpload?: boolean,
+    /**
+     * 是否允许下载，为空表示采用应用里的附件设置
+     */
+    allowDownload?: boolean,
+    /**
+     * 是否允许删除，为空表示采用应用里的附件设置
+     */
+    allowDelete?: boolean,
+    /**
+     * 是否允许预览，为空表示采用应用里的附件设置
+     */
+    allowPreview?: boolean,
 }>();
 const attachId = defineModel<string>({
     required: false
@@ -393,66 +412,71 @@ async function downloadAll() {
 }
 
 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);
+    if (props.allowUpload == undefined) {
+        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 && hasRole;
+            return !cfg.disallowUpload;
         }
-        return !cfg.disallowUpload;
+        console.log('file cfg is null')
     }
-    console.log('file cfg is null')
-    return false;
+    return props.allowUpload;
 }
 
 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);
+    if (props.allowDownload == undefined) {
+        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 && hasRole;
+            return !cfg.disallowDownload;
         }
-        return !cfg.disallowDownload;
     }
-    return false;
+    return props.allowDownload;
 }
 
 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);
+    if (props.allowDelete == undefined) {
+        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 && hasRole;
+            return !cfg.disallowDelete;
         }
-        return !cfg.disallowDelete;
     }
-    return false;
+    return props.allowDelete;
 }
 
 function checkAllowPreview(file: FileInfo) {
-    const cfg = uploadInitParams.value?.fileConfig;
-    if (cfg) {
-        if (cfg.disablePreview) {
-            return false;
-        }
-        if (!previewableFileExts.some(ext => file.fileName.endsWith(ext))) {
-            return false;
+    if (props.allowPreview == undefined) {
+        const cfg = uploadInitParams.value?.fileConfig;
+        if (cfg) {
+            if (cfg.disablePreview) {
+                return false;
+            }
+            return previewableFileExts.some(ext => file.fileName.endsWith(ext));
         }
-        return true;
     }
-    return false;
+    return props.allowPreview;
 }
 
 watch(() => props.attachToken, () => {