@visactor/vrender-kits 0.16.0-alpha.6 → 0.16.0

package/es/event/extension/gesture.js

@@ -0,0 +1,177 @@
+import { application, clock, WILDCARD } from "@visactor/vrender-core";
+
+import { EventEmitter } from "@visactor/vutils";
+
+const PRESS_TIME = 251, PRESS_THRESHOLD = 9, SWIPE_VELOCITY = .3, SWIPE_THRESHOLD = 10, calcDirection = (start, end) => {
+    const xDistance = end.x - start.x, yDistance = end.y - start.y;
+    return Math.abs(xDistance) > Math.abs(yDistance) ? xDistance > 0 ? "right" : "left" : yDistance > 0 ? "down" : "up";
+}, calcDistance = (point1, point2) => {
+    const xDistance = Math.abs(point2.x - point1.x), yDistance = Math.abs(point2.y - point1.y);
+    return Math.sqrt(xDistance * xDistance + yDistance * yDistance);
+}, getCenter = points => {
+    const pointersLength = points.length;
+    if (1 === pointersLength) return {
+        x: Math.round(points[0].x),
+        y: Math.round(points[0].y)
+    };
+    let x = 0, y = 0, i = 0;
+    for (;i < pointersLength; ) x += points[i].x, y += points[i].y, i++;
+    return {
+        x: Math.round(x / pointersLength),
+        y: Math.round(y / pointersLength)
+    };
+};
+
+export class Gesture extends EventEmitter {
+    constructor(element, config = {}) {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        super(), this.cachedEvents = [], this.startPoints = [], this.processEvent = {}, 
+        this.throttleTimer = 0, this.emitThrottles = [], this.onStart = ev => {
+            this.reset(), this.startTime = clock.now();
+            const {cachedEvents: cachedEvents, startPoints: startPoints} = this;
+            ev && cachedEvents.push(ev.clone()), startPoints.length = cachedEvents.length;
+            for (let i = 0; i < cachedEvents.length; i++) {
+                const {x: x, y: y} = cachedEvents[i], point = {
+                    x: x,
+                    y: y
+                };
+                startPoints[i] = point;
+            }
+            if (1 !== startPoints.length) this.startDistance = calcDistance(startPoints[0], startPoints[1]), 
+            this.center = getCenter([ startPoints[0], startPoints[1] ]); else {
+                const event = cachedEvents[0];
+                this.pressTimeout = setTimeout((() => {
+                    event.direction = "none", event.deltaX = 0, event.deltaY = 0, event.points = startPoints, 
+                    this.triggerStartEvent("press", event), this.triggerEvent("press", event), this.eventType = "press", 
+                    this.direction = "none";
+                }), this.config.press.time);
+            }
+        }, this.onMove = ev => {
+            this.clearPressTimeout();
+            const {startPoints: startPoints, cachedEvents: cachedEvents} = this;
+            if (!startPoints.length) return;
+            const moveEvent = ev.clone(), {x: x, y: y, pointerId: pointerId} = moveEvent;
+            for (let i = 0, len = cachedEvents.length; i < len; i++) if (pointerId === cachedEvents[i].pointerId) {
+                cachedEvents[i] = moveEvent;
+                break;
+            }
+            const point = {
+                x: x,
+                y: y
+            }, points = cachedEvents.map((cachedEvent => ({
+                x: cachedEvent.x,
+                y: cachedEvent.y
+            }))), now = clock.now();
+            if (this.prevMoveTime = this.lastMoveTime, this.prevMovePoint = this.lastMovePoint, 
+            this.lastMoveTime = now, this.lastMovePoint = point, 1 === startPoints.length) {
+                const startPoint = startPoints[0], deltaX = x - startPoint.x, deltaY = y - startPoint.y, direction = this.direction || calcDirection(startPoint, point);
+                this.direction = direction;
+                const eventType = this.getEventType(point);
+                return moveEvent.direction = direction, moveEvent.deltaX = deltaX, moveEvent.deltaY = deltaY, 
+                moveEvent.points = points, this.triggerStartEvent(eventType, moveEvent), void this.triggerEvent(eventType, moveEvent);
+            }
+            const {startDistance: startDistance} = this, currentDistance = calcDistance(points[0], points[1]);
+            moveEvent.scale = currentDistance / startDistance, moveEvent.center = this.center, 
+            moveEvent.points = points, this.triggerStartEvent("pinch", moveEvent), this.triggerEvent("pinch", moveEvent);
+        }, this.onEnd = ev => {
+            const endEvent = ev.clone(), {cachedEvents: cachedEvents, startPoints: startPoints} = this, points = cachedEvents.map((ev => ({
+                x: ev.x,
+                y: ev.y
+            })));
+            if (endEvent.points = points, this.triggerEndEvent(endEvent), 1 === cachedEvents.length) {
+                const now = clock.now(), lastMoveTime = this.lastMoveTime;
+                if (now - lastMoveTime < 100) {
+                    const intervalTime = lastMoveTime - (this.prevMoveTime || this.startTime);
+                    if (intervalTime > 0) {
+                        const prevMovePoint = this.prevMovePoint || startPoints[0], lastMovePoint = this.lastMovePoint || startPoints[0], distance = calcDistance(prevMovePoint, lastMovePoint), velocity = distance / intervalTime;
+                        velocity > this.config.swipe.velocity && distance > this.config.swipe.threshold && (endEvent.velocity = velocity, 
+                        endEvent.direction = calcDirection(prevMovePoint, lastMovePoint), this.triggerEvent("swipe", endEvent));
+                    }
+                }
+            }
+            for (let i = 0, len = cachedEvents.length; i < len; i++) if (cachedEvents[i].pointerId === endEvent.pointerId) {
+                cachedEvents.splice(i, 1), startPoints.splice(i, 1);
+                break;
+            }
+            this.reset(), cachedEvents.length > 0 && this.onStart();
+        }, this.element = element, this.config = {
+            press: {
+                time: null !== (_b = null === (_a = null == config ? void 0 : config.press) || void 0 === _a ? void 0 : _a.time) && void 0 !== _b ? _b : 251,
+                threshold: null !== (_d = null === (_c = null == config ? void 0 : config.press) || void 0 === _c ? void 0 : _c.threshold) && void 0 !== _d ? _d : 9
+            },
+            swipe: {
+                threshold: null !== (_f = null === (_e = null == config ? void 0 : config.swipe) || void 0 === _e ? void 0 : _e.threshold) && void 0 !== _f ? _f : 10,
+                velocity: null !== (_h = null === (_g = null == config ? void 0 : config.swipe) || void 0 === _g ? void 0 : _g.velocity) && void 0 !== _h ? _h : .3
+            }
+        }, this.initEvents();
+    }
+    initEvents() {
+        const {element: element} = this;
+        element && (element.addEventListener("pointerdown", this.onStart), element.addEventListener("pointermove", this.onMove), 
+        element.addEventListener("pointerup", this.onEnd), element.addEventListener("pointerupoutside", this.onEnd));
+    }
+    removeEvents() {
+        const {element: element} = this;
+        element && (element.removeEventListener("pointerdown", this.onStart), element.removeEventListener("pointermove", this.onMove), 
+        element.removeEventListener("pointerup", this.onEnd), element.removeEventListener("pointerupoutside", this.onEnd));
+    }
+    release() {
+        this.removeEvents(), this.element = null;
+    }
+    getEventType(point) {
+        const {eventType: eventType, startTime: startTime, startPoints: startPoints} = this;
+        if (eventType) return eventType;
+        let type;
+        return type = clock.now() - startTime > this.config.press.time && calcDistance(startPoints[0], point) < this.config.press.threshold ? "press" : "pan", 
+        this.eventType = type, type;
+    }
+    enable(eventType) {
+        this.processEvent[eventType] = !0;
+    }
+    isProcess(eventType) {
+        return this.processEvent[eventType];
+    }
+    pushEvent(type, ev) {
+        const {emitThrottles: emitThrottles} = this, newEvent = {
+            type: type,
+            ev: ev
+        };
+        for (let i = 0, len = emitThrottles.length; i < len; i++) if (emitThrottles[i].type === type) return void emitThrottles.splice(i, 1, newEvent);
+        emitThrottles.push(newEvent);
+    }
+    clearPressTimeout() {
+        this.pressTimeout && (clearTimeout(this.pressTimeout), this.pressTimeout = null);
+    }
+    reset() {
+        this.clearPressTimeout(), this.startTime = 0, this.startDistance = 0, this.direction = null, 
+        this.eventType = null, this.prevMoveTime = 0, this.prevMovePoint = null, this.lastMoveTime = 0, 
+        this.lastMovePoint = null;
+    }
+    triggerEvent(type, ev) {
+        this.pushEvent(type, ev);
+        const {throttleTimer: throttleTimer, emitThrottles: emitThrottles} = this;
+        throttleTimer || (this.throttleTimer = application.global.getRequestAnimationFrame()((() => {
+            for (let i = 0, len = emitThrottles.length; i < len; i++) {
+                const {type: type, ev: ev} = emitThrottles[i];
+                this.emitEvent(type, ev);
+            }
+            this.throttleTimer = 0, this.emitThrottles.length = 0;
+        })));
+    }
+    triggerStartEvent(type, ev) {
+        this.isProcess(type) || (this.enable(type), this.triggerEvent(`${type}start`, ev));
+    }
+    triggerEndEvent(ev) {
+        const processEvent = this.processEvent;
+        Object.keys(processEvent).forEach((type => {
+            this.triggerEvent(`${type}end`, ev), "press" === type && this.triggerEvent(`${type}up`, ev), 
+            delete processEvent[type];
+        }));
+    }
+    emitEvent(type, e) {
+        const listeners = this.element._events[WILDCARD];
+        if (listeners) if ("fn" in listeners) listeners.fn.call(listeners.context, e, type); else for (let i = 0, j = listeners.length; i < j && !e.propagationImmediatelyStopped; i++) listeners[i].fn.call(listeners[i].context, e, type);
+        this.emit(type, e);
+    }
+}
+//# sourceMappingURL=gesture.js.map

