33 lines
597 B
TypeScript
33 lines
597 B
TypeScript
|
import { ref } from 'vue';
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Dialog控制Hook
|
|||
|
|
* @returns visible（显隐状态）、show（显示）、hide（隐藏）、toggle（切换）
|
|||
|
|
*/
|
|||
|
|
export function useDialog(initialVisible:boolean = false): {
|
|||
|
|
visible: import('vue').Ref<boolean>,
|
|||
|
|
show: () => void,
|
|||
|
|
hide: () => void,
|
|||
|
|
toggle: () => void
|
|||
|
|
} {
|
|||
|
|
const visible = ref(initialVisible);
|
|||
|
|
|
|||
|
|
const show = () => {
|
|||
|
|
visible.value = true;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const hide = () => {
|
|||
|
|
visible.value = false;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const toggle = () => {
|
|||
|
|
visible.value = !visible.value;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
return {
|
|||
|
|
visible,
|
|||
|
|
show,
|
|||
|
|
hide,
|
|||
|
|
toggle
|
|||
|
|
};
|
|||
|
|
}
|