@visactor/react-vrender 0.9.0-alpha.0

package/es/Stage.d.ts

@@ -0,0 +1,9 @@
+import type { IStage, IStageParams, IOption3D } from '@visactor/vrender';
+import React from 'react';
+export interface StageProps extends Omit<IStageParams, 'autoRender' | 'container'>, Omit<React.HTMLAttributes<HTMLDivElement>, 'id' | 'title'> {
+    containerId?: string | undefined;
+    containerTitle?: string | undefined;
+    children?: any;
+    stage3dOptions?: IOption3D;
+}
+export declare const Stage: React.ForwardRefExoticComponent<StageProps & React.RefAttributes<IStage>>;

package/es/Stage.js

@@ -0,0 +1,59 @@
+var __rest = this && this.__rest || function(s, e) {
+    var t = {};
+    for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+    if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
+        var i = 0;
+        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+    }
+    return t;
+};
+
+import { createStage } from "@visactor/vrender";
+
+import { forwardRef, useLayoutEffect, useRef } from "react";
+
+import React from "react";
+
+import { reconcilor } from "./hostConfig";
+
+import { assertRef } from "./util";
+
+export const Stage = forwardRef(((props, ref) => {
+    const {viewBox: viewBox, width: width, height: height, dpr: dpr, background: background, canvasControled: canvasControled, title: title, canvas: canvas, disableDirtyBounds: disableDirtyBounds, beforeRender: beforeRender, afterRender: afterRender, renderStyle: renderStyle, stage3dOptions: stage3dOptions, containerId: containerId, containerTitle: containerTitle, children: children} = props, others = __rest(props, [ "viewBox", "width", "height", "dpr", "background", "canvasControled", "title", "canvas", "disableDirtyBounds", "beforeRender", "afterRender", "renderStyle", "stage3dOptions", "containerId", "containerTitle", "children" ]);
+    assertRef(ref);
+    const fiberRoot = useRef(), divRef = useRef(null), innerStageRef = useRef(null), stageRef = ref || innerStageRef, initedRef = useRef(!1);
+    return useLayoutEffect((() => {
+        const stage = createStage({
+            viewBox: viewBox,
+            width: width,
+            height: height,
+            dpr: dpr,
+            background: background,
+            canvasControled: canvasControled,
+            title: title,
+            autoRender: !0,
+            disableDirtyBounds: disableDirtyBounds,
+            beforeRender: beforeRender,
+            afterRender: afterRender,
+            renderStyle: renderStyle,
+            canvas: canvas,
+            container: divRef.current
+        });
+        return stage3dOptions && stage.set3dOptions(stage3dOptions), stageRef.current = stage, 
+        fiberRoot.current = reconcilor.createContainer(stage, 1, null, !1, !1, ""), () => {
+            reconcilor.updateContainer(null, fiberRoot.current, null);
+        };
+    }), []), useLayoutEffect((() => {
+        viewBox && stageRef.current && initedRef.current && stageRef.current.setViewBox(viewBox.x1, viewBox.y1, viewBox.x2 - viewBox.x1, viewBox.y2 - viewBox.y1, !1);
+    }), [ stageRef, viewBox, initedRef ]), useLayoutEffect((() => {
+        dpr && stageRef.current && initedRef.current && stageRef.current.setDpr(dpr);
+    }), [ stageRef, dpr, initedRef ]), useLayoutEffect((() => {
+        width > 0 && height > 0 && stageRef.current && initedRef.current && stageRef.current.resize(width, height);
+    }), [ width, height, stageRef, initedRef ]), useLayoutEffect((() => {
+        initedRef.current = !0, fiberRoot.current && reconcilor.updateContainer(children, fiberRoot.current, null);
+    }), [ children ]), React.createElement("div", Object.assign({}, others, {
+        id: containerId,
+        title: containerTitle,
+        ref: divRef
+    }));
+}));

package/es/Stage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Stage.tsx"],"names":[],"mappings":"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","file":"Stage.js","sourcesContent":["import { createStage } from '@visactor/vrender';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IStage, IStageParams, IOption3D } from '@visactor/vrender';\nimport { forwardRef, useLayoutEffect, useRef } from 'react';\n// eslint-disable-next-line no-duplicate-imports\nimport React from 'react';\nimport type { FiberRoot } from 'react-reconciler';\nimport { reconcilor } from './hostConfig';\nimport { assertRef } from './util';\n\nexport interface StageProps\n  extends Omit<IStageParams, 'autoRender' | 'container'>,\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'id' | 'title'> {\n  containerId?: string | undefined;\n  containerTitle?: string | undefined;\n  children?: any;\n  stage3dOptions?: IOption3D;\n}\n\nexport const Stage = forwardRef<IStage, StageProps>((props, ref) => {\n  const {\n    viewBox,\n    width,\n    height,\n    dpr,\n    background,\n    canvasControled,\n    title,\n    canvas,\n    disableDirtyBounds,\n    beforeRender,\n    afterRender,\n    renderStyle,\n    stage3dOptions,\n    containerId,\n    containerTitle,\n    children,\n    ...others\n  } = props;\n  assertRef(ref);\n\n  const fiberRoot = useRef<FiberRoot>();\n  const divRef = useRef<HTMLDivElement>(null);\n  const innerStageRef = useRef<IStage>(null);\n  const stageRef = ref || innerStageRef;\n  const initedRef = useRef(false);\n\n  useLayoutEffect(() => {\n    const stage = createStage({\n      viewBox,\n      width,\n      height,\n      dpr,\n      background,\n      canvasControled,\n      title,\n      autoRender: true,\n      disableDirtyBounds,\n      beforeRender,\n      afterRender,\n      renderStyle,\n      canvas,\n      container: divRef.current as HTMLElement\n    });\n\n    if (stage3dOptions) {\n      stage.set3dOptions(stage3dOptions);\n    }\n\n    stageRef.current = stage;\n\n    fiberRoot.current = (reconcilor as any).createContainer(stage as any, 1, null, false, false, '');\n\n    return () => {\n      reconcilor.updateContainer(null, fiberRoot.current, null);\n    };\n  }, []);\n\n  useLayoutEffect(() => {\n    if (viewBox && stageRef.current && initedRef.current) {\n      stageRef.current.setViewBox(\n        viewBox.x1 as any,\n        viewBox.y1 as never,\n        viewBox.x2 - viewBox.x1,\n        viewBox.y2 - viewBox.y1,\n        false\n      );\n    }\n  }, [stageRef, viewBox, initedRef]);\n\n  useLayoutEffect(() => {\n    if (dpr && stageRef.current && initedRef.current) {\n      stageRef.current.setDpr(dpr);\n    }\n  }, [stageRef, dpr, initedRef]);\n\n  useLayoutEffect(() => {\n    if (width > 0 && height > 0 && stageRef.current && initedRef.current) {\n      stageRef.current.resize(width, height);\n    }\n  }, [width, height, stageRef, initedRef]);\n\n  useLayoutEffect(() => {\n    initedRef.current = true;\n    if (fiberRoot.current) {\n      reconcilor.updateContainer(children, fiberRoot.current, null);\n    }\n  }, [children]);\n\n  return <div {...others} id={containerId} title={containerTitle} ref={divRef} />;\n});\n"]}

