@lvce-editor/explorer-view 2.63.0 → 3.1.0

package/dist/explorerViewWorkerMain.js

@@ -2085,6 +2085,11 @@ const RenderValue = 8;
 const RenderSelection = 9;
 const RenderDragData = 10;
 
+const diffType$4 = RenderDragData;
+const isEqual$5 = (oldState, newState) => {
+  return oldState.isPointerDown || !newState.isPointerDown;
+};
+
 const diffType$3 = RenderFocus;
 const isEqual$4 = (oldState, newState) => {
   return oldState.focused === newState.focused && oldState.focus === newState.focus;
@@ -2108,8 +2113,8 @@ const isEqual$1 = (oldState, newState) => {
   return oldState.focus === Input$1 && newState.focus === Input$1 && oldState.editingValue === newState.editingValue;
 };
 
-const modules = [isEqual$3, isEqual$4, isEqual$4, isEqual$1, isEqual$2];
-const numbers = [diffType$2, diffType$3, RenderFocusContext, diffType, diffType$1];
+const modules = [isEqual$3, isEqual$4, isEqual$4, isEqual$1, isEqual$2, isEqual$5];
+const numbers = [diffType$2, diffType$3, RenderFocusContext, diffType, diffType$1, diffType$4];
 
 const diff = (oldState, newState) => {
   const diffResult = [];
@@ -2411,7 +2416,7 @@ const focusPrevious = state => {
   }
 };
 
-const commandIds = ['acceptEdit', 'cancelEdit', 'cancelTypeAhead', 'collapseAll', 'copyPath', 'copyRelativePath', 'dispose', 'expandAll', 'expandRecursively', 'focus', 'focusFirst', 'focusIndex', 'focusLast', 'focusNext', 'focusNone', 'focusPrevious', 'getFocusedDirent', 'getMenuEntries2', 'getMouseActions', 'handleArrowLeft', 'handleArrowLeft', 'handleArrowRight', 'handleArrowRight', 'handleBlur', 'handleClick', 'handleClickAt', 'handleClickCurrent', 'handleClickCurrentButKeepFocus', 'handleClickOpenFolder', 'handleContextMenu', 'handleContextMenuKeyboard', 'handleCopy', 'handleCut', 'handleDragLeave', 'handleDragOver', 'handleDragStart', 'handleDrop', 'handleFocus', 'handleIconThemeChange', 'handleInputBlur', 'handleInputClick', 'handleInputKeyDown', 'handleKeyDown', 'handleLanguagesChanged', 'handleMouseEnter', 'handleMouseLeave', 'handlePaste', 'handlePointerDown', 'handleUpload', 'handleWheel', 'handleWorkspaceChange', 'hotReload', 'newFile', 'newFolder', 'openContainingFolder', 'refresh', 'removeDirent', 'rename', 'renameDirent', 'renderEventListeners', 'revealItem', 'revealItem', 'scrollDown', 'scrollUp', 'selectAll', 'selectDown', 'selectIndices', 'selectUp', 'setDeltaY', 'setSelectedIndices', 'toggleIndividualSelection', 'updateEditingValue', 'updateIcons'];
+const commandIds = ['acceptEdit', 'cancelEdit', 'cancelTypeAhead', 'collapseAll', 'copyPath', 'copyRelativePath', 'dispose', 'expandAll', 'expandRecursively', 'focus', 'focusFirst', 'focusIndex', 'focusLast', 'focusNext', 'focusNone', 'focusPrevious', 'getFocusedDirent', 'getMenuEntries2', 'getMouseActions', 'handleArrowLeft', 'handleArrowLeft', 'handleArrowRight', 'handleArrowRight', 'handleBlur', 'handleClick', 'handleClickAt', 'handleClickCurrent', 'handleClickCurrentButKeepFocus', 'handleClickOpenFolder', 'handleContextMenu', 'handleContextMenuKeyboard', 'handleCopy', 'handleCut', 'handleDragLeave', 'handleDragOver', 'handleDragOverIndex', 'handleDragStart', 'handleDrop', 'handleFocus', 'handleIconThemeChange', 'handleInputBlur', 'handleInputClick', 'handleInputKeyDown', 'handleKeyDown', 'handleLanguagesChanged', 'handleMouseEnter', 'handleMouseLeave', 'handlePaste', 'handlePointerDown', 'handleUpload', 'handleWheel', 'handleWorkspaceChange', 'hotReload', 'newFile', 'newFolder', 'openContainingFolder', 'refresh', 'removeDirent', 'rename', 'renameDirent', 'renderEventListeners', 'revealItem', 'revealItem', 'scrollDown', 'scrollUp', 'selectAll', 'selectDown', 'selectIndices', 'selectUp', 'setDeltaY', 'setSelectedIndices', 'toggleIndividualSelection', 'updateEditingValue', 'updateIcons'];
 
 const getCommandIds = () => {
   return commandIds;
@@ -3289,19 +3294,28 @@ const canBeDroppedInto = dirent => {
   }
 };
 
+const countInRange = (start, end) => {
+  const items = [];
+  for (let i = start; i < end; i++) {
+    items.push(i);
+  }
+  return items;
+};
+
 const dropTargetFull = [-1];
 
-const getNewDropTargets = (state, x, y) => {
+const getNewDropTargets = (state, index) => {
   const {
     items
   } = state;
-  const index = getIndexFromPosition(state, x, y);
   if (index === -1) {
     return dropTargetFull;
   }
   const item = items[index];
   if (!canBeDroppedInto(item)) {
-    return [];
+    const startIndex = getParentStartIndex(items, index);
+    const endIndex = getParentEndIndex(items, index);
+    return countInRange(startIndex, endIndex);
   }
   const newDropTargets = [index];
   return newDropTargets;
@@ -3322,13 +3336,11 @@ const isEqual = (a, b) => {
   return true;
 };
 
-const handleDragOver = (state, x, y) => {
-  number(x);
-  number(y);
+const handleDragOverIndex = (state, index) => {
   const {
     dropTargets
   } = state;
-  const newDropTargets = getNewDropTargets(state, x, y);
+  const newDropTargets = getNewDropTargets(state, index);
   if (isEqual(dropTargets, newDropTargets)) {
     return state;
   }
@@ -3338,6 +3350,13 @@ const handleDragOver = (state, x, y) => {
   };
 };
 
+const handleDragOver = (state, x, y) => {
+  number(x);
+  number(y);
+  const index = getIndexFromPosition(state, x, y);
+  return handleDragOverIndex(state, index);
+};
+
 const handleDragStart = state => {
   return state;
 };
@@ -4628,14 +4647,20 @@ const getDragLabel = urls => {
   }
   return `${urls.length}`;
 };
+
+const toUri = path => {
+  if (path.startsWith('file://')) {
+    return path;
+  }
+  return 'file://' + path;
+};
 const getDragData = urls => {
-  const data = urls.join('\n');
-  // TODO send selected urls
+  const data = urls.map(toUri).join('\n');
   const dragData = [{
-    type: 'text/plain',
+    type: 'text/uri-list',
     data
   }, {
-    type: 'text/uri-list',
+    type: 'text/plain',
     data
   }];
   // @ts-ignore
@@ -4940,6 +4965,7 @@ const getListItemsVirtualDom = (visibleItems, focusedIndex, focused, dropTargets
     onContextMenu: HandleContextMenu,
     onDragLeave: HandleDragLeave,
     onDragOver: HandleDragOver,
+    onDragStart: HandleDragStart,
     onDrop: HandleDrop,
     onFocus: HandleListFocus,
     onPointerDown: HandlePointerDown,
@@ -5363,10 +5389,6 @@ const renderEventListeners = () => {
     name: HandleDragStart,
     params: ['handleDragStart'],
     // @ts-ignore
-    dragInfo: [{
-      type: 'text/plain',
-      data: 'https://example.com'
-    }],
     dragEffect: 'copyMove'
   }];
 };
@@ -5665,6 +5687,7 @@ const commandMap = {
   'Explorer.focusIndex': wrapCommand(focusIndex),
   'Explorer.focusLast': wrapCommand(focusLast),
   'Explorer.handleDragStart': wrapCommand(handleDragStart),
+  'Explorer.handleDragOverIndex': wrapCommand(handleDragOverIndex),
   'Explorer.focusNext': wrapCommand(focusNext),
   'Explorer.focusNone': wrapCommand(focusNone),
   'Explorer.focusPrevious': wrapCommand(focusPrevious),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/explorer-view",
-  "version": "2.63.0",
+  "version": "3.1.0",
   "description": "Explorer Worker",
   "repository": {
     "type": "git",