@lvce-editor/virtual-dom 2.10.0 → 2.12.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;
@@ -717,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;
@@ -726,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;
     }
@@ -744,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.10.0",
+  "version": "2.12.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/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

package/src/parts/RenderInternal/RenderInternal.ts

@@ -1,8 +1,9 @@
+import type { VirtualDomNode } from '../VirtualDomNode/VirtualDomNode.ts'
 import * as VirtualDomElement from '../VirtualDomElement/VirtualDomElement.ts'
 
 export const renderInternal = (
   $Parent: HTMLElement,
-  elements: readonly any[],
+  elements: readonly VirtualDomNode[],
   eventMap: any,
   newEventMap?: any,
 ): void => {

package/src/parts/VirtualDomElement/VirtualDomElement.ts

@@ -1,3 +1,4 @@
+import type { VirtualDomNode } from '../VirtualDomNode/VirtualDomNode.ts'
 import * as ElementTagMap from '../ElementTagMap/ElementTagMap.ts'
 import * as VirtualDomElementProps from '../VirtualDomElementProps/VirtualDomElementProps.ts'
 import * as VirtualDomElements from '../VirtualDomElements/VirtualDomElements.ts'
@@ -7,7 +8,7 @@ const renderDomTextNode = (element: any): Text => {
 }
 
 const renderDomElement = (
-  element: any,
+  element: VirtualDomNode,
   eventMap: any,
   newEventMap: any,
 ): HTMLElement => {
@@ -18,7 +19,7 @@ const renderDomElement = (
 }
 
 export const render = (
-  element: any,
+  element: VirtualDomNode,
   eventMap: any,
   newEventMap?: any,
 ): Node => {