package/es/host-elements.d.ts

@@ -0,0 +1,34 @@
+import type { IArc, IArcGraphicAttribute, IArea, IAreaGraphicAttribute, ICircle, ICircleGraphicAttribute, IGroup, IGroupGraphicAttribute, IImageGraphicAttribute, ILine, ILineGraphicAttribute, IPath, IPathGraphicAttribute, IPolygonGraphicAttribute, IRect, IRectGraphicAttribute, ISymbolGraphicAttribute, IText, ITextGraphicAttribute, ISymbol, IImage, IPolygon, IShadowRoot, IRichTextGraphicAttribute, IRichText, IGlyph, IGlyphGraphicAttribute, IRect3d, IRect3dGraphicAttribute } from '@visactor/vrender';
+import type { Key, ReactElement, ReactNode, Ref } from 'react';
+import type { VRenderEvents } from './types';
+type BaseProps<Element, Prop> = {
+    key?: Key;
+    ref?: Ref<Element>;
+    children?: ReactNode;
+} & Prop & VRenderEvents;
+export declare function ElementOf<Element, Props, T extends string>(type: T): (props: BaseProps<Element, Props>) => ReactElement<Props, T>;
+export declare const TYPES: {
+    layer: string;
+    arc: string;
+    rect: string;
+    circle: string;
+    area: string;
+    group: string;
+};
+export declare const Layer: (props: any) => ReactElement<any, "layer">;
+export declare const Arc: (props: BaseProps<IArc, IArcGraphicAttribute>) => ReactElement<IArcGraphicAttribute, "arc">;
+export declare const Area: (props: BaseProps<IArea, IAreaGraphicAttribute>) => ReactElement<IAreaGraphicAttribute, "area">;
+export declare const Circle: (props: BaseProps<ICircle, ICircleGraphicAttribute>) => ReactElement<ICircleGraphicAttribute, "circle">;
+export declare const Group: (props: BaseProps<IGroup, IGroupGraphicAttribute>) => ReactElement<IGroupGraphicAttribute, "group">;
+export declare const Image: (props: BaseProps<IImage, IImageGraphicAttribute>) => ReactElement<IImageGraphicAttribute, "image">;
+export declare const Line: (props: BaseProps<ILine, ILineGraphicAttribute>) => ReactElement<ILineGraphicAttribute, "line">;
+export declare const Path: (props: BaseProps<IPath, IPathGraphicAttribute>) => ReactElement<IPathGraphicAttribute, "path">;
+export declare const Rect: (props: BaseProps<IRect, IRectGraphicAttribute>) => ReactElement<IRectGraphicAttribute, "rect">;
+export declare const Rect3d: (props: BaseProps<IRect3d, IRect3dGraphicAttribute>) => ReactElement<IRect3dGraphicAttribute, "rect3d">;
+export declare const VRenderSymbol: (props: BaseProps<ISymbol, ISymbolGraphicAttribute>) => ReactElement<ISymbolGraphicAttribute, "symbol">;
+export declare const Text: (props: BaseProps<IText, ITextGraphicAttribute>) => ReactElement<ITextGraphicAttribute, "text">;
+export declare const RichText: (props: BaseProps<IRichText, IRichTextGraphicAttribute>) => ReactElement<IRichTextGraphicAttribute, "richtext">;
+export declare const Polygon: (props: BaseProps<IPolygon, IPolygonGraphicAttribute>) => ReactElement<IPolygonGraphicAttribute, "polygon">;
+export declare const Glyph: (props: BaseProps<IGlyph<Partial<import("@visactor/vrender").IGraphicAttribute>>, IGlyphGraphicAttribute>) => ReactElement<IGlyphGraphicAttribute, "glyph">;
+export declare const ShadowRoot: (props: BaseProps<IShadowRoot, IGroupGraphicAttribute>) => ReactElement<IGroupGraphicAttribute, "shadowroot">;
+export {};

package/es/host-elements.js

@@ -0,0 +1,45 @@
+export function ElementOf(type) {
+    return type;
+}
+
+export const TYPES = {
+    layer: "Layer",
+    arc: "Arc",
+    rect: "Rect",
+    circle: "Circle",
+    area: "Area",
+    group: "Group"
+};
+
+export const Layer = ElementOf("layer");
+
+export const Arc = ElementOf("arc");
+
+export const Area = ElementOf("area");
+
+export const Circle = ElementOf("circle");
+
+export const Group = ElementOf("group");
+
+export const Image = ElementOf("image");
+
+export const Line = ElementOf("line");
+
+export const Path = ElementOf("path");
+
+export const Rect = ElementOf("rect");
+
+export const Rect3d = ElementOf("rect3d");
+
+export const VRenderSymbol = ElementOf("symbol");
+
+export const Text = ElementOf("text");
+
+export const RichText = ElementOf("richtext");
+
+export const Polygon = ElementOf("polygon");
+
+export const Glyph = ElementOf("glyph");
+
+export const ShadowRoot = ElementOf("shadowroot");
+//# sourceMappingURL=host-elements.js.map

