@visactor/vrender 0.16.0-alpha.3 → 0.16.0-alpha.5

package/cjs/interface/sync-hook.d.ts

@@ -0,0 +1,26 @@
+import type { AsArray } from './common';
+export type Tap = TapOptions & {
+    name: string;
+};
+export type TapOptions = {
+    before?: string;
+    stage?: number;
+};
+export type IfSet<X> = X extends UnsetAdditionalOptions ? any : X;
+export interface UnsetAdditionalOptions {
+    _UnsetAdditionalOptions: true;
+}
+export interface IHook<T, R, AdditionalOptions = UnsetAdditionalOptions> {
+    name?: string;
+    taps: FullTap[];
+    tap: (options: string | (Tap & IfSet<AdditionalOptions>), fn: (...args: AsArray<T>) => R) => void;
+    unTap: (options: string | (Tap & IfSet<AdditionalOptions>), fn?: (...args: AsArray<T>) => R) => void;
+}
+export interface ISyncHook<T, R = void, AdditionalOptions = UnsetAdditionalOptions> extends IHook<T, R, AdditionalOptions> {
+    call: (...args: AsArray<T>) => R;
+}
+export type FullTap = Tap & {
+    type: 'sync' | 'async' | 'promise';
+    fn: (...d: any) => any;
+};
+export type ICompileOptions = any;

package/cjs/interface/sync-hook.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=sync-hook.js.map

package/cjs/interface/sync-hook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/sync-hook.ts"],"names":[],"mappings":"","file":"sync-hook.js","sourcesContent":["import type { AsArray } from './common';\n\nexport type Tap = TapOptions & {\n  name: string;\n};\n\nexport type TapOptions = {\n  before?: string;\n  stage?: number;\n};\n\nexport type IfSet<X> = X extends UnsetAdditionalOptions ? any : X;\n\nexport interface UnsetAdditionalOptions {\n  _UnsetAdditionalOptions: true;\n}\n\nexport interface IHook<T, R, AdditionalOptions = UnsetAdditionalOptions> {\n  name?: string;\n  taps: FullTap[];\n  tap: (options: string | (Tap & IfSet<AdditionalOptions>), fn: (...args: AsArray<T>) => R) => void;\n  unTap: (options: string | (Tap & IfSet<AdditionalOptions>), fn?: (...args: AsArray<T>) => R) => void;\n}\n\nexport interface ISyncHook<T, R = void, AdditionalOptions = UnsetAdditionalOptions>\n  extends IHook<T, R, AdditionalOptions> {\n  call: (...args: AsArray<T>) => R;\n}\n\nexport type FullTap = Tap & {\n  type: 'sync' | 'async' | 'promise';\n  fn: (...d: any) => any;\n};\n\nexport type ICompileOptions = any;\n"]}

package/cjs/interface/text.d.ts

@@ -0,0 +1,49 @@
+import type { IContribution } from './contribution';
+import type { IGraphicUtil } from './core';
+export interface TextOptionsType {
+    fontSize?: number;
+    fontWeight?: string | number;
+    fontFamily?: string;
+    fontStyle?: string;
+    fontVariant?: string;
+}
+export interface ITextMeasure extends IContribution<IGraphicUtil> {
+    measureTextWidth: (text: string, options: TextOptionsType) => number;
+    measureTextPixelHeight: (text: string, options: TextOptionsType) => number;
+    measureTextBoundHieght: (text: string, options: TextOptionsType) => number;
+    clipText: (text: string, options: TextOptionsType, width: number, wordBreak: boolean) => {
+        str: string;
+        width: number;
+    };
+    clipTextVertical: (verticalList: {
+        text: string;
+        width?: number;
+        direction: number;
+    }[], options: TextOptionsType, width: number, wordBreak: boolean) => {
+        verticalList: {
+            text: string;
+            width?: number;
+            direction: number;
+        }[];
+        width: number;
+    };
+    clipTextWithSuffix: (text: string, options: TextOptionsType, width: number, suffix: string, wordBreak: boolean) => {
+        str: string;
+        width: number;
+    };
+    clipTextWithSuffixVertical: (verticalList: {
+        text: string;
+        width?: number;
+        direction: number;
+    }[], options: TextOptionsType, width: number, suffix: string, wordBreak: boolean) => {
+        verticalList: {
+            text: string;
+            width?: number;
+            direction: number;
+        }[];
+        width: number;
+    };
+    measureText: (text: string, options: TextOptionsType) => {
+        width: number;
+    };
+}

package/cjs/interface/text.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=text.js.map

package/cjs/interface/text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/text.ts"],"names":[],"mappings":"","file":"text.js","sourcesContent":["import type { IContribution } from './contribution';\nimport type { IGraphicUtil } from './core';\n\nexport interface TextOptionsType {\n  fontSize?: number;\n  fontWeight?: string | number;\n  fontFamily?: string;\n  fontStyle?: string;\n  fontVariant?: string;\n}\n\nexport interface ITextMeasure extends IContribution<IGraphicUtil> {\n  measureTextWidth: (text: string, options: TextOptionsType) => number;\n  measureTextPixelHeight: (text: string, options: TextOptionsType) => number;\n  measureTextBoundHieght: (text: string, options: TextOptionsType) => number;\n  clipText: (\n    text: string,\n    options: TextOptionsType,\n    width: number,\n    wordBreak: boolean\n  ) => { str: string; width: number };\n  clipTextVertical: (\n    verticalList: { text: string; width?: number; direction: number }[],\n    options: TextOptionsType,\n    width: number,\n    wordBreak: boolean\n  ) => { verticalList: { text: string; width?: number; direction: number }[]; width: number };\n  clipTextWithSuffix: (\n    text: string,\n    options: TextOptionsType,\n    width: number,\n    suffix: string,\n    wordBreak: boolean\n  ) => { str: string; width: number };\n  clipTextWithSuffixVertical: (\n    verticalList: { text: string; width?: number; direction: number }[],\n    options: TextOptionsType,\n    width: number,\n    suffix: string,\n    wordBreak: boolean\n  ) => { verticalList: { text: string; width?: number; direction: number }[]; width: number };\n  measureText: (text: string, options: TextOptionsType) => { width: number };\n}\n"]}

