@lvce-editor/virtual-dom 2.2.0 → 2.4.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,17 @@ const getEventListenerArgs = (params, event) => {
 const isInputElement = element => {
   return element instanceof HTMLInputElement;
 };
+const getDragTargetIndex = target => {
+  if (target.dataset.index) {
+    return Number.parseInt(target.dataset.index);
+  }
+  const parentNode = target.closest('[data-index]');
+  if (!parentNode) {
+    return -1;
+  }
+  // @ts-ignore
+  return Number.parseInt(parentNode.dataset.index);
+};
 const preventEventsMaybe = (info, event) => {
   if (info.preventDefault === 2) {
     if (!isInputElement(event.target)) {
@@ -664,6 +686,17 @@ const preventEventsMaybe = (info, event) => {
   if (info.stopPropagation) {
     event.stopPropagation();
   }
+  if (event.dataTransfer) {
+    const index = getDragTargetIndex(event.target);
+    if (info.dragInfo) {
+      for (const item of info.dragInfo) {
+        event.dataTransfer.setData(item.type, item.data + index);
+      }
+    }
+    if (info.dragEffect) {
+      event.dataTransfer.effectAllowed = info.dragEffect;
+    }
+  }
 };
 
 const createFn = info => {
@@ -813,4 +846,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.2.0",
+  "version": "2.4.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/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

@@ -2,6 +2,18 @@ const isInputElement = (element: HTMLElement): boolean => {
   return element instanceof HTMLInputElement
 }
 
+const getDragTargetIndex = (target: HTMLElement): number => {
+  if (target.dataset.index) {
+    return Number.parseInt(target.dataset.index)
+  }
+  const parentNode = target.closest('[data-index]')
+  if (!parentNode) {
+    return -1
+  }
+  // @ts-ignore
+  return Number.parseInt(parentNode.dataset.index)
+}
+
 export const preventEventsMaybe = (info: any, event: any): void => {
   if (info.preventDefault === 2) {
     if (!isInputElement(event.target)) {
@@ -13,4 +25,15 @@ export const preventEventsMaybe = (info: any, event: any): void => {
   if (info.stopPropagation) {
     event.stopPropagation()
   }
+  if (event.dataTransfer) {
+    const index = getDragTargetIndex(event.target)
+    if (info.dragInfo) {
+      for (const item of info.dragInfo) {
+        event.dataTransfer.setData(item.type, item.data + index)
+      }
+    }
+    if (info.dragEffect) {
+      event.dataTransfer.effectAllowed = info.dragEffect
+    }
+  }
 }