适用于 vue3 大部分 ui 框架的 dialog 钩子

按需自取,复制粘贴即可!

import {ref} from "vue";

/**
 * 模态框钩子
 * @param defaultVisible
 */
export function useDialogHook(defaultVisible: boolean = false) {
    let dialogVisible = ref<boolean>(defaultVisible);

    /**
     * 显示模态框
     */
    function showDialog() {
        dialogVisible.value = true;
    }

    /**
     * 隐藏模态框
     */
    function hideDialog() {
        dialogVisible.value = false;
    }

    return {
        dialogVisible,
        showDialog,
        hideDialog
    }
}