package/es/host-elements.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/host-elements.ts"],"names":[],"mappings":"AA0CA,MAAM,UAAU,SAAS,CACvB,IAAO;IAEP,OAAO,IAAW,CAAC;AACrB,CAAC;AAED,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,KAAK,EAAE,OAAO;IACd,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,SAAS,CAAuB,OAAO,CAAC,CAAC;AAC9D,MAAM,CAAC,MAAM,GAAG,GAAG,SAAS,CAAoC,KAAK,CAAC,CAAC;AACvE,MAAM,CAAC,MAAM,IAAI,GAAG,SAAS,CAAuC,MAAM,CAAC,CAAC;AAC5E,MAAM,CAAC,MAAM,MAAM,GAAG,SAAS,CAA6C,QAAQ,CAAC,CAAC;AACtF,MAAM,CAAC,MAAM,KAAK,GAAG,SAAS,CAA0C,OAAO,CAAC,CAAC;AACjF,MAAM,CAAC,MAAM,KAAK,GAAG,SAAS,CAA0C,OAAO,CAAC,CAAC;AACjF,MAAM,CAAC,MAAM,IAAI,GAAG,SAAS,CAAuC,MAAM,CAAC,CAAC;AAC5E,MAAM,CAAC,MAAM,IAAI,GAAG,SAAS,CAAuC,MAAM,CAAC,CAAC;AAC5E,MAAM,CAAC,MAAM,IAAI,GAAG,SAAS,CAAuC,MAAM,CAAC,CAAC;AAC5E,MAAM,CAAC,MAAM,MAAM,GAAG,SAAS,CAA6C,QAAQ,CAAC,CAAC;AACtF,MAAM,CAAC,MAAM,aAAa,GAAG,SAAS,CAA6C,QAAQ,CAAC,CAAC;AAC7F,MAAM,CAAC,MAAM,IAAI,GAAG,SAAS,CAAuC,MAAM,CAAC,CAAC;AAC5E,MAAM,CAAC,MAAM,QAAQ,GAAG,SAAS,CAAmD,UAAU,CAAC,CAAC;AAChG,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,CAAgD,SAAS,CAAC,CAAC;AAC3F,MAAM,CAAC,MAAM,KAAK,GAAG,SAAS,CAA0C,OAAO,CAAC,CAAC;AACjF,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAoD,YAAY,CAAC,CAAC","file":"host-elements.js","sourcesContent":["import type {\n  ILayer,\n  IArc,\n  IArcGraphicAttribute,\n  IArea,\n  IAreaGraphicAttribute,\n  ICircle,\n  ICircleGraphicAttribute,\n  IGroup,\n  IGroupGraphicAttribute,\n  IImageGraphicAttribute,\n  ILine,\n  ILineGraphicAttribute,\n  IPath,\n  IPathGraphicAttribute,\n  IPolygonGraphicAttribute,\n  IRect,\n  IRectGraphicAttribute,\n  ISymbolGraphicAttribute,\n  IText,\n  ITextGraphicAttribute,\n  ISymbol,\n  IImage,\n  IPolygon,\n  IShadowRoot,\n  IRichTextGraphicAttribute,\n  IRichText,\n  IGlyph,\n  IGlyphGraphicAttribute,\n  IRect3d,\n  IRect3dGraphicAttribute\n} from '@visactor/vrender';\nimport type { Key, ReactElement, ReactNode, Ref } from 'react';\nimport type { VRenderEvents } from './types';\n\ntype BaseProps<Element, Prop> = {\n  key?: Key;\n  ref?: Ref<Element>;\n  children?: ReactNode;\n} & Prop &\n  VRenderEvents;\n\nexport function ElementOf<Element, Props, T extends string>(\n  type: T\n): (props: BaseProps<Element, Props>) => ReactElement<Props, T> {\n  return type as any;\n}\n\nexport const TYPES = {\n  layer: 'Layer',\n  arc: 'Arc',\n  rect: 'Rect',\n  circle: 'Circle',\n  area: 'Area',\n  group: 'Group'\n};\n\nexport const Layer = ElementOf<ILayer, any, 'layer'>('layer');\nexport const Arc = ElementOf<IArc, IArcGraphicAttribute, 'arc'>('arc');\nexport const Area = ElementOf<IArea, IAreaGraphicAttribute, 'area'>('area');\nexport const Circle = ElementOf<ICircle, ICircleGraphicAttribute, 'circle'>('circle');\nexport const Group = ElementOf<IGroup, IGroupGraphicAttribute, 'group'>('group');\nexport const Image = ElementOf<IImage, IImageGraphicAttribute, 'image'>('image');\nexport const Line = ElementOf<ILine, ILineGraphicAttribute, 'line'>('line');\nexport const Path = ElementOf<IPath, IPathGraphicAttribute, 'path'>('path');\nexport const Rect = ElementOf<IRect, IRectGraphicAttribute, 'rect'>('rect');\nexport const Rect3d = ElementOf<IRect3d, IRect3dGraphicAttribute, 'rect3d'>('rect3d');\nexport const VRenderSymbol = ElementOf<ISymbol, ISymbolGraphicAttribute, 'symbol'>('symbol');\nexport const Text = ElementOf<IText, ITextGraphicAttribute, 'text'>('text');\nexport const RichText = ElementOf<IRichText, IRichTextGraphicAttribute, 'richtext'>('richtext');\nexport const Polygon = ElementOf<IPolygon, IPolygonGraphicAttribute, 'polygon'>('polygon');\nexport const Glyph = ElementOf<IGlyph, IGlyphGraphicAttribute, 'glyph'>('glyph');\nexport const ShadowRoot = ElementOf<IShadowRoot, IGroupGraphicAttribute, 'shadowroot'>('shadowroot');\n"]}

package/es/hostConfig.d.ts

@@ -0,0 +1,7 @@
+import type { IStage, IGraphic, IGroup, ILayer, IGlyph } from '@visactor/vrender';
+import React from 'react';
+import ReactReconciler from 'react-reconciler';
+import type { Container, Instance, Props, TextInstance, Type } from './types';
+export declare const createInstance: (type: Type, props: Props, rootContainerInstance?: Container) => ILayer | IGroup | IGraphic<Partial<import("@visactor/vrender").IGraphicAttribute>> | IGlyph<Partial<import("@visactor/vrender").IGraphicAttribute>>;
+export declare const reconcilor: ReactReconciler.Reconciler<Container, Instance, TextInstance, any, any>;
+export declare const render: (component: React.ReactNode, target: IStage | IGroup, callback?: (() => void) | null) => void;

package/es/hostConfig.js

