From b3e2d758f60106d503b9242b879b95787a4dec2e Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: Sat, 29 Mar 2025 21:24:11 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20deepWatch=E5=8F=82=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-antd/src/components/upload/src/hook.ts           | 4 ++--
 apps/web-antd/src/components/upload/src/props.d.ts        | 7 +++++++
 apps/web-antd/src/views/演示使用自行删除/upload/index.vue | 6 +++++-
 3 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/apps/web-antd/src/components/upload/src/hook.ts b/apps/web-antd/src/components/upload/src/hook.ts
index 6ac9f840..71e1e254 100644
--- a/apps/web-antd/src/components/upload/src/hook.ts
+++ b/apps/web-antd/src/components/upload/src/hook.ts
@@ -229,7 +229,7 @@ export function useUpload(
   }
 
   /**
-   * 这里只监听list地址变化 即重新赋值才会触发watch
+   * 这里默认只监听list地址变化 即重新赋值才会触发watch
    * immediate用于初始化触发
    */
   watch(
@@ -251,7 +251,7 @@ export function useUpload(
       }
       innerFileList.value = resp.map((item) => transformFile(item));
     },
-    { immediate: true },
+    { immediate: true, deep: props.deepWatch },
   );
 
   return {
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 5ae0e509..bad8b15b 100644
--- a/apps/web-antd/src/components/upload/src/props.d.ts
+++ b/apps/web-antd/src/components/upload/src/props.d.ts
@@ -59,4 +59,11 @@ export interface BaseUploadProps {
    * @default false
    */
   directory?: boolean;
+  /**
+   * 是否开启深度监听
+   * 默认外部的数组地址重新改变才会触发watch 不会监听内部元素的变化
+   * 开启后 无论内部还是外部改变都会触发查询信息接口(包括上传后, 删除等操作都会触发)
+   * @default false
+   */
+  deepWatch?: boolean;
 }
diff --git a/apps/web-antd/src/views/演示使用自行删除/upload/index.vue b/apps/web-antd/src/views/演示使用自行删除/upload/index.vue
index b172b801..48ae97d4 100644
--- a/apps/web-antd/src/views/演示使用自行删除/upload/index.vue
+++ b/apps/web-antd/src/views/演示使用自行删除/upload/index.vue
@@ -35,7 +35,11 @@ function handlePreview(file: UploadFile) {
       </Card>
 
       <Card title="多图片上传, maxCount参数控制" size="small">
-        <ImageUpload v-model:value="multipleImageId" :max-count="3" />
+        <ImageUpload
+          v-model:value="multipleImageId"
+          :max-count="3"
+          :deep-watch="true"
+        />
         当前绑定值: {{ multipleImageId }}
       </Card>