import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

import './plugin/element'
import './assets/styles/theme/index.css'
import './assets/styles/public.scss'
import * as echarts from 'echarts'
import action from '@/utils/qkAction.js'
Vue.prototype.$echarts = echarts

Vue.config.devtools = true
Vue.config.productionTip = false

let instance = null
const render = (baseRouter = '') => {
  instance = new Vue({
    router: router(baseRouter),
    store,
    render: h => h(App)
  }).$mount('#app')
}
console.log("11111111")
/**
 * 子应用静态资源一定要支持跨域
 * qiankun 将会在子应用 bootstrap 之前注入一个运行时的 publicPath 变量
 * runtime publicPath 主要解决的是子应用动态载入的 脚本、样式、图片 等地址不正确的问题。
 */

/* eslint-disable */
if (window.__POWERED_BY_QIANKUN__) {
  __webpack_public_path__ = window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__
/* eslint-enable */
} else {
  render()
}

/**
 * bootstrap 只会在子应用初始化的时候调用一次，下次子应用重新进入时会直接调用 mount 钩子，不会再重复触发 bootstrap。
 * 通常我们可以在这里做一些全局变量的初始化，比如不会在 unmount 阶段被销毁的应用级别的缓存等。
 */
export async function bootstrap (props) {
  // console.log('-- child-vue bootstrap --')
  window.API_BASE_URL = props.baseApi
}

/**
 * 应用每次进入都会调用 mount 方法，通常我们在这里触发应用的渲染方法
 */
export async function mount (props) {
  store.replaceState(Object.assign(store.state, props.store.state))
  Vue.prototype.$mainStore = props.store
  Vue.prototype.$mainRouter = props.mainRouter
  Vue.prototype.$baseRouter = props.baseRouter
  action.setActions(props)
  render(props.baseRouter)
}

/**
 * 应用每次 切出/卸载 会调用的方法，通常在这里我们会卸载子应用的应用实例
 */
export async function unmount () {
  instance.$destroy()
  instance = null
}

/**
 * 可选生命周期钩子，仅使用 loadMicroApp(手动加载) 方式加载子应用时生效
 */
export async function update (props) {
  // console.log('update props', props)
}