@baic/yolk

yarn add @baic/yolk

Usage no npm install needed!

<script type="module">
  import baicYolk from 'https://cdn.skypack.dev/@baic/yolk';
</script>

README

@baic/yolk

umi之上的封装

使用

yarn add @baic/yolk

API

define-config

内置umi配置
// .umirc.ts
import defineConfig from '@baic/yolk/lib/define-config';

export default defineConfig({
});

useForm()

同antd.Form的useForm,并增加createFormItem方法。并扩展了一部分常用的rules。

validator

为表单rules扩展的常用验证

Request

基于axios构建的请求对象,这里只列举扩展参数

参数 说明 类型 默认值
baseUrl 基础Url string -
suffix 默认后缀名,如果url内部包含不添加 string -
randomStringName 随机数参数名 string _
shallowTrim 参数浅层次去掉前后空格 boolean true
deepTrim 参数深层次去掉前后空格 boolean false
onStart 请求前调用,返回请求参数 function -
onEnd 请求完成调用 function -
onFail 请求失败调用 function -
onError 请求发生错误调用,返回response对象 function -
onInterceptorCatch 判断返回结果符合的Promise function -
transformResult 转换返回response.data function -
loading 是否开启默认Loading boolean true
headers 扩展为可异步函数返回header object function

Request.get(url, data, option)

static方式的默认get方法

Request.post(url, data, option)

static方式的默认post方法

useRequest

获取上下文初始化的request实例

request.get(url, data, option)

request.post(url, data, option)

request.data(defaultValue: any).get(url, data, option)

设定默认值,并获取transformResult转换后的data

request.data(defaultValue: any).post(url, data, option)

设定默认值,并获取transformResult转换后的data

Provider

yolk的初始化上下文

Hooks

Hooks.useFastClickCallback(callback: FastClickCallback): ClickCallback;

点击事件的useCallback,防止执行过程连续点击