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