8x48/KnowStreaming
1
0
Fork 0
mirror of https://github.com/didi/KnowStreaming.git synced 2026-01-04 11:52:07 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: 优化前端打包体积

Browse Source
This commit is contained in:
GraceWalk
2022-09-01 19:46:50 +08:00
parent 500eaace82
commit 0043ab8371
20 changed files with 28 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
km-console/packages/config-manager-fe/src/app.tsx
View File

@@ -2,8 +2,8 @@ import React from 'react';
import { BrowserRouter as Router, Redirect, Switch } from 'react-router-dom'; import { BrowserRouter as Router, Redirect, Switch } from 'react-router-dom';
import _ from 'lodash'; import _ from 'lodash';
import './constants/axiosConfig'; import './constants/axiosConfig';
import dantdZhCN from 'knowdesign/lib/locale/zh_CN'; import dantdZhCN from 'knowdesign/es/locale/zh_CN';
import dantdEnUS from 'knowdesign/lib/locale/en_US'; import dantdEnUS from 'knowdesign/es/locale/en_US';
import intlZhCN from './locales/zh'; import intlZhCN from './locales/zh';
import intlEnUS from './locales/en'; import intlEnUS from './locales/en';
import { AppContainer, RouteGuard, DProLayout } from 'knowdesign'; import { AppContainer, RouteGuard, DProLayout } from 'knowdesign';

7
km-console/packages/config-manager-fe/src/components/TagsWithHide/index.tsx
View File

