- 博客(21)
- 收藏
- 关注
RSS订阅
1原创 过滤（FilterMultiple）封装组件
效果：使用：import type {ColumnsType, TablePaginationConfig} from 'antd/lib/table';// ，01：时间，02：数值-整数，03：数值-小数，04：枚举，05：文本const LABEL_TYPE: Record<string, string> = { '01': '时间', '02': '数值-整数', '03': '数值-小数', '04': '枚举', '05'.
2022-07-15 11:50:39
726
原创 图表（Chart）封装
/* 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:.
2022-07-15 11:49:49
266
原创 封装分页pagination组件
/** * @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.
2022-07-15 11:49:23
389
原创 封装上传按钮
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..
2022-07-15 11:48:35
105
原创 文件上传组件(FileUpload）
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
2022-07-15 11:48:00
744
原创 Loading
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
2022-07-15 11:47:21
116
原创 ErrorBoundary.tsx
/** * @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.
2022-07-15 11:46:54
78
原创 穿梭框封装组件
效果一效果二封装的组件/* 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,
2022-07-08 19:39:57
651
原创 输入框封装
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;}
2022-07-08 19:39:14
222
原创 NoData 组件
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
2022-07-08 19:38:19
394
原创 溢出文本+tooltip
/** * @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.
2022-07-08 19:37:30
141
原创 api（样板）文件
/* 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 '@.
2022-07-08 19:37:01
178
原创 状态提示小组件
效果：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.
2022-07-08 19:36:12
231
原创 列表状态“颜色提示”组件
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);...
2022-07-08 19:33:44
260
原创 cookie.ts(工具)
/* eslint-disable @typescript-eslint/prefer-for-of *//* eslint-disable eqeqeq *//** * @file cookie * @param {getCookie} 获取cookie * @param {deleteCookie} 删除cookie * @param {addCookie} 添加cookie */function addCookie(cookieKey: any, cookieValue: strin.
2022-07-08 19:32:52
617
原创 改动预估人数显示的BUG
let lastParams: Partial<RuleNode>;function getLabelForecast(params: Partial<RuleNode>) { lastParams = params; return api.getLabelForecast(params).then((response) => { return {response, params}; });}getLabelForecast(.
2022-07-08 19:32:23
77
原创 【nodeJs】收到http://localhost:8888/api/axx/bxx/cxx请求，找到mock/apiAxxBxxCxx.json 的内容输出
方法一：const http = require('http');const fs = require('fs');const server = http.createServer((req,res)=>{ res.setHeader('Content-Type','application/json'); const reqUrl = new URL(req.url,`http://${req.headers.host}`); const urlPath = reqUrl.pat
2022-07-08 19:31:01
190
原创 针对于“上传文件”和“触发方式” 的解决方案（Antd个例）
修改前：封装的组件：const MyUpload: FC<MyUploadProps> = ({title, prop}) => { return ( <Upload maxCount={1} itemRender={() => null} {...prop} beforeUpload={checkFileSize}> <Button type="link" style={{color: ti..
2021-12-20 13:11:05
1771
转载 原生JS--获取DOM元素
获取DOM元素的方法：通过id获取<div id="box"></div><script> let box= document.getElementById("box");</script>1234注意：getElementById()括号中的不需要在前面加“#”，因为方法就决定了括号中的值是一个元素的id值。该方法返回一个DOM对象。2. 通过class获取<div class="box"></d..
2021-12-20 13:03:00
732
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人