perf: auto load icons (#688)

* perf: icon

* perf: icon

* doc

* perf: simple edit ui

* doc

* doc

* doc

* doc

projects/app/src/pages/account/components/BillTable.tsx

@@ -17,7 +17,7 @@ import type { BillItemType } from '@fastgpt/global/support/wallet/bill/type';
 import { usePagination } from '@/web/common/hooks/usePagination';
 import { useLoading } from '@/web/common/hooks/useLoading';
 import dayjs from 'dayjs';
-import MyIcon from '@/components/Icon';
+import MyIcon from '@fastgpt/web/components/common/Icon';
 import DateRangePicker, { type DateRangeType } from '@/components/DateRangePicker';
 import { addDays } from 'date-fns';
 import dynamic from 'next/dynamic';

projects/app/src/pages/account/components/Info.tsx

@@ -24,7 +24,7 @@ import { useTranslation } from 'next-i18next';
 import { timezoneList } from '@fastgpt/global/common/time/timezone';
 import Loading from '@/components/Loading';
 import Avatar from '@/components/Avatar';
-import MyIcon from '@/components/Icon';
+import MyIcon from '@fastgpt/web/components/common/Icon';
 import MyTooltip from '@/components/MyTooltip';
 import { langMap, setLngStore } from '@/web/common/utils/i18n';
 import { useRouter } from 'next/router';

projects/app/src/pages/account/components/InformTable.tsx

@@ -6,7 +6,7 @@ import { useLoading } from '@/web/common/hooks/useLoading';
 import type { UserInformSchema } from '@fastgpt/global/support/user/inform/type';
 import { formatTimeToChatTime } from '@/utils/tools';
 import { useSystemStore } from '@/web/common/system/useSystemStore';
-import MyIcon from '@/components/Icon';
+import MyIcon from '@fastgpt/web/components/common/Icon';
 
 const BillTable = () => {
   const theme = useTheme();

projects/app/src/pages/account/components/PayRecordTable.tsx

@@ -18,7 +18,7 @@ import { useQuery } from '@tanstack/react-query';
 import { formatStorePrice2Read } from '@fastgpt/global/support/wallet/bill/tools';
 import { useToast } from '@/web/common/hooks/useToast';
 import { useLoading } from '@/web/common/hooks/useLoading';
-import MyIcon from '@/components/Icon';
+import MyIcon from '@fastgpt/web/components/common/Icon';
 
 const PayRecordTable = () => {
   const { Loading, setIsLoading } = useLoading();

projects/app/src/pages/account/components/Promotion.tsx

@@ -25,7 +25,7 @@ import { QuestionOutlineIcon } from '@chakra-ui/icons';
 import { useCopyData } from '@/web/common/hooks/useCopyData';
 import { usePagination } from '@/web/common/hooks/usePagination';
 import type { PromotionRecordType } from '@/global/support/api/userRes.d';
-import MyIcon from '@/components/Icon';
+import MyIcon from '@fastgpt/web/components/common/Icon';
 import dayjs from 'dayjs';
 
 const Promotion = () => {

projects/app/src/pages/account/index.tsx

@@ -38,14 +38,14 @@ const Account = ({ currentTab }: { currentTab: `${TabEnum}` }) => {
 
   const tabList = [
     {
-      icon: 'meLight',
+      icon: 'support/user/userLight',
       label: t('user.Personal Information'),
       id: TabEnum.info
     },
     ...(feConfigs?.isPlus
       ? [
           {
-            icon: 'billRecordLight',
+            icon: 'support/bill/billRecordLight',
             label: t('user.Usage Record'),
             id: TabEnum.bill
           }
@@ -81,7 +81,7 @@ const Account = ({ currentTab }: { currentTab: `${TabEnum}` }) => {
     ...(userInfo?.team.canWrite
       ? [
           {
-            icon: 'apikey',
+            icon: 'support/outlink/apikeyLight',
             label: t('user.apikey.key'),
             id: TabEnum.apikey
           }
@@ -90,7 +90,7 @@ const Account = ({ currentTab }: { currentTab: `${TabEnum}` }) => {
     ...(feConfigs.isPlus
       ? [
           {
-            icon: 'informLight',
+            icon: 'support/user/informLight',
             label: t('user.Notice'),
             id: TabEnum.inform
           }