feat(Upload): 文件上传增加删除事件

Author: D-xuanmo

docs/src/pages/components/mobile/upload.md

@@ -104,6 +104,7 @@ app.use(DUpload)
 |exceed-count|文件个数超出限制|-|
 |success|文件上传成功回调|`value: Response`|
 |error|文件上传失败回调|`value: Response`|
+|remove|文件删除回调|`value: { index: number, item: UploadListItemType }`|
 
 ### TypeScript 类型
 

packages/dl-ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xuanmo/dl-ui",
-  "version": "0.0.5-beta.42",
+  "version": "0.0.5-beta.43",
   "author": {
     "name": "xuanmo",
     "email": "me@xuanmo.xin"

packages/dl-ui/src/upload/upload.vue

@@ -41,7 +41,15 @@ export default defineComponent({
     UploadList
   },
   props: UPLOAD_PROPS,
-  emits: ['update:model-value', 'change', 'success', 'error', 'exceed-count', 'exceed-size'],
+  emits: [
+    'update:model-value',
+    'change',
+    'success',
+    'error',
+    'exceed-count',
+    'exceed-size',
+    'remove'
+  ],
   setup(props, { emit }) {
     const { emit: formEventEmit } = useFormEvent(props.model!)
     const wrapperClassName = bem()
@@ -168,7 +176,8 @@ export default defineComponent({
 
     const handleDeleteItem = (index: number) => {
       const newValue = deepCopy(props.modelValue)
-      newValue.splice(index, 1)
+      const item = newValue.splice(index, 1)[0]
+      emit('remove', { index, item })
       emit('update:model-value', newValue)
     }