package/cjs/interface/theme-service.d.ts

@@ -0,0 +1 @@
+

package/cjs/interface/theme-service.js

@@ -0,0 +1,3 @@
+
+
+//# sourceMappingURL=theme-service.js.map

package/cjs/interface/theme-service.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/theme-service.ts"],"names":[],"mappings":"","file":"theme-service.js","sourcesContent":["// import { inject, injectable, named, postConstruct } from 'inversify';\n// import { ContributionProvider } from '../../common/contribution-provider';\n// import {\n//   ICircleGraphicAttribute,\n//   ILineGraphicAttribute,\n//   IPathGraphicAttribute,\n//   IRectGraphicAttribute,\n//   ISymbolGraphicAttribute,\n//   ITextGraphicAttribute,\n//   IArcGraphicAttribute,\n//   IAreaGraphicAttribute,\n//   IGroupGraphicAttribute,\n//   IPolygonGraphicAttribute\n// } from '../../interface';\n\n// export interface ITheme {\n//   readonly id: string;\n//   circleAttribute: Required<ICircleGraphicAttribute>;\n//   textAttribute: Required<ITextGraphicAttribute>;\n//   symbolAttribute: Required<ISymbolGraphicAttribute>;\n//   lineAttribute: Required<ILineGraphicAttribute>;\n//   areaAttribute: Required<IAreaGraphicAttribute>;\n//   rectAttribute: Required<IRectGraphicAttribute>;\n//   pathAttribute: Required<IPathGraphicAttribute>;\n//   arcAttribute: Required<IArcGraphicAttribute>;\n//   groupAttribute: Required<IGroupGraphicAttribute>;\n//   polygonAttribute: Required<IPolygonGraphicAttribute>;\n\n//   configure: (themeService: IThemeService) => void;\n\n//   activate: () => void;\n//   deactivate: () => void;\n// }\n\n// export const Theme = Symbol.for('Theme');\n\n// export const DEFAULT_THEME_ID = 'DEFAULT_THEME_ID';\n\n// export interface IThemeService {\n//   register: (theme: ITheme) => void;\n//   getThemes: () => ITheme[];\n\n//   getTheme: (themeId: string) => ITheme;\n\n//   setCurrentTheme: (themeId: string) => void;\n\n//   getCurrentTheme: () => ITheme;\n\n//   defaultTheme: ITheme;\n\n//   reset: () => void;\n// }\n\n// export const ThemeServce = Symbol.for('ThemeServce');\n\n// @injectable()\n// export class DefaultThemeService implements IThemeService {\n//   protected themeMap: Record<string, ITheme> = {};\n//   protected activeTheme?: ITheme;\n\n//   constructor(\n//     @inject(ContributionProvider)\n//     @named(Theme)\n//     protected readonly contributions: ContributionProvider<ITheme>\n//   ) {}\n\n//   @postConstruct()\n//   init() {\n//     this.contributions.getContributions().forEach(theme => {\n//       theme.configure(this);\n//     });\n//     this.setCurrentTheme(this.defaultTheme.id);\n//   }\n\n//   register(theme: ITheme) {\n//     this.themeMap[theme.id] = theme;\n//   }\n//   getThemes(): ITheme[] {\n//     return Object.keys(this.themeMap).map(k => this.themeMap[k]);\n//   }\n\n//   getTheme(themeId: string): ITheme {\n//     return this.themeMap[themeId];\n//   }\n\n//   setCurrentTheme(themeId: string): void {\n//     this.activeTheme = this.themeMap[themeId] || this.defaultTheme;\n//   }\n\n//   getCurrentTheme(): ITheme {\n//     return this.activeTheme as ITheme;\n//   }\n\n//   get defaultTheme(): ITheme {\n//     return this.themeMap[DEFAULT_THEME_ID];\n//   }\n\n//   reset(): void {\n//     this.setCurrentTheme(this.defaultTheme.id);\n//   }\n// }\n"]}

package/cjs/interface/util.d.ts

@@ -0,0 +1 @@
+

package/cjs/interface/util.js

@@ -0,0 +1,3 @@
+
+
+//# sourceMappingURL=util.js.map

