@lvce-editor/virtual-dom 1.26.0 → 1.28.0

package/dist/index.d.ts

@@ -27,3 +27,7 @@ export const applyPatch: (
   $Element: HTMLElement,
   patches: readonly any[],
 ) => void
+
+export const getFileHandles: (
+  ids: readonly number[],
+) => Promise<readonly FileSystemHandle>

package/dist/index.js

@@ -262,14 +262,14 @@ const getComponentUidFromEvent = event => {
   return getComponentUid(currentTarget || target);
 };
 
-const state = {
+const state$1 = {
   ipc: undefined
 };
 const getIpc = () => {
-  return state.ipc;
+  return state$1.ipc;
 };
 const setIpc = value => {
-  state.ipc = value;
+  state$1.ipc = value;
 };
 
 const cache = new Map();
@@ -279,7 +279,7 @@ const has = listener => {
 const set = (listener, value) => {
   cache.set(listener, value);
 };
-const get = listener => {
+const get$1 = listener => {
   return cache.get(listener);
 };
 
@@ -307,7 +307,7 @@ const getWrappedListener = (listener, returnValue) => {
     nameAnonymousFunction(wrapped, listener.name);
     set(listener, wrapped);
   }
-  return get(listener);
+  return get$1(listener);
 };
 
 const getOptions = fn => {
@@ -488,7 +488,7 @@ const removeChild = ($Element, index) => {
   const $Child = $Element.children[index];
   $Child.remove();
 };
-const add = ($Element, nodes) => {
+const add$1 = ($Element, nodes) => {
   renderInternal($Element, nodes, {}, {});
 };
 
@@ -518,7 +518,7 @@ const applyPatch = ($Element, patches) => {
         removeChild($Current, patch.index);
         break;
       case Add:
-        add($Current, patch.nodes);
+        add$1($Current, patch.nodes);
         break;
       case NavigateSibling:
         $Current = $Current.parentNode.childNodes[patch.index];
@@ -533,8 +533,36 @@ const applyPatch = ($Element, patches) => {
   }
 };
 
+let id = 0;
+const create = () => {
+  return ++id;
+};
+
+const state = Object.create(null);
+const get = id => {
+  return state[id];
+};
+const getFileHandles = async ids => {
+  const promises = ids.map(id => get(id));
+  const handles = await Promise.all(promises);
+  return handles;
+};
+const add = promise => {
+  const id = create();
+  state[id] = promise;
+  return id;
+};
+
+const handleDataTransferFiles = async event => {
+  const items = [...event.dataTransfer.items];
+  const promises = items.map(item => item.getAsFileSystemHandle());
+  const ids = promises.map(promise => add(promise));
+  return ids;
+};
 const getEventListenerArg = (param, event) => {
   switch (param) {
+    case 'event.dataTransfer.files2':
+      return handleDataTransferFiles(event);
     case 'event.clientX':
       return event.clientX;
     case 'event.x':
@@ -549,6 +577,8 @@ const getEventListenerArg = (param, event) => {
       return event.target.value;
     case 'event.isTrusted':
       return event.isTrusted;
+    case 'event.dataTransfer.files':
+      return event.dataTransfer.files;
     case 'event.target.className':
       return event.target.className;
     case 'event.data':
@@ -716,4 +746,4 @@ const rememberFocus = ($Viewlet, dom, eventMap, uid = 0) => {
   return $Viewlet;
 };
 
-export { applyPatch, getComponentUid, getComponentUidFromEvent, registerEventListeners, rememberFocus, render, renderInto, setComponentUid, setIpc };
+export { applyPatch, getComponentUid, getComponentUidFromEvent, getFileHandles, registerEventListeners, rememberFocus, render, renderInto, setComponentUid, setIpc };

package/package.json

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

package/src/parts/FileHandles/FileHandles.ts

@@ -0,0 +1,21 @@
+import * as Id from '../Id/Id.ts'
+
+const state: Record<number, Promise<FileSystemHandle>> = Object.create(null)
+
+export const get = (id: number): Promise<FileSystemHandle> => {
+  return state[id]
+}
+
+export const getFileHandles = async (
+  ids: readonly number[],
+): Promise<readonly FileSystemHandle[]> => {
+  const promises = ids.map((id) => get(id))
+  const handles = await Promise.all(promises)
+  return handles
+}
+
+export const add = (promise: Promise<FileSystemHandle>): number => {
+  const id = Id.create()
+  state[id] = promise
+  return id
+}

package/src/parts/GetEventListenerArg/GetEventListenerArg.ts

@@ -1,5 +1,18 @@
+import * as FileHandles from '../FileHandles/FileHandles.ts'
+
+const handleDataTransferFiles = async (
+  event: any,
+): Promise<readonly number[]> => {
+  const items = [...event.dataTransfer.items]
+  const promises = items.map((item) => item.getAsFileSystemHandle())
+  const ids = promises.map((promise) => FileHandles.add(promise))
+  return ids
+}
+
 export const getEventListenerArg = (param: string, event: any): any => {
   switch (param) {
+    case 'event.dataTransfer.files2':
+      return handleDataTransferFiles(event)
     case 'event.clientX':
       return event.clientX
     case 'event.x':
@@ -14,6 +27,8 @@ export const getEventListenerArg = (param: string, event: any): any => {
       return event.target.value
     case 'event.isTrusted':
       return event.isTrusted
+    case 'event.dataTransfer.files':
+      return event.dataTransfer.files
     case 'event.target.className':
       return event.target.className
     case 'event.data':

package/src/parts/Id/Id.ts

@@ -0,0 +1,5 @@
+let id = 0
+
+export const create = (): number => {
+  return ++id
+}

package/src/parts/Main/Main.ts

@@ -8,3 +8,4 @@ export { setIpc } from '../IpcState/IpcState.ts'
 export { registerEventListeners } from '../RegisterEventListeners/RegisterEventListeners.ts'
 export { rememberFocus } from '../RememberFocus/RememberFocus.ts'
 export { render, renderInto } from '../VirtualDom/VirtualDom.ts'
+export { getFileHandles } from '../FileHandles/FileHandles.ts'