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

Added tag v1.0.2 for changeset

cin - - Load All Authors

File last commit:

r34:e8012fdf09ae 1.0.0-rc16 default


                r47:5b7c733ef63d

default

Download file

             FunctionComponentContext.ts
        
                    32 lines
            
             | 912 B
            
                | video/mp2t
            
             |
                TypeScriptLexer
            
             / src / main / ts / tsx / FunctionComponentContext.ts
          
                    History
                
                 |
                  Source
                 | Raw
                 |Copy content
                 |Copy permalink

        cin
    
Support for Function Components...

              r34
            
      import dom = require("dojo/dom-construct");

      import attr = require("dojo/dom-attr");

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

      import { BuildContextBase } from "./BuildContextBase";

      export class FunctionComponentContext extends BuildContextBase<Element> {

          private _component: (props: any) => Element;

          private _element: Element | undefined;

          constructor(component: (props: any) => Element) {

              super();

              argumentNotNull(component, "component");

              this._component = component;

          }

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

              const _attrs: any = attrs || {};

              _attrs.children = children.map(x => this.getChildDom(x));

              this._element = this._component.call(null, _attrs);

          }

          _getDomNode() {

              if (!this._element)

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

              return this._element;

          }

      }

	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

cin Support for Function Components...	r34	import dom = require("dojo/dom-construct");
		import attr = require("dojo/dom-attr");
		import { argumentNotNull } from "@implab/core-amd/safe";
		import { BuildContextBase } from "./BuildContextBase";


		export class FunctionComponentContext extends BuildContextBase<Element> {
		private _component: (props: any) => Element;

		private _element: Element \| undefined;

		constructor(component: (props: any) => Element) {
		super();
		argumentNotNull(component, "component");

		this._component = component;
		}

		_create(attrs: object, children: any[]) {
		const _attrs: any = attrs \|\| {};
		_attrs.children = children.map(x => this.getChildDom(x));

		this._element = this._component.call(null, _attrs);
		}

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

		}