package/cjs/interface/util.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/util.ts"],"names":[],"mappings":"","file":"util.js","sourcesContent":["// import { IMatrix } from './matrix';\n\n// export type IBoundsLike = Pick<IBounds, 'x1' | 'y1' | 'x2' | 'y2'>;\n// export type IOBBBoundsLike = Pick<IOBBBounds, 'x1' | 'y1' | 'x2' | 'y2' | 'angle'>;\n\n// export interface IBounds {\n//   x1: number;\n//   y1: number;\n//   x2: number;\n//   y2: number;\n//   clone: () => IBounds;\n//   clear: () => IBounds;\n//   empty: () => boolean;\n//   emptyMin: () => boolean;\n//   equals: (b: IBounds) => boolean;\n//   set: (x1: number, y1: number, x2: number, y2: number) => IBounds;\n//   add: (x: number, y: number) => IBounds;\n//   expand: (d: number) => IBounds;\n//   round: () => IBounds;\n//   translate: (dx: number, dy: number) => IBounds;\n//   rotate: (angle: number, x: number, y: number) => IBounds;\n//   scale: (sx: number, sy: number, x: number, y: number) => IBounds;\n//   /**\n//    * 并集\n//    * @param b\n//    * @returns\n//    */\n//   union: (b: IBounds) => IBounds;\n//   /**\n//    * 交集\n//    * @param b\n//    * @returns\n//    */\n//   intersect: (b: IBounds) => IBounds;\n//   /**\n//    * 是否包含b\n//    * @param b\n//    * @returns\n//    */\n//   encloses: (b: IBounds) => boolean;\n//   /**\n//    * 是否共边\n//    * @param b\n//    * @returns\n//    */\n//   alignsWith: (b: IBounds) => boolean;\n//   /**\n//    * 是否相交\n//    * @param b\n//    * @returns\n//    */\n//   intersects: (b: IBounds) => boolean;\n//   /**\n//    * 是否包含\n//    * @param x\n//    * @param y\n//    * @returns\n//    */\n//   contains: (x: number, y: number) => boolean;\n//   width: () => number;\n//   height: () => number;\n//   scaleX: (s: number) => IBounds;\n//   scaleY: (s: number) => IBounds;\n\n//   transformWithMatrix: (matrix: IMatrix) => IBounds;\n// }\n\n// export type IAABBBounds = IBounds;\n\n// export interface IOBBBounds extends IBounds {\n//   angle: number;\n// }\n\n// export type IPointLike = Pick<IPoint, 'x' | 'y' | 'x1' | 'y1'>;\n\n// export interface IPoint {\n//   x: number;\n//   y: number;\n//   x1?: number;\n//   y1?: number;\n//   // defined?: boolean;\n//   add?: (point: IPoint | number) => IPoint;\n//   sub?: (point: IPoint | number) => IPoint;\n//   multi?: (point: IPoint | number) => IPoint;\n//   div?: (point: IPoint | number) => IPoint;\n//   length?: () => number;\n// }\n\n// export type vec2 = [number, number] | Float32Array;\n// export type vec3 = [number, number, number] | Float32Array;\n// export type vec4 = [number, number, number, number] | Float32Array;\n// export type vec8 = [number, number, number, number, number, number, number, number] | Float32Array;\n\n// export type RepeatType = 'no-repeat' | 'repeat' | 'stretch';\n"]}

package/cjs/interface/window.d.ts

@@ -0,0 +1,84 @@
+import type { IBoundsLike } from '@visactor/vutils';
+import type { ICanvas } from './canvas';
+import type { IContext2d } from './context';
+import type { IDomRectLike, IEventElement, Releaseable } from './common';
+import type { ISyncHook } from './sync-hook';
+import type { IContribution } from './contribution';
+import type { IGlobal } from './global';
+export interface IWindowParams {
+    canvas?: string | HTMLCanvasElement;
+    offscreen?: boolean;
+    width?: number;
+    height?: number;
+    x?: number;
+    y?: number;
+    dpr: number;
+    container?: string | HTMLElement;
+    canvasControled: boolean;
+    title: string;
+    CreateWindow?: (w: number, h: number, title: string) => void;
+}
+export interface IWindow extends Releaseable, Omit<IEventElement, 'on' | 'off' | 'once' | 'emit' | 'removeAllListeners'> {
+    hooks: {
+        onChange: ISyncHook<[number, number, number, number]>;
+    };
+    width: number;
+    height: number;
+    resizable: boolean;
+    minHeight: number;
+    minWidth: number;
+    maxHeight: number;
+    maxWidth: number;
+    title: string;
+    dpr: number;
+    style: CSSStyleDeclaration | Record<string, any>;
+    create: (options: IWindowParams) => void;
+    setWindowHandler: (handler: IWindowHandlerContribution) => void;
+    setDpr: (dpr: number) => void;
+    resize: (w: number, h: number) => void;
+    configure: () => void;
+    getContext: () => IContext2d;
+    getNativeHandler: () => ICanvas;
+    getContainer: () => HTMLElement | any;
+    getImageBuffer: (type?: string) => any;
+    clearViewBox: (viewBox: IBoundsLike, color?: string) => void;
+    getBoundingClientRect: () => IDomRectLike;
+    isVisible: (bbox?: IBoundsLike) => boolean;
+    onVisibleChange: (cb: (currentVisible: boolean) => void) => void;
+    getTopLeft: (baseWindow?: boolean) => {
+        top: number;
+        left: number;
+    };
+}
+export interface IWindowHandlerContribution extends IContribution<IWindow>, Omit<IEventElement, 'on' | 'off' | 'once' | 'emit' | 'removeAllListeners'> {
+    container?: any;
+    configure: (window: IWindow, global: IGlobal) => void;
+    createWindow: (params: IWindowParams) => void;
+    releaseWindow: () => void;
+    resizeWindow: (width: number, height: number) => void;
+    setDpr: (dpr: number) => void;
+    getDpr: () => number;
+    getWH: () => {
+        width: number;
+        height: number;
+    };
+    getXY: () => {
+        x: number;
+        y: number;
+    };
+    getTitle: () => string;
+    getContext: () => IContext2d;
+    getNativeHandler: () => ICanvas;
+    getImageBuffer?: (type?: string) => any;
+    release: (...params: any) => void;
+    getStyle: () => CSSStyleDeclaration | Record<string, any>;
+    setStyle: (s: CSSStyleDeclaration | Record<string, any>) => void;
+    getBoundingClientRect: () => IDomRectLike;
+    clearViewBox: (vb: IBoundsLike, color?: string) => void;
+    isVisible: (bbox?: IBoundsLike) => boolean;
+    onVisibleChange: (cb: (currentVisible: boolean) => void) => void;
+    getTopLeft: (baseWindow?: boolean) => {
+        top: number;
+        left: number;
+    };
+}

