chore(lint): Update eslint rules
* Remove semi
This commit is contained in:
@@ -1,37 +1,37 @@
|
||||
import useKeyPress from './useKeyPress';
|
||||
import { isNode, getConnectedEdges } from '../utils/graph';
|
||||
import { Elements, KeyCode, ElementId, FlowElement, RevueFlowStore, Edge } from '../types';
|
||||
import { computed, watch } from 'vue';
|
||||
import useKeyPress from './useKeyPress'
|
||||
import { isNode, getConnectedEdges } from '../utils/graph'
|
||||
import { Elements, KeyCode, ElementId, FlowElement, RevueFlowStore, Edge } from '../types'
|
||||
import { computed, watch } from 'vue'
|
||||
|
||||
interface HookParams {
|
||||
store: RevueFlowStore;
|
||||
deleteKeyCode: KeyCode;
|
||||
multiSelectionKeyCode: KeyCode;
|
||||
onElementsRemove?: (elements: Elements) => void;
|
||||
store: RevueFlowStore
|
||||
deleteKeyCode: KeyCode
|
||||
multiSelectionKeyCode: KeyCode
|
||||
onElementsRemove?: (elements: Elements) => void
|
||||
}
|
||||
|
||||
export default ({ store, deleteKeyCode, multiSelectionKeyCode, onElementsRemove }: HookParams): void => {
|
||||
const deleteKeyPressed = useKeyPress(deleteKeyCode);
|
||||
const multiSelectionKeyPressed = useKeyPress(multiSelectionKeyCode);
|
||||
const selectedElements = computed(() => store.selectedElements || []);
|
||||
const edges = computed(() => store.edges);
|
||||
const deleteKeyPressed = useKeyPress(deleteKeyCode)
|
||||
const multiSelectionKeyPressed = useKeyPress(multiSelectionKeyCode)
|
||||
const selectedElements = computed(() => store.selectedElements || [])
|
||||
const edges = computed(() => store.edges)
|
||||
|
||||
watch(selectedElements, () => {
|
||||
if (onElementsRemove && deleteKeyPressed.value && selectedElements.value.length > 0) {
|
||||
const selectedNodes = selectedElements.value.filter(isNode);
|
||||
const connectedEdges = getConnectedEdges(selectedNodes, edges.value as Edge[]);
|
||||
const selectedNodes = selectedElements.value.filter(isNode)
|
||||
const connectedEdges = getConnectedEdges(selectedNodes, edges.value as Edge[])
|
||||
const elementsToRemove = [...selectedElements.value, ...connectedEdges].reduce(
|
||||
(res, item) => res.set(item.id, item),
|
||||
new Map<ElementId, FlowElement>()
|
||||
);
|
||||
)
|
||||
|
||||
onElementsRemove(Array.from(elementsToRemove.values()));
|
||||
store.unsetNodesSelection();
|
||||
store.resetSelectedElements();
|
||||
onElementsRemove(Array.from(elementsToRemove.values()))
|
||||
store.unsetNodesSelection()
|
||||
store.resetSelectedElements()
|
||||
}
|
||||
});
|
||||
})
|
||||
|
||||
watch(multiSelectionKeyPressed, () => {
|
||||
store.multiSelectionActive = multiSelectionKeyPressed.value;
|
||||
});
|
||||
};
|
||||
store.multiSelectionActive = multiSelectionKeyPressed.value
|
||||
})
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user