1.0.0 • Published 3 years ago
rukawa v1.0.0
rukawa
安装
$ npm install rukawa简单使用
import { useRukawa } from 'rukawa';
const {
rukawaValues,
setRukawaValue
} = useRukawa({
name: 'test',
subscribes: [
'test-1'
],
initialValue: ''
}, {
debounce: 500
})提供一个 useRukawa 的 hook，可以从中导出 rukawaValues 和 setRukawaValue,
rukawaValues 是订阅的节点的 values 集合, setRukawaValue 是更改当前节点的值,
更改后，订阅该值的节点中的 rukawaValues, 会获取到最新的值。
API 介绍
userukawa 可以接受 2 个参数， props 和 options
props
| 参数 | 说明 | 类型 | 必填 |
|---|---|---|---|
| name | 节点名称 | string | 是 |
| subscribes | 订阅节点名称 | string[] | 否 |
| initialValue | 节点初始值 | any | 否 |
| broadcastOnMounted | 初次挂载是否广播value | boolean | 否 |
| ignoreSameValue | 是否忽略相同的值 | boolean | 否 |
| valueState | 是否需要返回当前节点 value | boolean | 否 |
options
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| debounce | 防抖 | number | - |
| formatResult | 对 rukawaValue 进行预处理 | (values) => any | - |
| pipes | rx pipes | OperatorFunction<any, any>[] | - |
return
| 参数 | 说明 | 类型 |
|---|---|---|
| rukawaValues | 订阅节点值 | any |
| valuesDetail | 当前值和上一次更改的值 | { currentValues, oldValues } |
| setRukawaValue | 更改当前节点值 | (value) => void |
| value | 当前节点值（需要开启 valueState） | any |
其他
开启调试，可以看到每次值的传递。
import { getRukawa } from 'rukawa';
getRukawa().showValue();LICENSE
MIT