@@ -0,0 +1,146 @@
+import { graphicCreator, createGlyph, createText, createShadowRoot } from "@visactor/vrender";
+
+import React from "react";
+
+import ReactReconciler from "react-reconciler";
+
+import { DefaultEventPriority } from "react-reconciler/constants";
+
+import { bindGraphicEvent, splitProps, updateProps } from "./processProps";
+
+import { log, error } from "./util/debug";
+
+const isStage = instance => instance.stage === instance, isLayer = instance => instance.layer === instance, isGlyph = instance => "glyph" === instance.type, isShadowRoot = instance => "shadowroot" === instance.type;
+
+export const createInstance = (type, props, rootContainerInstance) => {
+    const graphicType = type.toLowerCase(), {graphicProps: graphicProps, eventProps: eventProps} = splitProps(props);
+    let instance;
+    return instance = "glyph" === graphicType ? createGlyph(graphicProps) : "layer" === graphicType && rootContainerInstance ? isStage(rootContainerInstance) ? rootContainerInstance.createLayer() : rootContainerInstance.stage ? rootContainerInstance.stage.createLayer() : null : "shadowroot" === graphicType ? createShadowRoot() : graphicCreator[graphicType](graphicProps), 
+    bindGraphicEvent(eventProps, instance), log("createInstance ", graphicType, instance), 
+    instance;
+};
+
+const appendChild = (parentInstance, child) => {
+    var _a;
+    const isParentStage = isStage(parentInstance), isChildLayer = isLayer(child);
+    isParentStage && !isChildLayer && parentInstance.defaultLayer ? parentInstance.defaultLayer.appendChild(child) : isGlyph(parentInstance) ? parentInstance.setSubGraphic((null !== (_a = parentInstance.getSubGraphic()) && void 0 !== _a ? _a : []).concat(child)) : isShadowRoot(child) ? isParentStage ? error("stage can not attach shadow root") : parentInstance.attachShadow(child) : parentInstance.appendChild(child);
+}, insertBeforeChild = (parentInstance, child, beforeChild) => {
+    const isParentStage = isStage(parentInstance), isChildLayer = isLayer(child), isBeforeChildLayer = isLayer(beforeChild);
+    if (isParentStage) isChildLayer || isBeforeChildLayer ? isChildLayer && isBeforeChildLayer && parentInstance.insertBefore(child, beforeChild) : parentInstance.defaultLayer ? parentInstance.defaultLayer.insertBefore(child, beforeChild) : error("default layer has been removed "); else if (!isParentStage && isChildLayer) error(`layer can not be inserted into other graphic: ${parentInstance.type}`); else if (isGlyph(parentInstance)) {
+        const prevSubGraphics = parentInstance.getSubGraphic(), index = prevSubGraphics.indexOf(child), beforeIndex = prevSubGraphics.indexOf(beforeChild);
+        if (index >= 0 && beforeIndex >= 0 && index !== beforeIndex) {
+            const newSubGraphics = prevSubGraphics.slice();
+            newSubGraphics[beforeIndex] = child, newSubGraphics[index] = beforeChild, parentInstance.setSubGraphic(newSubGraphics);
+        }
+    } else parentInstance.insertBefore(child, beforeChild);
+}, removeChild = (parentInstance, child) => {
+    const isParentStage = isStage(parentInstance), isChildLayer = isLayer(child);
+    if (isParentStage && !isChildLayer && parentInstance.defaultLayer) parentInstance.defaultLayer.removeChild(child); else if (isGlyph(parentInstance)) {
+        const prevSubGraphics = parentInstance.getSubGraphic(), index = prevSubGraphics.indexOf(child);
+        index >= 0 && parentInstance.setSubGraphic([ ...prevSubGraphics.slice(0, index - 1), ...prevSubGraphics.slice(index + 1) ]);
+    } else isShadowRoot(child) ? isParentStage ? error("stage can not attach shadow root") : parentInstance.detachShadow(child) : parentInstance.removeChild(child);
+}, clearContainer = container => {
+    if (isStage(container)) for (container.defaultLayer && container.defaultLayer.removeAllChild(); container.childrenCount > 1; ) container.removeChild(container.getChildAt(1)); else container.removeAllChild();
+};
+
+export const reconcilor = ReactReconciler({
+    getPublicInstance: instance => instance,
+    getRootHostContext(rootContainerInstance) {},
+    getChildHostContext(parentHostContext, type, rootContainerInstance) {},
+    prepareForCommit: containerInfo => null,
+    resetAfterCommit(containerInfo) {},
+    preparePortalMount(containerInfo) {},
+    createInstance: (type, props, rootContainerInstance, hostContext, internalInstanceHandle) => createInstance(type, props, rootContainerInstance),
+    appendInitialChild(parentInstance, child) {
+        log("appendInitialChild", parentInstance, child), appendChild(parentInstance, child);
+    },
+    finalizeInitialChildren: (parentInstance, type, props, rootContainerInstance, hostContext) => !1,
+    prepareUpdate: (instance, type, oldProps, newProps, rootContainerInstance, hostContext) => !0,
+    shouldSetTextContent: (type, props) => !1,
+    createTextInstance: (text, rootContainerInstance, hostContext, internalInstanceHandle) => createText({
+        text: text
+    }),
+    scheduleTimeout(handler, timeout) {},
+    cancelTimeout(handle) {},
+    noTimeout: void 0,
+    getCurrentEventPriority: () => DefaultEventPriority,
+    getInstanceFromNode(node) {
+        throw new Error("Not implemented.");
+    },
+    beforeActiveInstanceBlur() {},
+    isPrimaryRenderer: !1,
+    supportsMutation: !0,
+    supportsPersistence: !1,
+    supportsHydration: !1,
+    appendChild(parentInstance, child) {
+        log("appendChild"), appendChild(parentInstance, child);
+    },
+    appendChildToContainer(container, child) {
+        log("appendChildToContainer", container, child), appendChild(container, child);
+    },
+    commitTextUpdate(textInstance, oldText, newText) {},
+    commitMount(instance, type, newProps, internalInstanceHandle) {},
+    commitUpdate(instance, updatePayload, type, oldProps, newProps, internalInstanceHandle) {
+        log("commitUpdate", instance, newProps), updateProps(instance, newProps, oldProps);
+    },
+    insertBefore(parentInstance, child, beforeChild) {
+        insertBeforeChild(parentInstance, child, beforeChild);
+    },
+    insertInContainerBefore(container, child, beforeChild) {
+        insertBeforeChild(container, child, beforeChild);
+    },
+    removeChild(parentInstance, child) {
+        log("removeChild", parentInstance, child), removeChild(parentInstance, child);
+    },
+    removeChildFromContainer(container, child) {
+        removeChild(container, child);
+    },
+    resetTextContent(instance) {},
+    hideInstance(instance) {},
+    hideTextInstance(textInstance) {},
+    unhideInstance(instance, props) {},
+    unhideTextInstance(textInstance, text) {},
+    clearContainer(container) {
+        clearContainer(container);
+    },
+    cloneInstance: (instance, updatePayload, type, oldProps, newProps, internalInstanceHandle, keepChildren, recyclableInstance) => instance,
+    createContainerChildSet(container) {},
+    appendChildToContainerChildSet(childSet, child) {},
+    finalizeContainerChildren(container, newChildren) {},
+    replaceContainerChildren(container, newChildren) {},
+    canHydrateInstance: (instance, type, props) => instance,
+    canHydrateTextInstance: (instance, text) => null,
+    getNextHydratableSibling(instance) {},
+    getFirstHydratableChild(parentInstance) {},
+    hydrateInstance(instance, type, props, rootContainerInstance, hostContext, internalInstanceHandle) {},
+    hydrateTextInstance: (textInstance, text, internalInstanceHandle) => !1,
+    didNotMatchHydratedContainerTextInstance(parentContainer, textInstance, text) {},
+    didNotMatchHydratedTextInstance(parentType, parentProps, parentInstance, textInstance, text) {},
+    didNotHydrateContainerInstance(parentContainer, instance) {},
+    didNotHydrateInstance(parentType, parentProps, parentInstance, instance) {},
+    didNotFindHydratableContainerInstance(parentContainer, type, props) {},
+    didNotFindHydratableContainerTextInstance(parentContainer, text) {},
+    didNotFindHydratableInstance(parentType, parentProps, parentInstance, type, props) {},
+    didNotFindHydratableTextInstance(parentType, parentProps, parentInstance, text) {},
+    afterActiveInstanceBlur() {},
+    prepareScopeUpdate() {},
+    getInstanceFromScope: () => null,
+    detachDeletedInstance() {}
+});
+
+reconcilor.injectIntoDevTools({
+    bundleType: "production" !== process.env.NODE_ENV ? 1 : 0,
+    version: React.version,
+    rendererPackageName: "react-g",
+    rendererConfig: {
+        getInspectorDataForViewTag: tag => {
+            console.log(tag);
+        }
+    }
+});
+
+export const render = (component, target, callback) => {
+    const container = reconcilor.createContainer(target, 1, !1, null);
+    reconcilor.updateContainer(component, container, null, callback);
+};
+//# sourceMappingURL=hostConfig.js.map