package/cjs/interface/window.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=window.js.map

package/cjs/interface/window.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/window.ts"],"names":[],"mappings":"","file":"window.js","sourcesContent":["// window为内部对象，属性均为stage传入\n\nimport type { IBoundsLike } from '@visactor/vutils';\nimport type { ICanvas } from './canvas';\nimport type { IContext2d } from './context';\nimport type { IDomRectLike, IEventElement, Releaseable } from './common';\nimport type { ISyncHook } from './sync-hook';\nimport type { IContribution } from './contribution';\nimport type { IGlobal } from './global';\n\n// TODO: 参数考虑动态注入，比如CreateWindow是native的专用接口\nexport interface IWindowParams {\n  canvas?: string | HTMLCanvasElement;\n  offscreen?: boolean;\n  width?: number;\n  height?: number;\n  x?: number;\n  y?: number;\n  dpr: number;\n  container?: string | HTMLElement;\n  canvasControled: boolean;\n  title: string;\n  CreateWindow?: (w: number, h: number, title: string) => void;\n}\n\nexport interface IWindow\n  extends Releaseable,\n    Omit<IEventElement, 'on' | 'off' | 'once' | 'emit' | 'removeAllListeners'> {\n  hooks: {\n    onChange: ISyncHook<[number, number, number, number]>;\n  };\n  // 窗口的大小\n  width: number;\n  height: number;\n  // // 窗口的位置\n  // x: number;\n  // y: number;\n  // 窗口操作配置\n  resizable: boolean;\n  minHeight: number;\n  minWidth: number;\n  maxHeight: number;\n  maxWidth: number;\n  // 窗口配置\n  title: string;\n  dpr: number;\n  style: CSSStyleDeclaration | Record<string, any>;\n\n  create: (options: IWindowParams) => void;\n  setWindowHandler: (handler: IWindowHandlerContribution) => void;\n  setDpr: (dpr: number) => void;\n  resize: (w: number, h: number) => void;\n  configure: () => void;\n\n  // 获取上下文和canvas，可以是2d也可以是GL\n  getContext: () => IContext2d;\n  getNativeHandler: () => ICanvas;\n  getContainer: () => HTMLElement | any;\n  getImageBuffer: (type?: string) => any;\n\n  clearViewBox: (viewBox: IBoundsLike, color?: string) => void;\n\n  getBoundingClientRect: () => IDomRectLike;\n\n  isVisible: (bbox?: IBoundsLike) => boolean;\n\n  onVisibleChange: (cb: (currentVisible: boolean) => void) => void;\n\n  getTopLeft: (baseWindow?: boolean) => { top: number; left: number };\n}\n\nexport interface IWindowHandlerContribution\n  extends IContribution<IWindow>,\n    Omit<IEventElement, 'on' | 'off' | 'once' | 'emit' | 'removeAllListeners'> {\n  container?: any;\n\n  configure: (window: IWindow, global: IGlobal) => void;\n  createWindow: (params: IWindowParams) => void;\n  releaseWindow: () => void;\n  resizeWindow: (width: number, height: number) => void;\n  setDpr: (dpr: number) => void;\n  getDpr: () => number;\n  getWH: () => { width: number; height: number };\n  getXY: () => { x: number; y: number };\n  getTitle: () => string;\n\n  // 获取上下文和canvas，可以是2d也可以是GL\n  getContext: () => IContext2d;\n  getNativeHandler: () => ICanvas;\n  getImageBuffer?: (type?: string) => any;\n  release: (...params: any) => void;\n\n  getStyle: () => CSSStyleDeclaration | Record<string, any>;\n  setStyle: (s: CSSStyleDeclaration | Record<string, any>) => void;\n\n  getBoundingClientRect: () => IDomRectLike;\n  clearViewBox: (vb: IBoundsLike, color?: string) => void;\n  isVisible: (bbox?: IBoundsLike) => boolean;\n\n  onVisibleChange: (cb: (currentVisible: boolean) => void) => void;\n  getTopLeft: (baseWindow?: boolean) => { top: number; left: number };\n}\n"]}

package/cjs/jsx/graphicType.d.ts

