@visactor/vrender-kits 0.16.0-alpha.7 → 0.16.0-alpha.9

package/cjs/event/extension/gesture.js

@@ -0,0 +1,181 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Gesture = void 0;
+
+const vrender_core_1 = require("@visactor/vrender-core"), vutils_1 = require("@visactor/vutils"), 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)
+    };
+};
+
+class Gesture extends vutils_1.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 = vrender_core_1.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 = vrender_core_1.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 = vrender_core_1.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 = vrender_core_1.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 = vrender_core_1.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[vrender_core_1.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);
+    }
+}
+
+exports.Gesture = Gesture;
+//# sourceMappingURL=gesture.js.map

package/cjs/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/cjs/event/extension/index.d.ts

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

package/cjs/event/extension/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Gesture = exports.DragNDrop = void 0;
+
+const drag_1 = require("./drag");
+
+Object.defineProperty(exports, "DragNDrop", {
+    enumerable: !0,
+    get: function() {
+        return drag_1.DragNDrop;
+    }
+});
+
+const gesture_1 = require("./gesture");
+
+Object.defineProperty(exports, "Gesture", {
+    enumerable: !0,
+    get: function() {
+        return gesture_1.Gesture;
+    }
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/event/extension/index.ts"],"names":[],"mappings":";;;AAMA,iCAAmC;AAG1B,0FAHA,gBAAS,OAGA;AAFlB,uCAAoC;AAEhB,wFAFX,iBAAO,OAEW","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/cjs/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/cjs/index-node.js

@@ -8,7 +8,7 @@ var __importDefault = this && this.__importDefault || function(mod) {
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.roughModule = void 0, require("core-js/proposals/reflect-metadata");
+}), exports.roughModule = void 0;
 
 const module_1 = __importDefault(require("./render/contributions/rough/module"));
 

package/cjs/index-node.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index-node.ts"],"names":[],"mappings":";;;;;;AAAA,8CAA4C;AAC5C,iFAA+D;AAGlD,QAAA,WAAW,GAAG,gBAAY,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,iFAA+D;AAGlD,QAAA,WAAW,GAAG,gBAAY,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/cjs/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/cjs/index.js

@@ -1,6 +1,19 @@
 "use strict";
 
-var __importDefault = this && this.__importDefault || function(mod) {
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+}, __importDefault = this && this.__importDefault || function(mod) {
     return mod && mod.__esModule ? mod : {
         default: mod
     };
@@ -8,9 +21,11 @@ var __importDefault = this && this.__importDefault || function(mod) {
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.roughModule = void 0, require("core-js/proposals/reflect-metadata");
+}), exports.roughModule = void 0;
 
 const module_1 = __importDefault(require("./render/contributions/rough/module"));
 
-exports.roughModule = module_1.default;
+exports.roughModule = module_1.default, __exportStar(require("./jsx"), exports), 
+__exportStar(require("./event/extension"), exports), __exportStar(require("./env/browser"), exports), 
+__exportStar(require("./env"), exports);
 //# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,8CAA4C;AAC5C,iFAA+D;AAGlD,QAAA,WAAW,GAAG,gBAAY,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,iFAA+D;AAGlD,QAAA,WAAW,GAAG,gBAAY,CAAC;AAExC,wCAAsB;AACtB,oDAAkC;AAClC,gDAA8B;AAC9B,wCAAsB","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/cjs/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/cjs/jsx/graphicType.js

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