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

added support for two arguments (props, children) form of fucntional components

cin - - Load All Authors

File last commit:

r66:e3c05e9785a2 default


                r66:e3c05e9785a2

default

Download file

             FunctionRendition.ts
        
                    32 lines
            
             | 996 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 { RenditionBase } from "./RenditionBase";

      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[]) {

              const _attrs: any = attrs || {};

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

              this._node = this.getItemDom(

                  this._component.length === 2 ?

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

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

				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[]) {
				const _attrs: any = attrs \|\| {};
				const _children = children.map(x => this.getItemDom(x));
				this._node = this.getItemDom(
				this._component.length === 2 ?
				this._component.call(null, { ..._attrs }, _children) :
				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;
				}

				}