zydx-plus/src/components/upload/index.js

Vue.js

import { createVNode, render } from 'vue'
import XtxConfirm from './src/upload.vue'


const divNode = createVNode('div', { class: 'xtx-confirm-upload' })
render(divNode, document.body)
// 获取 DOM 节点, 用于挂载组件或卸载组件
const container = divNode.el

const Confirm = ({ server, file, token, meta }) => {
    // 返回 Promise 对象
    return new Promise((resolve, reject) => {
        const submit = (val) => {
            resolve(val)
        }
        const cancel = () => {
            render(null, container)
            reject('点击取消')
        }
        // 1. 创建 XtxConfirm 组件
        const VNode = createVNode(XtxConfirm, { server, file, token, meta, cancel, submit })
        render(VNode, container)
    })
}
export default Confirm