<template>
  <a-config-provider :locale="locale">
    <router-view />
  </a-config-provider>
</template>

<script lang="ts">
  import { defineComponent, watch, ref } from 'vue';
  import zhCN from 'ant-design-vue/es/locale/zh_CN';
  import { useRouter } from 'vue-router';
  import Cookies from 'js-cookie';
  import { message } from 'ant-design-vue';
  export default defineComponent({
    name: 'App',

    setup() {
      const router = useRouter();

      const cachedViews = ['Status'];
      window.localStorage.setItem('mapKey', JSON.stringify({ type: 'tmap', url: '' }));
      // watch(
      //   () => router.currentRoute.value,
      //   (e) => {
      //     // if (Cookies.get(`${import.meta.env.VITE_PUBLIC_PATH}-nervsid`) === undefined && e.fullPath !== '/login') {
      //     //   message.warn('登陆信息已过期，请重新登录!', 1);
      //     //   router.push('/login');
      //     // }
      //     // } else {
      //     //   if (Cookies.get(`${import.meta.env.VITE_PUBLIC_PATH}-nervsid`) !== undefined && e === '/login') {
      //     //     let url = window.sessionStorage.getItem('url');
      //     //     url === null ? window.sessionStorage.setItem('url', '/doorway/visitor/audit') : '';
      //     //     router.push(url === null ? '/doorway' : url);
      //     //   }
      //     // }
      //   }
      // );
      return {
        cachedViews,
        locale: zhCN,
      };
    },
  });
</script>

<style lang="less" scoped>
  :deep(.ns-content-main) {
    .ant-tabs-content {
      height: 100%;
    }
  }
  // 树组件
  :deep(.ant-tree-node-content-wrapper) {
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap;
  }

  :deep(.ant-tree-node-selected) {
    color: @primary-color !important;
  }

  // ns-view-list-table 搜索区域
  :deep(.ns-table-search) {
    .ns-flexv2-form {
      .ns-operate {
        text-align: left;
        margin-left: 0;
        .ant-btn {
          margin: 0;
          margin-right: 6px;
        }
      }
    }
    .ns-form-body {
      max-width: 1000px;
    }
  }

  // 区域阴影
  // .ns-list-table {

  :deep(.ant-tabs) {
    //   // overflow: visible;
    //   box-shadow: @ns-content-box-shadow;
    //   border-radius: @ns-border-radius;
    .ns-table-search {
      border-top-left-radius: 0px !important;
      border-top-right-radius: 0px !important;
    }
    .ns-table-main {
      border-bottom-left-radius: 0px !important;
      border-bottom-right-radius: 0px !important;
    }
    //   .ant-tabs-tabpane-active > div {
    //     height: 100%;
    //   }
  }
  // .ant-tabs .ns-table-main {
  //   border-bottom-left-radius: 0px !important;
  //   border-bottom-right-radius: 0px !important;
  // }
  // }

  // 菜单icon(仅仅处理特殊需求：未选中时icon与文字不同色)
  :deep(.anticon) {
    color: #8d96a3 !important;
  }

  :deep(.ant-menu-item-selected .ant-menu-item-only-child),
  :deep(.ant-menu-submenu-selected .ant-menu-item-only-child),
  :deep(.firstMenuItem-selected) {
    .router-link-active > .anticon {
      color: @white !important;
    }
  }

  :deep(.ant-menu-item-active) {
    .anticon {
      color: @primary-color !important;
    }
  }
  :deep(.ant-menu-submenu-active),
  :deep(.ant-menu-submenu-open),
  :deep(.ant-menu-item-selected) {
    .ant-menu-submenu-title {
      .anticon {
        color: @primary-color !important;
      }
    }
  }
</style>
