100 lines
2.2 KiB
JavaScript
100 lines
2.2 KiB
JavaScript
"use strict";
|
|
|
|
var __read = this && this.__read || function (o, n) {
|
|
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
if (!m) return o;
|
|
var i = m.call(o),
|
|
r,
|
|
ar = [],
|
|
e;
|
|
|
|
try {
|
|
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
|
|
ar.push(r.value);
|
|
}
|
|
} catch (error) {
|
|
e = {
|
|
error: error
|
|
};
|
|
} finally {
|
|
try {
|
|
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
} finally {
|
|
if (e) throw e.error;
|
|
}
|
|
}
|
|
|
|
return ar;
|
|
};
|
|
|
|
var __importDefault = this && this.__importDefault || function (mod) {
|
|
return mod && mod.__esModule ? mod : {
|
|
"default": mod
|
|
};
|
|
};
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
|
|
var react_1 = require("react");
|
|
|
|
var useCreation_1 = __importDefault(require("../useCreation")); // k:v 原对象:代理过的对象
|
|
|
|
|
|
var proxyMap = new WeakMap(); // k:v 代理过的对象:原对象
|
|
|
|
var rawMap = new WeakMap();
|
|
|
|
function isObject(val) {
|
|
return typeof val === 'object' && val !== null;
|
|
}
|
|
|
|
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 get(target, key, receiver) {
|
|
var res = Reflect.get(target, key, receiver);
|
|
return isObject(res) ? observer(res, cb) : Reflect.get(target, key);
|
|
},
|
|
set: function set(target, key, val) {
|
|
var ret = Reflect.set(target, key, val);
|
|
cb();
|
|
return ret;
|
|
},
|
|
deleteProperty: function deleteProperty(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 _a = __read(react_1.useState({}), 2),
|
|
setFlag = _a[1];
|
|
|
|
var stateRef = react_1.useRef(initialState);
|
|
var state = useCreation_1["default"](function () {
|
|
return observer(stateRef.current, function () {
|
|
setFlag({});
|
|
});
|
|
}, []);
|
|
return state;
|
|
}
|
|
|
|
exports["default"] = useReactive; |