@lvce-editor/virtual-dom 2.4.0 → 2.5.0

package/dist/index.js

@@ -664,17 +664,7 @@ 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)) {
@@ -687,14 +677,13 @@ const preventEventsMaybe = (info, event) => {
     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);
-      }
+    const uid = getComponentUid(event.target);
+    const dragInfo = getDragInfo(uid);
+    if (!dragInfo) {
+      return;
     }
-    if (info.dragEffect) {
-      event.dataTransfer.effectAllowed = info.dragEffect;
+    for (const item of info.dragInfo) {
+      event.dataTransfer.setData(item.type, item.data);
     }
   }
 };

package/package.json

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

package/src/parts/IsInputElement/IsInputElement.ts

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

package/src/parts/PreventEventsMaybe/PreventEventsMaybe.ts

@@ -1,18 +1,6 @@
-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)
-}
+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) {
@@ -26,14 +14,13 @@ export const preventEventsMaybe = (info: any, event: any): void => {
     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)
-      }
+    const uid = getComponentUid(event.target)
+    const dragInfo = getDragInfo(uid)
+    if (!dragInfo) {
+      return
     }
-    if (info.dragEffect) {
-      event.dataTransfer.effectAllowed = info.dragEffect
+    for (const item of info.dragInfo) {
+      event.dataTransfer.setData(item.type, item.data)
     }
   }
 }