import {dicts} from "@/utils/dicts";
import axios from 'axios'
import Vue from 'vue'

window.axios = axios
const KENGEE_CDN_BASE = "http://10.0.97.209/presource/datascreen/"
const libs = [`${KENGEE_CDN_BASE}/js/pinyin.min.js`, `${KENGEE_CDN_BASE}/js/dayjs.min.js`]
window.$glob = {}
window.$dicts = dicts
window.$waitFor = (target, t = 500) => new Promise(resolve => {
  const interval = setInterval(() => {
    if (target) {
      clearInterval(interval)
      resolve(target)
    }
  }, t)
  if (target) {
    clearInterval(interval)
    resolve(target)
  }
})

Vue.prototype.$marketBoard = Vue.observable({
  search: {"groupCodeList": ["20001003"], "currentDate": "20240501", "compareDate": "20240430", "hourNum": "18"}
})
Vue.prototype.$multipleStoreBoard = Vue.observable({
  search: {}
})
Vue.prototype.$storeBoard = Vue.observable({
  search: {}
})
Vue.component("tableColumn", {
  props: {
    column: {default: () => ({})}
  },
  render(h) {
    const config = this.$props.column
    return h('el-table-column', {props: {...config, label: `${config.label}` || "-"}},
      config.children?.map(col => h("tableColumn", {props: {column: col}})) || h('template', {
        slotScope: {
          default: ({row}) => {
            config.custom ? h('div', {style: {color: row.preSaleNum > row.stockNum ? 'red' : '#fff'}}, '周边库存情况') :
              h('span', row[config.prop] || '')
          }
        }
      }))
  },
})


export default Promise.all([
  import("./fetch"),
  ...libs.map(url => new Promise(resolve => {
    const script = document.createElement("script")
    script.src = url
    document.head.appendChild(script)
    script.onload = () => resolve()
  })),
])