package/es/hostConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hostConfig.ts"],"names":[],"mappings":"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","file":"hostConfig.js","sourcesContent":["import { graphicCreator, createGlyph, createText, createShadowRoot } from '@visactor/vrender';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IStage, IGraphic, IGroup, ILayer, IGlyph, IShadowRoot } from '@visactor/vrender';\nimport React from 'react';\nimport ReactReconciler from 'react-reconciler';\n// eslint-disable-next-line no-duplicate-imports\nimport type { OpaqueHandle } from 'react-reconciler';\nimport { DefaultEventPriority } from 'react-reconciler/constants';\nimport { bindGraphicEvent, splitProps, updateProps } from './processProps';\nimport type {\n  ChildSet,\n  Container,\n  HostContext,\n  HydratableInstance,\n  Instance,\n  NoTimeout,\n  Props,\n  PublicInstance,\n  SuspenseInstance,\n  TextInstance,\n  TimeoutHandle,\n  Type,\n  UpdatePayload\n} from './types';\nimport { log, error } from './util/debug';\n\ndeclare const process: any;\n\nconst isStage = (instance: Instance): instance is IStage => {\n  return (instance as any).stage === instance;\n};\n\nconst isLayer = (instance: Instance): instance is ILayer => {\n  return (instance as any).layer === instance;\n};\n\nconst isGlyph = (instance: Instance): instance is IGlyph => {\n  return (instance as any).type === 'glyph';\n};\n\nconst isShadowRoot = (instance: Instance): instance is IShadowRoot => {\n  return (instance as any).type === 'shadowroot';\n};\n\nexport const createInstance = (type: Type, props: Props, rootContainerInstance?: Container) => {\n  const graphicType = (type as string).toLowerCase();\n  const { graphicProps, eventProps } = splitProps(props);\n\n  let instance: Instance;\n\n  if (graphicType === 'glyph') {\n    instance = createGlyph(graphicProps);\n  } else if (graphicType === 'layer' && rootContainerInstance) {\n    instance = isStage(rootContainerInstance)\n      ? rootContainerInstance.createLayer()\n      : rootContainerInstance.stage\n      ? rootContainerInstance.stage.createLayer()\n      : null;\n  } else if (graphicType === 'shadowroot') {\n    instance = createShadowRoot();\n  } else {\n    instance = graphicCreator[graphicType](graphicProps) as IGraphic;\n  }\n\n  bindGraphicEvent(eventProps, instance);\n  log('createInstance ', graphicType, instance);\n\n  return instance;\n};\n\nconst appendChild = (parentInstance: Instance, child: Instance | TextInstance) => {\n  const isParentStage = isStage(parentInstance);\n  const isChildLayer = isLayer(child);\n  if (isParentStage && !isChildLayer && (parentInstance as IStage).defaultLayer) {\n    (parentInstance as IStage).defaultLayer.appendChild(child);\n  } else if (isGlyph(parentInstance)) {\n    parentInstance.setSubGraphic((parentInstance.getSubGraphic() ?? []).concat(child as IGraphic));\n  } else if (isShadowRoot(child)) {\n    if (isParentStage) {\n      error('stage can not attach shadow root');\n    } else {\n      (parentInstance as any).attachShadow(child as IShadowRoot);\n    }\n  } else {\n    parentInstance.appendChild(child);\n  }\n};\n\nconst insertBeforeChild = (\n  parentInstance: Instance,\n  child: Instance | TextInstance,\n  beforeChild: Instance | TextInstance\n) => {\n  const isParentStage = isStage(parentInstance);\n  const isChildLayer = isLayer(child);\n  const isBeforeChildLayer = isLayer(beforeChild);\n\n  if (isParentStage) {\n    if (!isChildLayer && !isBeforeChildLayer) {\n      if ((parentInstance as IStage).defaultLayer) {\n        (parentInstance as IStage).defaultLayer.insertBefore(child, beforeChild);\n      } else {\n        error('default layer has been removed ');\n      }\n    } else if (isChildLayer && isBeforeChildLayer) {\n      (parentInstance as IStage).insertBefore(child, beforeChild);\n    }\n  } else if (!isParentStage && isChildLayer) {\n    error(`layer can not be inserted into other graphic: ${parentInstance.type}`);\n  } else if (isGlyph(parentInstance)) {\n    const prevSubGraphics = parentInstance.getSubGraphic();\n    const index = prevSubGraphics.indexOf(child as IGraphic);\n    const beforeIndex = prevSubGraphics.indexOf(beforeChild as IGraphic);\n\n    if (index >= 0 && beforeIndex >= 0 && index !== beforeIndex) {\n      const newSubGraphics: IGraphic[] = prevSubGraphics.slice();\n      newSubGraphics[beforeIndex] = child as IGraphic;\n      newSubGraphics[index] = beforeChild as IGraphic;\n\n      parentInstance.setSubGraphic(newSubGraphics);\n    }\n  } else {\n    parentInstance.insertBefore(child, beforeChild);\n  }\n};\n\nconst removeChild = (parentInstance: Instance, child: Instance | TextInstance) => {\n  const isParentStage = isStage(parentInstance);\n  const isChildLayer = isLayer(child);\n\n  if (isParentStage && !isChildLayer && (parentInstance as IStage).defaultLayer) {\n    (parentInstance as IStage).defaultLayer.removeChild(child);\n  } else if (isGlyph(parentInstance)) {\n    const prevSubGraphics = parentInstance.getSubGraphic();\n    const index = prevSubGraphics.indexOf(child as IGraphic);\n\n    if (index >= 0) {\n      parentInstance.setSubGraphic([...prevSubGraphics.slice(0, index - 1), ...prevSubGraphics.slice(index + 1)]);\n    }\n  } else if (isShadowRoot(child)) {\n    if (isParentStage) {\n      error('stage can not attach shadow root');\n    } else {\n      (parentInstance as any).detachShadow(child as IShadowRoot);\n    }\n  } else {\n    parentInstance.removeChild(child);\n  }\n};\n\nconst clearContainer = (container: Container) => {\n  if (isStage(container)) {\n    if (container.defaultLayer) {\n      container.defaultLayer.removeAllChild();\n    }\n\n    while (container.childrenCount > 1) {\n      container.removeChild(container.getChildAt(1));\n    }\n  } else {\n    container.removeAllChild();\n  }\n};\n\nexport const reconcilor = ReactReconciler<\n  Type,\n  Props,\n  Container,\n  Instance,\n  TextInstance,\n  SuspenseInstance,\n  HydratableInstance,\n  PublicInstance,\n  HostContext,\n  UpdatePayload,\n  ChildSet,\n  TimeoutHandle,\n  NoTimeout\n>({\n  getPublicInstance(instance: Instance | TextInstance): PublicInstance {\n    return instance;\n  },\n  getRootHostContext(rootContainerInstance: Container): HostContext {\n    return;\n  },\n  getChildHostContext(parentHostContext: HostContext, type: Type, rootContainerInstance: Container): HostContext {\n    return;\n  },\n\n  prepareForCommit(containerInfo: Container): Record<string, any> {\n    return null;\n  },\n  resetAfterCommit(containerInfo: Container): void {\n    return;\n  },\n  preparePortalMount(containerInfo: Container): void {\n    return;\n  },\n\n  createInstance(\n    type: Type,\n    props: Props,\n    rootContainerInstance: Container,\n    hostContext: HostContext,\n    internalInstanceHandle: OpaqueHandle\n  ): Instance {\n    return createInstance(type, props, rootContainerInstance);\n  },\n  appendInitialChild(parentInstance: Instance, child: Instance | TextInstance): void {\n    log('appendInitialChild', parentInstance, child);\n\n    appendChild(parentInstance, child);\n  },\n  finalizeInitialChildren(\n    parentInstance: Instance,\n    type: Type,\n    props: Props,\n    rootContainerInstance: Container,\n    hostContext: HostContext\n  ): boolean {\n    return false;\n  },\n\n  prepareUpdate(\n    instance: Instance,\n    type: Type,\n    oldProps: Props,\n    newProps: Props,\n    rootContainerInstance: Container,\n    hostContext: HostContext\n  ): null | UpdatePayload {\n    return true;\n  },\n\n  shouldSetTextContent(type: Type, props: Props): boolean {\n    return false;\n  },\n\n  createTextInstance(\n    text: string,\n    rootContainerInstance: Container,\n    hostContext: HostContext,\n    internalInstanceHandle: OpaqueHandle\n  ): TextInstance {\n    return createText({ text });\n  },\n\n  scheduleTimeout(handler: (...args: any[]) => void, timeout: number): TimeoutHandle | NoTimeout {\n    return;\n  },\n  cancelTimeout(handle: TimeoutHandle | NoTimeout): void {\n    return;\n  },\n  noTimeout: undefined,\n\n  getCurrentEventPriority() {\n    return DefaultEventPriority;\n  },\n\n  getInstanceFromNode(node: any): ReactReconciler.Fiber {\n    throw new Error('Not implemented.');\n  },\n\n  beforeActiveInstanceBlur(): void {\n    return;\n  },\n\n  isPrimaryRenderer: false,\n\n  supportsMutation: true,\n  supportsPersistence: false,\n  supportsHydration: false,\n\n  appendChild(parentInstance: Instance, child: Instance | TextInstance): void {\n    log('appendChild');\n    appendChild(parentInstance, child);\n  },\n  appendChildToContainer(container: Container, child: Instance | TextInstance): void {\n    log('appendChildToContainer', container, child);\n\n    appendChild(container, child);\n  },\n  commitTextUpdate(textInstance: TextInstance, oldText: string, newText: string): void {\n    return;\n  },\n  commitMount(instance: Instance, type: Type, newProps: Props, internalInstanceHandle: OpaqueHandle): void {\n    return;\n  },\n  commitUpdate(\n    instance: Instance,\n    updatePayload: UpdatePayload,\n    type: Type,\n    oldProps: Props,\n    newProps: Props,\n    internalInstanceHandle: OpaqueHandle\n  ): void {\n    log('commitUpdate', instance, newProps);\n    updateProps(instance, newProps, oldProps);\n  },\n  insertBefore(parentInstance: Instance, child: Instance | TextInstance, beforeChild: Instance | TextInstance): void {\n    insertBeforeChild(parentInstance, child, beforeChild);\n  },\n  insertInContainerBefore(\n    container: Container,\n    child: Instance | TextInstance,\n    beforeChild: Instance | TextInstance\n  ): void {\n    insertBeforeChild(container, child, beforeChild);\n  },\n  removeChild(parentInstance: Instance, child: Instance | TextInstance): void {\n    log('removeChild', parentInstance, child);\n    removeChild(parentInstance, child);\n  },\n  removeChildFromContainer(container: Container, child: Instance | TextInstance): void {\n    removeChild(container, child);\n  },\n  resetTextContent(instance: Instance): void {\n    return;\n  },\n\n  // tslint:enable:max-line-length\n  hideInstance(instance: Instance): void {\n    return;\n  },\n\n  hideTextInstance(textInstance: TextInstance): void {\n    return;\n  },\n\n  unhideInstance(instance: Instance, props: Props): void {\n    return;\n  },\n\n  unhideTextInstance(textInstance: TextInstance, text: string): void {\n    return;\n  },\n\n  clearContainer(container: Container): void {\n    clearContainer(container);\n  },\n\n  cloneInstance(\n    instance: Instance,\n    updatePayload: null | UpdatePayload,\n    type: Type,\n    oldProps: Props,\n    newProps: Props,\n    internalInstanceHandle: OpaqueHandle,\n    keepChildren: boolean,\n    recyclableInstance: Instance\n  ): Instance {\n    return instance;\n  },\n\n  createContainerChildSet(container: Container): ChildSet {\n    return;\n  },\n\n  appendChildToContainerChildSet(childSet: ChildSet, child: Instance | TextInstance): void {\n    return;\n  },\n  finalizeContainerChildren(container: Container, newChildren: ChildSet): void {\n    return;\n  },\n\n  replaceContainerChildren(container: Container, newChildren: ChildSet): void {\n    return;\n  },\n\n  canHydrateInstance(instance: HydratableInstance, type: Type, props: Props): null | Instance {\n    return instance;\n  },\n  canHydrateTextInstance(instance: HydratableInstance, text: string): null | TextInstance {\n    return null;\n  },\n  getNextHydratableSibling(instance: Instance | TextInstance | HydratableInstance): null | HydratableInstance {\n    return;\n  },\n  getFirstHydratableChild(parentInstance: Instance | Container): null | HydratableInstance {\n    return;\n  },\n  hydrateInstance(\n    instance: Instance,\n    type: Type,\n    props: Props,\n    rootContainerInstance: Container,\n    hostContext: HostContext,\n    internalInstanceHandle: OpaqueHandle\n  ): null | UpdatePayload {\n    return;\n  },\n  hydrateTextInstance(textInstance: TextInstance, text: string, internalInstanceHandle: OpaqueHandle): boolean {\n    return false;\n  },\n  didNotMatchHydratedContainerTextInstance(parentContainer: Container, textInstance: TextInstance, text: string): void {\n    return;\n  },\n  didNotMatchHydratedTextInstance(\n    parentType: Type,\n    parentProps: Props,\n    parentInstance: Instance,\n    textInstance: TextInstance,\n    text: string\n  ): void {\n    return;\n  },\n  didNotHydrateContainerInstance(parentContainer: Container, instance: Instance | TextInstance): void {\n    return;\n  },\n  didNotHydrateInstance(\n    parentType: Type,\n    parentProps: Props,\n    parentInstance: Instance,\n    instance: Instance | TextInstance\n  ): void {\n    return;\n  },\n  didNotFindHydratableContainerInstance(parentContainer: Container, type: Type, props: Props): void {\n    return;\n  },\n  didNotFindHydratableContainerTextInstance(parentContainer: Container, text: string): void {\n    return;\n  },\n  didNotFindHydratableInstance(\n    parentType: Type,\n    parentProps: Props,\n    parentInstance: Instance,\n    type: Type,\n    props: Props\n  ): void {\n    return;\n  },\n  didNotFindHydratableTextInstance(parentType: Type, parentProps: Props, parentInstance: Instance, text: string): void {\n    return;\n  },\n  afterActiveInstanceBlur() {\n    return;\n  },\n  prepareScopeUpdate() {\n    return;\n  },\n  getInstanceFromScope(): Instance {\n    return null;\n  },\n  detachDeletedInstance() {\n    return;\n  }\n});\n\nreconcilor.injectIntoDevTools({\n  // findFiberByHostInstance: () => {},\n\n  bundleType: process.env.NODE_ENV !== 'production' ? 1 : 0,\n  version: React.version,\n  rendererPackageName: 'react-g',\n  rendererConfig: {\n    getInspectorDataForViewTag: (tag: number) => {\n      // eslint-disable-next-line no-console\n      console.log(tag);\n    }\n  }\n});\n\n/**\n * render react-vrender component to target vrender group/stage/layer\n * 将react-vrender组件渲染到group,stage, layer中\n * @param component react-g component\n * @param target g element, Canvas/Group/Shape instance\n * @param callback callback after render finished\n * @returns void\n */\nexport const render = (component: React.ReactNode, target: IStage | IGroup, callback?: (() => void) | null) => {\n  const container = (reconcilor as any).createContainer(target as any, 1, false, null);\n  reconcilor.updateContainer(component, container, null, callback);\n};\n"]}

