|
|
import { id as mid } from "module";
|
|
|
import { TraceSource } from "@implab/core-amd/log/TraceSource";
|
|
|
import { argumentNotNull } from "@implab/core-amd/safe";
|
|
|
import { place } from "dojo/dom-construct";
|
|
|
import { getScope, render } from "./Renderer";
|
|
|
import { RenditionBase } from "./RenditionBase";
|
|
|
import { Scope } from "./Scope";
|
|
|
import { locateNode } from "./traits";
|
|
|
|
|
|
const trace = TraceSource.get(mid);
|
|
|
|
|
|
export class WatchRendition<T> extends RenditionBase<Node> {
|
|
|
private readonly _factory: (arg: T) => any;
|
|
|
|
|
|
private _node: Node;
|
|
|
|
|
|
private readonly _scope = new Scope();
|
|
|
|
|
|
constructor(component: (arg: T) => any, subject: any) {
|
|
|
super();
|
|
|
argumentNotNull(component, "component");
|
|
|
|
|
|
this._factory = component;
|
|
|
|
|
|
this._node = document.createComment("WatchRendition placeholder");
|
|
|
}
|
|
|
|
|
|
protected _create(attrs: object, children: any[]) {
|
|
|
const _attrs: any = attrs || {};
|
|
|
const _children = children.map(x => this.getItemDom(x));
|
|
|
this._node = this.getItemDom(
|
|
|
this._factory.call(null, { ..._attrs, children: _children })
|
|
|
);
|
|
|
|
|
|
const scope = getScope();
|
|
|
scope.own(this._scope);
|
|
|
|
|
|
// если отрендерили текст? или DocumentFragment
|
|
|
}
|
|
|
|
|
|
private async _render(value: T) {
|
|
|
const [refNode, position] = locateNode(this._node);
|
|
|
this._scope.clean();
|
|
|
|
|
|
this._node = await render(() => this._factory(value), this._scope);
|
|
|
|
|
|
if (refNode)
|
|
|
place(this._node, refNode, position);
|
|
|
}
|
|
|
|
|
|
protected _getDomNode() {
|
|
|
if (!this._node)
|
|
|
throw new Error("The instance of the widget isn't created");
|
|
|
return this._node;
|
|
|
}
|
|
|
|
|
|
|
|
|
}
|
|
|
|