@@ -0,0 +1,172 @@
+import type { IArc3dGraphicAttribute, IArcGraphicAttribute, IAreaGraphicAttribute, ICircleGraphicAttribute, IGlyphGraphicAttribute, IGroupGraphicAttribute, IImageGraphicAttribute, ILineGraphicAttribute, IPathGraphicAttribute, IPolygonGraphicAttribute, IPyramid3dGraphicAttribute, IRect3dGraphicAttribute, IRectGraphicAttribute, IRichTextCharacter, IRichTextGraphicAttribute, IRichTextImageCharacter, ISymbolGraphicAttribute, ITextGraphicAttribute } from '../interface';
+import { IGroup, ISymbol } from '../interface';
+export declare const REACT_TO_CANOPUS_EVENTS: {
+    onPointerDown: string;
+    onPointerUp: string;
+    onPointerUpOutside: string;
+    onPointerTap: string;
+    onPointerOver: string;
+    onPointerMove: string;
+    onPointerEnter: string;
+    onPointerLeave: string;
+    onPointerOut: string;
+    onMouseDown: string;
+    onMouseUp: string;
+    onMouseUpOutside: string;
+    onMouseMove: string;
+    onMouseOver: string;
+    onMouseOut: string;
+    onMouseEnter: string;
+    onMouseLeave: string;
+    onPinch: string;
+    onPinchStart: string;
+    onPinchEnd: string;
+    onPan: string;
+    onPanStart: string;
+    onPanEnd: string;
+    onDrag: string;
+    onDragStart: string;
+    onDragEnter: string;
+    onDragLeave: string;
+    onDragOver: string;
+    onDragEnd: string;
+    onRightDown: string;
+    onRightUp: string;
+    onRightUpOutside: string;
+    onTouchStart: string;
+    onTouchEnd: string;
+    onTouchEndOutside: string;
+    onTouchMove: string;
+    onTouchCancel: string;
+    onPress: string;
+    onPressUp: string;
+    onPressEnd: string;
+    onSwipe: string;
+    onDrop: string;
+    onWeel: string;
+    onClick: string;
+    onDblClick: string;
+};
+export declare const REACT_TO_CANOPUS_EVENTS_LIST: string[];
+export type IEventParamsType = {
+    [t in keyof typeof REACT_TO_CANOPUS_EVENTS]?: (d: any) => void;
+};
+export type IDefaultGraphicParamsType<T> = {
+    attribute?: T;
+} & IEventParamsType;
+export declare function VArc(params: IDefaultGraphicParamsType<IArcGraphicAttribute>): import("../interface").IArc;
+export declare function VArc3d(params: IDefaultGraphicParamsType<IArc3dGraphicAttribute>): import("../interface").IArc;
+export declare function VArea(params: IDefaultGraphicParamsType<IAreaGraphicAttribute>): import("../interface").IArea;
+export declare function VCircle(params: IDefaultGraphicParamsType<ICircleGraphicAttribute>): import("../interface").ICircle;
+export declare function VGroup(params: IDefaultGraphicParamsType<IGroupGraphicAttribute>): IGroup;
+export declare function VGlyph(params: IDefaultGraphicParamsType<IGlyphGraphicAttribute>): import("../interface").IGlyph<Partial<import("../interface").IGraphicAttribute>>;
+export declare function VImage(params: IDefaultGraphicParamsType<IImageGraphicAttribute>): import("../interface").IImage;
+export declare function VLine(params: IDefaultGraphicParamsType<ILineGraphicAttribute>): import("../interface").ILine;
+export declare function VPath(params: IDefaultGraphicParamsType<IPathGraphicAttribute>): import("../interface").IPath;
+export declare function VPolygon(params: IDefaultGraphicParamsType<IPolygonGraphicAttribute>): import("../interface").IPolygon;
+export declare function VPyramid3d(params: IDefaultGraphicParamsType<IPyramid3dGraphicAttribute>): import("../interface").IPyramid3d;
+export declare function VRect(params: IDefaultGraphicParamsType<IRectGraphicAttribute>): import("../interface").IRect;
+export declare function VRect3d(params: IDefaultGraphicParamsType<IRect3dGraphicAttribute>): import("../interface").IRect3d;
+export declare function VSymbol(params: IDefaultGraphicParamsType<ISymbolGraphicAttribute>): ISymbol;
+export declare function VText(params: IDefaultGraphicParamsType<ITextGraphicAttribute>): import("../interface").IText;
+export declare function VRichText(params: IDefaultGraphicParamsType<IRichTextGraphicAttribute>): import("../interface").IRichText;
+export declare namespace VRichText {
+    var Text: (params: IDefaultGraphicParamsType<IRichTextCharacter>) => {
+        attribute?: IRichTextCharacter;
+        onPointerDown?: (d: any) => void;
+        onPointerUp?: (d: any) => void;
+        onPointerUpOutside?: (d: any) => void;
+        onPointerTap?: (d: any) => void;
+        onPointerOver?: (d: any) => void;
+        onPointerMove?: (d: any) => void;
+        onPointerEnter?: (d: any) => void;
+        onPointerLeave?: (d: any) => void;
+        onPointerOut?: (d: any) => void;
+        onMouseDown?: (d: any) => void;
+        onMouseUp?: (d: any) => void;
+        onMouseUpOutside?: (d: any) => void;
+        onMouseMove?: (d: any) => void;
+        onMouseOver?: (d: any) => void;
+        onMouseOut?: (d: any) => void;
+        onMouseEnter?: (d: any) => void;
+        onMouseLeave?: (d: any) => void;
+        onPinch?: (d: any) => void;
+        onPinchStart?: (d: any) => void;
+        onPinchEnd?: (d: any) => void;
+        onPan?: (d: any) => void;
+        onPanStart?: (d: any) => void;
+        onPanEnd?: (d: any) => void;
+        onDrag?: (d: any) => void;
+        onDragStart?: (d: any) => void;
+        onDragEnter?: (d: any) => void;
+        onDragLeave?: (d: any) => void;
+        onDragOver?: (d: any) => void;
+        onDragEnd?: (d: any) => void;
+        onRightDown?: (d: any) => void;
+        onRightUp?: (d: any) => void;
+        onRightUpOutside?: (d: any) => void;
+        onTouchStart?: (d: any) => void;
+        onTouchEnd?: (d: any) => void;
+        onTouchEndOutside?: (d: any) => void;
+        onTouchMove?: (d: any) => void;
+        onTouchCancel?: (d: any) => void;
+        onPress?: (d: any) => void;
+        onPressUp?: (d: any) => void;
+        onPressEnd?: (d: any) => void;
+        onSwipe?: (d: any) => void;
+        onDrop?: (d: any) => void;
+        onWeel?: (d: any) => void;
+        onClick?: (d: any) => void;
+        onDblClick?: (d: any) => void;
+        type: string;
+    };
+    var Image: (params: IDefaultGraphicParamsType<IRichTextImageCharacter>) => {
+        attribute?: IRichTextImageCharacter;
+        onPointerDown?: (d: any) => void;
+        onPointerUp?: (d: any) => void;
+        onPointerUpOutside?: (d: any) => void;
+        onPointerTap?: (d: any) => void;
+        onPointerOver?: (d: any) => void;
+        onPointerMove?: (d: any) => void;
+        onPointerEnter?: (d: any) => void;
+        onPointerLeave?: (d: any) => void;
+        onPointerOut?: (d: any) => void;
+        onMouseDown?: (d: any) => void;
+        onMouseUp?: (d: any) => void;
+        onMouseUpOutside?: (d: any) => void;
+        onMouseMove?: (d: any) => void;
+        onMouseOver?: (d: any) => void;
+        onMouseOut?: (d: any) => void;
+        onMouseEnter?: (d: any) => void;
+        onMouseLeave?: (d: any) => void;
+        onPinch?: (d: any) => void;
+        onPinchStart?: (d: any) => void;
+        onPinchEnd?: (d: any) => void;
+        onPan?: (d: any) => void;
+        onPanStart?: (d: any) => void;
+        onPanEnd?: (d: any) => void;
+        onDrag?: (d: any) => void;
+        onDragStart?: (d: any) => void;
+        onDragEnter?: (d: any) => void;
+        onDragLeave?: (d: any) => void;
+        onDragOver?: (d: any) => void;
+        onDragEnd?: (d: any) => void;
+        onRightDown?: (d: any) => void;
+        onRightUp?: (d: any) => void;
+        onRightUpOutside?: (d: any) => void;
+        onTouchStart?: (d: any) => void;
+        onTouchEnd?: (d: any) => void;
+        onTouchEndOutside?: (d: any) => void;
+        onTouchMove?: (d: any) => void;
+        onTouchCancel?: (d: any) => void;
+        onPress?: (d: any) => void;
+        onPressUp?: (d: any) => void;
+        onPressEnd?: (d: any) => void;
+        onSwipe?: (d: any) => void;
+        onDrop?: (d: any) => void;
+        onWeel?: (d: any) => void;
+        onClick?: (d: any) => void;
+        onDblClick?: (d: any) => void;
+        type: string;
+    };
+}

