import { createApp } from "vue";
import ElementPlus from "element-plus";
import "element-plus/dist/index.css";
import "element-plus/theme-chalk/display.css";
import locale from "element-plus/lib/locale/lang/zh-cn";
import moment from "moment";

import VXETable from "vxe-table";
import "vxe-table/lib/style.css";
import utils from "@/utils/index";
import dictUtils from "@/utils/dictUtils";
import httpRequest from "@/utils/httpRequest";
import commonJS from '@/utils/common';
import validator from "@/utils/validator";
import validate from '@/utils/validate'
import validatorXG from '@/utils/validatorXG'
import validateXG from '@/utils/validateXG'
import components from "./components";
import i18n from "./i18n";
import router from "./router";
import store from "./store";
import App from "./App.vue";
import lodash from "lodash/object";
import VueClipboard from "vue-clipboard2";
import VueCookies from "vue-cookies";
import JeeplusDevtools from "jeeplus-devtools-v3";
import "jeeplus-devtools-v3/dist/index.css";
import JeeplusFlow from "jeeplus-flowable-v3";
import "jeeplus-flowable-v3/dist/index.css";
import FormMaking from "jeeplus-form-v3";
import "jeeplus-form-v3/dist/index.css";

import tool from "@/utils/tool";

const app = createApp(App);
import "moment/locale/zh-cn";
moment.locale("zh-cn");

app.config.globalProperties.moment = moment;
app.config.globalProperties.hasPermission = utils.hasPermission; // 权限方法
app.config.globalProperties.treeDataTranslate = utils.treeDataTranslate; // 树形数据转换
app.config.globalProperties.$utils = utils;
app.config.globalProperties.$t2 = utils.t2;
app.config.globalProperties.$window = window;
app.config.globalProperties.$dictUtils = dictUtils;
app.config.globalProperties.recover = utils.recover;
app.config.globalProperties.recoverNotNull = utils.recoverNotNull;
app.config.globalProperties.pickProperties = utils.pickProperties;
app.config.globalProperties.validator = validator;
app.config.globalProperties.validate = validate
app.config.globalProperties.validatorXG = validatorXG
app.config.globalProperties.validateXG = validateXG
app.config.globalProperties.moment = moment;
app.config.globalProperties.lodash = lodash;
app.config.globalProperties.deepClone = utils.deepClone;
app.config.globalProperties.validatenull = utils.validatenull;
app.config.globalProperties.$http = httpRequest; // ajax请求方法
app.config.globalProperties.commonJS = commonJS; // ajax请求方法
app.config.globalProperties.$cookies = VueCookies;

app.use(store);
app.use(router);
app.use(ElementPlus, { locale });
app.use(i18n);
app.use(components);

// app.use(FormMaking)

app.use(FormMaking, {
	locale:
		tool.data.get("APP_LANG") === "zh"
			? "zh-cn"
			: tool.data.get("APP_LANG") || "zh-cn",
});
app.use(JeeplusDevtools);
app.use(JeeplusFlow);
app.use(VueClipboard);
app.use(VueCookies);

VXETable.setup({
	// 对组件内置的提示语进行国际化翻译
	i18n: (key, args) => i18n.global.t(key, args),
});

app.use(VXETable);

//挂载app
app.mount("#app");