open-index/open-npm huggingface dataset:
npm package: @react-kit/auth
Description: ------ token处理工具（注：依赖 @react-kit/http ）
Author: Yang
Latest version: 0.4.0

# react-kit/auth
------
token处理工具（注：依赖 @react-kit/http ）

# 特点
> * 处理 token 的保存、获取、删除
> * 内置 token 拦截器，根据需要使用
> * 使用 typescript 编写，内置 ts 声明文件 在编译器下获得友好的代码提示

# 示例
```js
import {TokenService, TokenStoreType} from '@react-kit/auth';

// 创建一个service对象，可传入配置，不传则使用默认值
const tokenService = new TokenService({
    token_send_key_header: 'Authorization',
    token_send_template_header: 'Bearer ${token}',
    token_store_key: 'token',
    token_store_type: TokenStoreType.LocalStorage
});

// 设置
tokenService.set({token: '123456'});

// 获取
tokenService.get();

// 清除
tokenService.clear();

// 增加token拦截器(自动将token添加到请求头中)
tokenService.addTokenInterceptors();

```
npm package: @react-kit/http
Description: ------ 基于Promise的HTTP请求工具
Author: Yang
Latest version: 0.5.3

# react-kit/http
------
基于Promise的HTTP请求工具

# 特点
> * 支持 angular、react、vue 使用
> * 基于 axios 封装，更友好的调用方式
> * 使用 typescript 编写，内置 ts 声明文件 在编译器下获得友好的代码提示
> * 内置拦截器，处理 POST 和 PUT 下 FORM 表单形式提交的参数处理
> * 更友好的响应参数格式
> * 支持外部继续叠加 自定义拦截器
> * 不污染原生 axios API

# 示例
```js
import {httpInstance, httpService} from '@react-kit/http';

// GET请求
httpService.get('/test', {a: 1, b: 2}).then(res => {
   if (res.flag) {
       // 正确的请求
   } 
});
// POST请求
httpService.post('/test', {a: 1, b: 2}).then(res => {
   if (res.flag) {
       // 正确的请求
   } 
});
// PUT请求
httpService.put('/test', {a: 1, b: 2}).then(res => {
   if (res.flag) {
       // 正确的请求
   } 
});
// DELETE请求
httpService.delete('/test', {a: 1, b: 2}).then(res => {
   if (res.flag) {
       // 正确的请求
   } 
});
// 带请求类型的请求
httpService.request('GET', '/test', {a: 1, b: 2}).then(res => {
   if (res.flag) {
       // 正确的请求
   } 
});

// 自定义拦截器，注意（后面定义的先执行，前面定义的后执行）
// 请求拦截器
httpInstance.interceptors.request.use((config => {
   return config;
}));
// 响应拦截器
httpInstance.interceptors.response.use((config => {
    return config;
}));
```
npm package: @react-kit/util
Description: ------ 通用工具
Author: Yang
Latest version: 0.5.5

# react-kit/util
------
通用工具

## TreeService
> * 可配置
> * 处理数组与树之间的转换

### 配置参数
```
export interface TreeConfig {
    /**
     * 根ID
     */
    rootParentId?: string;
    /**
     * 编号项名
     */
    idMapName?: string;
    /**
     * 父编号项名
     */
    parentIdMapName?: string;
    /**
     * 扁平后数组的父数据项名
     */
    parentMapName?: string;
    /**
     * 源数据子项名
     */
    childrenMapName?: string;
    /**
     * 是否移除children
     */
    clearChildren?: boolean;
    /**
     * 深度项名
     */
    deepMapName?: string;


    /**
     * 回调方法
     * @param item
     */
    cb?: (item: any, parent?: any, deep?: number) => void;
}
```

### 示例(传入参数可点击方法进去查看)
```
import { TreeService } from '@react-kit/util';

// 初始化，可传入配置
export const treeService = new TreeService();

// 树转换成数组
treeService.treeToArr();

// 数组转换成树
treeService.arrToTree();

// 遍历树
treeService.visitTree();
```