package/cjs/jsx/graphicType.js

@@ -0,0 +1,133 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.VRichText = exports.VText = exports.VSymbol = exports.VRect3d = exports.VRect = exports.VPyramid3d = exports.VPolygon = exports.VPath = exports.VLine = exports.VImage = exports.VGlyph = exports.VGroup = exports.VCircle = exports.VArea = exports.VArc3d = exports.VArc = exports.REACT_TO_CANOPUS_EVENTS_LIST = exports.REACT_TO_CANOPUS_EVENTS = void 0;
+
+const graphic_1 = require("../graphic");
+
+function VArc(params) {
+    return (0, graphic_1.createArc)(params ? params.attribute : {});
+}
+
+function VArc3d(params) {
+    return (0, graphic_1.createArc3d)(params ? params.attribute : {});
+}
+
+function VArea(params) {
+    return (0, graphic_1.createArea)(params ? params.attribute : {});
+}
+
+function VCircle(params) {
+    return (0, graphic_1.createCircle)(params ? params.attribute : {});
+}
+
+function VGroup(params) {
+    return (0, graphic_1.createGroup)(params ? params.attribute : {});
+}
+
+function VGlyph(params) {
+    return (0, graphic_1.createGlyph)(params ? params.attribute : {});
+}
+
+function VImage(params) {
+    return (0, graphic_1.createImage)(params ? params.attribute : {});
+}
+
+function VLine(params) {
+    return (0, graphic_1.createLine)(params ? params.attribute : {});
+}
+
+function VPath(params) {
+    return (0, graphic_1.createPath)(params ? params.attribute : {});
+}
+
+function VPolygon(params) {
+    return (0, graphic_1.createPolygon)(params ? params.attribute : {});
+}
+
+function VPyramid3d(params) {
+    return (0, graphic_1.createPyramid3d)(params ? params.attribute : {});
+}
+
+function VRect(params) {
+    return (0, graphic_1.createRect)(params ? params.attribute : {});
+}
+
+function VRect3d(params) {
+    return (0, graphic_1.createRect3d)(params ? params.attribute : {});
+}
+
+function VSymbol(params) {
+    return (0, graphic_1.createSymbol)(params ? params.attribute : {});
+}
+
+function VText(params) {
+    return (0, graphic_1.createText)(params ? params.attribute : {});
+}
+
+function VRichText(params) {
+    return (0, graphic_1.createRichText)(params ? params.attribute : {});
+}
+
+exports.REACT_TO_CANOPUS_EVENTS = {
+    onPointerDown: "pointerdown",
+    onPointerUp: "pointerup",
+    onPointerUpOutside: "pointerupoutside",
+    onPointerTap: "pointertap",
+    onPointerOver: "pointerover",
+    onPointerMove: "pointermove",
+    onPointerEnter: "pointerenter",
+    onPointerLeave: "pointerleave",
+    onPointerOut: "pointerout",
+    onMouseDown: "mousedown",
+    onMouseUp: "mouseup",
+    onMouseUpOutside: "mouseupoutside",
+    onMouseMove: "mousemove",
+    onMouseOver: "mouseover",
+    onMouseOut: "mouseout",
+    onMouseEnter: "mouseenter",
+    onMouseLeave: "mouseleave",
+    onPinch: "pinch",
+    onPinchStart: "pinchstart",
+    onPinchEnd: "pinchend",
+    onPan: "pan",
+    onPanStart: "panstart",
+    onPanEnd: "panend",
+    onDrag: "drag",
+    onDragStart: "dragstart",
+    onDragEnter: "dragenter",
+    onDragLeave: "dragleave",
+    onDragOver: "dragover",
+    onDragEnd: "dragend",
+    onRightDown: "rightdown",
+    onRightUp: "rightup",
+    onRightUpOutside: "rightupoutside",
+    onTouchStart: "touchstart",
+    onTouchEnd: "touchend",
+    onTouchEndOutside: "touchendoutside",
+    onTouchMove: "touchmove",
+    onTouchCancel: "touchcancel",
+    onPress: "press",
+    onPressUp: "pressup",
+    onPressEnd: "pressend",
+    onSwipe: "swipe",
+    onDrop: "drop",
+    onWeel: "wheel",
+    onClick: "click",
+    onDblClick: "dblclick"
+}, exports.REACT_TO_CANOPUS_EVENTS_LIST = Object.keys(exports.REACT_TO_CANOPUS_EVENTS), 
+exports.VArc = VArc, exports.VArc3d = VArc3d, exports.VArea = VArea, exports.VCircle = VCircle, 
+exports.VGroup = VGroup, exports.VGlyph = VGlyph, exports.VImage = VImage, exports.VLine = VLine, 
+exports.VPath = VPath, exports.VPolygon = VPolygon, exports.VPyramid3d = VPyramid3d, 
+exports.VRect = VRect, exports.VRect3d = VRect3d, exports.VSymbol = VSymbol, exports.VText = VText, 
+exports.VRichText = VRichText, VRichText.Text = function(params) {
+    return Object.assign({
+        type: "rich/text"
+    }, params);
+}, VRichText.Image = function(params) {
+    return Object.assign({
+        type: "rich/image"
+    }, params);
+};
+//# sourceMappingURL=graphicType.js.map

