qq_56348427的博客

图表小组件

contant.tstype List<T> = Array<{ code: T; label: string;}>;const parseListToMap = <T>(list: List<keyof T>): Record<keyof T, string> => { const result: Record<keyof T, string> = Object.create(null);...

效果：types.tsexport interface RecordType { id: string; errMsg: string;}export interface StatusParams { desc: string; className: string;}export interface DescType { name: string; label: string;}Table.tsimport {DescT.

/** * @file 溢出文本+tooltip */import {Tooltip} from 'antd';import {TooltipProps} from 'antd/lib/tooltip';import {FC, useCallback, useState} from 'react';import {useElementResize} from '@huse/element-size';interface IEllipsisTextProps { placement.

/** * @file error boundary */import {Button, Result} from 'antd';import React, {Component} from 'react';import {Link} from 'react-router-dom';export default class ErrorBoundary extends Component<any, {hasError: boolean}> { constructor(pro.

index.tsximport React from 'react';import nodataUrl from '@/assets/images/noData.svg';import './index.less';interface NoDataProps { text?: string; callback?: () => void; btnText?: string; style?: React.CSSProperties; classNam

index.tsx/** * @file Loading */import React from 'react';import {Spin} from 'antd';import './index.less';interface LoadingProps { style?: React.CSSProperties; className?: string;}const LoadingCom: React.FC<LoadingProps> = ({styl

import React, {useEffect, useState} from 'react';import {Button, message, Space, Upload} from 'antd';import {DraggerProps} from 'antd/lib/upload';import {UploadOutlined} from '@ant-design/icons';import {getToken} from '@/utils';import {getUUID} from..

效果一效果二封装的组件/* eslint-disable max-statements *//* eslint-disable react-hooks/exhaustive-deps *//** * @file 自定义画像 */import React, {Key, useEffect, useMemo, useRef, useState} from 'react';import {Button, Checkbox, Form, Input, message, Modal,

/** * @file pagination */import {Button, Input, Pagination, PaginationProps, Select} from 'antd';import React, {ChangeEvent, FC, useCallback, useEffect, useState} from 'react';import './index.less';function countMaxPage(total: number, pageSize: nu.

/* eslint-disable react-hooks/exhaustive-deps *//* eslint-disable no-underscore-dangle */import React from 'react';import * as echarts from 'echarts';import {Modal} from 'antd';/** * 参数列表 * key: string; 唯一值 * option: object | null; 图表数据 * style:.

效果：使用：import type {ColumnsType, TablePaginationConfig} from 'antd/lib/table';// ，01：时间，02：数值-整数，03：数值-小数，04：枚举，05：文本const LABEL_TYPE: Record<string, string> = { '01': '时间', '02': '数值-整数', '03': '数值-小数', '04': '枚举', '05'.

/* eslint-disable @typescript-eslint/restrict-plus-operands *//* eslint-disable no-loop-func *//** * @file api */import axios, {AxiosRequestConfig} from 'axios';import {message} from 'antd';import {getToken} from '@/utils';import {getUUID} from '@.

index.tsx/** * @file 带字数指示的input */import {Input} from 'antd';import type {InputProps, TextAreaProps} from 'antd/lib/input';import {FC} from 'react';import './index.less';interface ILimitInputProps extends InputProps { maxLength: number;}

index1.tsximport React, {useEffect, useState} from 'react';import {Button, message, Space, Upload} from 'antd';import {DraggerProps} from 'antd/lib/upload';import {UploadOutlined} from '@ant-design/icons';import {getToken} from '@/utils';import {g