From b9843c6faf1a6c682e709717f8cc6bed5b4db68d Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: Sun, 30 Mar 2025 12:32:58 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E5=9B=BE=E7=89=87/=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=E4=B8=8A=E4=BC=A0=E9=83=BD=E6=94=AF=E6=8C=81=E6=8B=96?=
 =?UTF-8?q?=E6=8B=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/upload/src/file-upload.vue        | 12 +++++-------
 .../src/components/upload/src/image-upload.vue       |  1 +
 apps/web-antd/src/components/upload/src/props.d.ts   |  5 +++++
 .../src/views/演示使用自行删除/upload/index.vue      |  7 ++++++-
 4 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/apps/web-antd/src/components/upload/src/file-upload.vue b/apps/web-antd/src/components/upload/src/file-upload.vue
index 6b768789..f76d6525 100644
--- a/apps/web-antd/src/components/upload/src/file-upload.vue
+++ b/apps/web-antd/src/components/upload/src/file-upload.vue
@@ -17,13 +17,7 @@ import { uploadApi } from '#/api';
 import { defaultFileAcceptExts, defaultFilePreview } from './helper';
 import { useUpload } from './hook';
 
-interface FileUploadProps extends BaseUploadProps {
-  /**
-   * 是否支持拖拽上传
-   * @default false
-   */
-  enableDragUpload?: boolean;
-}
+interface FileUploadProps extends BaseUploadProps {}
 
 const props = withDefaults(defineProps<FileUploadProps>(), {
   api: () => uploadApi,
@@ -64,6 +58,10 @@ const {
 } = useUpload(props, ossIdList);
 </script>
 
+<!--
+Upload.Dragger只会影响样式
+使用普通Upload也是支持拖拽上传的
+-->
 <template>
   <div>
     <CurrentUploadComponent
diff --git a/apps/web-antd/src/components/upload/src/image-upload.vue b/apps/web-antd/src/components/upload/src/image-upload.vue
index 3d482288..f817ad83 100644
--- a/apps/web-antd/src/components/upload/src/image-upload.vue
+++ b/apps/web-antd/src/components/upload/src/image-upload.vue
@@ -41,6 +41,7 @@ const props = withDefaults(defineProps<ImageUploadProps>(), {
   disabled: false,
   listType: 'picture-card',
   helpMessage: true,
+  enableDragUpload: false,
 });
 
 // 双向绑定 ossId
diff --git a/apps/web-antd/src/components/upload/src/props.d.ts b/apps/web-antd/src/components/upload/src/props.d.ts
index 0157f060..077aded0 100644
--- a/apps/web-antd/src/components/upload/src/props.d.ts
+++ b/apps/web-antd/src/components/upload/src/props.d.ts
@@ -64,6 +64,11 @@ export interface BaseUploadProps {
    * @default false
    */
   directory?: boolean;
+  /**
+   * 是否支持拖拽上传
+   * @default false
+   */
+  enableDragUpload?: boolean;
   /**
    * 是否开启深度监听
    * 默认外部的数组地址重新改变才会触发watch 不会监听内部元素的变化
diff --git a/apps/web-antd/src/views/演示使用自行删除/upload/index.vue b/apps/web-antd/src/views/演示使用自行删除/upload/index.vue
index 3e386548..c64d1101 100644
--- a/apps/web-antd/src/views/演示使用自行删除/upload/index.vue
+++ b/apps/web-antd/src/views/演示使用自行删除/upload/index.vue
@@ -86,7 +86,12 @@ function customAccept(accept: string) {
           :max-count="3"
           :enable-drag-upload="true"
         />
-        当前绑定值: {{ multipleFileId }}
+        <ImageUpload
+          class="mt-3"
+          v-model:value="multipleImageId"
+          :enable-drag-upload="true"
+          :max-count="6"
+        />
       </Card>
 
       <Card title="禁用上传" size="small">