update

.eslintrc-auto-import.json

@@ -115,6 +115,7 @@
     "useArrayFilter": true,
     "useArrayFind": true,
     "useArrayFindIndex": true,
+    "useArrayFindLast": true,
     "useArrayJoin": true,
     "useArrayMap": true,
     "useArrayReduce": true,

auto-imports.d.ts

-// Generated by 'unplugin-auto-import'
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-auto-import
 export {}
 declare global {
   const $$: typeof import('vue/macros')['$$']
@@ -109,6 +112,7 @@ declare global {
   const useArrayFilter: typeof import('@vueuse/core')['useArrayFilter']
   const useArrayFind: typeof import('@vueuse/core')['useArrayFind']
   const useArrayFindIndex: typeof import('@vueuse/core')['useArrayFindIndex']
+  const useArrayFindLast: typeof import('@vueuse/core')['useArrayFindLast']
   const useArrayJoin: typeof import('@vueuse/core')['useArrayJoin']
   const useArrayMap: typeof import('@vueuse/core')['useArrayMap']
   const useArrayReduce: typeof import('@vueuse/core')['useArrayReduce']
@@ -276,5 +280,5 @@ declare global {
 // for type re-export
 declare global {
   // @ts-ignore
-  export type { Component,ComponentPublicInstance,ComputedRef,InjectionKey,PropType,Ref,VNode } from 'vue'
+  export type { Component, ComponentPublicInstance, ComputedRef, InjectionKey, PropType, Ref, VNode } from 'vue'
 }

src/components/base/AppUpload copy.vue

-<script lang="ts" setup>
-import { ElMessage } from 'element-plus'
-import { Plus } from '@element-plus/icons-vue'
-import type { UploadProps, UploadUserFile } from 'element-plus'
-import md5 from 'blueimp-md5'
-import { getSignature } from '@/api/base'
-
-const props = withDefaults(
-  defineProps<{
-    modelValue: string | []
-    prefix?: string
-    size?: number
-    beforeUploadFiles?: (file: any) => boolean | void
-    onChange?: (file: any, files: any) => void
-  }>(),
-  {
-    prefix: 'upload/admin/'
-  }
-)
-
-const emit = defineEmits(['update:modelValue'])
-
-const uploadData = ref()
-
-const fileList = ref<UploadUserFile[]>([])
-
-watch(
-  () => props.modelValue,
-  value => {
-    fileList.value = Array.isArray(value) ? [...value] : []
-  }
-)
-
-const showFileList = computed(() => {
-  return Array.isArray(props.modelValue)
-})
-
-// 上传之前
-const handleBeforeUpload = async (file: any) => {
-  const fileName = file.name
-  const key = props.prefix + md5(fileName + new Date().getTime()) + '/' + fileName
-  const response: Record<string, any> = await getSignature()
-  uploadData.value = {
-    key,
-    OSSAccessKeyId: response.accessid,
-    policy: response.policy,
-    signature: response.signature,
-    success_action_status: '200',
-    url: `${response.host}/${key}`
-  }
-  file.url = `${response.host}/${key}`
-  if (props.beforeUploadFiles) {
-    return props.beforeUploadFiles(file)
-  }
-}
-
-// 上传成功
-const handleSuccess: UploadProps['onSuccess'] = (response, file: any, files: any) => {
-  if (!files.every((item: any) => item.status === 'success')) return
-  if (showFileList.value) {
-    emit(
-      'update:modelValue',
-      files.map((item: any) => {
-        return {
-          name: item.name,
-          url: item.url || item.raw.url,
-          size: item.size || item.raw.size,
-          type: item.type || item.raw.type
-        }
-      })
-    )
-  } else {
-    emit('update:modelValue', file.raw.url)
-  }
-}
-
-// 上传限制
-const handleExceed: UploadProps['onExceed'] = () => {
-  ElMessage.warning('文件超出个数限制')
-}
-
-// 删除
-const handleRemove: UploadProps['onRemove'] = (uploadFile, uploadFiles) => {
-  if (showFileList.value) {
-    emit(
-      'update:modelValue',
-      uploadFiles.map((item: any) => {
-        return { name: item.name, url: item.url || item.raw.url, size: item.size, type: item.type }
-      })
-    )
-  } else {
-    emit('update:modelValue', '')
-  }
-}
-
-// 预览
-const handlePreview: UploadProps['onPreview'] = uploadFile => {
-  console.log(uploadFile)
-}
-</script>
-
-<template>
-  <el-upload
-    action="https://webapp-pub.oss-cn-beijing.aliyuncs.com"
-    :data="uploadData"
-    :show-file-list="showFileList"
-    :before-upload="handleBeforeUpload"
-    :on-exceed="handleExceed"
-    :on-remove="handleRemove"
-    :on-preview="handlePreview"
-    :on-success="handleSuccess"
-    :file-list="fileList"
-    class="uploader"
-  >
-    <template v-if="showFileList">
-      <template v-if="$attrs['list-type'] === 'picture-card'">
-        <el-icon><Plus /></el-icon>
-      </template>
-      <template v-else-if="props.beforeUploadFiles">
-        <el-button type="primary" size="default" round>上传图片/视频附件</el-button>
-      </template>
-      <template v-else>
-        <el-button type="primary" class="app-upload-btn">点击上传</el-button>
-      </template>
-    </template>
-    <div class="avatar-uploader" v-else>
-      <el-image :src="(modelValue as string)" fit="contain" v-if="modelValue" />
-      <el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
-    </div>
-    <template #tip>
-      <div class="el-upload__tip"><slot name="tip"></slot></div>
-    </template>
-  </el-upload>
-</template>
-
-<style lang="scss">
-.uploader {
-  flex: 1;
-}
-.avatar-uploader {
-  width: 178px;
-  height: 178px;
-  border: 1px dashed var(--el-border-color);
-  border-radius: 6px;
-  cursor: pointer;
-  position: relative;
-  overflow: hidden;
-  transition: var(--el-transition-duration-fast);
-  .el-image {
-    width: 100%;
-    height: 100%;
-  }
-}
-.avatar-uploader:hover {
-  border-color: var(--el-color-primary);
-}
-.avatar-uploader-icon {
-  font-size: 28px;
-  color: #8c939d;
-  width: 100%;
-  height: 100%;
-  text-align: center;
-}
-</style>