我的前端通用工具

依赖 react sass, antd, antd-mobile, @ant-design/icons, antd-mobile-icons

安装

``
npm i da_utils_react_antd -D
`

用法

`
import DaUtils from 'da_utils_react_antd';
console.log(DaUtils.DateUtils.dateFormat(new Date()));
`

说明

* DaUtils.Utils 常用工具
* DaUtils.DateUtils 日期工具
* DaUtils.ColorUtils 颜色工具
* DaUtils.Event 事件
* DaUtils.WebUtils 常用web工具
* DaUtils.Platform 浏览器信息
* DaUtils.ImageUtils 图片处理工具
* DaUtils.FileUtils 文件处理工具
* DaUtils.HttpClient 网络请求
* DaUtils.form 响应式表单
* DaUtils.components antd 组件

开发

`
npm run dev // 开发
`

#### DaUtils.HttpClient 网络请求
`
const http = new DaUtils.HttpClient({
base: 'https://e.aidingyi.cn/',
header: { 'Content-Type': 'application/json' },
init: (httpClient) => {
httpClient.header = { ...httpClient.header, ...{ 'Api-Authorize-Token': localStorage.getItem('token') ?? '' } }
}
});
const res: any = await http.request({
title: 请求列表,
uri: module_listing,
method: 'POST',
data: { module, ...param },
debounce: 0,
});
``
#### DaUtils.form 响应式表单
* FormControl
* FormGroup
* FormArray
* FormBuilder 便捷方法来生成表单控件
* FormUtils 表单工具
* Validators 验证器

#### DaUtils.components： antd和 antd-mobile 组件
* ScrollPage 滚动页面，一般手机端使用
* JSErrorPage js 报错页
* AntdTheme antd 自定义主题
* ScreenModal 弹框
* ImagePreview 图片预览
* Upload 上传
* CdnImage cdn 图片
* form 表单类组件