package/es/index.d.ts

@@ -0,0 +1,3 @@
+export * from './host-elements';
+export * from './Stage';
+export * from './hostConfig';

package/es/index.js

@@ -0,0 +1,6 @@
+export * from "./host-elements";
+
+export * from "./Stage";
+
+export * from "./hostConfig";
+//# sourceMappingURL=index.js.map

package/es/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC","file":"index.js","sourcesContent":["export * from './host-elements';\nexport * from './Stage';\nexport * from './hostConfig';\n"]}

package/es/processProps.d.ts

@@ -0,0 +1,54 @@
+import type { VRenderEvents, Instance, Props } from './types';
+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 splitProps: (props: Props) => {
+    graphicProps: Partial<Props>;
+    eventProps: VRenderEvents;
+};
+export declare const bindGraphicEvent: (eventProps: VRenderEvents, instance: Instance) => void;
+export declare const updateProps: (instance: Instance, newProps: Props, oldProps?: Props) => void;

package/es/processProps.js

@@ -0,0 +1,74 @@
+export const 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"
+};
+
+const isEvent = key => !!REACT_TO_CANOPUS_EVENTS[key];
+
+export const splitProps = props => {
+    const eventProps = {}, graphicProps = {};
+    return Object.keys(props).forEach((key => {
+        REACT_TO_CANOPUS_EVENTS[key] ? eventProps[key] = props[key] : graphicProps[key] = props[key];
+    })), {
+        graphicProps: graphicProps,
+        eventProps: eventProps
+    };
+};
+
+export const bindGraphicEvent = (eventProps, instance) => {
+    Object.keys(eventProps).forEach((propKey => {
+        "function" == typeof eventProps[propKey] && instance.addEventListener(REACT_TO_CANOPUS_EVENTS[propKey], eventProps[propKey]);
+    }));
+};
+
+export const updateProps = (instance, newProps, oldProps) => {
+    Object.keys(oldProps).forEach((key => {
+        oldProps && oldProps[key] !== newProps[key] && (isEvent(key) ? instance.removeEventListener(REACT_TO_CANOPUS_EVENTS[key], oldProps[key]) : instance.setAttribute(key, void 0));
+    })), Object.keys(newProps).forEach((key => {
+        oldProps[key] !== newProps[key] && (isEvent(key) ? "function" == typeof newProps[key] && instance.addEventListener(REACT_TO_CANOPUS_EVENTS[key], newProps[key]) : instance.setAttribute(key, newProps[key]));
+    }));
+};
+//# sourceMappingURL=processProps.js.map

