4dkankan-components/docs/.vitepress/vitepress/components/demo/dept.js

// import { getCurrentInstance } from 'vue'
let installed = false
// await loadStyle()
await loadUnoCss()
await loadKanKanThemeChalkStyle()
await loadSDKDep()
await loadSDK()

export function setupDept() {
    if (installed) return
    // const instance = getCurrentInstance()

    // const __sdk = (window.__sdk = new window.KanKan({
    //   num: 'KJ-t-wOXfx2SDFy',
    //   // server: 'https://test.4dkankan.com',
    //   server: '/demoServer',
    // }))
    // instance.appContext.app.provide('__sdk', __sdk)
    // instance.appContext.app.use(ElementPlus)
    installed = true
}

export function loadStyle() {
    return new Promise((resolve, reject) => {
        const link = document.createElement('link')
        link.rel = 'stylesheet'
        link.href = '#STYLE#'
        link.addEventListener('load', resolve)
        link.addEventListener('error', reject)
        document.body.append(link)
    })
}
export function loadSDKDep() {
    return new Promise((resolve, reject) => {
        const script = document.createElement('script')
        script.src = '//4dkk.4dage.com/v4-test/www/sdk/kankan-sdk-deps.js?v=4.6.0-alpha.10'
        script.addEventListener('load', resolve)
        script.addEventListener('error', reject)
        document.body.append(script)
    })
}

export function loadSDK() {
    return new Promise((resolve, reject) => {
        const script = document.createElement('script')
        script.src = '//4dkk.4dage.com/v4-test/www/sdk/kankan-sdk.js?v=4.6.0-alpha.10'
        script.addEventListener('load', resolve)
        script.addEventListener('error', reject)
        document.body.append(script)
    })
}

export function loadKanKanThemeChalkStyle() {
    return new Promise((resolve, reject) => {
        const link = document.createElement('link')
        link.rel = 'stylesheet'
        link.href = 'https://4dkk.4dage.com/npm_test/kankan-components/theme-chalk/index.css'
        link.addEventListener('load', resolve)
        link.addEventListener('error', reject)
        document.body.append(link)
    })
}

export function loadUnoCss() {
    return new Promise((resolve, reject) => {
        const link = document.createElement('link')
        link.rel = 'stylesheet'
        link.href = 'https://cdn.jsdelivr.net/npm/@unocss/reset/tailwind.min.css'
        link.addEventListener('load', resolve)
        link.addEventListener('error', reject)
        document.body.append(link)

        const script = document.createElement('script')
        script.src = 'https://cdn.jsdelivr.net/npm/@unocss/runtime/mini.global.js'
        script.addEventListener('load', resolve)
        script.addEventListener('error', reject)
        document.body.append(script)
    })
}