@predy-js/render-interface 0.3.4-beta.15 → 0.3.4-beta.16

package/dist/index.mjs

@@ -2,7 +2,7 @@
  * Name: @predy-js/render-interface
  * Description: undefined
  * Author: undefined
- * Version: v0.3.4-beta.15
+ * Version: v0.3.4-beta.16
  */
 
 /******************************************************************************
@@ -193,6 +193,12 @@ var EVENT_TYPE_TOUCH_START = 'touchstart';
 var EVENT_TYPE_TOUCH_MOVE = 'touchmove';
 var EVENT_TYPE_TOUCH_END = 'touchend';
 var EVENT_TYPE_TOUCH_CANCEL = 'touchcancel';
+var PredyNativeEventType;
+(function (PredyNativeEventType) {
+    PredyNativeEventType[PredyNativeEventType["touchstart"] = 1] = "touchstart";
+    PredyNativeEventType[PredyNativeEventType["touchmove"] = 2] = "touchmove";
+    PredyNativeEventType[PredyNativeEventType["touchend"] = 3] = "touchend";
+})(PredyNativeEventType || (PredyNativeEventType = {}));
 // // 扩展事件类型
 // export enum EVENT_TYPE {
 //   // 基础事件
@@ -6035,15 +6041,17 @@ var WebHandler = /** @class */ (function () {
     };
     WebHandler.prototype.handleEvent = function (type, e) {
         e.preventDefault();
-        var np = this.getNormalizedPos(e);
+        // const np = this.getNormalizedPos(e);
+        var rect = e.target.getBoundingClientRect();
         var pointer = {
             id: e.pointerId,
-            x: np[0],
-            y: np[1],
-            clientX: e.clientX,
-            clientY: e.clientY,
-            force: 1,
+            x: e.clientX - rect.left,
+            y: e.clientY - rect.top,
             ts: this.timeStamp,
+            layout: {
+                width: rect.width,
+                height: rect.height,
+            },
         };
         // 更新触点集合
         if (type === EVENT_TYPE_TOUCH_END) {
@@ -6070,7 +6078,12 @@ var WebHandler = /** @class */ (function () {
 
 var RNHandler = /** @class */ (function () {
     function RNHandler(system) {
+        var _this = this;
         this.system = system;
+        this.handleTouch = function (e) {
+            e.preventDefault();
+            _this.system.handleBaseEvent(e);
+        };
         this.timeOrigin = Date.now();
     }
     Object.defineProperty(RNHandler.prototype, "timeStamp", {
@@ -6081,10 +6094,16 @@ var RNHandler = /** @class */ (function () {
         configurable: true
     });
     RNHandler.prototype.setup = function () {
-        throw new Error('Method not implemented.');
+        var target = this.system.target;
+        target.addEventListener('touchstart', this.handleTouch);
+        target.addEventListener('touchmove', this.handleTouch);
+        target.addEventListener('touchend', this.handleTouch);
     };
     RNHandler.prototype.teardown = function () {
-        throw new Error('Method not implemented.');
+        var target = this.system.target;
+        target.removeEventListener('touchstart', this.handleTouch);
+        target.removeEventListener('touchmove', this.handleTouch);
+        target.removeEventListener('touchend', this.handleTouch);
     };
     return RNHandler;
 }());
@@ -6099,7 +6118,7 @@ var H5Handler = /** @class */ (function () {
             var event = {
                 type: type,
                 timestamp: _this.timeStamp,
-                target: e.target,
+                // target: e.target,
                 touches: _this.encapsulate(e.targetTouches),
                 changedTouches: _this.encapsulate(e.changedTouches),
                 preventDefault: function () { return e.preventDefault(); },
@@ -6145,15 +6164,17 @@ var H5Handler = /** @class */ (function () {
         var touches = [];
         for (var i = 0; i < list.length; i++) {
             var touch = list[i];
-            var _a = this.getNormalizedPos(touch), x = _a[0], y = _a[1];
+            // const [x, y] = this.getNormalizedPos(touch);
+            var rect = touch.target.getBoundingClientRect();
             touches.push({
                 id: touch.identifier,
-                x: x,
-                y: y,
-                clientX: touch.clientX,
-                clientY: touch.clientY,
-                force: 1,
+                x: touch.clientX - rect.left,
+                y: touch.clientY - rect.top,
                 ts: this.timeStamp,
+                layout: {
+                    width: rect.width,
+                    height: rect.height,
+                },
             });
         }
         return touches;
@@ -6211,7 +6232,7 @@ var UniversalRecognizer = /** @class */ (function () {
         this.gestureStartTime = event.timestamp;
         this.trackedTouches.clear();
         event.touches.forEach(function (t) { return _this.trackedTouches.set(t.id, t); });
-        this.startPositions = event.touches.map(function (t) { return [t.clientX, t.clientY]; });
+        this.startPositions = event.touches.map(function (t) { return [t.x, t.y]; });
         // 初始化多指手势数据
         if (this.options.touchCount > 1) {
             this.initialCenter = this.calculateCenter(event.touches);
@@ -6331,8 +6352,8 @@ var UniversalRecognizer = /** @class */ (function () {
         // 计算多点触控的平均移动量
         var totalDelta = [0, 0];
         event.touches.forEach(function (t, idx) {
-            totalDelta[0] += t.clientX - _this.startPositions[idx][0];
-            totalDelta[1] += t.clientY - _this.startPositions[idx][1];
+            totalDelta[0] += t.x - _this.startPositions[idx][0];
+            totalDelta[1] += t.y - _this.startPositions[idx][1];
         });
         return [totalDelta[0] / event.touches.length, totalDelta[1] / event.touches.length];
     };
@@ -6344,7 +6365,7 @@ var UniversalRecognizer = /** @class */ (function () {
         var currentCentroid = this.calculateCenter(touches);
         // 计算所有触点到中心点的平均距离
         var currentDistances = touches.map(function (t) {
-            return Math.hypot(t.clientX - currentCentroid[0], t.clientY - currentCentroid[1]);
+            return Math.hypot(t.x - currentCentroid[0], t.y - currentCentroid[1]);
         });
         var currentAvgDistance = currentDistances.reduce(function (a, b) { return a + b; }) / touches.length;
         // 初始平均距离（从startPositions计算）
@@ -6363,7 +6384,7 @@ var UniversalRecognizer = /** @class */ (function () {
         var totalAngleChange = 0;
         touches.forEach(function (t, index) {
             // 当前触点角度
-            var currentAngle = Math.atan2(t.clientY - currentCentroid[1], t.clientX - currentCentroid[0]);
+            var currentAngle = Math.atan2(t.y - currentCentroid[1], t.x - currentCentroid[0]);
             // 初始触点角度
             var initialPos = _this.startPositions[index];
             var initialAngle = Math.atan2(initialPos[1] - _this.initialCenter[1], initialPos[0] - _this.initialCenter[0]);
@@ -6384,14 +6405,14 @@ var UniversalRecognizer = /** @class */ (function () {
     UniversalRecognizer.prototype.calculateCenter = function (touchList) {
         var pointersLength = touchList.length;
         if (pointersLength === 1) {
-            return [touchList[0].clientX, touchList[0].clientY];
+            return [touchList[0].x, touchList[0].y];
         }
         var x = 0;
         var y = 0;
         var i = 0;
         while (i < pointersLength) {
-            x += touchList[i].clientX;
-            y += touchList[i].clientY;
+            x += touchList[i].x;
+            y += touchList[i].y;
             i++;
         }
         return [x / pointersLength, y / pointersLength];
@@ -6575,7 +6596,7 @@ var BaseRecognizer = /** @class */ (function () {
     return BaseRecognizer;
 }());
 
-consoleLog('version: ' + "0.3.4-beta.15");
+consoleLog('version: ' + "0.3.4-beta.16");
 var ModuleMsg = 'RI Package: @predy-js/render-interface';
 
 var RI = /*#__PURE__*/Object.freeze({
@@ -6618,6 +6639,7 @@ var RI = /*#__PURE__*/Object.freeze({
     EVENT_TYPE_TOUCH_MOVE: EVENT_TYPE_TOUCH_MOVE,
     EVENT_TYPE_TOUCH_END: EVENT_TYPE_TOUCH_END,
     EVENT_TYPE_TOUCH_CANCEL: EVENT_TYPE_TOUCH_CANCEL,
+    get PredyNativeEventType () { return PredyNativeEventType; },
     get GESTURE_DIRECTION () { return GESTURE_DIRECTION; },
     get ShaderCompileResultStatus () { return ShaderCompileResultStatus; },
     ShaderLibraryEmpty: ShaderLibraryEmpty
@@ -6630,5 +6652,5 @@ else if (typeof global === 'object') {
     global.PredyRI = RI;
 }
 
-export { DestroyOptions, EVENT_TYPE_CLICK, EVENT_TYPE_TOUCH_CANCEL, EVENT_TYPE_TOUCH_END, EVENT_TYPE_TOUCH_MOVE, EVENT_TYPE_TOUCH_START, PredyEventSystem as EventSystem, EventSystemEnv, GESTURE_DIRECTION, GPUBufferOptionsMemoryShared, MarsGeometry as Geometry, MarsInstancedMesh as InstancedMesh, MarsTextureFactory, MarsMaterial as Material, MarsMaterialDataBlock as MaterialDataBlock, MarsMesh as Mesh, ModuleMsg, PredyResourceCacheStatus, PredyTextEncoding, PredyVideoCodec, RecognizerState, MarsRenderFrame as RenderFrame, MarsRenderPass as RenderPass, RenderPassAttachmentStorageType, RenderPassDestroyAttachmentType, RenderPassMeshOrder, RenderPassPriorityNormal, RenderPassPriorityPostprocess, RenderPassPriorityPrepare, MarsRenderer as Renderer, ShaderCompileResultStatus, ShaderLibraryEmpty, MarsSharedGeometry as SharedGeometry, MarsTexture as Texture, TextureLoadAction, TextureSourceType, TextureStoreAction, constants, getDefaultGPUCapability, getDefaultTextureFactory, setDefaultTextureFactory };
+export { DestroyOptions, EVENT_TYPE_CLICK, EVENT_TYPE_TOUCH_CANCEL, EVENT_TYPE_TOUCH_END, EVENT_TYPE_TOUCH_MOVE, EVENT_TYPE_TOUCH_START, PredyEventSystem as EventSystem, EventSystemEnv, GESTURE_DIRECTION, GPUBufferOptionsMemoryShared, MarsGeometry as Geometry, MarsInstancedMesh as InstancedMesh, MarsTextureFactory, MarsMaterial as Material, MarsMaterialDataBlock as MaterialDataBlock, MarsMesh as Mesh, ModuleMsg, PredyNativeEventType, PredyResourceCacheStatus, PredyTextEncoding, PredyVideoCodec, RecognizerState, MarsRenderFrame as RenderFrame, MarsRenderPass as RenderPass, RenderPassAttachmentStorageType, RenderPassDestroyAttachmentType, RenderPassMeshOrder, RenderPassPriorityNormal, RenderPassPriorityPostprocess, RenderPassPriorityPrepare, MarsRenderer as Renderer, ShaderCompileResultStatus, ShaderLibraryEmpty, MarsSharedGeometry as SharedGeometry, MarsTexture as Texture, TextureLoadAction, TextureSourceType, TextureStoreAction, constants, getDefaultGPUCapability, getDefaultTextureFactory, setDefaultTextureFactory };
 //# sourceMappingURL=index.mjs.map