import Vue from 'vue';
import App from './App.vue';
import router from './router';
import store from './store';
Vue.config.productionTip = false;
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

import './style/index.scss';
import $ from 'jquery';
Vue.prototype.$ = $;

import '@/common/font/font.css';
import '@/permission';
import i18n from '@/utils/i18n';
import '@/icons'; // icon
import zh_tran from '@/utils/lang.js';
Vue.prototype.$zh_tran = zh_tran;

import htmlToPdf from '@/utils/htmlToPdf';
Vue.use(htmlToPdf);

import '@/utils/jquery-1.9.0.min.js';
import '@/utils/playbackSDK.js';
import '@/utils/liveSDK.js';

// element 下拉框下拉加载
Vue.directive('loadmore', {
  bind(el, binding) {
    // 获取element-ui定义好的scroll盒子
    const SELECTWRAP_DOM = el.querySelector('.el-select-dropdown .el-select-dropdown__wrap');
    SELECTWRAP_DOM.addEventListener('scroll', (e) => {
      const CONDITION = e.scrollHeight - e.scrollTop <= e.clientHeight;
      if (CONDITION) {
        binding.value();
      }
    });
  },
});

new Vue({
  router,
  store,
  i18n,
  render: (h) => h(App),
}).$mount('#app');