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)
  })
}