@lvce-editor/virtual-dom 2.9.0 → 2.11.0

package/dist/index.js

@@ -614,6 +614,9 @@ const applyDragInfoMaybe = event => {
   }
 };
 
+const PointerMove = 'pointermove';
+const PointerUp = 'pointerup';
+
 let ignore = false;
 const startIgnore = () => {
   ignore = true;
@@ -661,6 +664,8 @@ const getEventListenerArg = (param, event) => {
       return event.deltaX;
     case 'event.deltaY':
       return event.deltaY;
+    case 'event.target.scrollTop':
+      return event.target.scrollTop;
     case 'event.detail':
       return event.detail;
     case 'event.target.name':
@@ -715,7 +720,24 @@ const preventEventsMaybe = (info, event) => {
   }
 };
 
-const createFn = info => {
+const applyPointerTrackMaybe = (info, map, event) => {
+  const {
+    trackPointerEvents
+  } = info;
+  if (!trackPointerEvents) {
+    return;
+  }
+  const {
+    target,
+    pointerId
+  } = event;
+  target.setPointerCapture(pointerId);
+  const [pointerMoveKey, pointerUpKey] = trackPointerEvents;
+  target.addEventListener(PointerMove, map[pointerMoveKey]);
+  // TODO use pointerlost event instead
+  target.addEventListener(PointerUp, map[pointerUpKey]);
+};
+const createFn = (info, map) => {
   const fn = event => {
     if (enabled()) {
       return;
@@ -724,6 +746,7 @@ const createFn = info => {
     const args = getEventListenerArgs(info.params, event);
     preventEventsMaybe(info, event);
     applyDragInfoMaybe(event);
+    applyPointerTrackMaybe(info, map, event);
     if (args.length === 0) {
       return;
     }
@@ -742,7 +765,7 @@ const listeners = Object.create(null);
 const registerEventListeners = (id, eventListeners) => {
   const map = Object.create(null);
   for (const info of eventListeners) {
-    const fn = createFn(info);
+    const fn = createFn(info, map);
     map[info.name] = fn;
   }
   listeners[id] = map;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/virtual-dom",
-  "version": "2.9.0",
+  "version": "2.11.0",
   "main": "dist/index.js",
   "type": "module",
   "keywords": [],

package/src/parts/CreateEventListenerFunction/CreateEventListenerFunction.ts

@@ -1,12 +1,26 @@
 import { applyDragInfoMaybe } from '../ApplyDragInfoMaybe/ApplyDragInfoMaybe.ts'
 import * as ComponentUid from '../ComponentUid/ComponentUid.ts'
+import * as DomEventType from '../DomEventType/DomEventType.ts'
 import * as EventState from '../EventState/EventState.ts'
 import * as GetEventListenerArgs from '../GetEventListenerArgs/GetEventListenerArgs.ts'
 import * as IpcState from '../IpcState/IpcState.ts'
 import * as NameAnonymousFunction from '../NameAnonymousFunction/NameAnonymousFunction.ts'
 import { preventEventsMaybe } from '../PreventEventsMaybe/PreventEventsMaybe.ts'
 
-export const createFn = (info): any => {
+const applyPointerTrackMaybe = (info, map, event): void => {
+  const { trackPointerEvents } = info
+  if (!trackPointerEvents) {
+    return
+  }
+  const { target, pointerId } = event
+  target.setPointerCapture(pointerId)
+  const [pointerMoveKey, pointerUpKey] = trackPointerEvents
+  target.addEventListener(DomEventType.PointerMove, map[pointerMoveKey])
+  // TODO use pointerlost event instead
+  target.addEventListener(DomEventType.PointerUp, map[pointerUpKey])
+}
+
+export const createFn = (info, map): any => {
   const fn = (event): void => {
     if (EventState.enabled()) {
       return
@@ -15,6 +29,7 @@ export const createFn = (info): any => {
     const args = GetEventListenerArgs.getEventListenerArgs(info.params, event)
     preventEventsMaybe(info, event)
     applyDragInfoMaybe(event)
+    applyPointerTrackMaybe(info, map, event)
     if (args.length === 0) {
       return
     }

package/src/parts/DomEventType/DomEventType.ts

@@ -0,0 +1,2 @@
+export const PointerMove = 'pointermove'
+export const PointerUp = 'pointerup'

package/src/parts/GetEventListenerArg/GetEventListenerArg.ts

@@ -37,6 +37,8 @@ export const getEventListenerArg = (param: string, event: any): any => {
       return event.deltaX
     case 'event.deltaY':
       return event.deltaY
+    case 'event.target.scrollTop':
+      return event.target.scrollTop
     case 'event.detail':
       return event.detail
     case 'event.target.name':

package/src/parts/RegisterEventListeners/RegisterEventListeners.ts

@@ -5,7 +5,7 @@ const listeners = Object.create(null)
 export const registerEventListeners = (id, eventListeners): void => {
   const map = Object.create(null)
   for (const info of eventListeners) {
-    const fn = CreateEventListenerFunction.createFn(info)
+    const fn = CreateEventListenerFunction.createFn(info, map)
     map[info.name] = fn
   }
   listeners[id] = map