From 18789a0a5317cbd7c6008ee2de938d0eade62fbb Mon Sep 17 00:00:00 2001 From: GraceWalk Date: Thu, 29 Sep 2022 10:51:52 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20IconFont=20=E7=BB=84=E4=BB=B6=E6=94=B9?= =?UTF-8?q?=E4=B8=BA=E4=BB=8E=E7=8B=AC=E7=AB=8B=E5=8C=85=E5=BC=95=E5=85=A5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- km-console/packages/layout-clusters-fe/src/app.tsx | 3 ++- .../src/components/CardBar/TopicDetailHealthCheck.tsx | 3 ++- .../layout-clusters-fe/src/components/CardBar/index.tsx | 7 ++++--- .../src/components/DDSearchInput/index.tsx | 3 ++- .../layout-clusters-fe/src/components/DragGroup/index.tsx | 3 ++- .../src/components/SingleChartHeader/IndicatorDrawer.tsx | 3 ++- .../src/components/SingleChartHeader/NodeScope.tsx | 3 ++- .../src/components/SingleChartHeader/index.tsx | 3 ++- .../src/components/TopicJob/PreviewTaskPlan.tsx | 3 ++- .../src/components/TopicJob/ReplicaMove.tsx | 2 +- .../src/pages/BrokerControllerChangeLog/index.tsx | 3 ++- .../src/pages/BrokerDetail/ConfigurationEdit.tsx | 3 ++- .../layout-clusters-fe/src/pages/BrokerDetail/config.tsx | 3 ++- .../layout-clusters-fe/src/pages/BrokerList/index.tsx | 3 ++- .../layout-clusters-fe/src/pages/Consumers/index.tsx | 3 ++- .../layout-clusters-fe/src/pages/Jobs/TeskDetails.tsx | 3 ++- .../layout-clusters-fe/src/pages/Jobs/ViewJobsProgress.tsx | 3 ++- .../packages/layout-clusters-fe/src/pages/Jobs/index.tsx | 3 ++- .../src/pages/LoadRebalance/BalanceDrawer.tsx | 3 +-- .../src/pages/LoadRebalance/BalanceFilter.tsx | 3 ++- .../src/pages/LoadRebalance/ClusterNorms.tsx | 3 ++- .../src/pages/LoadRebalance/PlanDrawer.tsx | 3 ++- .../src/pages/MutliClusterPage/HomePage.tsx | 3 ++- .../layout-clusters-fe/src/pages/SecurityACLs/index.tsx | 3 ++- .../layout-clusters-fe/src/pages/SecurityUsers/index.tsx | 2 +- .../src/pages/SingleClusterDetail/LeftSider.tsx | 3 ++- .../src/pages/SingleClusterDetail/config.tsx | 3 ++- .../src/pages/TestingConsumer/Consume.tsx | 3 ++- .../src/pages/TestingProduce/component/EditTable.tsx | 3 ++- .../layout-clusters-fe/src/pages/TestingProduce/config.tsx | 3 ++- .../src/pages/TopicDetail/BrokersDetail.tsx | 3 ++- .../src/pages/TopicDetail/ConfigurationEdit.tsx | 3 ++- .../layout-clusters-fe/src/pages/TopicDetail/Messages.tsx | 3 ++- .../layout-clusters-fe/src/pages/TopicList/Delete.tsx | 3 ++- .../packages/layout-clusters-fe/src/style-addition.less | 2 +- 35 files changed, 68 insertions(+), 38 deletions(-) diff --git a/km-console/packages/layout-clusters-fe/src/app.tsx b/km-console/packages/layout-clusters-fe/src/app.tsx index 6f7d8fad..74b53817 100755 --- a/km-console/packages/layout-clusters-fe/src/app.tsx +++ b/km-console/packages/layout-clusters-fe/src/app.tsx @@ -3,7 +3,8 @@ import '@babel/polyfill'; import React, { useState, useEffect, useLayoutEffect } from 'react'; import { BrowserRouter, Switch, Route, useLocation, useHistory } from 'react-router-dom'; import { get as lodashGet } from 'lodash'; -import { DProLayout, AppContainer, IconFont, Menu, Utils, Page403, Page404, Page500, Modal } from 'knowdesign'; +import { DProLayout, AppContainer, Menu, Utils, Page403, Page404, Page500, Modal } from 'knowdesign'; +import { IconFont } from '@knowdesign/icons'; import dantdZhCN from 'knowdesign/es/locale/zh_CN'; import dantdEnUS from 'knowdesign/es/locale/en_US'; import { DotChartOutlined } from '@ant-design/icons'; diff --git a/km-console/packages/layout-clusters-fe/src/components/CardBar/TopicDetailHealthCheck.tsx b/km-console/packages/layout-clusters-fe/src/components/CardBar/TopicDetailHealthCheck.tsx index ec221e5a..5cfcf236 100644 --- a/km-console/packages/layout-clusters-fe/src/components/CardBar/TopicDetailHealthCheck.tsx +++ b/km-console/packages/layout-clusters-fe/src/components/CardBar/TopicDetailHealthCheck.tsx @@ -2,7 +2,8 @@ import React, { useState, useEffect } from 'react'; import { useParams } from 'react-router-dom'; import CardBar from '@src/components/CardBar'; import { healthDataProps } from '.'; -import { IconFont, Utils } from 'knowdesign'; +import { Utils } from 'knowdesign'; +import { IconFont } from '@knowdesign/icons'; import api from '@src/api'; import { healthScoreCondition } from './const'; import { hashDataParse } from '@src/constants/common'; diff --git a/km-console/packages/layout-clusters-fe/src/components/CardBar/index.tsx b/km-console/packages/layout-clusters-fe/src/components/CardBar/index.tsx index 18daff03..954839cd 100644 --- a/km-console/packages/layout-clusters-fe/src/components/CardBar/index.tsx +++ b/km-console/packages/layout-clusters-fe/src/components/CardBar/index.tsx @@ -1,6 +1,7 @@ import React, { useEffect, useState } from 'react'; import { useParams } from 'react-router-dom'; -import { Drawer, IconFont, Select, Spin, Table } from 'knowdesign'; +import { Drawer, Select, Spin, Table } from 'knowdesign'; +import { IconFont } from '@knowdesign/icons'; import { Utils, Progress } from 'knowdesign'; import './index.less'; import api from '@src/api'; @@ -110,8 +111,8 @@ const CardBar = (props: CardBarProps) => { const promise = record ? Utils.request(path) : Utils.request(path, { - params: { dimensionCode: sceneObj.code }, - }); + params: { dimensionCode: sceneObj.code }, + }); promise.then((data: any[]) => { setHealthCheckDetailList(data); }); diff --git a/km-console/packages/layout-clusters-fe/src/components/DDSearchInput/index.tsx b/km-console/packages/layout-clusters-fe/src/components/DDSearchInput/index.tsx index e0908d5a..0e9f550b 100644 --- a/km-console/packages/layout-clusters-fe/src/components/DDSearchInput/index.tsx +++ b/km-console/packages/layout-clusters-fe/src/components/DDSearchInput/index.tsx @@ -1,5 +1,6 @@ import React, { useState } from 'react'; -import { Input, IconFont } from 'knowdesign'; +import { Input } from 'knowdesign'; +import { IconFont } from '@knowdesign/icons'; import './style/index.less'; interface IObjectProps { diff --git a/km-console/packages/layout-clusters-fe/src/components/DragGroup/index.tsx b/km-console/packages/layout-clusters-fe/src/components/DragGroup/index.tsx index c7dc8bc4..731e98b2 100644 --- a/km-console/packages/layout-clusters-fe/src/components/DragGroup/index.tsx +++ b/km-console/packages/layout-clusters-fe/src/components/DragGroup/index.tsx @@ -1,4 +1,5 @@ -import { Col, IconFont, Row } from 'knowdesign'; +import { Col, Row } from 'knowdesign'; +import { IconFont } from '@knowdesign/icons'; import React from 'react'; import { SortableContainer, SortableContainerProps, SortableHandle, SortableElement, SortableElementProps } from 'react-sortable-hoc'; import './index.less'; diff --git a/km-console/packages/layout-clusters-fe/src/components/SingleChartHeader/IndicatorDrawer.tsx b/km-console/packages/layout-clusters-fe/src/components/SingleChartHeader/IndicatorDrawer.tsx index 3a7e0dce..9c7a4833 100644 --- a/km-console/packages/layout-clusters-fe/src/components/SingleChartHeader/IndicatorDrawer.tsx +++ b/km-console/packages/layout-clusters-fe/src/components/SingleChartHeader/IndicatorDrawer.tsx @@ -1,5 +1,6 @@ import React, { useState, useEffect } from 'react'; -import { Drawer, Button, Space, Divider, AppContainer, ProTable, IconFont } from 'knowdesign'; +import { Drawer, Button, Space, Divider, AppContainer, ProTable } from 'knowdesign'; +import { IconFont } from '@knowdesign/icons'; import { IindicatorSelectModule } from './index'; import './style/indicator-drawer.less'; import { useLocation } from 'react-router-dom'; diff --git a/km-console/packages/layout-clusters-fe/src/components/SingleChartHeader/NodeScope.tsx b/km-console/packages/layout-clusters-fe/src/components/SingleChartHeader/NodeScope.tsx index 2f07d243..e033a938 100644 --- a/km-console/packages/layout-clusters-fe/src/components/SingleChartHeader/NodeScope.tsx +++ b/km-console/packages/layout-clusters-fe/src/components/SingleChartHeader/NodeScope.tsx @@ -1,5 +1,6 @@ import React, { useState, useEffect } from 'react'; -import { Radio, Input, Popover, Space, Checkbox, Row, Col, Button, IconFont } from 'knowdesign'; +import { Radio, Input, Popover, Space, Checkbox, Row, Col, Button } from 'knowdesign'; +import { IconFont } from '@knowdesign/icons'; import { InodeScopeModule } from './index'; import './style/node-scope.less'; diff --git a/km-console/packages/layout-clusters-fe/src/components/SingleChartHeader/index.tsx b/km-console/packages/layout-clusters-fe/src/components/SingleChartHeader/index.tsx index 0de5ae96..5284093b 100644 --- a/km-console/packages/layout-clusters-fe/src/components/SingleChartHeader/index.tsx +++ b/km-console/packages/layout-clusters-fe/src/components/SingleChartHeader/index.tsx @@ -1,5 +1,6 @@ import React, { useEffect, useState } from 'react'; -import { Tooltip, Select, IconFont, Utils, Divider, Button } from 'knowdesign'; +import { Tooltip, Select, Utils, Divider, Button } from 'knowdesign'; +import { IconFont } from '@knowdesign/icons'; import moment from 'moment'; import { DRangeTime } from 'knowdesign'; import IndicatorDrawer from './IndicatorDrawer'; diff --git a/km-console/packages/layout-clusters-fe/src/components/TopicJob/PreviewTaskPlan.tsx b/km-console/packages/layout-clusters-fe/src/components/TopicJob/PreviewTaskPlan.tsx index 69d8221e..d9410286 100644 --- a/km-console/packages/layout-clusters-fe/src/components/TopicJob/PreviewTaskPlan.tsx +++ b/km-console/packages/layout-clusters-fe/src/components/TopicJob/PreviewTaskPlan.tsx @@ -1,7 +1,8 @@ import React, { useState, useEffect } from 'react'; import { useParams } from 'react-router-dom'; import { ArrowLeftOutlined } from '@ant-design/icons'; -import { Button, Divider, Drawer, IconFont, Select, Space, Table, Utils } from 'knowdesign'; +import { Button, Divider, Drawer, Select, Space, Table, Utils } from 'knowdesign'; +import { IconFont } from '@knowdesign/icons'; import Api, { MetricType } from '@src/api/index'; const { Option } = Select; diff --git a/km-console/packages/layout-clusters-fe/src/components/TopicJob/ReplicaMove.tsx b/km-console/packages/layout-clusters-fe/src/components/TopicJob/ReplicaMove.tsx index c8c939dd..a6089e80 100644 --- a/km-console/packages/layout-clusters-fe/src/components/TopicJob/ReplicaMove.tsx +++ b/km-console/packages/layout-clusters-fe/src/components/TopicJob/ReplicaMove.tsx @@ -18,9 +18,9 @@ import { Space, Divider, Transfer, - IconFont, Tooltip, } from 'knowdesign'; +import { IconFont } from '@knowdesign/icons'; import './index.less'; import Api, { MetricType } from '@src/api/index'; import moment from 'moment'; diff --git a/km-console/packages/layout-clusters-fe/src/pages/BrokerControllerChangeLog/index.tsx b/km-console/packages/layout-clusters-fe/src/pages/BrokerControllerChangeLog/index.tsx index 1403fb5b..7cd85c6a 100644 --- a/km-console/packages/layout-clusters-fe/src/pages/BrokerControllerChangeLog/index.tsx +++ b/km-console/packages/layout-clusters-fe/src/pages/BrokerControllerChangeLog/index.tsx @@ -1,6 +1,7 @@ import React, { useState, useEffect } from 'react'; import { useParams, useHistory, useLocation } from 'react-router-dom'; -import { ProTable, Utils, AppContainer, SearchInput, IconFont } from 'knowdesign'; +import { ProTable, Utils, AppContainer, SearchInput } from 'knowdesign'; +import { IconFont } from '@knowdesign/icons'; import API from '../../api'; import { getControllerChangeLogListColumns, defaultPagination } from './config'; import BrokerDetail from '../BrokerDetail'; diff --git a/km-console/packages/layout-clusters-fe/src/pages/BrokerDetail/ConfigurationEdit.tsx b/km-console/packages/layout-clusters-fe/src/pages/BrokerDetail/ConfigurationEdit.tsx index ba7cb3fc..a362acc0 100644 --- a/km-console/packages/layout-clusters-fe/src/pages/BrokerDetail/ConfigurationEdit.tsx +++ b/km-console/packages/layout-clusters-fe/src/pages/BrokerDetail/ConfigurationEdit.tsx @@ -1,5 +1,6 @@ import React, { useEffect } from 'react'; -import { Drawer, Form, Input, Space, Button, Checkbox, Utils, Row, Col, IconFont, Divider, message } from 'knowdesign'; +import { Drawer, Form, Input, Space, Button, Checkbox, Utils, Row, Col, Divider, message } from 'knowdesign'; +import { IconFont } from '@knowdesign/icons'; import { useParams } from 'react-router-dom'; import Api from '@src/api'; export const ConfigurationEdit = (props: any) => { diff --git a/km-console/packages/layout-clusters-fe/src/pages/BrokerDetail/config.tsx b/km-console/packages/layout-clusters-fe/src/pages/BrokerDetail/config.tsx index aaa9d977..82deac32 100644 --- a/km-console/packages/layout-clusters-fe/src/pages/BrokerDetail/config.tsx +++ b/km-console/packages/layout-clusters-fe/src/pages/BrokerDetail/config.tsx @@ -1,5 +1,6 @@ import React from 'react'; -import { Utils, IconFont, Tooltip } from 'knowdesign'; +import { Utils, Tooltip } from 'knowdesign'; +import { IconFont } from '@knowdesign/icons'; export const getConfigurationColmns = (arg: any) => { const columns: any = [ { diff --git a/km-console/packages/layout-clusters-fe/src/pages/BrokerList/index.tsx b/km-console/packages/layout-clusters-fe/src/pages/BrokerList/index.tsx index 3c82b7d5..da1bc854 100644 --- a/km-console/packages/layout-clusters-fe/src/pages/BrokerList/index.tsx +++ b/km-console/packages/layout-clusters-fe/src/pages/BrokerList/index.tsx @@ -1,6 +1,7 @@ import React, { useState, useEffect, memo } from 'react'; import { useParams, useHistory, useLocation } from 'react-router-dom'; -import { ProTable, Drawer, Utils, AppContainer, SearchInput, IconFont } from 'knowdesign'; +import { ProTable, Drawer, Utils, AppContainer, SearchInput } from 'knowdesign'; +import { IconFont } from '@knowdesign/icons'; import API from '../../api'; import { getBrokerListColumns, defaultPagination } from './config'; import { tableHeaderPrefix } from '@src/constants/common'; diff --git a/km-console/packages/layout-clusters-fe/src/pages/Consumers/index.tsx b/km-console/packages/layout-clusters-fe/src/pages/Consumers/index.tsx index 56839434..4e06d92a 100644 --- a/km-console/packages/layout-clusters-fe/src/pages/Consumers/index.tsx +++ b/km-console/packages/layout-clusters-fe/src/pages/Consumers/index.tsx @@ -1,6 +1,7 @@ /* eslint-disable react/display-name */ import React, { useState, useEffect } from 'react'; -import { AppContainer, Divider, Form, IconFont, Input, ProTable, Select, Utils } from 'knowdesign'; +import { AppContainer, Divider, Form, Input, ProTable, Select, Utils } from 'knowdesign'; +import { IconFont } from '@knowdesign/icons'; import './index.less'; import Api from '@src/api/index'; import { getOperatingStateListParams } from './interface'; diff --git a/km-console/packages/layout-clusters-fe/src/pages/Jobs/TeskDetails.tsx b/km-console/packages/layout-clusters-fe/src/pages/Jobs/TeskDetails.tsx index d3d710cb..fddbc808 100644 --- a/km-console/packages/layout-clusters-fe/src/pages/Jobs/TeskDetails.tsx +++ b/km-console/packages/layout-clusters-fe/src/pages/Jobs/TeskDetails.tsx @@ -1,6 +1,7 @@ /* eslint-disable react/display-name */ import React, { useState, useEffect } from 'react'; -import { Alert, Badge, Dropdown, IconFont, ProTable, Space, Table, Utils } from 'knowdesign'; +import { Alert, Badge, Dropdown, ProTable, Space, Table, Utils } from 'knowdesign'; +import { IconFont } from '@knowdesign/icons'; import { useParams } from 'react-router-dom'; import Api from '@src/api'; import { getTaskDetailsColumns, getMoveBalanceColumns } from './config'; diff --git a/km-console/packages/layout-clusters-fe/src/pages/Jobs/ViewJobsProgress.tsx b/km-console/packages/layout-clusters-fe/src/pages/Jobs/ViewJobsProgress.tsx index 38cff3a6..b052cb92 100644 --- a/km-console/packages/layout-clusters-fe/src/pages/Jobs/ViewJobsProgress.tsx +++ b/km-console/packages/layout-clusters-fe/src/pages/Jobs/ViewJobsProgress.tsx @@ -1,7 +1,8 @@ import React, { useState, useEffect } from 'react'; import moment from 'moment'; import { useParams } from 'react-router-dom'; -import { Button, Drawer, Utils, Descriptions, Tabs, Input, IconFont, message, Spin, InputNumber } from 'knowdesign'; +import { Button, Drawer, Utils, Descriptions, Tabs, Input, message, Spin, InputNumber } from 'knowdesign'; +import { IconFont } from '@knowdesign/icons'; import TaskDetails from './TeskDetails'; import NodeTraffic from './NodeTraffic'; import RebalancePlan from './RebalancePlan'; diff --git a/km-console/packages/layout-clusters-fe/src/pages/Jobs/index.tsx b/km-console/packages/layout-clusters-fe/src/pages/Jobs/index.tsx index 5432b434..3e08d3a5 100644 --- a/km-console/packages/layout-clusters-fe/src/pages/Jobs/index.tsx +++ b/km-console/packages/layout-clusters-fe/src/pages/Jobs/index.tsx @@ -1,6 +1,7 @@ import React, { useState, useEffect, memo } from 'react'; import { useParams, useHistory, useLocation } from 'react-router-dom'; -import { ProTable, Drawer, Utils, AppContainer, Form, Select, Input, Button, message, Modal, IconFont, Divider } from 'knowdesign'; +import { ProTable, Drawer, Utils, AppContainer, Form, Select, Input, Button, message, Modal, Divider } from 'knowdesign'; +import { IconFont } from '@knowdesign/icons'; import API from '../../api'; import { getJobsListColumns, defaultPagination, runningStatus, jobType } from './config'; import JobsCheck from '@src/components/CardBar/JobsCheck'; diff --git a/km-console/packages/layout-clusters-fe/src/pages/LoadRebalance/BalanceDrawer.tsx b/km-console/packages/layout-clusters-fe/src/pages/LoadRebalance/BalanceDrawer.tsx index 207e3e30..8ad1cd3c 100644 --- a/km-console/packages/layout-clusters-fe/src/pages/LoadRebalance/BalanceDrawer.tsx +++ b/km-console/packages/layout-clusters-fe/src/pages/LoadRebalance/BalanceDrawer.tsx @@ -12,10 +12,9 @@ import { Transfer, Select, message, - IconFont, Tooltip, } from 'knowdesign'; - +import { IconFont } from '@knowdesign/icons'; import CronInput from './CronInput'; import BalanceEditTable from './BalanceEditTable'; import PlanDrawer from './PlanDrawer'; diff --git a/km-console/packages/layout-clusters-fe/src/pages/LoadRebalance/BalanceFilter.tsx b/km-console/packages/layout-clusters-fe/src/pages/LoadRebalance/BalanceFilter.tsx index 47732d9f..0465643e 100644 --- a/km-console/packages/layout-clusters-fe/src/pages/LoadRebalance/BalanceFilter.tsx +++ b/km-console/packages/layout-clusters-fe/src/pages/LoadRebalance/BalanceFilter.tsx @@ -1,5 +1,6 @@ import React, { useEffect, useState } from 'react'; -import { Button, Popover, IconFont, Row, Col, Select } from 'knowdesign'; +import { Button, Popover, Row, Col, Select } from 'knowdesign'; +import { IconFont } from '@knowdesign/icons'; import { CloseOutlined } from '@ant-design/icons'; const balancePrefix = 'custom-popover-balance'; diff --git a/km-console/packages/layout-clusters-fe/src/pages/LoadRebalance/ClusterNorms.tsx b/km-console/packages/layout-clusters-fe/src/pages/LoadRebalance/ClusterNorms.tsx index e4c434f6..13cf7ab2 100644 --- a/km-console/packages/layout-clusters-fe/src/pages/LoadRebalance/ClusterNorms.tsx +++ b/km-console/packages/layout-clusters-fe/src/pages/LoadRebalance/ClusterNorms.tsx @@ -1,5 +1,6 @@ import React, { useState, useEffect, useRef } from 'react'; -import { Utils, Drawer, Button, Form, Space, Divider, AppContainer, Input, Transfer, message, IconFont, InputNumber } from 'knowdesign'; +import { Utils, Drawer, Button, Form, Space, Divider, AppContainer, Input, Transfer, message, InputNumber } from 'knowdesign'; +import { IconFont } from '@knowdesign/icons'; import { CloseOutlined } from '@ant-design/icons'; import api from '../../api'; import './style/BalanceDrawer.less'; diff --git a/km-console/packages/layout-clusters-fe/src/pages/LoadRebalance/PlanDrawer.tsx b/km-console/packages/layout-clusters-fe/src/pages/LoadRebalance/PlanDrawer.tsx index 34785d68..cd3fa6ce 100644 --- a/km-console/packages/layout-clusters-fe/src/pages/LoadRebalance/PlanDrawer.tsx +++ b/km-console/packages/layout-clusters-fe/src/pages/LoadRebalance/PlanDrawer.tsx @@ -1,5 +1,6 @@ import React, { useState } from 'react'; -import { message, Drawer, Button, Space, Divider, AppContainer, IconFont } from 'knowdesign'; +import { message, Drawer, Button, Space, Divider, AppContainer } from 'knowdesign'; +import { IconFont } from '@knowdesign/icons'; import RebalancePlan from '../Jobs/RebalancePlan'; interface PropsType extends React.HTMLAttributes { diff --git a/km-console/packages/layout-clusters-fe/src/pages/MutliClusterPage/HomePage.tsx b/km-console/packages/layout-clusters-fe/src/pages/MutliClusterPage/HomePage.tsx index 473bb2dc..6cebe36a 100644 --- a/km-console/packages/layout-clusters-fe/src/pages/MutliClusterPage/HomePage.tsx +++ b/km-console/packages/layout-clusters-fe/src/pages/MutliClusterPage/HomePage.tsx @@ -1,5 +1,6 @@ import React, { useEffect, useRef, useState } from 'react'; -import { Slider, Input, Select, Checkbox, Button, Utils, Spin, IconFont, AppContainer } from 'knowdesign'; +import { Slider, Input, Select, Checkbox, Button, Utils, Spin, AppContainer } from 'knowdesign'; +import { IconFont } from '@knowdesign/icons'; import API from '@src/api'; import TourGuide, { MultiPageSteps } from '@src/components/TourGuide'; import './index.less'; diff --git a/km-console/packages/layout-clusters-fe/src/pages/SecurityACLs/index.tsx b/km-console/packages/layout-clusters-fe/src/pages/SecurityACLs/index.tsx index 7d0c9446..a98f6269 100644 --- a/km-console/packages/layout-clusters-fe/src/pages/SecurityACLs/index.tsx +++ b/km-console/packages/layout-clusters-fe/src/pages/SecurityACLs/index.tsx @@ -1,5 +1,6 @@ import React, { useEffect, useRef, useState } from 'react'; -import { Button, Form, Input, Select, Modal, message, ProTable, AppContainer, DKSBreadcrumb, Utils, IconFont, Divider } from 'knowdesign'; +import { Button, Form, Input, Select, Modal, message, ProTable, AppContainer, DKSBreadcrumb, Utils, Divider } from 'knowdesign'; +import { IconFont } from '@knowdesign/icons'; import ACLsCardBar from '@src/components/CardBar/ACLsCardBar'; import api from '@src/api'; import { tableHeaderPrefix } from '@src/constants/common'; diff --git a/km-console/packages/layout-clusters-fe/src/pages/SecurityUsers/index.tsx b/km-console/packages/layout-clusters-fe/src/pages/SecurityUsers/index.tsx index 919e6b0f..9f493bd7 100644 --- a/km-console/packages/layout-clusters-fe/src/pages/SecurityUsers/index.tsx +++ b/km-console/packages/layout-clusters-fe/src/pages/SecurityUsers/index.tsx @@ -14,9 +14,9 @@ import { Utils, Checkbox, Tooltip, - IconFont, Alert, } from 'knowdesign'; +import { IconFont } from '@knowdesign/icons'; import { CloseOutlined, EyeInvisibleOutlined, EyeOutlined, LoadingOutlined } from '@ant-design/icons'; import './index.less'; import api from '@src/api'; diff --git a/km-console/packages/layout-clusters-fe/src/pages/SingleClusterDetail/LeftSider.tsx b/km-console/packages/layout-clusters-fe/src/pages/SingleClusterDetail/LeftSider.tsx index 5a428b5b..bd5989d9 100644 --- a/km-console/packages/layout-clusters-fe/src/pages/SingleClusterDetail/LeftSider.tsx +++ b/km-console/packages/layout-clusters-fe/src/pages/SingleClusterDetail/LeftSider.tsx @@ -1,4 +1,5 @@ -import { AppContainer, Divider, IconFont, Progress, Tooltip, Utils } from 'knowdesign'; +import { AppContainer, Divider, Progress, Tooltip, Utils } from 'knowdesign'; +import { IconFont } from '@knowdesign/icons'; import React, { useEffect, useState } from 'react'; import AccessClusters from '../MutliClusterPage/AccessCluster'; import './index.less'; diff --git a/km-console/packages/layout-clusters-fe/src/pages/SingleClusterDetail/config.tsx b/km-console/packages/layout-clusters-fe/src/pages/SingleClusterDetail/config.tsx index b2d9eb0c..6ab6e317 100644 --- a/km-console/packages/layout-clusters-fe/src/pages/SingleClusterDetail/config.tsx +++ b/km-console/packages/layout-clusters-fe/src/pages/SingleClusterDetail/config.tsx @@ -2,7 +2,8 @@ import moment from 'moment'; import React from 'react'; import { timeFormat } from '../../constants/common'; import TagsWithHide from '../../components/TagsWithHide/index'; -import { Form, IconFont, InputNumber, Tooltip } from 'knowdesign'; +import { Form, InputNumber, Tooltip } from 'knowdesign'; +import { IconFont } from '@knowdesign/icons'; import { Link } from 'react-router-dom'; import { systemKey } from '../../constants/menu'; diff --git a/km-console/packages/layout-clusters-fe/src/pages/TestingConsumer/Consume.tsx b/km-console/packages/layout-clusters-fe/src/pages/TestingConsumer/Consume.tsx index d74d723f..be43d454 100644 --- a/km-console/packages/layout-clusters-fe/src/pages/TestingConsumer/Consume.tsx +++ b/km-console/packages/layout-clusters-fe/src/pages/TestingConsumer/Consume.tsx @@ -1,6 +1,7 @@ /* eslint-disable no-case-declarations */ import { DownloadOutlined } from '@ant-design/icons'; -import { AppContainer, Divider, IconFont, message, Tooltip, Utils } from 'knowdesign'; +import { AppContainer, Divider, message, Tooltip, Utils } from 'knowdesign'; +import { IconFont } from '@knowdesign/icons'; import * as React from 'react'; import moment from 'moment'; import { timeFormat } from '../../constants/common'; diff --git a/km-console/packages/layout-clusters-fe/src/pages/TestingProduce/component/EditTable.tsx b/km-console/packages/layout-clusters-fe/src/pages/TestingProduce/component/EditTable.tsx index 49e2568d..a5300af2 100644 --- a/km-console/packages/layout-clusters-fe/src/pages/TestingProduce/component/EditTable.tsx +++ b/km-console/packages/layout-clusters-fe/src/pages/TestingProduce/component/EditTable.tsx @@ -1,6 +1,7 @@ /* eslint-disable react/display-name */ import React, { useState } from 'react'; -import { Table, Input, InputNumber, Popconfirm, Form, Typography, Button, message, IconFont, Select } from 'knowdesign'; +import { Table, Input, InputNumber, Popconfirm, Form, Typography, Button, message, Select } from 'knowdesign'; +import { IconFont } from '@knowdesign/icons'; import './style/edit-table.less'; import { CheckOutlined, CloseOutlined, PlusSquareOutlined } from '@ant-design/icons'; diff --git a/km-console/packages/layout-clusters-fe/src/pages/TestingProduce/config.tsx b/km-console/packages/layout-clusters-fe/src/pages/TestingProduce/config.tsx index 97589f32..3e34ad67 100644 --- a/km-console/packages/layout-clusters-fe/src/pages/TestingProduce/config.tsx +++ b/km-console/packages/layout-clusters-fe/src/pages/TestingProduce/config.tsx @@ -1,5 +1,6 @@ import { QuestionCircleOutlined } from '@ant-design/icons'; -import { IconFont, Switch, Tooltip } from 'knowdesign'; +import { Switch, Tooltip } from 'knowdesign'; +import { IconFont } from '@knowdesign/icons'; import { FormItemType, IFormItem } from 'knowdesign/es/extend/x-form'; import moment from 'moment'; import React from 'react'; diff --git a/km-console/packages/layout-clusters-fe/src/pages/TopicDetail/BrokersDetail.tsx b/km-console/packages/layout-clusters-fe/src/pages/TopicDetail/BrokersDetail.tsx index 1c40cd66..9b3a12a0 100644 --- a/km-console/packages/layout-clusters-fe/src/pages/TopicDetail/BrokersDetail.tsx +++ b/km-console/packages/layout-clusters-fe/src/pages/TopicDetail/BrokersDetail.tsx @@ -1,6 +1,7 @@ import React, { useCallback } from 'react'; import { useEffect, useState } from 'react'; -import { AppContainer, Button, Empty, IconFont, List, Popover, ProTable, Radio, Spin, Utils } from 'knowdesign'; +import { AppContainer, Button, Empty, List, Popover, ProTable, Radio, Spin, Utils } from 'knowdesign'; +import { IconFont } from '@knowdesign/icons'; import { CloseOutlined } from '@ant-design/icons'; import api, { MetricType } from '@src/api'; import { useParams } from 'react-router-dom'; diff --git a/km-console/packages/layout-clusters-fe/src/pages/TopicDetail/ConfigurationEdit.tsx b/km-console/packages/layout-clusters-fe/src/pages/TopicDetail/ConfigurationEdit.tsx index a2638384..7fc4ab80 100644 --- a/km-console/packages/layout-clusters-fe/src/pages/TopicDetail/ConfigurationEdit.tsx +++ b/km-console/packages/layout-clusters-fe/src/pages/TopicDetail/ConfigurationEdit.tsx @@ -1,5 +1,6 @@ import React from 'react'; -import { Drawer, Form, Input, Space, Button, Utils, Row, Col, IconFont, Divider, message } from 'knowdesign'; +import { Drawer, Form, Input, Space, Button, Utils, Row, Col, Divider, message } from 'knowdesign'; +import { IconFont } from '@knowdesign/icons'; import { useParams } from 'react-router-dom'; import Api from '@src/api'; export const ConfigurationEdit = (props: any) => { diff --git a/km-console/packages/layout-clusters-fe/src/pages/TopicDetail/Messages.tsx b/km-console/packages/layout-clusters-fe/src/pages/TopicDetail/Messages.tsx index 1e1f6582..450cb59b 100644 --- a/km-console/packages/layout-clusters-fe/src/pages/TopicDetail/Messages.tsx +++ b/km-console/packages/layout-clusters-fe/src/pages/TopicDetail/Messages.tsx @@ -1,5 +1,6 @@ import React, { useState, useEffect } from 'react'; -import { Alert, Button, Checkbox, Form, IconFont, Input, ProTable, Select, Tooltip, Utils } from 'knowdesign'; +import { Alert, Button, Checkbox, Form, Input, ProTable, Select, Tooltip, Utils } from 'knowdesign'; +import { IconFont } from '@knowdesign/icons'; import Api from '@src/api'; import { useParams, useHistory } from 'react-router-dom'; import { getTopicMessagesColmns } from './config'; diff --git a/km-console/packages/layout-clusters-fe/src/pages/TopicList/Delete.tsx b/km-console/packages/layout-clusters-fe/src/pages/TopicList/Delete.tsx index 9a3c6157..75af2070 100644 --- a/km-console/packages/layout-clusters-fe/src/pages/TopicList/Delete.tsx +++ b/km-console/packages/layout-clusters-fe/src/pages/TopicList/Delete.tsx @@ -1,6 +1,7 @@ import React, { useState } from 'react'; import { useParams } from 'react-router-dom'; -import { Button, Form, IconFont, Input, Modal, notification, Utils } from 'knowdesign'; +import { Button, Form, Input, Modal, notification, Utils } from 'knowdesign'; +import { IconFont } from '@knowdesign/icons'; import Api from '@src/api/index'; // eslint-disable-next-line react/display-name diff --git a/km-console/packages/layout-clusters-fe/src/style-addition.less b/km-console/packages/layout-clusters-fe/src/style-addition.less index e2c1eb34..451c31bf 100644 --- a/km-console/packages/layout-clusters-fe/src/style-addition.less +++ b/km-console/packages/layout-clusters-fe/src/style-addition.less @@ -655,4 +655,4 @@ .@{ant-prefix}-empty-img-default{ width: 100% !important; -} \ No newline at end of file +}