TanTan
e311ca3275
Build NapCat Artifacts / Windows Loader Test (push) Canceled after 0s
Build NapCat Artifacts / Type Check & Test (push) Canceled after 0s
Build NapCat Artifacts / Build NapCat.Framework (push) Canceled after 0s
Build NapCat Artifacts / Build NapCat.Shell (push) Canceled after 0s
58 lines
2.0 KiB
Plaintext
58 lines
2.0 KiB
Plaintext
import { useRef } from 'react';
|
|
import isPlainObject from 'lodash/isPlainObject';
|
|
import useCreation from '../useCreation';
|
|
import useUpdate from '../useUpdate';
|
|
// k:v 原对象:代理过的对象
|
|
var proxyMap = new WeakMap();
|
|
// k:v 代理过的对象:原对象
|
|
var rawMap = new WeakMap();
|
|
function observer(initialVal, cb) {
|
|
var existingProxy = proxyMap.get(initialVal);
|
|
// 添加缓存 防止重新构建proxy
|
|
if (existingProxy) {
|
|
return existingProxy;
|
|
}
|
|
// 防止代理已经代理过的对象
|
|
// https://github.com/alibaba/hooks/issues/839
|
|
if (rawMap.has(initialVal)) {
|
|
return initialVal;
|
|
}
|
|
var proxy = new Proxy(initialVal, {
|
|
get: function (target, key, receiver) {
|
|
var res = Reflect.get(target, key, receiver);
|
|
// https://github.com/alibaba/hooks/issues/1317
|
|
var descriptor = Reflect.getOwnPropertyDescriptor(target, key);
|
|
if (!(descriptor === null || descriptor === void 0 ? void 0 : descriptor.configurable) && !(descriptor === null || descriptor === void 0 ? void 0 : descriptor.writable)) {
|
|
return res;
|
|
}
|
|
// Only proxy plain object or array,
|
|
// otherwise it will cause: https://github.com/alibaba/hooks/issues/2080
|
|
return isPlainObject(res) || Array.isArray(res) ? observer(res, cb) : res;
|
|
},
|
|
set: function (target, key, val) {
|
|
var ret = Reflect.set(target, key, val);
|
|
cb();
|
|
return ret;
|
|
},
|
|
deleteProperty: function (target, key) {
|
|
var ret = Reflect.deleteProperty(target, key);
|
|
cb();
|
|
return ret;
|
|
},
|
|
});
|
|
proxyMap.set(initialVal, proxy);
|
|
rawMap.set(proxy, initialVal);
|
|
return proxy;
|
|
}
|
|
function useReactive(initialState) {
|
|
var update = useUpdate();
|
|
var stateRef = useRef(initialState);
|
|
var state = useCreation(function () {
|
|
return observer(stateRef.current, function () {
|
|
update();
|
|
});
|
|
}, []);
|
|
return state;
|
|
}
|
|
export default useReactive;
|