chore: icons save bundle size without treeShaking (#21752)

* alert

* more icons

* another grouping

* all done

components/alert/index.tsx

@@ -1,16 +1,14 @@
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
-import {
-  CloseOutlined,
-  CheckCircleOutlined,
-  ExclamationCircleOutlined,
-  InfoCircleOutlined,
-  CloseCircleOutlined,
-  CheckCircleFilled,
-  ExclamationCircleFilled,
-  InfoCircleFilled,
-  CloseCircleFilled,
-} from '@ant-design/icons';
+import CloseOutlined from '@ant-design/icons/CloseOutlined';
+import CheckCircleOutlined from '@ant-design/icons/CheckCircleOutlined';
+import ExclamationCircleOutlined from '@ant-design/icons/ExclamationCircleOutlined';
+import InfoCircleOutlined from '@ant-design/icons/InfoCircleOutlined';
+import CloseCircleOutlined from '@ant-design/icons/CloseCircleOutlined';
+import CheckCircleFilled from '@ant-design/icons/CheckCircleFilled';
+import ExclamationCircleFilled from '@ant-design/icons/ExclamationCircleFilled';
+import InfoCircleFilled from '@ant-design/icons/InfoCircleFilled';
+import CloseCircleFilled from '@ant-design/icons/CloseCircleFilled';
 import Animate from 'rc-animate';
 import classNames from 'classnames';
 

components/breadcrumb/BreadcrumbItem.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { DownOutlined } from '@ant-design/icons';
+import DownOutlined from '@ant-design/icons/DownOutlined';
 import omit from 'omit.js';
 
 import DropDown, { DropDownProps } from '../dropdown/dropdown';

components/button/button.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable react/button-has-type */
 import * as React from 'react';
 import classNames from 'classnames';
-import { LoadingOutlined } from '@ant-design/icons';
+import LoadingOutlined from '@ant-design/icons/LoadingOutlined';
 import omit from 'omit.js';
 
 import Group from './button-group';

components/cascader/index.tsx

@@ -4,13 +4,11 @@ import arrayTreeFilter from 'array-tree-filter';
 import classNames from 'classnames';
 import omit from 'omit.js';
 import KeyCode from 'rc-util/lib/KeyCode';
-import {
-  CloseCircleFilled,
-  DownOutlined,
-  RightOutlined,
-  RedoOutlined,
-  LeftOutlined,
-} from '@ant-design/icons';
+import CloseCircleFilled from '@ant-design/icons/CloseCircleFilled';
+import DownOutlined from '@ant-design/icons/DownOutlined';
+import RightOutlined from '@ant-design/icons/RightOutlined';
+import RedoOutlined from '@ant-design/icons/RedoOutlined';
+import LeftOutlined from '@ant-design/icons/LeftOutlined';
 
 import Input from '../input';
 import { ConfigConsumer, ConfigConsumerProps, RenderEmptyHandler } from '../config-provider';

components/collapse/Collapse.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import RcCollapse from 'rc-collapse';
 import classNames from 'classnames';
-import { RightOutlined } from '@ant-design/icons';
+import RightOutlined from '@ant-design/icons/RightOutlined';
 
 import CollapsePanel from './CollapsePanel';
 import { ConfigConsumer, ConfigConsumerProps } from '../config-provider';

components/date-picker/generatePicker.tsx

@@ -14,7 +14,9 @@ import {
   RangePickerTimeProps as RCRangePickerTimeProps,
 } from 'rc-picker/lib/RangePicker';
 import { PickerMode } from 'rc-picker/lib/interface';
-import { CalendarOutlined, ClockCircleOutlined, CloseCircleFilled } from '@ant-design/icons';
+import CalendarOutlined from '@ant-design/icons/CalendarOutlined';
+import ClockCircleOutlined from '@ant-design/icons/ClockCircleOutlined';
+import CloseCircleFilled from '@ant-design/icons/CloseCircleFilled';
 import { ConfigContext, ConfigConsumerProps } from '../config-provider';
 import LocaleReceiver from '../locale-provider/LocaleReceiver';
 import enUS from './locale/en_US';
@@ -268,7 +270,13 @@ function generatePicker<DateType>(generateConfig: GenerateConfig<DateType>) {
 
     renderPicker = (locale: any) => {
       const { getPrefixCls, direction } = this.context;
-      const { prefixCls: customizePrefixCls, className, size, bordered = true, ...restProps } = this.props;
+      const {
+        prefixCls: customizePrefixCls,
+        className,
+        size,
+        bordered = true,
+        ...restProps
+      } = this.props;
       const { format, showTime, picker } = this.props as any;
       const prefixCls = getPrefixCls('picker', customizePrefixCls);
 

components/drawer/index.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import RcDrawer from 'rc-drawer';
-import { CloseOutlined } from '@ant-design/icons';
+import CloseOutlined from '@ant-design/icons/CloseOutlined';
 import classNames from 'classnames';
 import omit from 'omit.js';
 

components/dropdown/dropdown-button.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { EllipsisOutlined } from '@ant-design/icons';
+import EllipsisOutlined from '@ant-design/icons/EllipsisOutlined';
 
 import Button from '../button';
 import { ButtonHTMLType } from '../button/button';

components/dropdown/dropdown.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import RcDropdown from 'rc-dropdown';
 import classNames from 'classnames';
-import { RightOutlined } from '@ant-design/icons';
+import RightOutlined from '@ant-design/icons/RightOutlined';
 
 import DropdownButton from './dropdown-button';
 import { ConfigConsumer, ConfigConsumerProps } from '../config-provider';

components/form/FormItemInput.tsx

@@ -1,11 +1,9 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import {
-  LoadingOutlined,
-  CloseCircleFilled,
-  CheckCircleFilled,
-  ExclamationCircleFilled,
-} from '@ant-design/icons';
+import LoadingOutlined from '@ant-design/icons/LoadingOutlined';
+import CloseCircleFilled from '@ant-design/icons/CloseCircleFilled';
+import CheckCircleFilled from '@ant-design/icons/CheckCircleFilled';
+import ExclamationCircleFilled from '@ant-design/icons/ExclamationCircleFilled';
 import useMemo from 'rc-util/lib/hooks/useMemo';
 import CSSMotion from 'rc-animate/lib/CSSMotion';
 

components/input-number/index.tsx

@@ -1,7 +1,8 @@
 import * as React from 'react';
 import classNames from 'classnames';
 import RcInputNumber from 'rc-input-number';
-import { UpOutlined, DownOutlined } from '@ant-design/icons';
+import UpOutlined from '@ant-design/icons/UpOutlined';
+import DownOutlined from '@ant-design/icons/DownOutlined';
 
 import { ConfigConsumer, ConfigConsumerProps } from '../config-provider';
 import { Omit } from '../_util/type';

components/input/ClearableLabeledInput.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { CloseCircleFilled } from '@ant-design/icons';
+import CloseCircleFilled from '@ant-design/icons/CloseCircleFilled';
 import { tuple } from '../_util/type';
 import { InputProps, getInputClassName } from './Input';
 import { SizeType } from '../config-provider/SizeContext';

components/input/Password.tsx

@@ -1,7 +1,8 @@
 import * as React from 'react';
 import classNames from 'classnames';
 import omit from 'omit.js';
-import { EyeOutlined, EyeInvisibleOutlined } from '@ant-design/icons';
+import EyeOutlined from '@ant-design/icons/EyeOutlined';
+import EyeInvisibleOutlined from '@ant-design/icons/EyeInvisibleOutlined';
 
 import Input, { InputProps } from './Input';
 

components/input/Search.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { SearchOutlined, LoadingOutlined } from '@ant-design/icons';
+import SearchOutlined from '@ant-design/icons/SearchOutlined';
+import LoadingOutlined from '@ant-design/icons/LoadingOutlined';
 import Input, { InputProps } from './Input';
 import Button from '../button';
 import { ConfigConsumer, ConfigConsumerProps } from '../config-provider';

components/layout/Sider.tsx

@@ -1,7 +1,9 @@
 import * as React from 'react';
 import classNames from 'classnames';
 import omit from 'omit.js';
-import { BarsOutlined, RightOutlined, LeftOutlined } from '@ant-design/icons';
+import BarsOutlined from '@ant-design/icons/BarsOutlined';
+import RightOutlined from '@ant-design/icons/RightOutlined';
+import LeftOutlined from '@ant-design/icons/LeftOutlined';
 
 import { LayoutContext, LayoutContextProps } from './layout';
 import { ConfigConsumer, ConfigConsumerProps } from '../config-provider';

components/message/index.tsx

@@ -1,12 +1,10 @@
 import * as React from 'react';
 import Notification from 'rc-notification';
-import {
-  LoadingOutlined,
-  ExclamationCircleFilled,
-  CloseCircleFilled,
-  CheckCircleFilled,
-  InfoCircleFilled,
-} from '@ant-design/icons';
+import LoadingOutlined from '@ant-design/icons/LoadingOutlined';
+import ExclamationCircleFilled from '@ant-design/icons/ExclamationCircleFilled';
+import CloseCircleFilled from '@ant-design/icons/CloseCircleFilled';
+import CheckCircleFilled from '@ant-design/icons/CheckCircleFilled';
+import InfoCircleFilled from '@ant-design/icons/InfoCircleFilled';
 
 let defaultDuration = 3;
 let defaultTop: number;

components/modal/Modal.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import Dialog from 'rc-dialog';
 import classNames from 'classnames';
 import addEventListener from 'rc-util/lib/Dom/addEventListener';
-import { CloseOutlined } from '@ant-design/icons';
+import CloseOutlined from '@ant-design/icons/CloseOutlined';
 
 import useModal from './useModal';
 import { getConfirmLocale } from './locale';

components/modal/confirm.tsx

@@ -1,11 +1,9 @@
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
-import {
-  InfoCircleOutlined,
-  CheckCircleOutlined,
-  CloseCircleOutlined,
-  ExclamationCircleOutlined,
-} from '@ant-design/icons';
+import InfoCircleOutlined from '@ant-design/icons/InfoCircleOutlined';
+import CheckCircleOutlined from '@ant-design/icons/CheckCircleOutlined';
+import CloseCircleOutlined from '@ant-design/icons/CloseCircleOutlined';
+import ExclamationCircleOutlined from '@ant-design/icons/ExclamationCircleOutlined';
 import { getConfirmLocale } from './locale';
 import { ModalFuncProps, destroyFns } from './Modal';
 import ConfirmDialog from './ConfirmDialog';

components/notification/index.tsx

@@ -1,13 +1,11 @@
 import * as React from 'react';
 import Notification from 'rc-notification';
 import { NotificationInstance as RCNotificationInstance } from 'rc-notification/lib/Notification';
-import {
-  CloseOutlined,
-  CheckCircleOutlined,
-  CloseCircleOutlined,
-  ExclamationCircleOutlined,
-  InfoCircleOutlined,
-} from '@ant-design/icons';
+import CloseOutlined from '@ant-design/icons/CloseOutlined';
+import CheckCircleOutlined from '@ant-design/icons/CheckCircleOutlined';
+import CloseCircleOutlined from '@ant-design/icons/CloseCircleOutlined';
+import ExclamationCircleOutlined from '@ant-design/icons/ExclamationCircleOutlined';
+import InfoCircleOutlined from '@ant-design/icons/InfoCircleOutlined';
 import createUseNotification from './hooks/useNotification';
 
 export type NotificationPlacement = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';

components/page-header/index.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import classnames from 'classnames';
-import { ArrowLeftOutlined, ArrowRightOutlined } from '@ant-design/icons';
+import ArrowLeftOutlined from '@ant-design/icons/ArrowLeftOutlined';
+import ArrowRightOutlined from '@ant-design/icons/ArrowRightOutlined';
 
 import { ConfigConsumer, ConfigConsumerProps } from '../config-provider';
 import Tag from '../tag';

components/pagination/Pagination.tsx

@@ -2,12 +2,10 @@ import * as React from 'react';
 import RcPagination from 'rc-pagination';
 import enUS from 'rc-pagination/lib/locale/en_US';
 import classNames from 'classnames';
-import {
-  LeftOutlined,
-  RightOutlined,
-  DoubleLeftOutlined,
-  DoubleRightOutlined,
-} from '@ant-design/icons';
+import LeftOutlined from '@ant-design/icons/LeftOutlined';
+import RightOutlined from '@ant-design/icons/RightOutlined';
+import DoubleLeftOutlined from '@ant-design/icons/DoubleLeftOutlined';
+import DoubleRightOutlined from '@ant-design/icons/DoubleRightOutlined';
 
 import MiniSelect from './MiniSelect';
 import Select from '../select';

components/popconfirm/index.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ExclamationCircleFilled } from '@ant-design/icons';
+import ExclamationCircleFilled from '@ant-design/icons/ExclamationCircleFilled';
 
 import Tooltip, { AbstractTooltipProps } from '../tooltip';
 import Button from '../button';

components/progress/progress.tsx

@@ -1,12 +1,10 @@
 import * as React from 'react';
 import classNames from 'classnames';
 import omit from 'omit.js';
-import {
-  CloseOutlined,
-  CheckOutlined,
-  CheckCircleFilled,
-  CloseCircleFilled,
-} from '@ant-design/icons';
+import CloseOutlined from '@ant-design/icons/CloseOutlined';
+import CheckOutlined from '@ant-design/icons/CheckOutlined';
+import CheckCircleFilled from '@ant-design/icons/CheckCircleFilled';
+import CloseCircleFilled from '@ant-design/icons/CloseCircleFilled';
 
 import { ConfigConsumer, ConfigConsumerProps } from '../config-provider';
 import { tuple } from '../_util/type';

components/rate/index.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import RcRate from 'rc-rate';
 import omit from 'omit.js';
 import classNames from 'classnames';
-import { StarFilled } from '@ant-design/icons';
+import StarFilled from '@ant-design/icons/StarFilled';
 
 import Tooltip from '../tooltip';
 import { ConfigConsumer, ConfigConsumerProps } from '../config-provider';

components/result/index.tsx

@@ -1,11 +1,9 @@
 import * as React from 'react';
 import classnames from 'classnames';
-import {
-  CheckCircleFilled,
-  CloseCircleFilled,
-  ExclamationCircleFilled,
-  WarningFilled,
-} from '@ant-design/icons';
+import CheckCircleFilled from '@ant-design/icons/CheckCircleFilled';
+import CloseCircleFilled from '@ant-design/icons/CloseCircleFilled';
+import ExclamationCircleFilled from '@ant-design/icons/ExclamationCircleFilled';
+import WarningFilled from '@ant-design/icons/WarningFilled';
 
 import { ConfigConsumerProps, ConfigConsumer } from '../config-provider';
 import warning from '../_util/warning';

components/select/utils/iconUtil.tsx

@@ -1,12 +1,10 @@
 import React from 'react';
-import {
-  DownOutlined,
-  LoadingOutlined,
-  CheckOutlined,
-  CloseOutlined,
-  CloseCircleFilled,
-  SearchOutlined,
-} from '@ant-design/icons';
+import DownOutlined from '@ant-design/icons/DownOutlined';
+import LoadingOutlined from '@ant-design/icons/LoadingOutlined';
+import CheckOutlined from '@ant-design/icons/CheckOutlined';
+import CloseOutlined from '@ant-design/icons/CloseOutlined';
+import CloseCircleFilled from '@ant-design/icons/CloseCircleFilled';
+import SearchOutlined from '@ant-design/icons/SearchOutlined';
 
 export default function getIcons({
   suffixIcon,

components/steps/index.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import RcSteps from 'rc-steps';
-import { CheckOutlined, CloseOutlined } from '@ant-design/icons';
+import CheckOutlined from '@ant-design/icons/CheckOutlined';
+import CloseOutlined from '@ant-design/icons/CloseOutlined';
 import classNames from 'classnames';
 
 import { ConfigConsumer, ConfigConsumerProps } from '../config-provider';

components/switch/index.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import RcSwitch from 'rc-switch';
 import classNames from 'classnames';
 import omit from 'omit.js';
-import { LoadingOutlined } from '@ant-design/icons';
+import LoadingOutlined from '@ant-design/icons/LoadingOutlined';
 
 import Wave from '../_util/wave';
 import { ConfigConsumer, ConfigConsumerProps } from '../config-provider';

components/table/hooks/useFilter/FilterDropdown.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { FilterFilled } from '@ant-design/icons';
+import FilterFilled from '@ant-design/icons/FilterFilled';
 import Menu from '../../../menu';
 import Checkbox from '../../../checkbox';
 import Radio from '../../../radio';

components/table/hooks/useSelection.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { DownOutlined } from '@ant-design/icons';
+import DownOutlined from '@ant-design/icons/DownOutlined';
 import { FixedType } from 'rc-table/lib/interface';
 import Checkbox, { CheckboxProps } from '../../checkbox';
 import Dropdown from '../../dropdown';

components/table/hooks/useSorter.tsx

@@ -1,7 +1,8 @@
 import * as React from 'react';
 import classNames from 'classnames';
 import { convertChildrenToColumns } from 'rc-table/lib/hooks/useColumns';
-import { CaretDownOutlined, CaretUpOutlined } from '@ant-design/icons';
+import CaretDownOutlined from '@ant-design/icons/CaretDownOutlined';
+import CaretUpOutlined from '@ant-design/icons/CaretUpOutlined';
 import {
   TransformColumns,
   ColumnsType,

components/tabs/TabBar.tsx

@@ -1,7 +1,10 @@
 import * as React from 'react';
 import ScrollableInkTabBar from 'rc-tabs/lib/ScrollableInkTabBar';
 import classNames from 'classnames';
-import { UpOutlined, LeftOutlined, DownOutlined, RightOutlined } from '@ant-design/icons';
+import UpOutlined from '@ant-design/icons/UpOutlined';
+import LeftOutlined from '@ant-design/icons/LeftOutlined';
+import DownOutlined from '@ant-design/icons/DownOutlined';
+import RightOutlined from '@ant-design/icons/RightOutlined';
 
 import { TabsProps } from './index';
 import { ConfigConsumerProps, ConfigConsumer } from '../config-provider';

components/tabs/index.tsx

@@ -4,7 +4,8 @@ import RcTabs, { TabPane } from 'rc-tabs';
 import TabContent from 'rc-tabs/lib/TabContent';
 import classNames from 'classnames';
 import omit from 'omit.js';
-import { CloseOutlined, PlusOutlined } from '@ant-design/icons';
+import CloseOutlined from '@ant-design/icons/CloseOutlined';
+import PlusOutlined from '@ant-design/icons/PlusOutlined';
 import TabBar from './TabBar';
 
 import { ConfigConsumer, ConfigConsumerProps } from '../config-provider';

components/tag/index.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import classNames from 'classnames';
 import omit from 'omit.js';
-import { CloseOutlined } from '@ant-design/icons';
+import CloseOutlined from '@ant-design/icons/CloseOutlined';
 
 import CheckableTag from './CheckableTag';
 import { ConfigConsumer, ConfigConsumerProps } from '../config-provider';

components/timeline/Timeline.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import classNames from 'classnames';
-import { LoadingOutlined } from '@ant-design/icons';
+import LoadingOutlined from '@ant-design/icons/LoadingOutlined';
 
 import TimelineItem, { TimeLineItemProps } from './TimelineItem';
 import { ConfigConsumer, ConfigConsumerProps } from '../config-provider';

components/transfer/operation.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { LeftOutlined, RightOutlined } from '@ant-design/icons';
+import LeftOutlined from '@ant-design/icons/LeftOutlined';
+import RightOutlined from '@ant-design/icons/RightOutlined';
 import Button from '../button';
 
 export interface TransferOperationProps {

components/transfer/search.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { CloseCircleFilled, SearchOutlined } from '@ant-design/icons';
+import CloseCircleFilled from '@ant-design/icons/CloseCircleFilled';
+import SearchOutlined from '@ant-design/icons/SearchOutlined';
 
 import Input from '../input';
 

components/tree/DirectoryTree.tsx

@@ -5,7 +5,9 @@ import debounce from 'lodash/debounce';
 import { conductExpandParent } from 'rc-tree/lib/util';
 import { EventDataNode, DataNode } from 'rc-tree/lib/interface';
 import { convertDataToEntities, convertTreeToData } from 'rc-tree/lib/utils/treeUtil';
-import { FileOutlined, FolderOpenOutlined, FolderOutlined } from '@ant-design/icons';
+import FileOutlined from '@ant-design/icons/FileOutlined';
+import FolderOpenOutlined from '@ant-design/icons/FolderOpenOutlined';
+import FolderOutlined from '@ant-design/icons/FolderOutlined';
 import { ConfigConsumer, ConfigConsumerProps } from '../config-provider';
 
 import Tree, { TreeProps, AntdTreeNodeAttribute } from './Tree';

components/tree/utils/iconUtil.tsx

@@ -1,12 +1,10 @@
 import React from 'react';
 import classNames from 'classnames';
-import {
-  LoadingOutlined,
-  FileOutlined,
-  MinusSquareOutlined,
-  PlusSquareOutlined,
-  CaretDownFilled,
-} from '@ant-design/icons';
+import LoadingOutlined from '@ant-design/icons/LoadingOutlined';
+import FileOutlined from '@ant-design/icons/FileOutlined';
+import MinusSquareOutlined from '@ant-design/icons/MinusSquareOutlined';
+import PlusSquareOutlined from '@ant-design/icons/PlusSquareOutlined';
+import CaretDownFilled from '@ant-design/icons/CaretDownFilled';
 import { AntTreeNodeProps } from '../Tree';
 
 export default function renderSwitcherIcon(

components/typography/Base.tsx

@@ -4,7 +4,9 @@ import toArray from 'rc-util/lib/Children/toArray';
 import findDOMNode from 'rc-util/lib/Dom/findDOMNode';
 import copy from 'copy-to-clipboard';
 import omit from 'omit.js';
-import { EditOutlined, CheckOutlined, CopyOutlined } from '@ant-design/icons';
+import EditOutlined from '@ant-design/icons/EditOutlined';
+import CheckOutlined from '@ant-design/icons/CheckOutlined';
+import CopyOutlined from '@ant-design/icons/CopyOutlined';
 import ResizeObserver from 'rc-resize-observer';
 import { ConfigConsumerProps, configConsumerProps } from '../config-provider';
 import { withConfigConsumer } from '../config-provider/context';

components/typography/Editable.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import classNames from 'classnames';
 import KeyCode from 'rc-util/lib/KeyCode';
-import { EnterOutlined } from '@ant-design/icons';
+import EnterOutlined from '@ant-design/icons/EnterOutlined';
 import TextArea from '../input/TextArea';
 
 interface EditableProps {

components/upload/UploadList.tsx

@@ -1,15 +1,13 @@
 import * as React from 'react';
 import Animate from 'rc-animate';
 import classNames from 'classnames';
-import {
-  LoadingOutlined,
-  PaperClipOutlined,
-  PictureTwoTone,
-  FileTwoTone,
-  EyeOutlined,
-  DeleteOutlined,
-  DownloadOutlined,
-} from '@ant-design/icons';
+import LoadingOutlined from '@ant-design/icons/LoadingOutlined';
+import PaperClipOutlined from '@ant-design/icons/PaperClipOutlined';
+import PictureTwoTone from '@ant-design/icons/PictureTwoTone';
+import FileTwoTone from '@ant-design/icons/FileTwoTone';
+import EyeOutlined from '@ant-design/icons/EyeOutlined';
+import DeleteOutlined from '@ant-design/icons/DeleteOutlined';
+import DownloadOutlined from '@ant-design/icons/DownloadOutlined';
 
 import { UploadListProps, UploadFile, UploadListType } from './interface';
 import { previewImage, isImageUrl } from './utils';