Preserve row order of selected context menu items
This commit is contained in:
parent
131e3b3c65
commit
28c4646708
2 changed files with 9 additions and 5 deletions
|
@ -40,6 +40,7 @@ import { AnimatePresence } from 'framer-motion';
|
||||||
import debounce from 'lodash/debounce';
|
import debounce from 'lodash/debounce';
|
||||||
import { openContextMenu } from '/@/renderer/features/context-menu';
|
import { openContextMenu } from '/@/renderer/features/context-menu';
|
||||||
import { ALBUM_CONTEXT_MENU_ITEMS } from '/@/renderer/features/context-menu/context-menu-items';
|
import { ALBUM_CONTEXT_MENU_ITEMS } from '/@/renderer/features/context-menu/context-menu-items';
|
||||||
|
import sortBy from 'lodash/sortBy';
|
||||||
|
|
||||||
interface AlbumListContentProps {
|
interface AlbumListContentProps {
|
||||||
gridRef: MutableRefObject<VirtualInfiniteGridRef | null>;
|
gridRef: MutableRefObject<VirtualInfiniteGridRef | null>;
|
||||||
|
@ -276,8 +277,9 @@ export const AlbumListContent = ({ gridRef, tableRef }: AlbumListContentProps) =
|
||||||
const clickEvent = e.event as MouseEvent;
|
const clickEvent = e.event as MouseEvent;
|
||||||
clickEvent.preventDefault();
|
clickEvent.preventDefault();
|
||||||
|
|
||||||
let selectedRows = e.api.getSelectedRows();
|
const selectedNodes = e.api.getSelectedNodes();
|
||||||
const selectedIds = selectedRows.map((row) => row.id);
|
const selectedIds = selectedNodes.map((node) => node.data.id);
|
||||||
|
let selectedRows = sortBy(selectedNodes, ['rowIndex']).map((node) => node.data);
|
||||||
|
|
||||||
if (!selectedIds.includes(e.data.id)) {
|
if (!selectedIds.includes(e.data.id)) {
|
||||||
e.api.deselectAll();
|
e.api.deselectAll();
|
||||||
|
|
|
@ -31,6 +31,7 @@ import { AnimatePresence } from 'framer-motion';
|
||||||
import debounce from 'lodash/debounce';
|
import debounce from 'lodash/debounce';
|
||||||
import { openContextMenu } from '/@/renderer/features/context-menu';
|
import { openContextMenu } from '/@/renderer/features/context-menu';
|
||||||
import { SONG_CONTEXT_MENU_ITEMS } from '/@/renderer/features/context-menu/context-menu-items';
|
import { SONG_CONTEXT_MENU_ITEMS } from '/@/renderer/features/context-menu/context-menu-items';
|
||||||
|
import sortBy from 'lodash/sortBy';
|
||||||
|
|
||||||
interface SongListContentProps {
|
interface SongListContentProps {
|
||||||
tableRef: MutableRefObject<AgGridReactType | null>;
|
tableRef: MutableRefObject<AgGridReactType | null>;
|
||||||
|
@ -160,10 +161,11 @@ export const SongListContent = ({ tableRef }: SongListContentProps) => {
|
||||||
const clickEvent = e.event as MouseEvent;
|
const clickEvent = e.event as MouseEvent;
|
||||||
clickEvent.preventDefault();
|
clickEvent.preventDefault();
|
||||||
|
|
||||||
let selectedRows = e.api.getSelectedRows();
|
const selectedNodes = e.api.getSelectedNodes();
|
||||||
const selectedUniqueIds = selectedRows.map((row) => row.uniqueId);
|
const selectedIds = selectedNodes.map((node) => node.data.id);
|
||||||
|
let selectedRows = sortBy(selectedNodes, ['rowIndex']).map((node) => node.data);
|
||||||
|
|
||||||
if (!selectedUniqueIds.includes(e.data.uniqueId)) {
|
if (!selectedIds.includes(e.data.id)) {
|
||||||
e.api.deselectAll();
|
e.api.deselectAll();
|
||||||
e.node.setSelected(true);
|
e.node.setSelected(true);
|
||||||
selectedRows = [e.data];
|
selectedRows = [e.data];
|
||||||
|
|
Reference in a new issue