@lvce-editor/virtual-dom 2.3.0 → 2.5.0

package/dist/index.d.ts

@@ -50,6 +50,9 @@ export declare const applyPatch: ($Element: Node, patches: readonly Patch[]) =>
 export declare const setComponentUid: ($Element: any, uid: any) => void;
 export declare const getComponentUid: ($Element: any) => number;
 export declare const getComponentUidFromEvent: (event: any) => number;
+export declare const setDragInfo: (id: string | number, data: any) => void;
+export declare const getDragInfo: (id: string | number) => any;
+export declare const removeDragInfo: (id: string | number) => void;
 export declare const getFileHandles: (ids: readonly number[]) => Promise<readonly FileSystemHandle[]>;
 export declare const addFileHandle: (fileHandle: FileSystemHandle) => number;
 export declare const setIpc: (value: any) => void;

package/dist/index.js

@@ -540,6 +540,17 @@ const applyPatch = ($Element, patches) => {
   }
 };
 
+const dragInfos = Object.create(null);
+const setDragInfo = (id, data) => {
+  dragInfos[id] = data;
+};
+const getDragInfo = id => {
+  return dragInfos[id];
+};
+const removeDragInfo = id => {
+  delete dragInfos[id];
+};
+
 let id = 0;
 const create = () => {
   return ++id;
@@ -653,6 +664,7 @@ const getEventListenerArgs = (params, event) => {
 const isInputElement = element => {
   return element instanceof HTMLInputElement;
 };
+
 const preventEventsMaybe = (info, event) => {
   if (info.preventDefault === 2) {
     if (!isInputElement(event.target)) {
@@ -664,6 +676,16 @@ const preventEventsMaybe = (info, event) => {
   if (info.stopPropagation) {
     event.stopPropagation();
   }
+  if (event.dataTransfer) {
+    const uid = getComponentUid(event.target);
+    const dragInfo = getDragInfo(uid);
+    if (!dragInfo) {
+      return;
+    }
+    for (const item of info.dragInfo) {
+      event.dataTransfer.setData(item.type, item.data);
+    }
+  }
 };
 
 const createFn = info => {
@@ -813,4 +835,4 @@ const rememberFocus = ($Viewlet, dom, eventMap, uid = 0) => {
   return $Viewlet;
 };
 
-export { addFileHandle, applyPatch, getComponentUid, getComponentUidFromEvent, getFileHandles, registerEventListeners, rememberFocus, render, renderInto, setComponentUid, setIpc };
+export { addFileHandle, applyPatch, getComponentUid, getComponentUidFromEvent, getDragInfo, getFileHandles, registerEventListeners, rememberFocus, removeDragInfo, render, renderInto, setComponentUid, setDragInfo, setIpc };

package/package.json

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

package/src/parts/DragInfo/DragInfo.ts

@@ -0,0 +1,13 @@
+const dragInfos = Object.create(null)
+
+export const setDragInfo = (id: string | number, data: any): void => {
+  dragInfos[id] = data
+}
+
+export const getDragInfo = (id: string | number): any => {
+  return dragInfos[id]
+}
+
+export const removeDragInfo = (id: string | number): void => {
+  delete dragInfos[id]
+}

package/src/parts/IsInputElement/IsInputElement.ts

@@ -0,0 +1,3 @@
+export const isInputElement = (element: HTMLElement): boolean => {
+  return element instanceof HTMLInputElement
+}

package/src/parts/Main/Main.ts

@@ -4,6 +4,11 @@ export {
   getComponentUidFromEvent,
   setComponentUid,
 } from '../ComponentUid/ComponentUid.ts'
+export {
+  getDragInfo,
+  removeDragInfo,
+  setDragInfo,
+} from '../DragInfo/DragInfo.ts'
 export { addFileHandle, getFileHandles } from '../FileHandles/FileHandles.ts'
 export { setIpc } from '../IpcState/IpcState.ts'
 export { registerEventListeners } from '../RegisterEventListeners/RegisterEventListeners.ts'

package/src/parts/PreventEventsMaybe/PreventEventsMaybe.ts

@@ -1,6 +1,6 @@
-const isInputElement = (element: HTMLElement): boolean => {
-  return element instanceof HTMLInputElement
-}
+import { getComponentUid } from '../ComponentUid/ComponentUid.ts'
+import { getDragInfo } from '../DragInfo/DragInfo.ts'
+import { isInputElement } from '../IsInputElement/IsInputElement.ts'
 
 export const preventEventsMaybe = (info: any, event: any): void => {
   if (info.preventDefault === 2) {
@@ -13,4 +13,14 @@ export const preventEventsMaybe = (info: any, event: any): void => {
   if (info.stopPropagation) {
     event.stopPropagation()
   }
+  if (event.dataTransfer) {
+    const uid = getComponentUid(event.target)
+    const dragInfo = getDragInfo(uid)
+    if (!dragInfo) {
+      return
+    }
+    for (const item of info.dragInfo) {
+      event.dataTransfer.setData(item.type, item.data)
+    }
+  }
 }