Antd Utils

功能概览

名称	方法名	类型	demo	稳定版本
表格转置	transformTable	Table	文档	0.1.5
复制 tags	pasteTags	Select	文档	0.1.5
TS 枚举转 select options	enum2Options	Select	文档	0.1.5
获取 url 参数	getQueryString	Utils	文档	0.1.9
纵向合并相邻重复单元格	calcRowspanToMerge	Table	文档	0.1.11
页面进入或离开触发回调函数	handleVisibilityChange	Utils	文档	0.1.14

编译

npm run compile
npm run compile:w  // 可监听

测试

npm run test

打包

npm run build

自定义打包

// 打包umd格式，兼容浏览器和node环境
npm run dev

// 打包cjs格式
npm run dev:cjs

// 打包es6格式
npm run dev:esm

发布

npm publish

Getting Started 开始使用

1. Using npm (Recomended)

import AntdUtils from '@antd-utils';
// or
import { transformTable } from '@antd-utils';

2. Using <script>

Direct import using <script>, use antd-utils.js or compressed version antd-utils-min.js, call window.AntdUtils.xxx

浏览器直接引入，使用 antd-utils.js 或者压缩版 antd-utils-min.js，调用 window.AntdUtils.xxx

编写工具函数

1. 在src下创建对应函数的文件 xx(工具类，如date)/xxx.ts

2. 在入口文件entry-compiler.ts 导入

import xxx from './xx/xxx.ts'
export = {
    ...
    xxx
}

3. 在index.d.ts中添加类型声明， 如

declare namespace AntdUtils {
    ...
    export function xxx():void
}

编写单元测试用例

1. 在test下创建命名为xx.spec.ts文件，然后写单元测试用例使用mocha

2. 执行 npm run test， 可在终端查看测试通过情况和代码覆盖率

编译、打包构建、发布

// 修改提交后，直接执行以下命令，即可完成编译、打包、发布
npm run publish:patch 
npm run publish:minor
npm run publish:major
npm run publish:premajor

鸣谢

打包构建基于 @ghfengye 的 https://github.com/ghfengye/mutils

Contact

Feel free to raise issues and contact me

github: https://github.com/xunge0613 weibo: @徐迅爱上大