Add computed.unsubscribeAll. Sometimes we want to remove...
...subscribers without removing dependencies.
This commit is contained in:
parent
363aa34e85
commit
b6c220e61e
@ -4,6 +4,7 @@ export function computed(fn, dependencies = [], comparator = eq) {
|
||||
let isDirty = true;
|
||||
let val;
|
||||
|
||||
// Receive dirty flag from parent logic node (dependency). Pass it down.
|
||||
function _computedDirtyReporter(_, skipPropagation) {
|
||||
if (!isDirty) {
|
||||
isDirty = true;
|
||||
@ -17,6 +18,7 @@ export function computed(fn, dependencies = [], comparator = eq) {
|
||||
|
||||
const dependentSubscriptions = Array.from(dependencies).map(d => d._d(_computedDirtyReporter));
|
||||
|
||||
// Compute new value, call subscribers if changed.
|
||||
const accessor = function _computed() {
|
||||
if (isDirty) {
|
||||
const newVal = fn.apply(null, dependencies.map(runParam));
|
||||
@ -29,6 +31,7 @@ export function computed(fn, dependencies = [], comparator = eq) {
|
||||
return val;
|
||||
};
|
||||
|
||||
// Add child nodes to the logic graph (value-based)
|
||||
accessor.subscribe = fn => {
|
||||
subscribers.add(fn);
|
||||
return () => {
|
||||
@ -37,17 +40,25 @@ export function computed(fn, dependencies = [], comparator = eq) {
|
||||
};
|
||||
};
|
||||
|
||||
// Add child nodes to the logic graph (dirty-based)
|
||||
accessor._d = fn => {
|
||||
dependents.add(fn);
|
||||
return () => dependents.delete(fn);
|
||||
};
|
||||
|
||||
// Remove this node from the logic graph completely
|
||||
accessor.detach = () => {
|
||||
subscribers.clear();
|
||||
dependents.clear();
|
||||
dependentSubscriptions.forEach(runParam);
|
||||
};
|
||||
|
||||
// Remove child nodes from the logic graph
|
||||
accessor.unsubscribeAll = () => {
|
||||
subscribers.clear();
|
||||
dependents.clear();
|
||||
};
|
||||
|
||||
return accessor;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user