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

* tsx/{Xxx}Context renamed to tsx/{Xxx}Rendition, for old types made...

* tsx/{Xxx}Context renamed to tsx/{Xxx}Rendition, for old types made compatibility stubs with @deprected comments * Improved handling of functional component output, added support for boolean, null, undefined and widgets. * RenditionBase: fixed startup for the DocumentFragment nodes * startupWidgets: fixed startup of the widget when passed domNode of the widget. * DjxFragment converted to the functional component

cin - - Load All Authors

File last commit:

r63:1a0018655d1c v1.1.0 default


                r63:1a0018655d1c

v1.1.0 default

Download file

             tsx.ts
        
                    40 lines
            
             | 1.3 KiB
            
                | video/mp2t
            
             |
                TypeScriptLexer
            
             / src / main / ts / tsx.ts
          
                    History
                
                 |
                  Source
                 | Raw
                 |Copy content
                 |Copy permalink

        cin
    
added 'dom-inject' and 'css' modules

              r6
            
      import { Constructor } from "@implab/core-amd/interfaces";

        cin
    
* tsx/{Xxx}Context renamed to tsx/{Xxx}Rendition, for old types made...

              r63
            
      import { HtmlRendition } from "./tsx/HtmlRendition";

      import { WidgetRendition } from "./tsx/WidgetRendition";

      import { isWidgetConstructor, Rendition } from "./tsx/traits";

      import { FunctionRendition } from "./tsx/FunctionRendition";

        cin
    
added 'dom-inject' and 'css' modules

              r6
            
        cin
    
* tsx/{Xxx}Context renamed to tsx/{Xxx}Rendition, for old types made...

              r63
            
      export function createElement<T extends Constructor | string | ((props: any) => Element)>(elementType: T, ...args: any[]): Rendition {

        cin
    
added 'dom-inject' and 'css' modules

              r6
            
          if (typeof elementType === "string") {

        cin
    
* tsx/{Xxx}Context renamed to tsx/{Xxx}Rendition, for old types made...

              r63
            
              const ctx = new HtmlRendition(elementType);

        cin
    
added 'dom-inject' and 'css' modules

              r6
            
              if (args)

                  args.forEach(x => ctx.visitNext(x));

              return ctx;

          } else if (isWidgetConstructor(elementType)) {

        cin
    
* tsx/{Xxx}Context renamed to tsx/{Xxx}Rendition, for old types made...

              r63
            
              const ctx = new WidgetRendition(elementType);

        cin
    
added 'dom-inject' and 'css' modules

              r6
            
              if (args)

                  args.forEach(x => ctx.visitNext(x));

              return ctx;

        cin
    
Support for Function Components...

              r34
            
          } else if (typeof elementType === "function") {

        cin
    
* tsx/{Xxx}Context renamed to tsx/{Xxx}Rendition, for old types made...

              r63
            
              const ctx = new FunctionRendition(elementType as (props: any) => Element);

        cin
    
Support for Function Components...

              r34
            
              if (args)

                  args.forEach(x => ctx.visitNext(x));

              return ctx;

        cin
    
added 'dom-inject' and 'css' modules

              r6
            
          } else {

              throw new Error(`The element type '${elementType}' is unsupported`);

          }

      }

      export interface EventDetails<T = any> {

          detail: T;

      }

      export interface EventSelector {

          selectorTarget: HTMLElement;

          target: HTMLElement;

      }

      export type DojoMouseEvent<T = any> = MouseEvent & EventSelector & EventDetails<T>;

	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 added 'dom-inject' and 'css' modules	r6	import { Constructor } from "@implab/core-amd/interfaces";
cin * tsx/{Xxx}Context renamed to tsx/{Xxx}Rendition, for old types made...	r63	import { HtmlRendition } from "./tsx/HtmlRendition";
		import { WidgetRendition } from "./tsx/WidgetRendition";
		import { isWidgetConstructor, Rendition } from "./tsx/traits";
		import { FunctionRendition } from "./tsx/FunctionRendition";
cin added 'dom-inject' and 'css' modules	r6
cin * tsx/{Xxx}Context renamed to tsx/{Xxx}Rendition, for old types made...	r63	export function createElement<T extends Constructor \| string \| ((props: any) => Element)>(elementType: T, ...args: any[]): Rendition {
cin added 'dom-inject' and 'css' modules	r6	if (typeof elementType === "string") {
cin * tsx/{Xxx}Context renamed to tsx/{Xxx}Rendition, for old types made...	r63	const ctx = new HtmlRendition(elementType);
cin added 'dom-inject' and 'css' modules	r6	if (args)
		args.forEach(x => ctx.visitNext(x));

		return ctx;
		} else if (isWidgetConstructor(elementType)) {
cin * tsx/{Xxx}Context renamed to tsx/{Xxx}Rendition, for old types made...	r63	const ctx = new WidgetRendition(elementType);
cin added 'dom-inject' and 'css' modules	r6	if (args)
		args.forEach(x => ctx.visitNext(x));

		return ctx;
cin Support for Function Components...	r34	} else if (typeof elementType === "function") {
cin * tsx/{Xxx}Context renamed to tsx/{Xxx}Rendition, for old types made...	r63	const ctx = new FunctionRendition(elementType as (props: any) => Element);
cin Support for Function Components...	r34	if (args)
		args.forEach(x => ctx.visitNext(x));

		return ctx;
cin added 'dom-inject' and 'css' modules	r6	} else {
		throw new Error(`The element type '${elementType}' is unsupported`);
		}
		}

		export interface EventDetails<T = any> {
		detail: T;
		}

		export interface EventSelector {
		selectorTarget: HTMLElement;
		target: HTMLElement;
		}

		export type DojoMouseEvent<T = any> = MouseEvent & EventSelector & EventDetails<T>;