package/es/event/extension/gesture.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/event/extension/gesture.ts"],"names":[],"mappings":"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","file":"gesture.js","sourcesContent":["import { application, clock, WILDCARD } from '@visactor/vrender-core';\nimport type {\n  DefaultGestureConfig,\n  EmitEventObject,\n  GestureConfig,\n  GestureDirection,\n  GestureEvent,\n  IEventTarget,\n  IFederatedPointerEvent,\n  FederatedPointerEvent,\n  INode\n} from '@visactor/vrender-core';\nimport type { IPointLike } from '@visactor/vutils';\nimport { EventEmitter } from '@visactor/vutils';\n\n/**\n * 代码参考 https://github.com/hammerjs/hammer.js\n * The MIT License (MIT)\n\n  Copyright (C) 2011-2017 by Jorik Tangelder (Eight Media)\n\n  Permission is hereby granted, free of charge, to any person obtaining a copy\n  of this software and associated documentation files (the \"Software\"), to deal\n  in the Software without restriction, including without limitation the rights\n  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n  copies of the Software, and to permit persons to whom the Software is\n  furnished to do so, subject to the following conditions:\n\n  The above copyright notice and this permission notice shall be included in\n  all copies or substantial portions of the Software.\n\n  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n  THE SOFTWARE.\n */\n\nconst PRESS_TIME = 251;\nconst PRESS_THRESHOLD = 9;\nconst SWIPE_VELOCITY = 0.3;\nconst SWIPE_THRESHOLD = 10;\n\nconst calcDirection = (start: IPointLike, end: IPointLike) => {\n  const xDistance = end.x - start.x;\n  const yDistance = end.y - start.y;\n  if (Math.abs(xDistance) > Math.abs(yDistance)) {\n    return xDistance > 0 ? 'right' : 'left';\n  }\n  return yDistance > 0 ? 'down' : 'up';\n};\n\n// 计算2点之间的距离\nconst calcDistance = (point1: IPointLike, point2: IPointLike) => {\n  const xDistance = Math.abs(point2.x - point1.x);\n  const yDistance = Math.abs(point2.y - point1.y);\n  return Math.sqrt(xDistance * xDistance + yDistance * yDistance);\n};\n\nconst getCenter = (points: IPointLike[]) => {\n  const pointersLength = points.length;\n\n  if (pointersLength === 1) {\n    return {\n      x: Math.round(points[0].x),\n      y: Math.round(points[0].y)\n    };\n  }\n\n  let x = 0;\n  let y = 0;\n  let i = 0;\n  while (i < pointersLength) {\n    x += points[i].x;\n    y += points[i].y;\n    i++;\n  }\n\n  return {\n    x: Math.round(x / pointersLength),\n    y: Math.round(y / pointersLength)\n  };\n};\n\nexport class Gesture extends EventEmitter {\n  element: INode | null;\n\n  private cachedEvents: IFederatedPointerEvent[] = [];\n  private startTime: number;\n  // @ts-ignore\n  // eslint-disable-next-line no-undef\n  private pressTimeout: NodeJS.Timeout | null;\n  private startPoints: IPointLike[] = [];\n  // 用来记录当前触发的事件\n  private processEvent: Record<string, boolean> = {};\n  private startDistance: number;\n  private center: IPointLike;\n  private eventType: string | null;\n  private direction: GestureDirection | null;\n\n  private lastMoveTime: number;\n  private prevMoveTime: number;\n\n  private prevMovePoint: IPointLike | null;\n  private lastMovePoint: IPointLike | null;\n\n  private throttleTimer: number = 0;\n  private emitThrottles: EmitEventObject[] = [];\n\n  private config: DefaultGestureConfig;\n\n  constructor(element: IEventTarget, config: GestureConfig = {}) {\n    super();\n    this.element = element;\n    this.config = {\n      press: {\n        time: config?.press?.time ?? PRESS_TIME,\n        threshold: config?.press?.threshold ?? PRESS_THRESHOLD\n      },\n      swipe: {\n        threshold: config?.swipe?.threshold ?? SWIPE_THRESHOLD,\n        velocity: config?.swipe?.velocity ?? SWIPE_VELOCITY\n      }\n    };\n    this.initEvents();\n  }\n\n  initEvents() {\n    const { element } = this;\n    if (!element) {\n      return;\n    }\n\n    element.addEventListener('pointerdown', this.onStart);\n    element.addEventListener('pointermove', this.onMove);\n    element.addEventListener('pointerup', this.onEnd);\n    element.addEventListener('pointerupoutside', this.onEnd);\n  }\n\n  removeEvents() {\n    const { element } = this;\n    if (!element) {\n      return;\n    }\n    element.removeEventListener('pointerdown', this.onStart);\n    element.removeEventListener('pointermove', this.onMove);\n    element.removeEventListener('pointerup', this.onEnd);\n    element.removeEventListener('pointerupoutside', this.onEnd);\n  }\n\n  release() {\n    this.removeEvents();\n    this.element = null;\n  }\n\n  private onStart = (ev?: FederatedPointerEvent) => {\n    this.reset();\n\n    this.startTime = clock.now();\n\n    const { cachedEvents, startPoints } = this;\n\n    if (ev) {\n      cachedEvents.push(ev.clone());\n    }\n    // 重置 startPoints\n    startPoints.length = cachedEvents.length;\n    for (let i = 0; i < cachedEvents.length; i++) {\n      const { x, y } = cachedEvents[i];\n      const point = { x, y };\n      startPoints[i] = point;\n    }\n\n    if (startPoints.length === 1) {\n      const event = cachedEvents[0] as unknown as GestureEvent;\n      this.pressTimeout = setTimeout(() => {\n        const eventType = 'press';\n        const direction = 'none';\n        event.direction = direction;\n        event.deltaX = 0;\n        event.deltaY = 0;\n        event.points = startPoints;\n        this.triggerStartEvent(eventType, event);\n        this.triggerEvent(eventType, event);\n        this.eventType = eventType;\n        this.direction = direction;\n      }, this.config.press.time);\n      return;\n    }\n\n    this.startDistance = calcDistance(startPoints[0], startPoints[1]);\n    this.center = getCenter([startPoints[0], startPoints[1]]);\n  };\n\n  private onMove = (ev: FederatedPointerEvent) => {\n    this.clearPressTimeout();\n    const { startPoints, cachedEvents } = this;\n    if (!startPoints.length) {\n      return;\n    }\n\n    const moveEvent = ev.clone() as unknown as GestureEvent;\n    const { x, y, pointerId } = moveEvent;\n    for (let i = 0, len = cachedEvents.length; i < len; i++) {\n      if (pointerId === cachedEvents[i].pointerId) {\n        cachedEvents[i] = moveEvent;\n        break;\n      }\n    }\n    const point = { x, y };\n    const points = cachedEvents.map(cachedEvent => ({ x: cachedEvent.x, y: cachedEvent.y }));\n\n    const now = clock.now();\n    this.prevMoveTime = this.lastMoveTime;\n    this.prevMovePoint = this.lastMovePoint;\n    this.lastMoveTime = now;\n    this.lastMovePoint = point;\n\n    if (startPoints.length === 1) {\n      const startPoint = startPoints[0];\n      const deltaX = x - startPoint.x;\n      const deltaY = y - startPoint.y;\n      const direction = this.direction || calcDirection(startPoint, point);\n      this.direction = direction;\n\n      const eventType = this.getEventType(point);\n      moveEvent.direction = direction;\n      moveEvent.deltaX = deltaX;\n      moveEvent.deltaY = deltaY;\n      moveEvent.points = points;\n      this.triggerStartEvent(eventType, moveEvent);\n      this.triggerEvent(eventType, moveEvent);\n      return;\n    }\n\n    const { startDistance } = this;\n    const currentDistance = calcDistance(points[0], points[1]);\n\n    // 缩放比例\n    moveEvent.scale = currentDistance / startDistance;\n    moveEvent.center = this.center;\n    moveEvent.points = points;\n    this.triggerStartEvent('pinch', moveEvent);\n    this.triggerEvent('pinch', moveEvent);\n  };\n\n  private onEnd = (ev: FederatedPointerEvent) => {\n    const endEvent = ev.clone() as unknown as GestureEvent;\n    const { cachedEvents, startPoints } = this;\n    const points = cachedEvents.map(ev => {\n      return { x: ev.x, y: ev.y };\n    });\n    endEvent.points = points;\n    this.triggerEndEvent(endEvent);\n\n    if (cachedEvents.length === 1) {\n      const now = clock.now();\n      const lastMoveTime = this.lastMoveTime;\n      // 做这个判断是为了最后一次touchmove后到end前，是否还有一个停顿的过程\n      // 100 是拍的一个值，理论这个值会很短，一般不卡顿的话在10ms以内\n      if (now - lastMoveTime < 100) {\n        const prevMoveTime = this.prevMoveTime || this.startTime;\n        const intervalTime = lastMoveTime - prevMoveTime;\n        // 时间间隔一定要大于0, 否则计算没意义\n        if (intervalTime > 0) {\n          const prevMovePoint = this.prevMovePoint || startPoints[0];\n          const lastMovePoint = this.lastMovePoint || startPoints[0];\n          const distance = calcDistance(prevMovePoint, lastMovePoint);\n          // move速率\n          const velocity = distance / intervalTime;\n          // 0.3 是参考hammerjs的设置\n          if (velocity > this.config.swipe.velocity && distance > this.config.swipe.threshold) {\n            endEvent.velocity = velocity;\n            endEvent.direction = calcDirection(prevMovePoint, lastMovePoint);\n            this.triggerEvent('swipe', endEvent);\n          }\n        }\n      }\n    }\n\n    for (let i = 0, len = cachedEvents.length; i < len; i++) {\n      if (cachedEvents[i].pointerId === endEvent.pointerId) {\n        cachedEvents.splice(i, 1);\n        startPoints.splice(i, 1);\n        break;\n      }\n    }\n\n    this.reset();\n\n    // 多指离开 1 指后，重新触发一次start\n    if (cachedEvents.length > 0) {\n      this.onStart();\n    }\n  };\n\n  private getEventType(point: IPointLike) {\n    const { eventType, startTime, startPoints } = this;\n    if (eventType) {\n      return eventType;\n    }\n    let type;\n    const now = clock.now();\n    if (now - startTime > this.config.press.time && calcDistance(startPoints[0], point) < this.config.press.threshold) {\n      type = 'press';\n    } else {\n      type = 'pan';\n    }\n    this.eventType = type;\n    return type;\n  }\n\n  private enable(eventType: string) {\n    this.processEvent[eventType] = true;\n  }\n\n  // 是否进行中的事件\n  private isProcess(eventType: string) {\n    return this.processEvent[eventType];\n  }\n\n  private pushEvent(type: string, ev: GestureEvent) {\n    const { emitThrottles } = this;\n    const newEvent = { type, ev };\n    for (let i = 0, len = emitThrottles.length; i < len; i++) {\n      if (emitThrottles[i].type === type) {\n        emitThrottles.splice(i, 1, newEvent);\n        return;\n      }\n    }\n    emitThrottles.push(newEvent);\n  }\n\n  private clearPressTimeout() {\n    if (this.pressTimeout) {\n      clearTimeout(this.pressTimeout);\n      this.pressTimeout = null;\n    }\n  }\n\n  private reset() {\n    this.clearPressTimeout();\n    this.startTime = 0;\n    this.startDistance = 0;\n    this.direction = null;\n    this.eventType = null;\n    this.prevMoveTime = 0;\n    this.prevMovePoint = null;\n    this.lastMoveTime = 0;\n    this.lastMovePoint = null;\n  }\n\n  private triggerEvent(type: string, ev: GestureEvent) {\n    // 主要是节流处理\n    this.pushEvent(type, ev);\n    const { throttleTimer, emitThrottles } = this;\n    if (throttleTimer) {\n      return;\n    }\n\n    this.throttleTimer = application.global.getRequestAnimationFrame()(() => {\n      for (let i = 0, len = emitThrottles.length; i < len; i++) {\n        const { type, ev } = emitThrottles[i];\n        this.emitEvent(type, ev);\n      }\n      // 清空\n      this.throttleTimer = 0;\n      this.emitThrottles.length = 0;\n    });\n  }\n\n  // 触发start事件\n  private triggerStartEvent(type: string, ev: GestureEvent) {\n    if (this.isProcess(type)) {\n      return;\n    }\n    this.enable(type);\n    this.triggerEvent(`${type}start`, ev);\n  }\n\n  private triggerEndEvent(ev: GestureEvent) {\n    const processEvent = this.processEvent;\n    Object.keys(processEvent).forEach(type => {\n      this.triggerEvent(`${type}end`, ev);\n      if (type === 'press') {\n        // pressend 别名，pressup\n        this.triggerEvent(`${type}up`, ev);\n      }\n      delete processEvent[type];\n    });\n  }\n\n  private emitEvent(type: string, e: GestureEvent) {\n    const events = (this.element as unknown as any)._events;\n    const listeners = events[WILDCARD];\n    if (listeners) {\n      if ('fn' in listeners) {\n        listeners.fn.call(listeners.context, e, type);\n      } else {\n        for (let i = 0, j = listeners.length; i < j && !e.propagationImmediatelyStopped; i++) {\n          listeners[i].fn.call(listeners[i].context, e, type);\n        }\n      }\n    }\n\n    this.emit(type, e);\n  }\n}\n"]}