package/es/processProps.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/processProps.ts"],"names":[],"mappings":"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","file":"processProps.js","sourcesContent":["import type { VRenderEvents, Instance, Props } from './types';\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\nconst isEvent = (key: string) => !!REACT_TO_CANOPUS_EVENTS[key];\n\nexport const splitProps = (props: Props) => {\n  const eventProps: VRenderEvents = {};\n  const graphicProps: Partial<Props> = {};\n\n  Object.keys(props).forEach(key => {\n    if (REACT_TO_CANOPUS_EVENTS[key]) {\n      eventProps[key] = props[key];\n    } else {\n      graphicProps[key] = props[key];\n    }\n  });\n\n  return { graphicProps, eventProps };\n};\n\nexport const bindGraphicEvent = (eventProps: VRenderEvents, instance: Instance) => {\n  Object.keys(eventProps).forEach(propKey => {\n    if (typeof eventProps[propKey] === 'function') {\n      instance.addEventListener(REACT_TO_CANOPUS_EVENTS[propKey], eventProps[propKey]);\n    }\n  });\n};\n\nexport const updateProps = (instance: Instance, newProps: Props, oldProps?: Props) => {\n  Object.keys(oldProps).forEach(key => {\n    const propChanged = oldProps && oldProps[key] !== newProps[key];\n    if (propChanged) {\n      if (isEvent(key)) {\n        instance.removeEventListener(REACT_TO_CANOPUS_EVENTS[key], oldProps[key]);\n      } else {\n        (instance as any).setAttribute(key, undefined);\n      }\n    }\n  });\n\n  Object.keys(newProps).forEach(key => {\n    const propChanged = oldProps[key] !== newProps[key];\n\n    if (propChanged) {\n      if (isEvent(key)) {\n        if (typeof newProps[key] === 'function') {\n          instance.addEventListener(REACT_TO_CANOPUS_EVENTS[key], newProps[key]);\n        }\n      } else {\n        (instance as any).setAttribute(key, newProps[key]);\n      }\n    }\n  });\n};\n"]}

package/es/types.d.ts

