@lvce-editor/virtual-dom 1.12.0 → 1.14.0

package/dist/index.js

@@ -220,7 +220,12 @@ var getElementTag = (type) => {
 };
 
 // src/parts/GetEventListenerOptions/GetEventListenerOptions.ts
-var getEventListenerOptions = (eventName) => {
+var getEventListenerOptions = (eventName, value) => {
+  if (value.passive) {
+    return {
+      passive: true
+    };
+  }
   switch (eventName) {
     case "wheel":
       return {
@@ -313,9 +318,19 @@ var getWrappedListener = (listener, returnValue) => {
 };
 
 // src/parts/AttachEvent/AttachEvent.ts
+var getOptions = (fn) => {
+  if (fn.passive) {
+    return {
+      passive: true
+    };
+  }
+  return void 0;
+};
 var attachEvent = ($Node, eventMap, key, value, newEventMap) => {
   if (newEventMap && newEventMap[value]) {
-    $Node.addEventListener(key, newEventMap[value]);
+    const fn = newEventMap[value];
+    const options2 = getOptions(fn);
+    $Node.addEventListener(key, newEventMap[value], options2);
     return;
   }
   const listener = eventMap[value];
@@ -323,7 +338,7 @@ var attachEvent = ($Node, eventMap, key, value, newEventMap) => {
     console.warn("listener not found", value);
     return;
   }
-  const options = getEventListenerOptions(key);
+  const options = getEventListenerOptions(key, value);
   const wrapped = getWrappedListener(
     listener,
     eventMap.returnValue
@@ -583,6 +598,9 @@ var createFn = (info) => {
     ipc.send("Viewlet.executeViewletCommand", uid, ...args);
   };
   nameAnonymousFunction(fn, info.name);
+  if (info.passive) {
+    fn.passive = true;
+  }
   return fn;
 };
 

package/package.json

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

package/src/parts/AttachEvent/AttachEvent.ts

@@ -1,6 +1,15 @@
 import * as GetEventListenerOptions from '../GetEventListenerOptions/GetEventListenerOptions.ts'
 import * as GetWrappedListener from '../GetWrappedListener/GetWrappedListener.ts'
 
+const getOptions = (fn: any) => {
+  if (fn.passive) {
+    return {
+      passive: true,
+    }
+  }
+  return undefined
+}
+
 export const attachEvent = (
   $Node: HTMLElement,
   eventMap: any,
@@ -9,8 +18,10 @@ export const attachEvent = (
   newEventMap?: any,
 ) => {
   if (newEventMap && newEventMap[value]) {
+    const fn = newEventMap[value]
+    const options: any = getOptions(fn)
     // TODO support event listener options
-    $Node.addEventListener(key, newEventMap[value])
+    $Node.addEventListener(key, newEventMap[value], options)
     return
   }
   const listener = eventMap[value]
@@ -18,7 +29,7 @@ export const attachEvent = (
     console.warn('listener not found', value)
     return
   }
-  const options = GetEventListenerOptions.getEventListenerOptions(key)
+  const options = GetEventListenerOptions.getEventListenerOptions(key, value)
   const wrapped = GetWrappedListener.getWrappedListener(
     listener,
     eventMap.returnValue,

package/src/parts/CreateEventListenerFunction/CreateEventListenerFunction.ts

@@ -17,5 +17,9 @@ export const createFn = (info) => {
     ipc.send('Viewlet.executeViewletCommand', uid, ...args)
   }
   NameAnonymousFunction.nameAnonymousFunction(fn, info.name)
+  if (info.passive) {
+    // TODO avoid mutating function property, maybe return an object with function and options
+    fn.passive = true
+  }
   return fn
 }

package/src/parts/GetEventListenerOptions/GetEventListenerOptions.ts

@@ -1,4 +1,9 @@
-export const getEventListenerOptions = (eventName: string) => {
+export const getEventListenerOptions = (eventName: string, value: any) => {
+  if (value.passive) {
+    return {
+      passive: true,
+    }
+  }
   switch (eventName) {
     case 'wheel':
       return {