chore(FileInput): 抽离图标 uiwjs#845

Author: cuilanxin

packages/react-file-input/src/Card.tsx

@@ -6,7 +6,8 @@ import {
   FileInputStyleCardBoxInfoWarp,
   FileInputStyleCardActionsRemoveWarp,
 } from './style';
-import Icon from '@uiw/react-icon';
+import { IconStyleBase } from '@uiw/react-icon';
+import { Delete, Search } from '@uiw/icons';
 import { FileInputListProps } from './';
 
 const Card = (props: FileInputListProps) => {
@@ -43,15 +44,15 @@ const Card = (props: FileInputListProps) => {
                 className={`${prefixCls}-actions-remove`}
                 onClick={() => onPreview?.(item)}
               >
-                <Icon type="search" style={{ color: '#fff', fontSize: 16 }} />
+                <IconStyleBase as={Search} style={{ color: '#fff', fontSize: 16 }} />
               </FileInputStyleCardActionsRemoveWarp>
             )}
             {showFileIcon?.showRemoveIcon && (
               <FileInputStyleCardActionsRemoveWarp
                 className={`${prefixCls}-actions-remove`}
                 onClick={() => onRemove?.(index)}
               >
-                <Icon type="delete" style={{ color: '#fff', fontSize: 16 }} />
+                <IconStyleBase as={Delete} style={{ color: '#fff', fontSize: 16 }} />
               </FileInputStyleCardActionsRemoveWarp>
             )}
           </FileInputStyleCardActionsWarp>

packages/react-file-input/src/List.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
-import Icon from '@uiw/react-icon';
+import { IconStyleBase } from '@uiw/react-icon';
+import { Delete, Search } from '@uiw/icons';
 import { FileInputListProps } from './';
 import {
   FileInputStyleListWarp,
@@ -56,7 +57,7 @@ const Picture = (props: FileInputListProps) => {
                       className={`${prefixCls}-actions-search`}
                       onClick={() => onPreview?.(item)}
                     >
-                      <Icon type="search" style={{ color: '#fff', fontSize: 16 }} />
+                      <IconStyleBase as={Search} style={{ color: '#fff', fontSize: 16 }} />
                     </FileInputStyleListActionsSearchWarp>
                   </FileInputStyleListActionsWarp>
                 )}
@@ -70,7 +71,7 @@ const Picture = (props: FileInputListProps) => {
                 className={`${prefixCls}-${uploadType}-icon`}
                 onClick={() => onRemove?.(index)}
               >
-                <Icon type="delete" style={{ color: '#999' }} />
+                <IconStyleBase as={Delete} style={{ color: '#999' }} />
               </FileInputStyleListUploadIconTypeWarp>
             )}
           </FileInputStyleListUploadTypeWarp>