@lvce-editor/virtual-dom 1.0.2 → 1.1.0

package/dist/index.js

@@ -1,8 +1,7 @@
-// src/parts/ComponentUid/ComponentUid.ts
+// src/parts/UidSymbol/UidSymbol.ts
 var uidSymbol = Symbol("uid");
-var setComponentUid = ($Element, uid) => {
-  $Element[uidSymbol] = uid;
-};
+
+// src/parts/GetUidTarget/GetUidTarget.ts
 var getUidTarget = ($Element) => {
   while ($Element) {
     if ($Element[uidSymbol]) {
@@ -12,8 +11,16 @@ var getUidTarget = ($Element) => {
   }
   return void 0;
 };
+
+// src/parts/ComponentUid/ComponentUid.ts
+var setComponentUid = ($Element, uid) => {
+  $Element[uidSymbol] = uid;
+};
 var getComponentUid = ($Element) => {
   const $Target = getUidTarget($Element);
+  if (!$Target) {
+    return 0;
+  }
   return $Target[uidSymbol];
 };
 var getComponentUidFromEvent = (event) => {
@@ -266,6 +273,18 @@ var getEventListenerOptions = (eventName) => {
   }
 };
 
+// src/parts/ListenerCache/ListenerCache.ts
+var cache = /* @__PURE__ */ new Map();
+var has = (listener) => {
+  return cache.has(listener);
+};
+var set = (listener, value) => {
+  cache.set(listener, value);
+};
+var get = (listener) => {
+  return cache.get(listener);
+};
+
 // src/parts/NameAnonymousFunction/NameAnonymousFunction.ts
 var nameAnonymousFunction = (fn, name) => {
   Object.defineProperty(fn, "name", {
@@ -274,12 +293,11 @@ var nameAnonymousFunction = (fn, name) => {
 };
 
 // src/parts/GetWrappedListener/GetWrappedListener.ts
-var cache = /* @__PURE__ */ new Map();
 var getWrappedListener = (listener, returnValue) => {
   if (!returnValue) {
     return listener;
   }
-  if (!cache.has(listener)) {
+  if (!has(listener)) {
     const wrapped = (event) => {
       const uid = getComponentUidFromEvent(event);
       const result = listener(event);
@@ -290,9 +308,9 @@ var getWrappedListener = (listener, returnValue) => {
       ipc.send("Viewlet.executeViewletCommand", uid, ...result);
     };
     nameAnonymousFunction(wrapped, listener.name);
-    cache.set(listener, wrapped);
+    set(listener, wrapped);
   }
-  return cache.get(listener);
+  return get(listener);
 };
 
 // src/parts/AttachEvent/AttachEvent.ts

package/package.json

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

package/src/parts/ClearNode/ClearNode.ts

@@ -1,3 +1,3 @@
-export const clearNode = ($Node) => {
+export const clearNode = ($Node: HTMLElement): void => {
   $Node.textContent = ''
 }

package/src/parts/ComponentUid/ComponentUid.ts

@@ -1,21 +1,15 @@
-const uidSymbol = Symbol('uid')
+import { getUidTarget } from '../GetUidTarget/GetUidTarget.ts'
+import { uidSymbol } from '../UidSymbol/UidSymbol.ts'
 
 export const setComponentUid = ($Element, uid) => {
   $Element[uidSymbol] = uid
 }
 
-const getUidTarget = ($Element) => {
-  while ($Element) {
-    if ($Element[uidSymbol]) {
-      return $Element
-    }
-    $Element = $Element.parentNode
-  }
-  return undefined
-}
-
 export const getComponentUid = ($Element) => {
   const $Target = getUidTarget($Element)
+  if (!$Target) {
+    return 0
+  }
   return $Target[uidSymbol]
 }
 

package/src/parts/GetUidTarget/GetUidTarget.ts

@@ -0,0 +1,11 @@
+import { uidSymbol } from '../UidSymbol/UidSymbol.ts'
+
+export const getUidTarget = ($Element) => {
+  while ($Element) {
+    if ($Element[uidSymbol]) {
+      return $Element
+    }
+    $Element = $Element.parentNode
+  }
+  return undefined
+}

package/src/parts/GetWrappedListener/GetWrappedListener.ts

@@ -1,14 +1,13 @@
 import * as ComponentUid from '../ComponentUid/ComponentUid.ts'
-import * as NameAnonymousFunction from '../NameAnonymousFunction/NameAnonymousFunction.ts'
 import * as IpcState from '../IpcState/IpcState.ts'
-
-const cache = new Map()
+import * as ListenerCache from '../ListenerCache/ListenerCache.ts'
+import * as NameAnonymousFunction from '../NameAnonymousFunction/NameAnonymousFunction.ts'
 
 export const getWrappedListener = (listener, returnValue) => {
   if (!returnValue) {
     return listener
   }
-  if (!cache.has(listener)) {
+  if (!ListenerCache.has(listener)) {
     const wrapped = (event) => {
       const uid = ComponentUid.getComponentUidFromEvent(event)
       const result = listener(event)
@@ -20,7 +19,7 @@ export const getWrappedListener = (listener, returnValue) => {
       ipc.send('Viewlet.executeViewletCommand', uid, ...result)
     }
     NameAnonymousFunction.nameAnonymousFunction(wrapped, listener.name)
-    cache.set(listener, wrapped)
+    ListenerCache.set(listener, wrapped)
   }
-  return cache.get(listener)
+  return ListenerCache.get(listener)
 }

package/src/parts/ListenerCache/ListenerCache.ts

@@ -0,0 +1,13 @@
+const cache = new Map()
+
+export const has = (listener) => {
+  return cache.has(listener)
+}
+
+export const set = (listener, value) => {
+  cache.set(listener, value)
+}
+
+export const get = (listener) => {
+  return cache.get(listener)
+}

package/src/parts/UidSymbol/UidSymbol.ts

@@ -0,0 +1 @@
+export const uidSymbol = Symbol('uid')

package/src/parts/VirtualDomElementProp/VirtualDomElementProp.ts

@@ -1,6 +1,11 @@
 import * as AttachEvent from '../AttachEvent/AttachEvent.ts'
 
-export const setProp = ($Element: HTMLElement, key: string, value: any, eventMap: any) => {
+export const setProp = (
+  $Element: HTMLElement,
+  key: string,
+  value: any,
+  eventMap: any,
+) => {
   switch (key) {
     case 'maskImage':
       $Element.style.maskImage = `url('${value}')`