@lvce-editor/renderer-process 10.29.0 → 10.31.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');
@@ -5881,8 +5883,11 @@ const create$x = (id, uid = id) => {
     factory: module
   };
 };
-const createFunctionalRoot = (id, uid = id) => {
-  const module = state$6.modules[id];
+const createFunctionalRoot = (id, uid = id, hasFunctionalEvents) => {
+  let module = state$6.modules[id];
+  if (hasFunctionalEvents) {
+    module = {};
+  }
   if (!module) {
     throw new Error(`module not found: ${id}`);
   }
@@ -7776,7 +7781,7 @@ const setSelections$1 = (state, cursorInfos, selectionInfos) => {
   setCursors(state, cursorInfos);
   setSelections$2(state, selectionInfos);
 };
-const setFocused$3 = async (state, isFocused) => {
+const setFocused$2 = async (state, isFocused) => {
   const {
     $EditorInput
   } = state;
@@ -7833,8 +7838,8 @@ const hideOverlayMessage = state => {
     }
   }
 };
-const setFocused$2 = setFocused$3;
-const focus$e = setFocused$3;
+const setFocused$1 = setFocused$2;
+const focus$e = setFocused$2;
 const setDecorationsDom = setDecorationsDom$1;
 
 const ViewletEditorText = {
@@ -7846,7 +7851,7 @@ const ViewletEditorText = {
   highlightAsLink,
   renderGutter,
   setDecorationsDom,
-  setFocused: setFocused$2,
+  setFocused: setFocused$1,
   setIncrementalEdits,
   setScrollBar,
   setScrollBarHorizontal,
@@ -7984,21 +7989,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 +8031,7 @@ const handleDragLeave = event => {
  *
  * @param {DragEvent} event
  */
-const handleDrop = event => {
+const handleDrop$1 = event => {
   preventDefault(event);
   const {
     dataTransfer,
@@ -8125,9 +8135,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 +9278,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 +9379,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 +9444,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 +9464,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
 };
@@ -11002,7 +11054,7 @@ const attachEvents = state => {
   });
 };
 const activeClassName = 'TitleBarActive';
-const setFocused$1 = (state, isFocused) => {
+const setFocused = (state, isFocused) => {
   const {
     $Viewlet
   } = state;
@@ -11017,7 +11069,7 @@ const ViewletTitleBar = {
   __proto__: null,
   attachEvents,
   create: create$3,
-  setFocused: setFocused$1
+  setFocused
 };
 
 /**
@@ -11444,25 +11496,11 @@ const ViewletTitleBarTitle = {
   setDom
 };
 
-const setFocused = (state, selector) => {
-  if (selector === true) {
-    selector = 'button';
-  }
-  if (!selector) {
-    return;
-  }
-  const {
-    $Viewlet
-  } = state;
-  const $Focusable = $Viewlet.querySelector(selector);
-  $Focusable.focus();
-};
 const Events = {};
 
 const ViewletAbout = {
   __proto__: null,
-  Events,
-  setFocused
+  Events
 };
 
 const create$1 = () => {

package/package.json

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