index.vue

<template>
    <div>antd封装</div>
    <modal v-model:isShow="isShow" title="新增" @modalOk="modalOk">
        <div>1232</div>
    </modal>
    <a-button @click="onModalShow">modal</a-button>
</template>

<script>
    import {ref} from 'vue'
    import modal from './modal/index.vue'
    import {useModal} from "@/hook/useModal";

    export default {
        name: "index",
        components: {
            modal
        },
        setup() {
            const resModal = useModal()
            // const resModal = {
            //     onModalShow, isShow, modalOk, modalCancel
            // }

            const defaultObj = {}
            return Object.assign(defaultObj, resModal)
        }
    }
</script>

<style scoped>

</style>