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

Added tag v1.8.0 for changeset

cin - - Load All Authors

File last commit:

r109:4a375b9c654a default


                r130:5811271fa858

default

Download file

             FunctionRendition.ts
        
                    30 lines
            
             | 922 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 "./render";

      import { RenditionBase } from "./RenditionBase";

      export class FunctionRendition extends RenditionBase<Node> {

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

          private _node: Node | undefined;

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

              super();

              argumentNotNull(component, "component");

              this._component = component;

          }

          protected _create(attrs: object, children: unknown[]) {

              const _attrs = attrs || {};

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

              this._node = getItemDom(

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

          }

          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 "./render";
				import { RenditionBase } from "./RenditionBase";

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

				private _node: Node \| undefined;

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

				this._component = component;
				}

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

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

				}