import Vue from "vue";
import App from "./App.vue";
import VueRouter from "vue-router";
import router from "./router";
import "./global.css";
import store from "@/store";
import xss from "xss";
import ElementUI from "element-ui"; // elementUI
import TIM from "tim-js-sdk/tim-js-friendship";
import "element-ui/lib/theme-chalk/index.css";
import "normalize.css";
import "@/styles/index.scss"; // 公共样式
import "@/api/auth"; // 权限控制
import "@/utils/directive"; // 拖拽弹窗，在需要用到拖拽功能的弹窗标签上加v-dialogDrag
import drag from "@/utils/drag";
import "@/assets/icons";

Vue.config.productionTip = false;

Vue.use(VueRouter);
Vue.prototype.$eventBus = new Vue();
Vue.prototype.xss = xss;
Vue.prototype.xssOptions = () => {
  let whiteList = xss.getDefaultWhiteList();
  window.__whiteList = whiteList;
  //xss 处理的时候，默认会将 img 便签的class属性去除，导致 emoji 表情显示太大
  //这儿配置保留 img 标签的style、class、src、alt、id 属性
  whiteList.img = ["style", "class", "src", "alt", "id"];
  return {
    whiteList,
  };
};

Vue.prototype.$store = store;
Vue.prototype.TIM = TIM;
Vue.prototype.$bus = new Vue(); // event Bus 用于无关系组件间的通信。

Vue.directive("drag", drag);

Vue.use(ElementUI, {
  size: "medium",
});

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