package/cjs/jsx/graphicType.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/jsx/graphicType.ts"],"names":[],"mappings":"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","file":"graphicType.js","sourcesContent":["import {\n  createArc,\n  createArc3d,\n  createArea,\n  createCircle,\n  createGlyph,\n  createGroup,\n  createImage,\n  createLine,\n  createPath,\n  createPolygon,\n  createPyramid3d,\n  createRect,\n  createRect3d,\n  createRichText,\n  createSymbol,\n  createText\n} from '../graphic';\nimport type {\n  IArc3dGraphicAttribute,\n  IArcGraphicAttribute,\n  IAreaGraphicAttribute,\n  ICircleGraphicAttribute,\n  IGlyphGraphicAttribute,\n  IGroupGraphicAttribute,\n  IImageGraphicAttribute,\n  ILineGraphicAttribute,\n  IPathGraphicAttribute,\n  IPolygonGraphicAttribute,\n  IPyramid3dGraphicAttribute,\n  IRect3dGraphicAttribute,\n  IRectGraphicAttribute,\n  IRichTextCharacter,\n  IRichTextGraphicAttribute,\n  IRichTextImageCharacter,\n  ISymbolGraphicAttribute,\n  ITextGraphicAttribute\n} from '../interface';\nimport { IArcAttribute, IGraphic, IGroup, ISymbol, ISymbolAttribute } from '../interface';\n\nexport const REACT_TO_CANOPUS_EVENTS = {\n  onPointerDown: 'pointerdown',\n  onPointerUp: 'pointerup',\n  onPointerUpOutside: 'pointerupoutside',\n  onPointerTap: 'pointertap',\n  onPointerOver: 'pointerover',\n  onPointerMove: 'pointermove',\n  onPointerEnter: 'pointerenter',\n  onPointerLeave: 'pointerleave',\n  onPointerOut: 'pointerout',\n  onMouseDown: 'mousedown',\n  onMouseUp: 'mouseup',\n  onMouseUpOutside: 'mouseupoutside',\n  onMouseMove: 'mousemove',\n  onMouseOver: 'mouseover',\n  onMouseOut: 'mouseout',\n  onMouseEnter: 'mouseenter',\n  onMouseLeave: 'mouseleave',\n  onPinch: 'pinch',\n  onPinchStart: 'pinchstart',\n  onPinchEnd: 'pinchend',\n  onPan: 'pan',\n  onPanStart: 'panstart',\n  onPanEnd: 'panend',\n  onDrag: 'drag',\n  onDragStart: 'dragstart',\n  onDragEnter: 'dragenter',\n  onDragLeave: 'dragleave',\n  onDragOver: 'dragover',\n  onDragEnd: 'dragend',\n  onRightDown: 'rightdown',\n  onRightUp: 'rightup',\n  onRightUpOutside: 'rightupoutside',\n  onTouchStart: 'touchstart',\n  onTouchEnd: 'touchend',\n  onTouchEndOutside: 'touchendoutside',\n  onTouchMove: 'touchmove',\n  onTouchCancel: 'touchcancel',\n  onPress: 'press',\n  onPressUp: 'pressup',\n  onPressEnd: 'pressend',\n  onSwipe: 'swipe',\n  onDrop: 'drop',\n  onWeel: 'wheel',\n  onClick: 'click',\n  onDblClick: 'dblclick'\n};\n\nexport const REACT_TO_CANOPUS_EVENTS_LIST = Object.keys(REACT_TO_CANOPUS_EVENTS);\n\nexport type IEventParamsType = {\n  [t in keyof typeof REACT_TO_CANOPUS_EVENTS]?: (d: any) => void;\n};\n\nexport type IDefaultGraphicParamsType<T> = {\n  attribute?: T;\n} & IEventParamsType;\n\nexport function VArc(params: IDefaultGraphicParamsType<IArcGraphicAttribute>) {\n  return createArc(params ? params.attribute : {});\n}\nexport function VArc3d(params: IDefaultGraphicParamsType<IArc3dGraphicAttribute>) {\n  return createArc3d(params ? params.attribute : {});\n}\nexport function VArea(params: IDefaultGraphicParamsType<IAreaGraphicAttribute>) {\n  return createArea(params ? params.attribute : {});\n}\nexport function VCircle(params: IDefaultGraphicParamsType<ICircleGraphicAttribute>) {\n  return createCircle(params ? params.attribute : {});\n}\nexport function VGroup(params: IDefaultGraphicParamsType<IGroupGraphicAttribute>) {\n  return createGroup(params ? params.attribute : {});\n}\nexport function VGlyph(params: IDefaultGraphicParamsType<IGlyphGraphicAttribute>) {\n  return createGlyph(params ? params.attribute : {});\n}\nexport function VImage(params: IDefaultGraphicParamsType<IImageGraphicAttribute>) {\n  return createImage(params ? params.attribute : {});\n}\nexport function VLine(params: IDefaultGraphicParamsType<ILineGraphicAttribute>) {\n  return createLine(params ? params.attribute : {});\n}\nexport function VPath(params: IDefaultGraphicParamsType<IPathGraphicAttribute>) {\n  return createPath(params ? params.attribute : {});\n}\nexport function VPolygon(params: IDefaultGraphicParamsType<IPolygonGraphicAttribute>) {\n  return createPolygon(params ? params.attribute : {});\n}\nexport function VPyramid3d(params: IDefaultGraphicParamsType<IPyramid3dGraphicAttribute>) {\n  return createPyramid3d(params ? params.attribute : {});\n}\nexport function VRect(params: IDefaultGraphicParamsType<IRectGraphicAttribute>) {\n  return createRect(params ? params.attribute : {});\n}\nexport function VRect3d(params: IDefaultGraphicParamsType<IRect3dGraphicAttribute>) {\n  return createRect3d(params ? params.attribute : {});\n}\nexport function VSymbol(params: IDefaultGraphicParamsType<ISymbolGraphicAttribute>) {\n  return createSymbol(params ? params.attribute : {});\n}\nexport function VText(params: IDefaultGraphicParamsType<ITextGraphicAttribute>) {\n  return createText(params ? params.attribute : {});\n}\nexport function VRichText(params: IDefaultGraphicParamsType<IRichTextGraphicAttribute>) {\n  return createRichText(params ? params.attribute : {});\n}\n\nVRichText.Text = function (params: IDefaultGraphicParamsType<IRichTextCharacter>) {\n  return {\n    type: 'rich/text',\n    ...params\n  };\n};\n\nVRichText.Image = function (params: IDefaultGraphicParamsType<IRichTextImageCharacter>) {\n  return {\n    type: 'rich/image',\n    ...params\n  };\n};\n"]}

package/cjs/jsx/index.d.ts

@@ -0,0 +1,2 @@
+export * from './jsx-classic';
+export * from './graphicType';

package/cjs/jsx/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), __exportStar(require("./jsx-classic"), exports), __exportStar(require("./graphicType"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/jsx/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/jsx/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,gDAA8B","file":"index.js","sourcesContent":["export * from './jsx-classic';\nexport * from './graphicType';\n"]}

package/cjs/jsx/jsx-classic.d.ts

@@ -0,0 +1,3 @@
+import { Group } from '../graphic';
+export declare function jsx(type: string | any, config: Record<string, any>, ...children: any): any;
+export declare const Fragment: typeof Group;