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

fix: 优化全局 Message & Notification 展示效果

Browse Source
This commit is contained in:
GraceWalk
2022-10-21 11:38:04 +08:00
parent df655a250c
commit 26e60d8a64
30 changed files with 339 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
km-console/packages/layout-clusters-fe/src/pages/BrokerDetail/ConfigurationEdit.tsx
View File

@@ -1,5 +1,6 @@
import React, { useEffect } from 'react';
import { Drawer, Form, Input, Space, Button, Checkbox, Utils, Row, Col, Divider, message } from 'knowdesign';
import { Drawer, Form, Input, Space, Button, Checkbox, Utils, Row, Col, Divider } from 'knowdesign';
import message from '@src/components/Message';
import { IconFont } from '@knowdesign/icons';
import { useParams } from 'react-router-dom';
import Api from '@src/api';

9
km-console/packages/layout-clusters-fe/src/pages/Consumers/ResetOffsetDrawer.tsx
View File

@@ -1,11 +1,14 @@
import React, { useState, useEffect } from 'react';
import { Button, DatePicker, Drawer, Form, notification, Radio, Utils, Space, Divider, message } from 'knowdesign';
import { Button, DatePicker, Drawer, Form, Radio, Utils, Space, Divider } from 'knowdesign';
import notification from '@src/components/Notification';
import message from '@src/components/Message';
import { useParams } from 'react-router-dom';
import EditTable from '../TestingProduce/component/EditTable';
import Api from '@src/api/index';
import moment from 'moment';
const CustomSelectResetTime = (props: { value?: string; onChange?: (val: Number | String) => void }) => {
const CustomSelectResetTime = (props: { value?: string; onChange?: (val: number | string) => void }) => {
const { value, onChange } = props;
const [timeSetMode, setTimeSetMode] = useState('newest');
useEffect(() => {
@@ -81,7 +84,7 @@ export default (props: any) => {
tableData = customFormRef.current.getTableData();
}
const formData = form.getFieldsValue();
let resetParams: any = {
const resetParams: any = {
clusterId: clusterPhyId,
createIfNotExist: false,
groupName: record.groupName,

3
km-console/packages/layout-clusters-fe/src/pages/Jobs/ViewJobsProgress.tsx
View File

@@ -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, message, Spin, InputNumber } from 'knowdesign';
import { Button, Drawer, Utils, Descriptions, Tabs, Input, Spin, InputNumber } from 'knowdesign';
import message from '@src/components/Message';
import { IconFont } from '@knowdesign/icons';
import TaskDetails from './TeskDetails';
import NodeTraffic from './NodeTraffic';

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

@@ -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, Divider } from 'knowdesign';
import { ProTable, Drawer, Utils, AppContainer, Form, Select, Input, Button, Modal, Divider } from 'knowdesign';
import message from '@src/components/Message';
import { IconFont } from '@knowdesign/icons';
import API from '../../api';
import { getJobsListColumns, defaultPagination, runningStatus, jobType } from './config';

17
km-console/packages/layout-clusters-fe/src/pages/LoadRebalance/BalanceDrawer.tsx
View File

@@ -1,19 +1,6 @@
import React, { useState, useEffect, useRef } from 'react';
import {
Utils,
Drawer,
Button,
Form,
Space,
Divider,
AppContainer,
Radio,
InputNumber,
Transfer,
Select,
message,
Tooltip,
} from 'knowdesign';
import { Utils, Drawer, Button, Form, Space, Divider, AppContainer, Radio, InputNumber, Transfer, Select, Tooltip } from 'knowdesign';
import message from '@src/components/Message';
import { IconFont } from '@knowdesign/icons';
import CronInput from './CronInput';
import BalanceEditTable from './BalanceEditTable';

3
km-console/packages/layout-clusters-fe/src/pages/LoadRebalance/ClusterNorms.tsx
View File

@@ -1,5 +1,6 @@
import React, { useState, useEffect, useRef } from 'react';
import { Utils, Drawer, Button, Form, Space, Divider, AppContainer, Input, Transfer, message, InputNumber } from 'knowdesign';
import { Utils, Drawer, Button, Form, Space, Divider, AppContainer, Input, Transfer, InputNumber } from 'knowdesign';
import message from '@src/components/Message';
import { IconFont } from '@knowdesign/icons';
import { CloseOutlined } from '@ant-design/icons';
import api from '../../api';

3
km-console/packages/layout-clusters-fe/src/pages/Login/login.tsx
View File

@@ -1,5 +1,6 @@
import React from 'react';
import { Form, Button, Input, Row, InputNumber, Utils, message } from 'knowdesign';
import { Form, Button, Input, Row, InputNumber, Utils } from 'knowdesign';
import message from '@src/components/Message';
import { FormMap } from './config';
import Api from '../../api';
import { useHistory } from 'react-router-dom';

3
km-console/packages/layout-clusters-fe/src/pages/MutliClusterPage/AccessCluster.tsx
View File

@@ -1,4 +1,5 @@
import { Button, Divider, Drawer, Form, Input, InputNumber, message, Radio, Select, Spin, Space, Utils } from 'knowdesign';
import { Button, Divider, Drawer, Form, Input, InputNumber, Radio, Select, Spin, Space, Utils } from 'knowdesign';
import message from '@src/components/Message';
import * as React from 'react';
import { useIntl } from 'react-intl';
import api from '@src/api';

3
km-console/packages/layout-clusters-fe/src/pages/SecurityACLs/EditDrawer.tsx
View File

@@ -1,5 +1,6 @@
import React, { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
import { Button, Form, Input, Select, message, Drawer, Space, Divider, Utils, Radio, AutoComplete, Alert } from 'knowdesign';
import { Button, Form, Input, Select, Drawer, Space, Divider, Utils, Radio, AutoComplete, Alert } from 'knowdesign';
import message from '@src/components/Message';
import api from '@src/api';
import { useParams } from 'react-router-dom';
import { UsersProps } from '../SecurityUsers';

3
km-console/packages/layout-clusters-fe/src/pages/SecurityACLs/index.tsx
View File

@@ -1,5 +1,6 @@
import React, { useEffect, useRef, useState } from 'react';
import { Button, Form, Input, Select, Modal, message, ProTable, AppContainer, DKSBreadcrumb, Utils, Divider } from 'knowdesign';
import { Button, Form, Input, Select, Modal, ProTable, AppContainer, DKSBreadcrumb, Utils, Divider } from 'knowdesign';
import message from '@src/components/Message';
import { IconFont } from '@knowdesign/icons';
import ACLsCardBar from '@src/components/CardBar/ACLsCardBar';
import api from '@src/api';

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

@@ -4,7 +4,6 @@ import {
Form,
Input,
Modal,
message,
ProTable,
Drawer,
Space,
@@ -16,6 +15,7 @@ import {
Tooltip,
Alert,
} from 'knowdesign';
import message from '@src/components/Message';
import { IconFont } from '@knowdesign/icons';
import { CloseOutlined, EyeInvisibleOutlined, EyeOutlined, LoadingOutlined } from '@ant-design/icons';
import './index.less';

3
km-console/packages/layout-clusters-fe/src/pages/TestingConsumer/Consume.tsx
View File

@@ -1,6 +1,7 @@
/* eslint-disable no-case-declarations */
import { DownloadOutlined } from '@ant-design/icons';
import { AppContainer, Divider, message, Tooltip, Utils } from 'knowdesign';
import { AppContainer, Divider, Tooltip, Utils } from 'knowdesign';
import message from '@src/components/Message';
import { IconFont } from '@knowdesign/icons';
import * as React from 'react';
import moment from 'moment';

3
km-console/packages/layout-clusters-fe/src/pages/TestingProduce/Produce.tsx
View File

@@ -1,4 +1,5 @@
import { AppContainer, Form, message, Tabs, Utils } from 'knowdesign';
import { AppContainer, Form, Tabs, Utils } from 'knowdesign';
import message from '@src/components/Message';
import * as React from 'react';
import ConfigForm from './component/ConfigFrom';
import TestResult from '../TestingConsumer/component/Result';

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

@@ -1,6 +1,7 @@
/* eslint-disable react/display-name */
import React, { useState } from 'react';
import { Table, Input, InputNumber, Popconfirm, Form, Typography, Button, message, Select } from 'knowdesign';
import { Table, Input, InputNumber, Popconfirm, Form, Typography, Button, Select } from 'knowdesign';
import message from '@src/components/Message';
import { IconFont } from '@knowdesign/icons';
import './style/edit-table.less';
import { CheckOutlined, CloseOutlined, PlusSquareOutlined } from '@ant-design/icons';

3
km-console/packages/layout-clusters-fe/src/pages/TopicDetail/ConfigurationEdit.tsx
View File

@@ -1,5 +1,6 @@
import React from 'react';
import { Drawer, Form, Input, Space, Button, Utils, Row, Col, Divider, message } from 'knowdesign';
import { Drawer, Form, Input, Space, Button, Utils, Row, Col, Divider } from 'knowdesign';
import message from '@src/components/Message';
import { IconFont } from '@knowdesign/icons';
import { useParams } from 'react-router-dom';
import Api from '@src/api';

3
km-console/packages/layout-clusters-fe/src/pages/TopicList/Create.tsx
View File

@@ -1,6 +1,7 @@
import React, { useState, useEffect } from 'react';
import { useParams } from 'react-router-dom';
import { Alert, Button, Checkbox, Divider, Drawer, Form, Input, InputNumber, Modal, notification, Select, Utils } from 'knowdesign';
import { Alert, Button, Checkbox, Divider, Drawer, Form, Input, InputNumber, Modal, Select, Utils } from 'knowdesign';
import notification from '@src/components/Notification';
import { PlusOutlined, DownOutlined, UpOutlined } from '@ant-design/icons';
import Api from '@src/api/index';

3
km-console/packages/layout-clusters-fe/src/pages/TopicList/Delete.tsx
View File

@@ -1,6 +1,7 @@
import React, { useState } from 'react';
import { useParams } from 'react-router-dom';
import { Button, Form, Input, Modal, notification, Utils } from 'knowdesign';
import { Button, Form, Input, Modal, Utils } from 'knowdesign';
import notification from '@src/components/Notification';
import { IconFont } from '@knowdesign/icons';
import Api from '@src/api/index';

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

@@ -1,6 +1,7 @@
import React, { useState, useEffect, useCallback } from 'react';
import { Redirect, useHistory, useLocation } from 'react-router-dom';
import { DProLayout, AppContainer, RouteGuard, notification, Spin } from 'knowdesign';
import { DProLayout, AppContainer, RouteGuard, Spin } from 'knowdesign';
import notification from '@src/components/Notification';
import { pageRoutes } from './pageRoutes';
import { leftMenus, systemKey } from '@src/constants/menu';
import { ClustersPermissionMap } from './CommonConfig';