@@ -1,6 +1,6 @@
import { DownOutlined } from '@ant-design/icons'; import { DownOutlined } from '@ant-design/icons';
import { Popover } from 'knowdesign'; import { Popover } from 'knowdesign';
import { TooltipPlacement } from 'knowdesign/lib/basic/tooltip'; import { TooltipPlacement } from 'knowdesign/es/basic/tooltip';
import React, { useState, useRef, useEffect } from 'react'; import React, { useState, useRef, useEffect } from 'react';
import './index.less'; import './index.less';
@@ -90,8 +90,9 @@ export default (props: PropsType) => {
return ( return (
<div <div
key={i} key={i}
className={`container-item ${curState.calculated ? (curState.isHideExpandNode ? 'show' : i >= curState.endI ? 'hide' : 'show') : '' className={`container-item ${
}`} curState.calculated ? (curState.isHideExpandNode ? 'show' : i >= curState.endI ? 'hide' : 'show') : ''
}`}
> >
{item} {item}
</div> </div>

4
km-console/packages/layout-clusters-fe/src/app.tsx
View File

@@ -4,8 +4,8 @@ import React, { useState, useEffect, useLayoutEffect } from 'react';
import { BrowserRouter, Switch, Route, useLocation, useHistory } from 'react-router-dom'; import { BrowserRouter, Switch, Route, useLocation, useHistory } from 'react-router-dom';
import { get as lodashGet } from 'lodash'; import { get as lodashGet } from 'lodash';
import { DProLayout, AppContainer, IconFont, Menu, Utils, Page403, Page404, Page500, Modal } from 'knowdesign'; import { DProLayout, AppContainer, IconFont, Menu, Utils, Page403, Page404, Page500, Modal } from 'knowdesign';
import dantdZhCN from 'knowdesign/lib/locale/zh_CN'; import dantdZhCN from 'knowdesign/es/locale/zh_CN';
import dantdEnUS from 'knowdesign/lib/locale/en_US'; import dantdEnUS from 'knowdesign/es/locale/en_US';
import { DotChartOutlined } from '@ant-design/icons'; import { DotChartOutlined } from '@ant-design/icons';
import { licenseEventBus } from './constants/axiosConfig'; import { licenseEventBus } from './constants/axiosConfig';
import intlZhCN from './locales/zh'; import intlZhCN from './locales/zh';

7
km-console/packages/layout-clusters-fe/src/components/TagsWithHide/index.tsx
View File

@@ -1,6 +1,6 @@
import { DownOutlined } from '@ant-design/icons'; import { DownOutlined } from '@ant-design/icons';
import { Popover } from 'knowdesign'; import { Popover } from 'knowdesign';
import { TooltipPlacement } from 'knowdesign/lib/basic/tooltip'; import { TooltipPlacement } from 'knowdesign/es/basic/tooltip';
import React, { useState, useRef, useEffect } from 'react'; import React, { useState, useRef, useEffect } from 'react';
import './index.less'; import './index.less';
@@ -93,8 +93,9 @@ export default (props: PropsType) => {
return ( return (
<div <div
key={i} key={i}
className={`container-item ${curState.calculated ? (curState.isHideExpandNode ? 'show' : i >= curState.endI ? 'hide' : 'show') : '' className={`container-item ${
}`} curState.calculated ? (curState.isHideExpandNode ? 'show' : i >= curState.endI ? 'hide' : 'show') : ''
}`}
> >
{item} {item}
</div> </div>

2
km-console/packages/layout-clusters-fe/src/pages/BrokerControllerChangeLog/index.tsx
View File

@@ -5,7 +5,7 @@ import API from '../../api';
import { getControllerChangeLogListColumns, defaultPagination } from './config'; import { getControllerChangeLogListColumns, defaultPagination } from './config';
import BrokerDetail from '../BrokerDetail'; import BrokerDetail from '../BrokerDetail';
import BrokerHealthCheck from '@src/components/CardBar/BrokerHealthCheck'; import BrokerHealthCheck from '@src/components/CardBar/BrokerHealthCheck';
import DBreadcrumb from 'knowdesign/lib/extend/d-breadcrumb'; import DBreadcrumb from 'knowdesign/es/extend/d-breadcrumb';
import './index.less'; import './index.less';
const { request } = Utils; const { request } = Utils;

2
km-console/packages/layout-clusters-fe/src/pages/BrokerDashboard/index.tsx
View File

@@ -2,7 +2,7 @@ import React from 'react';
import { MetricType } from '@src/api'; import { MetricType } from '@src/api';
import BrokerHealthCheck from '@src/components/CardBar/BrokerHealthCheck'; import BrokerHealthCheck from '@src/components/CardBar/BrokerHealthCheck';
import DashboardDragChart from '@src/components/DashboardDragChart'; import DashboardDragChart from '@src/components/DashboardDragChart';
import DBreadcrumb from 'knowdesign/lib/extend/d-breadcrumb'; import DBreadcrumb from 'knowdesign/es/extend/d-breadcrumb';
import { AppContainer } from 'knowdesign'; import { AppContainer } from 'knowdesign';
const BrokerDashboard = (): JSX.Element => { const BrokerDashboard = (): JSX.Element => {

2
km-console/packages/layout-clusters-fe/src/pages/BrokerList/index.tsx
View File

@@ -7,7 +7,7 @@ import { dealTableRequestParams } from '../../constants/common';
import BrokerDetail from '../BrokerDetail'; import BrokerDetail from '../BrokerDetail';
import CardBar from '@src/components/CardBar'; import CardBar from '@src/components/CardBar';
import BrokerHealthCheck from '@src/components/CardBar/BrokerHealthCheck'; import BrokerHealthCheck from '@src/components/CardBar/BrokerHealthCheck';
import DBreadcrumb from 'knowdesign/lib/extend/d-breadcrumb'; import DBreadcrumb from 'knowdesign/es/extend/d-breadcrumb';
import './index.less'; import './index.less';
const { request } = Utils; const { request } = Utils;

2
km-console/packages/layout-clusters-fe/src/pages/Consumers/index.tsx
View File

@@ -7,7 +7,7 @@ import { getOperatingStateListParams } from './interface';
import { useParams } from 'react-router-dom'; import { useParams } from 'react-router-dom';
import ConsumerGroupDetail from './ConsumerGroupDetail'; import ConsumerGroupDetail from './ConsumerGroupDetail';
import ConsumerGroupHealthCheck from '@src/components/CardBar/ConsumerGroupHealthCheck'; import ConsumerGroupHealthCheck from '@src/components/CardBar/ConsumerGroupHealthCheck';
import DBreadcrumb from 'knowdesign/lib/extend/d-breadcrumb'; import DBreadcrumb from 'knowdesign/es/extend/d-breadcrumb';
import { hashDataParse } from '@src/constants/common'; import { hashDataParse } from '@src/constants/common';
const { Option } = Select; const { Option } = Select;

2
km-console/packages/layout-clusters-fe/src/pages/Jobs/index.tsx
View File

@@ -4,7 +4,7 @@ import { ProTable, Drawer, Utils, AppContainer, Form, Select, Input, Button, mes
import API from '../../api'; import API from '../../api';
import { getJobsListColumns, defaultPagination, runningStatus, jobType } from './config'; import { getJobsListColumns, defaultPagination, runningStatus, jobType } from './config';
import JobsCheck from '@src/components/CardBar/JobsCheck'; import JobsCheck from '@src/components/CardBar/JobsCheck';
import DBreadcrumb from 'knowdesign/lib/extend/d-breadcrumb'; import DBreadcrumb from 'knowdesign/es/extend/d-breadcrumb';
import { ViewJobsProgress } from './ViewJobsProgress'; import { ViewJobsProgress } from './ViewJobsProgress';
import './index.less'; import './index.less';
import ReplicaChange from '@src/components/TopicJob/ReplicaChange'; import ReplicaChange from '@src/components/TopicJob/ReplicaChange';

2
km-console/packages/layout-clusters-fe/src/pages/LoadRebalance/index.tsx
View File

@@ -2,7 +2,7 @@ import React, { useState, useEffect, useRef } from 'react';
import { Select, Form, Utils, AppContainer, Input, Button, ProTable, Badge, Tag, SearchInput } from 'knowdesign'; import { Select, Form, Utils, AppContainer, Input, Button, ProTable, Badge, Tag, SearchInput } from 'knowdesign';
import BalanceDrawer from './BalanceDrawer'; import BalanceDrawer from './BalanceDrawer';
import HistoryDrawer from './HistoryDrawer'; import HistoryDrawer from './HistoryDrawer';
import DBreadcrumb from 'knowdesign/lib/extend/d-breadcrumb'; import DBreadcrumb from 'knowdesign/es/extend/d-breadcrumb';
import { getSizeAndUnit } from '../../constants/common'; import { getSizeAndUnit } from '../../constants/common';
import api from '../../api'; import api from '../../api';
import './index.less'; import './index.less';

2
km-console/packages/layout-clusters-fe/src/pages/MutliClusterPage/config.ts
View File

@@ -1,4 +1,4 @@
import { FormItemType, IFormItem } from 'knowdesign/lib/extend/x-form'; import { FormItemType, IFormItem } from 'knowdesign/es/extend/x-form';
export const bootstrapServersErrCodes = [10, 11, 12]; export const bootstrapServersErrCodes = [10, 11, 12];
export const zkErrCodes = [20, 21]; export const zkErrCodes = [20, 21];

2
km-console/packages/layout-clusters-fe/src/pages/SingleClusterDetail/index.tsx
View File

@@ -1,4 +1,4 @@
import DBreadcrumb from 'knowdesign/lib/extend/d-breadcrumb'; import DBreadcrumb from 'knowdesign/es/extend/d-breadcrumb';
import React from 'react'; import React from 'react';
import TourGuide, { ClusterDetailSteps } from '@src/components/TourGuide'; import TourGuide, { ClusterDetailSteps } from '@src/components/TourGuide';
import './index.less'; import './index.less';

2
km-console/packages/layout-clusters-fe/src/pages/TestingConsumer/component/ConfigForm.tsx
View File

@@ -1,5 +1,5 @@
import { Button, XForm } from 'knowdesign'; import { Button, XForm } from 'knowdesign';
import { IFormItem } from 'knowdesign/lib/extend/x-form'; import { IFormItem } from 'knowdesign/es/extend/x-form';
import * as React from 'react'; import * as React from 'react';
import './style/form.less'; import './style/form.less';
import { useIntl } from 'react-intl'; import { useIntl } from 'react-intl';

2
km-console/packages/layout-clusters-fe/src/pages/TestingConsumer/config.tsx
View File

@@ -1,4 +1,4 @@
import { FormItemType, IFormItem } from 'knowdesign/lib/extend/x-form'; import { FormItemType, IFormItem } from 'knowdesign/es/extend/x-form';
import moment from 'moment'; import moment from 'moment';
import React from 'react'; import React from 'react';
import { timeFormat } from '../../constants/common'; import { timeFormat } from '../../constants/common';

2
km-console/packages/layout-clusters-fe/src/pages/TestingConsumer/index.tsx
View File

@@ -1,5 +1,5 @@
import { AppContainer } from 'knowdesign'; import { AppContainer } from 'knowdesign';
import DBreadcrumb from 'knowdesign/lib/extend/d-breadcrumb'; import DBreadcrumb from 'knowdesign/es/extend/d-breadcrumb';
import * as React from 'react'; import * as React from 'react';
import { useParams } from 'react-router-dom'; import { useParams } from 'react-router-dom';
import TaskTabs from './component/TaskTabs'; import TaskTabs from './component/TaskTabs';

2
km-console/packages/layout-clusters-fe/src/pages/TestingProduce/component/ConfigFrom.tsx
View File

@@ -1,5 +1,5 @@
import { Button, Col, Form, Row } from 'knowdesign'; import { Button, Col, Form, Row } from 'knowdesign';
import { FormItemType, handleFormItem, IFormItem, renderFormItem } from 'knowdesign/lib/extend/x-form'; import { FormItemType, handleFormItem, IFormItem, renderFormItem } from 'knowdesign/es/extend/x-form';
import * as React from 'react'; import * as React from 'react';
import './style/form.less'; import './style/form.less';
import EditTable from './EditTable'; import EditTable from './EditTable';

2
km-console/packages/layout-clusters-fe/src/pages/TestingProduce/config.tsx
View File

@@ -1,6 +1,6 @@
import { QuestionCircleOutlined } from '@ant-design/icons'; import { QuestionCircleOutlined } from '@ant-design/icons';
import { IconFont, Switch, Tooltip } from 'knowdesign'; import { IconFont, Switch, Tooltip } from 'knowdesign';
import { FormItemType, IFormItem } from 'knowdesign/lib/extend/x-form'; import { FormItemType, IFormItem } from 'knowdesign/es/extend/x-form';
import moment from 'moment'; import moment from 'moment';
import React from 'react'; import React from 'react';
import { timeFormat, getRandomStr } from '@src/constants/common'; import { timeFormat, getRandomStr } from '@src/constants/common';

2
km-console/packages/layout-clusters-fe/src/pages/TestingProduce/index.tsx
View File

@@ -3,7 +3,7 @@ import * as React from 'react';
import ProduceClientTest from './Produce'; import ProduceClientTest from './Produce';
import './index.less'; import './index.less';
import TaskTabs from '../TestingConsumer/component/TaskTabs'; import TaskTabs from '../TestingConsumer/component/TaskTabs';
import DBreadcrumb from 'knowdesign/lib/extend/d-breadcrumb'; import DBreadcrumb from 'knowdesign/es/extend/d-breadcrumb';
import { useParams } from 'react-router-dom'; import { useParams } from 'react-router-dom';
const Produce = () => { const Produce = () => {

2
km-console/packages/layout-clusters-fe/src/pages/TopicDashboard/index.tsx
View File

@@ -3,7 +3,7 @@ import { MetricType } from '@src/api';
import TopicHealthCheck from '@src/components/CardBar/TopicHealthCheck'; import TopicHealthCheck from '@src/components/CardBar/TopicHealthCheck';
import DashboardDragChart from '@src/components/DashboardDragChart'; import DashboardDragChart from '@src/components/DashboardDragChart';
import { AppContainer } from 'knowdesign'; import { AppContainer } from 'knowdesign';
import DBreadcrumb from 'knowdesign/lib/extend/d-breadcrumb'; import DBreadcrumb from 'knowdesign/es/extend/d-breadcrumb';
const TopicDashboard = () => { const TopicDashboard = () => {
const [global] = AppContainer.useGlobalValue(); const [global] = AppContainer.useGlobalValue();

2
km-console/packages/layout-clusters-fe/src/pages/TopicList/index.tsx
View File

@@ -10,7 +10,7 @@ import TopicHealthCheck from '@src/components/CardBar/TopicHealthCheck';
import TopicDetail from '../TopicDetail'; import TopicDetail from '../TopicDetail';
import Delete from './Delete'; import Delete from './Delete';
import { ClustersPermissionMap } from '../CommonConfig'; import { ClustersPermissionMap } from '../CommonConfig';
import DBreadcrumb from 'knowdesign/lib/extend/d-breadcrumb'; import DBreadcrumb from 'knowdesign/es/extend/d-breadcrumb';
import ReplicaChange from '@src/components/TopicJob/ReplicaChange'; import ReplicaChange from '@src/components/TopicJob/ReplicaChange';
import SmallChart from '@src/components/SmallChart'; import SmallChart from '@src/components/SmallChart';
import ReplicaMove from '@src/components/TopicJob/ReplicaMove'; import ReplicaMove from '@src/components/TopicJob/ReplicaMove';