ui useContextMenu.ts

0% Statements 0/28

0% Branches 0/1

0% Functions 0/1

0% Lines 0/28

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { reactive } from 'vue'
 
export interface ContextMenuState {
  show: boolean
  x: number
  y: number
  nodeId: string | null
}
 
export function useContextMenu() {
  const state = reactive<ContextMenuState>({
    show: false,
    x: 0,
    y: 0,
    nodeId: null,
  })
 
  const show = (event: MouseEvent | TouchEvent, nodeId: string | null = null) => {
    event.preventDefault()
    const x = 'clientX' in event ? event.clientX : (event as TouchEvent).touches[0]?.clientX || 0
    const y = 'clientY' in event ? event.clientY : (event as TouchEvent).touches[0]?.clientY || 0
    
    Object.assign(state, {
      show: true,
      x,
      y,
      nodeId,
    })
  }
 
  const hide = () => {
    state.show = false
  }
 
  return {
    state,
    show,
    hide,
  }
}