web_dist/src/main.js

import { createApp } from "vue";
import ElementPlus, { useZIndex, ClickOutside, TrapFocus } from "element-plus";
import "element-plus/dist/index.css";
import "element-plus/theme-chalk/dark/css-vars.css";
import "normalize.css"; // css初始化
import "../src/css/app.scss"; // 公共css
import App from "./App.vue";
import router from "./router";
import * as ElementPlusIconsVue from "@element-plus/icons-vue";
import zhCn from "element-plus/es/locale/lang/zh-cn";
import JsonViewer from "vue3-json-viewer";
import "vue3-json-viewer/dist/index.css";
import DataVVue3 from "@kjgl77/datav-vue3";
import VXETable from "vxe-table";
import "vxe-table/lib/style.css";
import print from "vue3-print-nb";
import "driver.js/dist/driver.css";
import DomZIndex from "dom-zindex";
import initVxeConfig from "@/utils/xe-utils-enhance/vxe-formatter";
import piniaInstall from "@/pinia/pinia-install";
import VxeUIPluginRenderChart from "@vxe-ui/plugin-render-chart";
import "@vxe-ui/plugin-render-chart/dist/style.css";
import VxeUI from "vxe-pc-ui";
import "vxe-pc-ui/lib/style.css";
import VxeUIPluginExportXLSX from "@vxe-ui/plugin-export-xlsx";
import ExcelJS from "exceljs";
import "@imengyu/vue3-context-menu/lib/vue3-context-menu.css";
import ContextMenu from "@imengyu/vue3-context-menu";
import VTitle from "./directives/v-title";
import VWaves from "./directives/v-waves";
import VElBtn from "./directives/v-el-btn";
import VCyPrint from "@/directives/v-cy-print.js";

DomZIndex.getNext = () => {
  return useZIndex().nextZIndex();
};

DomZIndex.getCurrent = () => {
  return useZIndex().currentZIndex.value;
};

initVxeConfig();

const app = createApp(App);
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component);
}

piniaInstall(app);
app.use(ElementPlus, { locale: zhCn, size: "small" });
app.use(DataVVue3);
app.directive("cy-print", VCyPrint);
app.directive("el-btn", VElBtn);
app.directive("title", VTitle);
app.directive("ClickOutside", ClickOutside);
app.directive("Waves", VWaves);
app.directive("TrapFocus", TrapFocus);
app.use(print);
app.use(VxeUI);
app.use(VXETable);
VxeUI.use(VxeUIPluginRenderChart);
VxeUI.use(VxeUIPluginExportXLSX, {
  ExcelJS,
});
app.use(ContextMenu);
app.use(JsonViewer);
app.use(router);
app.mount("#app");