fix(attachments): fix onRemove no work (#204)

* fix(attachments): fix onRemove no work

* docs(attachments): update on-remove description

Author: wzc520pyfm

docs/component/attachments.md

@@ -96,7 +96,7 @@ interface PlaceholderType {
 | 属性 | 说明 | 类型 | 默认值 | 版本 |
 | --- | --- | --- | --- | --- |
 | item | 附件，同 Upload `UploadFile` | Attachment | - | - |
-| onRemove | 附件移除时的回调函数 | (item: Attachment) => void | - | - |
+| onRemove | 点击移除文件时的回调，返回值为 false 时不移除。支持返回一个 Promise 对象，Promise 对象 resolve(false) 或 reject 时不移除 | (item: Attachment) => boolean \| Promise | - | - |
 
 ## Semantic DOM
 

src/attachments/Attachments.vue

@@ -26,6 +26,7 @@ const {
   getDropContainer,
   placeholder,
   onChange,
+  onRemove,
   overflow,
   imageProps,
   disabled,
@@ -78,13 +79,19 @@ const mergedUploadProps = computed<UploadProps>(() => ({
   onChange: triggerChange,
 }));
 
-const onItemRemove = (item: Attachment) => {
-  const newFileList = fileList.value.filter((fileItem) => fileItem.uid !== item.uid);
-  triggerChange({
-    file: item,
-    fileList: newFileList,
+const onItemRemove = (item: Attachment) =>
+  Promise.resolve(typeof onRemove === 'function' ? onRemove(item) : onRemove).then((ret) => {
+    // Prevent removing file
+    if (ret === false) {
+      return;
+    }
+
+    const newFileList = fileList.value.filter((fileItem) => fileItem.uid !== item.uid);
+    triggerChange({
+      file: { ...item, status: 'removed' },
+      fileList: newFileList,
+    });
   });
-};
 
 const getPlaceholderNode = (
   type: 'inline' | 'drop',