@lvce-editor/virtual-dom 8.13.0 → 9.0.0

package/dist/index.js

@@ -455,6 +455,7 @@ const getWrappedListener = (listener, returnValue) => {
   return get(listener);
 };
 
+const attachedListeners = new WeakMap();
 const getOptions = fn => {
   if (fn.passive) {
     return {
@@ -470,11 +471,21 @@ const getOptions = fn => {
 };
 const attachEvent = ($Node, eventMap, key, value, newEventMap) => {
   const keyLower = key.toLowerCase();
+  const listenersByEvent = attachedListeners.get($Node) || new Map();
+  const previous = listenersByEvent.get(keyLower);
+  if (previous) {
+    $Node.removeEventListener(keyLower, previous.listener, previous.options);
+  }
   if (newEventMap && newEventMap[value]) {
     const fn = newEventMap[value];
     const options = getOptions(fn);
     // TODO support event listener options
     $Node.addEventListener(keyLower, newEventMap[value], options);
+    listenersByEvent.set(keyLower, {
+      listener: newEventMap[value],
+      options
+    });
+    attachedListeners.set($Node, listenersByEvent);
     return;
   }
   const listener = eventMap[value];
@@ -485,6 +496,11 @@ const attachEvent = ($Node, eventMap, key, value, newEventMap) => {
   const options = getEventListenerOptions(key, value);
   const wrapped = getWrappedListener(listener, eventMap.returnValue);
   $Node.addEventListener(keyLower, wrapped, options);
+  listenersByEvent.set(keyLower, {
+    listener: wrapped,
+    options
+  });
+  attachedListeners.set($Node, listenersByEvent);
 };
 
 const STYLE_REGEX = /([^:;]+):\s*([^;]+)/g;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/virtual-dom",
-  "version": "8.13.0",
+  "version": "9.0.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/lvce-editor/virtual-dom.git"