package/es/event/extension/index.d.ts

@@ -0,0 +1,3 @@
+import { DragNDrop } from './drag';
+import { Gesture } from './gesture';
+export { DragNDrop, Gesture };

package/es/event/extension/index.js

@@ -0,0 +1,6 @@
+import { DragNDrop } from "./drag";
+
+import { Gesture } from "./gesture";
+
+export { DragNDrop, Gesture };
+//# sourceMappingURL=index.js.map

package/es/event/extension/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/event/extension/index.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC","file":"index.js","sourcesContent":["/**\n * @todo 需要考虑的事项\n * 1. 扩展机制的设计\n * 2. 每个扩展事件的配置，drag 配置，参照 g-plugin-dragndrop\n */\n\nimport { DragNDrop } from './drag';\nimport { Gesture } from './gesture';\n\nexport { DragNDrop, Gesture };\n"]}

package/es/index-node.d.ts

@@ -1,2 +1 @@
-import 'core-js/proposals/reflect-metadata';
-export declare const roughModule: import("inversify").ContainerModule;
+export declare const roughModule: import("@visactor/vrender-core").ContainerModule;

package/es/index-node.js

@@ -1,5 +1,3 @@
-import "core-js/proposals/reflect-metadata";
-
 import _roughModule from "./render/contributions/rough/module";
 
 export const roughModule = _roughModule;

