@lvce-editor/renderer-process 10.29.0 → 10.30.0

package/dist/rendererProcessMain.js

@@ -2074,7 +2074,7 @@ const handleContextMenu$c = forwardViewletCommand('handleContextMenu');
 const handleDoubleClick = forwardViewletCommand('handleDoubleClick');
 const handleDragEnd$1 = forwardViewletCommand('handleDragEnd');
 const handleDragLeave$1 = forwardViewletCommand('handleDragLeave');
-const handleDragOver$1 = forwardViewletCommand('handleDragOver');
+const handleDragOver$2 = forwardViewletCommand('handleDragOver');
 forwardViewletCommand('handleDrop');
 const handleDropFilePath = forwardViewletCommand('handleDropFilePath');
 const handleDropFiles = forwardViewletCommand('handleDrop');
@@ -2113,10 +2113,12 @@ forwardViewletCommand('handleScrollBarVerticalPointerDown');
 forwardViewletCommand('handleSliderPointerDown');
 forwardViewletCommand('handleSliderPointerMove');
 const handleTabClick = forwardViewletCommand('handleTabClick');
+const handleTabDrop = forwardViewletCommand('handleTabDrop');
 const handleTabContextMenu = forwardViewletCommand('handleTabContextMenu');
 forwardViewletCommand('handleTabsPointerOut');
 forwardViewletCommand('handleTabsPointerOver');
 const handleTabsWheel$1 = forwardViewletCommand('handleTabsWheel');
+const handleTabsDragOver = forwardViewletCommand('handleTabsDragOver');
 const handleTouchEnd$1 = forwardViewletCommand('handleTouchEnd');
 const handleTouchMove$1 = forwardViewletCommand('handleTouchMove');
 const handleTouchStart$1 = forwardViewletCommand('handleTouchStart');
@@ -7984,21 +7986,26 @@ const handleDragStart$1 = event => {
     dataTransfer,
     target
   } = event;
+  // @ts-ignore
   setEffectAllowed(dataTransfer, CopyMove);
+
+  // @ts-ignore
   if (target.classList.contains('TreeItem')) {
+    // @ts-ignore
     const filePath = target.title;
+    // @ts-ignore
     const fileName = target.textContent;
     setFilePath(dataTransfer, filePath, fileName);
   }
 };
-const handleDragOver = event => {
+const handleDragOver$1 = event => {
   preventDefault(event);
   const {
     clientX,
     clientY
   } = event;
   const uid = fromEvent(event);
-  handleDragOver$1(uid, clientX, clientY);
+  handleDragOver$2(uid, clientX, clientY);
 };
 const handleDragEnd = event => {
   const {
@@ -8021,7 +8028,7 @@ const handleDragLeave = event => {
  *
  * @param {DragEvent} event
  */
-const handleDrop = event => {
+const handleDrop$1 = event => {
   preventDefault(event);
   const {
     dataTransfer,
@@ -8125,9 +8132,9 @@ const ViewletExplorerEvents = {
   handleContextMenu: handleContextMenu$7,
   handleDragEnd,
   handleDragLeave,
-  handleDragOver,
+  handleDragOver: handleDragOver$1,
   handleDragStart: handleDragStart$1,
-  handleDrop,
+  handleDrop: handleDrop$1,
   handleEditingInput,
   handleFocus: handleFocus$6,
   handleMouseEnter,
@@ -9268,8 +9275,8 @@ const attachEvents$5 = state => {
     $Viewlet
   } = state;
   attachEvents$c($Viewlet, {
-    [Drop]: handleDrop,
-    [DragOver]: handleDragOver,
+    [Drop]: handleDrop$1,
+    [DragOver]: handleDragOver$1,
     [DragEnd]: handleDragEnd,
     [DragLeave]: handleDragLeave,
     [ContextMenu]: handleContextMenu$6
@@ -9369,7 +9376,36 @@ const handleTabsWheel = event => {
   handleTabsWheel$1(uid, deltaX, deltaY);
 };
 const handleDragStart = event => {
-  setEffectAllowed(event.dataTransfer, CopyMove);
+  const {
+    target,
+    dataTransfer
+  } = event;
+  setEffectAllowed(dataTransfer, CopyMove);
+  dataTransfer.setData('x-lvce-drag', target.dataset.dragUid);
+};
+const handleDragOver = event => {
+  const {
+    clientX,
+    clientY
+  } = event;
+  const uid = getUid();
+  handleTabsDragOver(uid, clientX, clientY);
+};
+
+/**
+ *
+ * @param {DragEvent} event
+ */
+const handleDrop = event => {
+  preventDefault(event);
+  const {
+    dataTransfer,
+    clientX,
+    clientY
+  } = event;
+  const item = dataTransfer.getData('x-lvce-drag');
+  const uid = getUid();
+  handleTabDrop(uid, item, clientX, clientY);
 };
 const handleTabsMouseDown = event => {
   const {
@@ -9405,9 +9441,11 @@ const attachEvents$4 = state => {
     $MainTabs
   } = state;
   attachEvents$c($MainTabs, {
-    [MouseDown]: handleTabsMouseDown,
     [ContextMenu]: handleTabsContextMenu,
-    [DragStart]: handleDragStart
+    [DragOver]: handleDragOver,
+    [DragStart]: handleDragStart,
+    [Drop]: handleDrop,
+    [MouseDown]: handleTabsMouseDown
   });
   $MainTabs.addEventListener(Wheel, handleTabsWheel, Passive);
 };
@@ -9423,11 +9461,22 @@ const setScrollLeft = (state, scrollLeft) => {
   } = state;
   $Viewlet.scrollLeft = scrollLeft;
 };
+const setHighlight = (state, highlightLeft) => {
+  const $ExistingHighlight = state.$Viewlet.querySelector('.TabDragHighlight');
+  if ($ExistingHighlight) {
+    $ExistingHighlight.remove();
+  }
+  const $Highlight = document.createElement('div');
+  $Highlight.className = 'TabDragHighlight';
+  $Highlight.style.left = `${highlightLeft}px`;
+  state.$Viewlet.append($Highlight);
+};
 
 const ViewletMainTabs = {
   __proto__: null,
   attachEvents: attachEvents$4,
   create: create$e,
+  setHighlight,
   setScrollLeft,
   setTabsDom: setTabsDom$2
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/renderer-process",
-  "version": "10.29.0",
+  "version": "10.30.0",
   "description": "",
   "main": "dist/rendererProcessMain.js",
   "type": "module",