From 425e4a9f34693d9828bc8cf2e5ef2d75c5037864 Mon Sep 17 00:00:00 2001
From: YunYouJun <me@yunyoujun.cn>
Date: Fri, 11 Mar 2022 22:34:00 +0800
Subject: [PATCH] refactor(components): upload conent with props by tsx

---
 packages/components/upload/src/upload.vue | 68 ++++++++++-------------
 1 file changed, 30 insertions(+), 38 deletions(-)

diff --git a/packages/components/upload/src/upload.vue b/packages/components/upload/src/upload.vue
index 0eabb190a3..e23b93cdf2 100644
--- a/packages/components/upload/src/upload.vue
+++ b/packages/components/upload/src/upload.vue
@@ -35,7 +35,7 @@
     </upload-list>
   </div>
 </template>
-<script lang="ts" setup>
+<script lang="tsx" setup>
 import {
   computed,
   provide,
@@ -104,43 +104,35 @@ const slots = useSlots()
 
 const UploadContentWithProps = defineComponent({
   render() {
-    return h(
-      UploadContent,
-      {
-        ref: 'uploadRef',
-        type: props.type,
-        drag: props.drag,
-        action: props.action,
-        multiple: props.multiple,
-        withCredentials: props.withCredentials,
-        headers: props.headers,
-        method: props.method,
-        name: props.name,
-        data: props.data,
-        accept: props.accept,
-        autoUpload: props.autoUpload,
-        listType: props.listType,
-        disabled: props.disabled,
-        limit: props.limit,
-        fileList: props.fileList,
-        httpRequest: props.httpRequest,
-        beforeUpload: props.beforeUpload,
-        onExceed: props.onExceed,
-        onStart: handleStart,
-        onProgress: handleProgress,
-        onSuccess: handleSuccess,
-        onError: handleError,
-        onRemove: handleRemove,
-      },
-      {
-        default: () => {
-          if (slots.trigger) {
-            return slots.trigger()
-          } else if (slots.default) {
-            return slots.default()
-          }
-        },
-      }
+    return (
+      <UploadContent
+        ref={'uploadRef'}
+        type={props.type}
+        drag={props.drag}
+        action={props.action}
+        multiple={props.multiple}
+        withCredentials={props.withCredentials}
+        headers={props.headers}
+        method={props.method}
+        name={props.name}
+        data={props.data}
+        accept={props.accept}
+        autoUpload={props.autoUpload}
+        listType={props.listType}
+        disabled={props.disabled}
+        limit={props.limit}
+        fileList={uploadFiles.value}
+        httpRequest={props.httpRequest}
+        beforeUpload={props.beforeUpload}
+        onExceed={props.onExceed}
+        onStart={handleStart}
+        onProgress={handleProgress}
+        onSuccess={handleSuccess}
+        onError={handleError}
+        onRemove={handleRemove}
+      >
+        {slots.trigger ? slots.trigger() : slots.default && slots.default()}
+      </UploadContent>
     )
   },
 })