import Vue from 'vue';
import App from './App.vue';
import router from './router';
import ElementUI, { TabPane } from 'element-ui';
import VueI18n from 'vue-i18n';
import { messages } from './components/common/i18n';
import 'element-ui/lib/theme-chalk/index.css'; // 默认主题
import locale from 'element-ui/lib/locale/lang/en.js'; // 中英文
// import './assets/css/theme-green/index.css'; // 浅绿色主题
import './assets/css/icon.css';
import './components/common/directives';
import 'babel-polyfill';
import api from './api/index.js';
import Common from './components/common/common'


import store from './store' // 引入 store


Vue.prototype.$bus = new Vue();
// Vue.prototype.$validateString = function (str) {
//   return /^[a-zA-Z\s\u00C0-\u00FF\u0100-\u017F-]+$/.test(str);
// }
//除了中文，数字不能用，其他都可以
Vue.prototype.$validateString = function (str) {
  // 匹配规则：不包含数字 (0-9) 且 不包含中文字符 (\u4e00-\u9fa5)
  return !/[0-9\u4e00-\u9fa5]/.test(str);
}
window.MathJax = {
  tex: {
    inlineMath: [['$', '$'], ['\\(', '\\)']], // 行内公式
    displayMath: [['$$', '$$'], ['\\[', '\\]']], // 块级公式
  },
  svg: { fontCache: 'global' }
};

// 监听 DOM 变化，并自动渲染公式
Vue.prototype.$renderMath = function () {
  if (window.MathJax && window.MathJax.typeset) {
    setTimeout(() => {
      window.MathJax.typeset();
    }, 100); // 延迟防止 Vue 还未完全渲染
  } else {
    console.warn('MathJax 未正确加载');
  }
};
import VXETable from 'vxe-table'
import 'vxe-table/lib/style.css'

Vue.use(VXETable)

// 引入富文本编辑器
import VueQuillEditor from 'vue-quill-editor'
// 富文本编辑器对应的样式
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
// 注册富文本编辑器组件为全局组件
Vue.use(VueQuillEditor)

async function loadJournalType() {
  // 1. 获取并尝试解析缓存数据
  const cachedString = localStorage.getItem('journalTypeData');
  let parsedData = null;

  if (cachedString) {
    try {
      // 必须先解析 JSON 字符串
      parsedData = JSON.parse(cachedString);
    } catch (e) {
      console.error("缓存数据解析失败，将重新请求 API:", e);
    }
  }

  // 2. 检查解析后的数据是否有效（是数组且长度大于 0）
  if (parsedData && Array.isArray(parsedData) && parsedData.length > 0) {
    // 缓存有效，直接返回缓存数据
    return parsedData;
  }

  // 3. 如果缓存无效或不存在，执行 API 调用
  try {
    // 第一个 API 调用，使用 await 接收结果
    const journalRes = await api.post('api/Articletype/getArticleType', {});
    if (journalRes.status === 1) {
      // 存储 journal data
      localStorage.setItem('journalTypeData', JSON.stringify(journalRes.data.base));
      localStorage.setItem('journalTypeDataAll', JSON.stringify([...journalRes.data.base, ...journalRes.data.supplement]));
    }

    // 第二个 API 调用，串行执行
    const medicalRes = await api.post('api/Articletype/getMedicalType', {});
    if (medicalRes.status === 1) {
      // 存储 medical data
      localStorage.setItem('opMedicalListData', JSON.stringify(medicalRes.data));
    }

    // 4. 返回第一个 API 调用的主要数据
    if (journalRes.status === 1) {
      return journalRes.data.base;
    }

  } catch (error) {
    // 集中处理 API 调用失败
    console.error('Error loading data:', error);
    return []; // 失败时返回一个默认的空数组，避免程序崩溃
  }

  // 如果所有流程都没有返回，默认返回空数组
  return [];
}



async function loadJournalList() {
  try {
    const localData = store.state.journalList;

    if (localData && Array.isArray(localData) && localData.length > 0) {
      return localData;
    }
    const res = await api.post('api/Article/getJournal', {});



    if (res) {
      const journalList = res;
      store.commit('setJournalList', journalList);
      return journalList;
    } else {
      return [];

    }

  } catch (error) {


  }
}


