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

Fixes in WidgetContex, added _Container.addChild support

cin - - Load All Authors

File last commit:

r34:e8012fdf09ae 1.0.0-rc16 default


                r38:5c6c7e16919c

v1.0.0-rc18 default

Download file

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

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

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

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

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

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

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

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

              const ctx = new HtmlElementContext(elementType);

              if (args)

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

              return ctx;

          } else if (isWidgetConstructor(elementType)) {

              const ctx = new WidgetContext(elementType);

              if (args)

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

              return ctx;

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

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

              if (args)

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

              return ctx;

          } 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

				import { Constructor } from "@implab/core-amd/interfaces";
				import { HtmlElementContext } from "./tsx/HtmlElementContext";
				import { WidgetContext } from "./tsx/WidgetContext";
				import { isWidgetConstructor, BuildContext } from "./tsx/traits";
				import { FunctionComponentContext } from "./tsx/FunctionComponentContext";

				export function createElement<T extends Constructor \| string \| ((props: any) => Element)>(elementType: T, ...args: any[]): BuildContext {
				if (typeof elementType === "string") {
				const ctx = new HtmlElementContext(elementType);
				if (args)
				args.forEach(x => ctx.visitNext(x));

				return ctx;
				} else if (isWidgetConstructor(elementType)) {
				const ctx = new WidgetContext(elementType);
				if (args)
				args.forEach(x => ctx.visitNext(x));

				return ctx;
				} else if (typeof elementType === "function") {
				const ctx = new FunctionComponentContext(elementType as (props: any) => Element);
				if (args)
				args.forEach(x => ctx.visitNext(x));

				return ctx;
				} 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>;