implab/implabjs-djx Files · djx/src/main/ts/tsx/FunctionRendition.ts

refactoring, adding scope to rendering methods

cin - - Load All Authors

File last commit:

r96:a316cfea8bb1 v1.3


                r96:a316cfea8bb1

v1.3

Download file

             FunctionRendition.ts
        
                    33 lines
            
             | 984 B
            
                | video/mp2t
            
             |
                TypeScriptLexer
            
             / djx / src / main / ts / tsx / FunctionRendition.ts
          
                    History
                
                 |
                  Annotation
                 | Raw
                 |Copy content
                 |Copy permalink

      import { argumentNotNull } from "@implab/core-amd/safe";

      import { getItemDom } from "./Renderer";

      import { RenditionBase } from "./RenditionBase";

      import { IScope } from "./Scope";

      export class FunctionRendition extends RenditionBase<Node> {

          private _component: (...args: any[]) => any;

          private _node: Node | undefined;

          constructor(component: (...args: any[]) => any) {

              super();

              argumentNotNull(component, "component");

              this._component = component;

          }

          protected _create(attrs: object, children: any[], scope: IScope) {

              const _attrs: any = attrs || {};

              const _children = children.map(x => getItemDom(x, scope));

              this._node = getItemDom(

                  this._component.call(null, { ..._attrs, children: _children }),

                  scope

              );

          }

          protected _getDomNode() {

              if (!this._node)

                  throw new Error("The instance of the widget isn't created");

              return this._node;

          }

      }

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
g 0-9	Goto bookmarked items from 0-9
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository access permissions settings
t s	Toggle sidebar on some pages

				import { argumentNotNull } from "@implab/core-amd/safe";
				import { getItemDom } from "./Renderer";
				import { RenditionBase } from "./RenditionBase";
				import { IScope } from "./Scope";

				export class FunctionRendition extends RenditionBase<Node> {
				private _component: (...args: any[]) => any;

				private _node: Node \| undefined;

				constructor(component: (...args: any[]) => any) {
				super();
				argumentNotNull(component, "component");

				this._component = component;
				}

				protected _create(attrs: object, children: any[], scope: IScope) {
				const _attrs: any = attrs \|\| {};
				const _children = children.map(x => getItemDom(x, scope));
				this._node = getItemDom(
				this._component.call(null, { ..._attrs, children: _children }),
				scope
				);
				}

				protected _getDomNode() {
				if (!this._node)
				throw new Error("The instance of the widget isn't created");
				return this._node;
				}

				}