package/es/index-node.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index-node.ts"],"names":[],"mappings":"AAAA,OAAO,oCAAoC,CAAC;AAC5C,OAAO,YAAY,MAAM,qCAAqC,CAAC;AAG/D,MAAM,CAAC,MAAM,WAAW,GAAG,YAAY,CAAC","file":"index-node.js","sourcesContent":["import 'core-js/proposals/reflect-metadata';\nimport _roughModule from './render/contributions/rough/module';\n// import _canvasModuleLoader from './canvas/contributions/canvas-module';\n\nexport const roughModule = _roughModule;\n// export const canvasModuleLoader = _canvasModuleLoader;\n// export { nodeLoader } from './node-bind';\n"]}
+{"version":3,"sources":["../src/index-node.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,qCAAqC,CAAC;AAG/D,MAAM,CAAC,MAAM,WAAW,GAAG,YAAY,CAAC","file":"index-node.js","sourcesContent":["import _roughModule from './render/contributions/rough/module';\n// import _canvasModuleLoader from './canvas/contributions/canvas-module';\n\nexport const roughModule = _roughModule;\n// export const canvasModuleLoader = _canvasModuleLoader;\n// export { nodeLoader } from './node-bind';\n"]}

package/es/index.d.ts

@@ -1,2 +1,5 @@
-import 'core-js/proposals/reflect-metadata';
-export declare const roughModule: import("inversify").ContainerModule;
+export declare const roughModule: import("@visactor/vrender-core").ContainerModule;
+export * from './jsx';
+export * from './event/extension';
+export * from './env/browser';
+export * from './env';

package/es/index.js

@@ -1,6 +1,12 @@
-import "core-js/proposals/reflect-metadata";
-
 import _roughModule from "./render/contributions/rough/module";
 
 export const roughModule = _roughModule;
+
+export * from "./jsx";
+
+export * from "./event/extension";
+
+export * from "./env/browser";
+
+export * from "./env";
 //# sourceMappingURL=index.js.map

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,oCAAoC,CAAC;AAC5C,OAAO,YAAY,MAAM,qCAAqC,CAAC;AAG/D,MAAM,CAAC,MAAM,WAAW,GAAG,YAAY,CAAC","file":"index.js","sourcesContent":["import 'core-js/proposals/reflect-metadata';\nimport _roughModule from './render/contributions/rough/module';\n// import _canvasModuleLoader from './canvas/contributions/canvas-module';\n\nexport const roughModule = _roughModule;\n// export const canvasModuleLoader = _canvasModuleLoader;\n// export { nodeLoader } from './node-bind'; // nodeLoader只在node入口暴露\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,qCAAqC,CAAC;AAG/D,MAAM,CAAC,MAAM,WAAW,GAAG,YAAY,CAAC;AAExC,cAAc,OAAO,CAAC;AACtB,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC","file":"index.js","sourcesContent":["import _roughModule from './render/contributions/rough/module';\n// import _canvasModuleLoader from './canvas/contributions/canvas-module';\n\nexport const roughModule = _roughModule;\n\nexport * from './jsx';\nexport * from './event/extension';\nexport * from './env/browser';\nexport * from './env';\n// export const canvasModuleLoader = _canvasModuleLoader;\n// export { nodeLoader } from './node-bind'; // nodeLoader只在node入口暴露\n"]}

package/es/jsx/graphicType.d.ts

@@ -0,0 +1,171 @@
+import type { IArc3dGraphicAttribute, IArcGraphicAttribute, IAreaGraphicAttribute, ICircleGraphicAttribute, IGlyphGraphicAttribute, IGroupGraphicAttribute, IImageGraphicAttribute, ILineGraphicAttribute, IPathGraphicAttribute, IPolygonGraphicAttribute, IPyramid3dGraphicAttribute, IRect3dGraphicAttribute, IRectGraphicAttribute, IRichTextCharacter, IRichTextGraphicAttribute, IRichTextImageCharacter, ISymbolGraphicAttribute, ITextGraphicAttribute } from '@visactor/vrender-core';
+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("@visactor/vrender-core").IArc;
+export declare function VArc3d(params: IDefaultGraphicParamsType<IArc3dGraphicAttribute>): import("@visactor/vrender-core").IArc;
+export declare function VArea(params: IDefaultGraphicParamsType<IAreaGraphicAttribute>): import("@visactor/vrender-core").IArea;
+export declare function VCircle(params: IDefaultGraphicParamsType<ICircleGraphicAttribute>): import("@visactor/vrender-core").ICircle;
+export declare function VGroup(params: IDefaultGraphicParamsType<IGroupGraphicAttribute>): import("@visactor/vrender-core").IGroup;
+export declare function VGlyph(params: IDefaultGraphicParamsType<IGlyphGraphicAttribute>): import("@visactor/vrender-core").IGlyph<Partial<import("@visactor/vrender-core").IGraphicAttribute>>;
+export declare function VImage(params: IDefaultGraphicParamsType<IImageGraphicAttribute>): import("@visactor/vrender-core").IImage;
+export declare function VLine(params: IDefaultGraphicParamsType<ILineGraphicAttribute>): import("@visactor/vrender-core").ILine;
+export declare function VPath(params: IDefaultGraphicParamsType<IPathGraphicAttribute>): import("@visactor/vrender-core").IPath;
+export declare function VPolygon(params: IDefaultGraphicParamsType<IPolygonGraphicAttribute>): import("@visactor/vrender-core").IPolygon;
+export declare function VPyramid3d(params: IDefaultGraphicParamsType<IPyramid3dGraphicAttribute>): import("@visactor/vrender-core").IPyramid3d;
+export declare function VRect(params: IDefaultGraphicParamsType<IRectGraphicAttribute>): import("@visactor/vrender-core").IRect;
+export declare function VRect3d(params: IDefaultGraphicParamsType<IRect3dGraphicAttribute>): import("@visactor/vrender-core").IRect3d;
+export declare function VSymbol(params: IDefaultGraphicParamsType<ISymbolGraphicAttribute>): import("@visactor/vrender-core").ISymbol;
+export declare function VText(params: IDefaultGraphicParamsType<ITextGraphicAttribute>): import("@visactor/vrender-core").IText;
+export declare function VRichText(params: IDefaultGraphicParamsType<IRichTextGraphicAttribute>): import("@visactor/vrender-core").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/es/jsx/graphicType.js

@@ -0,0 +1,126 @@
+import { createArc, createArc3d, createArea, createCircle, createGlyph, createGroup, createImage, createLine, createPath, createPolygon, createPyramid3d, createRect, createRect3d, createRichText, createSymbol, createText } from "@visactor/vrender-core";
+
+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"
+};
+
+export const REACT_TO_CANOPUS_EVENTS_LIST = Object.keys(REACT_TO_CANOPUS_EVENTS);
+
+export function VArc(params) {
+    return createArc(params ? params.attribute : {});
+}
+
+export function VArc3d(params) {
+    return createArc3d(params ? params.attribute : {});
+}
+
+export function VArea(params) {
+    return createArea(params ? params.attribute : {});
+}
+
+export function VCircle(params) {
+    return createCircle(params ? params.attribute : {});
+}
+
+export function VGroup(params) {
+    return createGroup(params ? params.attribute : {});
+}
+
+export function VGlyph(params) {
+    return createGlyph(params ? params.attribute : {});
+}
+
+export function VImage(params) {
+    return createImage(params ? params.attribute : {});
+}
+
+export function VLine(params) {
+    return createLine(params ? params.attribute : {});
+}
+
+export function VPath(params) {
+    return createPath(params ? params.attribute : {});
+}
+
+export function VPolygon(params) {
+    return createPolygon(params ? params.attribute : {});
+}
+
+export function VPyramid3d(params) {
+    return createPyramid3d(params ? params.attribute : {});
+}
+
+export function VRect(params) {
+    return createRect(params ? params.attribute : {});
+}
+
+export function VRect3d(params) {
+    return createRect3d(params ? params.attribute : {});
+}
+
+export function VSymbol(params) {
+    return createSymbol(params ? params.attribute : {});
+}
+
+export function VText(params) {
+    return createText(params ? params.attribute : {});
+}
+
+export function VRichText(params) {
+    return createRichText(params ? params.attribute : {});
+}
+
+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/es/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 '@visactor/vrender-core';\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 '@visactor/vrender-core';\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/es/jsx/index.d.ts

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

package/es/jsx/index.js

@@ -0,0 +1,4 @@
+export * from "./jsx-classic";
+
+export * from "./graphicType";
+//# sourceMappingURL=index.js.map

package/es/jsx/index.js.map

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

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

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