@@ -0,0 +1,62 @@
+import type { IGraphic, IGraphicAttribute, IStage, FederatedEvent, GraphicType, IGroup, ILayer, IGlyph } from '@visactor/vrender';
+export type Type = GraphicType | 'layer';
+export interface Props extends IGraphicAttribute, VRenderEvents {
+}
+export type Container = IStage | ILayer | IGroup;
+export type Instance = IGraphic | IGroup | ILayer | IGlyph | IStage;
+export type TextInstance = IGraphic;
+export type SuspenseInstance = any;
+export type HydratableInstance = any;
+export type PublicInstance = any;
+export type HostContext = any;
+export type UpdatePayload = any;
+export type ChildSet = any;
+export type TimeoutHandle = any;
+export type NoTimeout = any;
+export interface VRenderEvents {
+    onPointerDown?: (evt: FederatedEvent) => void;
+    onPointerUp?: (evt: FederatedEvent) => void;
+    onPointerUpOutside?: (evt: FederatedEvent) => void;
+    onPointerTap?: (evt: FederatedEvent) => void;
+    onPointerOver?: (evt: FederatedEvent) => void;
+    onPointerMove?: (evt: FederatedEvent) => void;
+    onPointerEnter?: (evt: FederatedEvent) => void;
+    onPointerLeave?: (evt: FederatedEvent) => void;
+    onPointerOut?: (evt: FederatedEvent) => void;
+    onMouseDown?: (evt: FederatedEvent) => void;
+    onMouseUp?: (evt: FederatedEvent) => void;
+    onMouseUpOutside?: (evt: FederatedEvent) => void;
+    onMouseMove?: (evt: FederatedEvent) => void;
+    onMouseOver?: (evt: FederatedEvent) => void;
+    onMouseOut?: (evt: FederatedEvent) => void;
+    onMouseEnter?: (evt: FederatedEvent) => void;
+    onMouseLeave?: (evt: FederatedEvent) => void;
+    onPinch?: (evt: FederatedEvent) => void;
+    onPinchStart?: (evt: FederatedEvent) => void;
+    onPinchEnd?: (evt: FederatedEvent) => void;
+    onPan?: (evt: FederatedEvent) => void;
+    onPanStart?: (evt: FederatedEvent) => void;
+    onPanEnd?: (evt: FederatedEvent) => void;
+    onDrag?: (evt: FederatedEvent) => void;
+    onDragStart?: (evt: FederatedEvent) => void;
+    onDragEnter?: (evt: FederatedEvent) => void;
+    onDragLeave?: (evt: FederatedEvent) => void;
+    onDragOver?: (evt: FederatedEvent) => void;
+    onDragEnd?: (evt: FederatedEvent) => void;
+    onRightDown?: (evt: FederatedEvent) => void;
+    onRightUp?: (evt: FederatedEvent) => void;
+    onRightUpOutside?: (evt: FederatedEvent) => void;
+    onTouchStart?: (evt: FederatedEvent) => void;
+    onTouchEnd?: (evt: FederatedEvent) => void;
+    onTouchEndOutside?: (evt: FederatedEvent) => void;
+    onTouchMove?: (evt: FederatedEvent) => void;
+    onTouchCancel?: (evt: FederatedEvent) => void;
+    onPress?: (evt: FederatedEvent) => void;
+    onPressUp?: (evt: FederatedEvent) => void;
+    onPressEnd?: (evt: FederatedEvent) => void;
+    onSwipe?: (evt: FederatedEvent) => void;
+    onDrop?: (evt: FederatedEvent) => void;
+    onWeel?: (evt: FederatedEvent) => void;
+    onClick?: (evt: FederatedEvent) => void;
+    onDblClick?: (evt: FederatedEvent) => void;
+}

package/es/types.js

@@ -0,0 +1,2 @@
+export { };
+//# sourceMappingURL=types.js.map

package/es/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/types.ts"],"names":[],"mappings":"","file":"types.js","sourcesContent":["import type {\n  IGraphic,\n  IGraphicAttribute,\n  IStage,\n  FederatedEvent,\n  GraphicType,\n  IGroup,\n  ILayer,\n  IGlyph\n} from '@visactor/vrender';\n\n/**\n * host config type\n */\nexport type Type = GraphicType | 'layer';\nexport interface Props extends IGraphicAttribute, VRenderEvents {\n  // empty\n}\nexport type Container = IStage | ILayer | IGroup;\nexport type Instance = IGraphic | IGroup | ILayer | IGlyph | IStage;\nexport type TextInstance = IGraphic;\nexport type SuspenseInstance = any;\nexport type HydratableInstance = any;\nexport type PublicInstance = any;\nexport type HostContext = any;\nexport type UpdatePayload = any;\nexport type ChildSet = any;\nexport type TimeoutHandle = any;\nexport type NoTimeout = any;\n\n/**\n * event\n */\nexport interface VRenderEvents {\n  onPointerDown?: (evt: FederatedEvent) => void;\n  onPointerUp?: (evt: FederatedEvent) => void;\n  onPointerUpOutside?: (evt: FederatedEvent) => void;\n  onPointerTap?: (evt: FederatedEvent) => void;\n  onPointerOver?: (evt: FederatedEvent) => void;\n  onPointerMove?: (evt: FederatedEvent) => void;\n  onPointerEnter?: (evt: FederatedEvent) => void;\n  onPointerLeave?: (evt: FederatedEvent) => void;\n  onPointerOut?: (evt: FederatedEvent) => void;\n  onMouseDown?: (evt: FederatedEvent) => void;\n  onMouseUp?: (evt: FederatedEvent) => void;\n  onMouseUpOutside?: (evt: FederatedEvent) => void;\n  onMouseMove?: (evt: FederatedEvent) => void;\n  onMouseOver?: (evt: FederatedEvent) => void;\n  onMouseOut?: (evt: FederatedEvent) => void;\n  onMouseEnter?: (evt: FederatedEvent) => void;\n  onMouseLeave?: (evt: FederatedEvent) => void;\n  onPinch?: (evt: FederatedEvent) => void;\n  onPinchStart?: (evt: FederatedEvent) => void;\n  onPinchEnd?: (evt: FederatedEvent) => void;\n  onPan?: (evt: FederatedEvent) => void;\n  onPanStart?: (evt: FederatedEvent) => void;\n  onPanEnd?: (evt: FederatedEvent) => void;\n  onDrag?: (evt: FederatedEvent) => void;\n  onDragStart?: (evt: FederatedEvent) => void;\n  onDragEnter?: (evt: FederatedEvent) => void;\n  onDragLeave?: (evt: FederatedEvent) => void;\n  onDragOver?: (evt: FederatedEvent) => void;\n  onDragEnd?: (evt: FederatedEvent) => void;\n  onRightDown?: (evt: FederatedEvent) => void;\n  onRightUp?: (evt: FederatedEvent) => void;\n  onRightUpOutside?: (evt: FederatedEvent) => void;\n  onTouchStart?: (evt: FederatedEvent) => void;\n  onTouchEnd?: (evt: FederatedEvent) => void;\n  onTouchEndOutside?: (evt: FederatedEvent) => void;\n  onTouchMove?: (evt: FederatedEvent) => void;\n  onTouchCancel?: (evt: FederatedEvent) => void;\n  onPress?: (evt: FederatedEvent) => void;\n  onPressUp?: (evt: FederatedEvent) => void;\n  onPressEnd?: (evt: FederatedEvent) => void;\n  onSwipe?: (evt: FederatedEvent) => void;\n  onDrop?: (evt: FederatedEvent) => void;\n  onWeel?: (evt: FederatedEvent) => void;\n  onClick?: (evt: FederatedEvent) => void;\n  onDblClick?: (evt: FederatedEvent) => void;\n}\n"]}

package/es/util/debug.d.ts

@@ -0,0 +1,2 @@
+export declare const log: (...args: any[]) => void;
+export declare const error: ((errorMsg: string) => never) | (() => void);