<template>
  <a-config-provider :locale="locale" :autoInsertSpaceInButton="false">
    <div id="app">
      <router-view />
    </div>
  </a-config-provider>
</template>

<script>
import { domTitle, setDocumentTitle } from '@/utils/domUtil'
import { i18nRender } from '@/locales'

export default {
  data() {
    return {}
  },
  computed: {
    locale() {
      // 只是为了切换语言时，更新标题
      const { title } = this.$route.meta
      title && setDocumentTitle(`${i18nRender(title)} - ${domTitle}`)

      return this.$i18n.getLocaleMessage(this.$store.getters.lang).antLocale
    },
  },
}
</script>

<style>
.ant-table td {
  white-space: nowrap !important;
}
.ant-table th {
  white-space: nowrap !important;
}
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td {
  padding: 8px 8px !important;
  overflow-wrap: break-word;
  font-size: 14px;
}
.flexRowStart {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.flexRowCenter {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.flexCenterCenter {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flexColumnCenterCenter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.shaixuan_float_left {
  float: left;
  margin-right: 20px;
}

.flex {
  display: flex;
}
.flex-rr {
  display: flex;
  flex-direction: row-reverse;
}
.flex-c {
  display: flex;
  flex-direction: column;
}
.flex-cr {
  display: flex;
  flex-direction: column-reverse;
}
.flex-1 {
  flex: 1;
}
.ai-fs {
  align-items: flex-start;
}
.ai-fe {
  align-items: flex-end;
}
.ai-c {
  align-items: center;
}
.ai-s {
  align-items: stretch;
}
.jc-c {
  justify-content: center;
}
.jc-sb {
  justify-content: space-between;
}
.jc-sa {
  justify-content: space-around;
}
.jc-fs {
  justify-content: flex-start;
}
.jc-fe {
  justify-content: flex-end;
}
.fw-w {
  flex-wrap: wrap;
}
.fw-n {
  flex-wrap: nowrap;
}
.fw-wr {
  flex-wrap: wrap-reverse;
}

.scroller {
  overflow: auto;
}
.scroller-x {
  overflow-x: auto;
}
.scroller-y {
  overflow-y: auto;
}

.oh {
  overflow: hidden;
}

.pr {
  position: relative;
}
.pa {
  position: absolute;
}
.pf {
  position: fixed;
}
.zi0 {
  z-index: 0;
}
.zi1 {
  z-index: 1;
}
.zi2 {
  z-index: 2;
}
.zi3 {
  z-index: 3;
}
.zi4 {
  z-index: 4;
}
.zi5 {
  z-index: 5;
}
.zi6 {
  z-index: 6;
}
.zi7 {
  z-index: 7;
}
.zi8 {
  z-index: 8;
}
.zi9 {
  z-index: 9;
}
.zi10 {
  z-index: 10;
}
.zi20 {
  z-index: 20;
}
.zi50 {
  z-index: 50;
}
.zi100 {
  z-index: 100;
}
.zi200 {
  z-index: 200;
}
.zi500 {
  z-index: 500;
}
.zi1000 {
  z-index: 1000;
}
.zi2000 {
  z-index: 2000;
}
.zi5000 {
  z-index: 5000;
}
.zi9999 {
  z-index: 9999;
}
</style>
