element-plus使用h和render函数，实现Service弹出Dialog

import { h, render } from 'vue'

class ModalService {
    /**
     * 创建一个弹出框
     * @param component 组件
     * @param opt 配置
     */
    static Create(component: any, props: any, opt?: ModalOption,) {
        return new Promise((resolve, reject) => {
            const close = () => {
                render(null, container)
                document.body.removeChild(container);
                resolve(true)
            }
            const modelValue = true
            const dialogProps = {
                modelValue: modelValue,
                title: opt?.title,
                draggable: opt?.draggable,
                destroyOnClose: true,
                onClosed: close,
            }
            const closeHandler = () => {
                if (vNode.component?.props.modelValue) {
                    vNode.component!.props.modelValue = false
                }
            }
            const container = document.createElement('div')
            document.body.appendChild(container)
            var vNode = h(ElDialog, dialogProps, {
                default: () => {
                    let type = typeof component;
                    if (type == 'string' || type == 'number') {
                        return h('div', component)
                    } else {
                        return h(component, {
                            ...props,
                            onClose: closeHandler
                        })
                    }
                },
                header: () => {
                    if (dialogProps) {
                        let type = typeof dialogProps.title
                        if (type == 'string' || type == 'number') {
                            return h('span', dialogProps.title)
                        }
                        return h(dialogProps.title, null)
                    }
                }
            });
            render(vNode, container)
            return vNode.component;
        })
    }
}

import HelloWorld from "../../../components/HelloWorld.vue"
const test = () => {
    ModalService.Create(HelloWorld, { msg: '传递参数' }, { title: '卧槽' }).then(() => {
        console.log('成功关闭')
    });
}