fix(Upload): fix global icon replacement (#3244)

src/upload/themes/multiple-flow-list.tsx

@@ -7,12 +7,12 @@ import {
   CheckCircleFilledIcon as TdCheckCircleFilledIcon,
   ErrorCircleFilledIcon as TdErrorCircleFilledIcon,
   TimeFilledIcon as TdTimeFilledIcon,
-  FileExcelIcon,
-  FilePdfIcon,
-  FileWordIcon,
-  FilePowerpointIcon,
-  FileIcon,
-  VideoIcon,
+  FileExcelIcon as TdFileExcelIcon,
+  FilePdfIcon as TdFilePdfIcon,
+  FileWordIcon as TdFileWordIcon,
+  FilePowerpointIcon as TdFilePowerpointIcon,
+  FileIcon as TdFileIcon,
+  VideoIcon as TdVideoIcon,
 } from 'tdesign-icons-vue';
 import isFunction from 'lodash/isFunction';
 import isObject from 'lodash/isObject';
@@ -81,6 +81,12 @@ export default defineComponent({
       CheckCircleFilledIcon: TdCheckCircleFilledIcon,
       ErrorCircleFilledIcon: TdErrorCircleFilledIcon,
       TimeFilledIcon: TdTimeFilledIcon,
+      FileExcelIcon: TdFileExcelIcon,
+      FilePdfIcon: TdFilePdfIcon,
+      FileWordIcon: TdFileWordIcon,
+      FilePowerpointIcon: TdFilePowerpointIcon,
+      FileIcon: TdFileIcon,
+      VideoIcon: TdVideoIcon,
     });
 
     const drag = useDrag(props.dragEvents, accept);
@@ -371,6 +377,10 @@ export default defineComponent({
     },
 
     getFileThumbnailIcon(fileType: string) {
+      const {
+        FilePdfIcon, FileExcelIcon, FileWordIcon, FilePowerpointIcon, VideoIcon, FileIcon,
+      } = this.icons;
+
       if (FILE_PDF_REGEXP.test(fileType)) {
         return <FilePdfIcon />;
       }

src/upload/upload.tsx

@@ -1,5 +1,5 @@
 import { computed, defineComponent, SetupContext } from '@vue/composition-api';
-import { UploadIcon } from 'tdesign-icons-vue';
+import { UploadIcon as TdUploadIcon } from 'tdesign-icons-vue';
 import useFormDisabled from '../hooks/useFormDisabled';
 import props from './props';
 import NormalFile from './themes/normal-file';
@@ -13,6 +13,8 @@ import { UploadDragEvents } from './hooks/useDrag';
 import CustomFile from './themes/custom-file';
 import { renderContent, renderTNodeJSX } from '../utils/render-tnode';
 
+import useGlobalIcon from '../hooks/useGlobalIcon';
+
 export default defineComponent({
   name: 'TUpload',
 
@@ -40,6 +42,9 @@ export default defineComponent({
     } = uploadData;
 
     const tDisabled = computed<boolean>(() => formDisabled.value || innerDisabled.value);
+    const icons = useGlobalIcon({
+      UploadIcon: TdUploadIcon,
+    });
 
     const commonDisplayFileProps = computed<CommonDisplayFileProps>(() => ({
       accept: props.accept,
@@ -97,11 +102,13 @@ export default defineComponent({
       uploadClasses,
       sizeOverLimitMessage,
       tDisabled,
+      icons,
     };
   },
 
   methods: {
     renderTrigger() {
+      const { UploadIcon } = this.icons;
       const getDefaultTrigger = () => {
         if (this.theme === 'file-input') {
           return (