Add useRightMenu.ts

Signed-off-by: cuidongdong <515783741@qq.com>
This commit is contained in:
cuidongdong 2024-07-04 09:57:47 +08:00
parent cb227184ec
commit 750d874228
1 changed files with 35 additions and 0 deletions

35
useRightMenu.ts Normal file
View File

@ -0,0 +1,35 @@
import { ref } from 'vue'
interface MenuItem {
text: string
click: () => void
keyCode?: string
}
interface ShowMenuConfig {
x: number
y: number
items: MenuItem[]
}
const visible = ref()
const x = ref()
const y = ref()
const items = ref<MenuItem[]>()
export function useRightMenu() {
function showMenu(config: ShowMenuConfig) {
x.value = config.x
y.value = config.y
items.value = config.items
visible.value = true
}
function hideMenu() {
visible.value = false
}
return {
x,
y,
items,
visible,
showMenu,
hideMenu
}
}