From c306d6bb359f2a55100629e75d0e489dcfd9ccd5 Mon Sep 17 00:00:00 2001
From: zhaojinfeng <121016171@qq.com>
Date: Thu, 14 Sep 2023 13:11:13 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20listType=E5=8F=82=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/upload-list/index.vue | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/packages/upload-list/index.vue b/packages/upload-list/index.vue
index 183db85..dbcb5df 100644
--- a/packages/upload-list/index.vue
+++ b/packages/upload-list/index.vue
@@ -1,8 +1,8 @@
 <!--
  * @Author: zhaojinfeng 121016171@qq.com
  * @Date: 2023-08-16 17:33:41
- * @LastEditors: peerless_hero peerless_hero@outlook.com
- * @LastEditTime: 2023-08-30 15:24:13
+ * @LastEditors: zhaojinfeng 121016171@qq.com
+ * @LastEditTime: 2023-09-14 12:57:29
  * @FilePath: \vue3\packages\upload-list\index.vue
  * @Description:
  *
@@ -14,12 +14,16 @@
     :disabled="disabled"
     :before-upload="beforeUpload"
     :http-request="httpRequest"
+    :list-type="listType"
     @preview="preview"
     @success="success"
     @remove="remove"
   >
     <slot>
-      <el-button type="primary" plain :disabled="disabled">
+      <el-icon v-if="listType === 'picture-card'">
+        <Plus />
+      </el-icon>
+      <el-button v-else type="primary" plain :disabled="disabled">
         点击上传
       </el-button>
     </slot>
@@ -27,6 +31,7 @@
 </template>
 
 <script lang="ts" setup name="ThUploadList">
+import { Plus } from '@element-plus/icons-vue'
 import type { UploadFile, UploadFiles, UploadRawFile, UploadRequestOptions, UploadUserFile } from 'element-plus'
 
 const props = withDefaults(
@@ -43,6 +48,8 @@ const props = withDefaults(
     disabled?: boolean
     /** 最大上传大小（Mb） */
     maxsize?: number
+    /** 文件列表的类型 */
+    listType?: 'text' | 'picture' | 'picture-card'
   }>(), {
     fileList: () => [],
     maxsize: 100,