feat: deepWatch参数

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 {

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;
 }

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>