tsx.ts
40 lines
| 1.3 KiB
| video/mp2t
|
TypeScriptLexer
cin
|
r65 | import { Constructor } from "@implab/core-amd/interfaces"; | ||
| import { HtmlRendition } from "./tsx/HtmlRendition"; | ||||
| import { WidgetRendition } from "./tsx/WidgetRendition"; | ||||
| import { isWidgetConstructor, Rendition } from "./tsx/traits"; | ||||
| import { FunctionRendition } from "./tsx/FunctionRendition"; | ||||
| export function createElement<T extends Constructor | string | ((props: any) => Element)>(elementType: T, ...args: any[]): Rendition { | ||||
| if (typeof elementType === "string") { | ||||
| const ctx = new HtmlRendition(elementType); | ||||
| if (args) | ||||
| args.forEach(x => ctx.visitNext(x)); | ||||
| return ctx; | ||||
| } else if (isWidgetConstructor(elementType)) { | ||||
| const ctx = new WidgetRendition(elementType); | ||||
| if (args) | ||||
| args.forEach(x => ctx.visitNext(x)); | ||||
| return ctx; | ||||
| } else if (typeof elementType === "function") { | ||||
| const ctx = new FunctionRendition(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>; | ||||