// 时间过滤器
// 定义时间过滤器(不含时分秒)
Vue.filter('formatDate', function (originVal) {
  const dt = new Date(originVal * 1000)
  const y = dt.getFullYear()
  const m = (dt.getMonth() + 1 + '').padStart(2, '0')
  const d = (dt.getDate() + '').padStart(2, '0')
  const hh = (dt.getHours() + '').padStart(2, '0')
  const mm = (dt.getMinutes() + '').padStart(2, '0')
  const ss = (dt.getSeconds() + '').padStart(2, '0')
  return `${y}-${m}-${d}`
})
// 含时分秒
Vue.filter('formatDatehms', function (originVal) {
  const dt = new Date(originVal * 1000)
  const y = dt.getFullYear()
  const m = (dt.getMonth() + 1 + '').padStart(2, '0')
  const d = (dt.getDate() + '').padStart(2, '0')
  const hh = (dt.getHours() + '').padStart(2, '0')
  const mm = (dt.getMinutes() + '').padStart(2, '0')
  const ss = (dt.getSeconds() + '').padStart(2, '0')
  return `${y}-${m}-${d} ${hh}:${mm}:${ss}`
})
// 引入wps文档编辑
import mammoth from "mammoth";
import commonJS from '@/common/js/commonJS.js'
Vue.prototype.$commonJS = commonJS

Vue.prototype.Common = Common;
// import { getJournalTypeName } from '@/common/js/commonJS.js';

Vue.filter('jtName', function (value) {
  return commonJS.getJournalTypeName(value);
});
// 使用 ES Module
import * as echarts from 'echarts';
Vue.prototype.$echarts = echarts
Vue.prototype.$api = api
Vue.config.productionTip = false;

import Editor from "@tinymce/tinymce-vue"; // 默认导入
Vue.component("Editor", Editor);
//自定义组件
const components = {
  'common-table': () => import('@/components/page/components/table/table.vue'),
  'common-author-comment-editor': () => import('@/components/page/components/Tinymce/AuthorCommentEditor.vue'),
  'common-review-article': () => import('@/components/page/components/reviewArticle/index.vue'),
  'common-author-article': () => import('@/components/page/components/reviewArticle/author.vue'),
  'common-editor-article': () => import('@/components/page/components/EditorArticle/index.vue'),
  'common-editor-article-detail': () => import('@/components/page/components/EditorArticle/detail.vue'),
  'common-late-x': () => import('@/components/page/components/table/LateX.vue'),
  'common-major': () => import('@/components/page/components/major/index.vue'),
  'common-major-list': () => import('@/components/page/components/major/list.vue'),
  'common-paypal-button': () => import('@/components/page/components/pendingPayment/PayPalButton.vue'),
  'common-tiff': () => import('@/components/page/components/table/tiff.vue'),
  'common-content': () => import('@/components/page/components/table/content.vue'),
  'common-word': () => import('@/components/page/components/table/word.vue'),
  'common-comment': () => import('@/components/page/components/table/comment.vue'),
  'common-edit-table': () => import('@/components/page/components/table/editTable.vue'),
  'common-annotations': () => import('@/components/page/components/table/annotations.vue'),
  'common-word-html': () => import('@/components/page/components/table/wordHtml.vue'),
  'common-word-html-type-setting': () => import('@/components/page/components/table/wordHtmlTypesetting.vue'),
  'common-drag-word': () => import('@/components/page/components/table/dragWord.vue'),
  'common-media-link-dialog': () => import('@/components/page/components/table/MediaLinkDialog.vue'),
};

Object.keys(components).forEach(key => {
  Vue.component(key, components[key]);
});

Vue.use(VueI18n);
Vue.use(ElementUI, {
  size: 'small',
  locale
});
const i18n = new VueI18n({
  locale: localStorage.getItem('langs') || 'en',
  messages
});
//使用钩子函数对路由进行权限跳转
router.beforeEach(async (to, from, next) => {
  const currentRoute = to; // 获取当前路由路径，例如 "/home"

  if (currentRoute.meta.hideJournal) {

  } else {
    try {
      // 尝试请求接口（即使失败也继续后续逻辑）
      await Promise.all([
        loadJournalList(),
        loadJournalType()
      ]);
    } catch (err) {
      // 仅打印错误，不阻断路由

    }
  }


  // 无论接口成功/失败，都执行原有跳转逻辑
  document.title = `${to.meta.title} | Traditional Medicine Research`;
  const role = localStorage.getItem('U_name');
  const userrole = localStorage.getItem('U_status');

  if (!role && to.path != '/register' && to.path !== '/submission' && to.path !== '/verification' && to.path !== '/orcidLink' && to.path !== '/img' && to.path !== '/reviewer' && to.path !== '/thanks' && to.path !== '/login' && to.path !== '/refuse' && to.path !== '/managing' && to.path.search(/retrieve/i) < 0) {
    next('/login');
  } else {
    if (navigator.userAgent.indexOf('MSIE') > -1 && to.path === '/editor') {
      Vue.prototype.$alert('vue-quill-editor组件不兼容IE10及以下浏览器，请使用更高版本的浏览器查看', '浏览器不兼容通知', {
        confirmButtonText: '确定'
      });
    } else {
      next();
    }
  }

});

new Vue({
  router,
  i18n,
  store,
  render: h => h(App),

  mounted() {
    this.$renderMath(); // 页面加载后自动渲染
  }
}).$mount('#app');