| | |
| | | <template> |
| | | <ConfigProvider :locale="zhCN" :transformCellText="transformCellText" v-bind="lockOn"> |
| | | <router-view /> |
| | | <ConfigProvider v-bind="lockEvent" :locale="antConfigLocale"> |
| | | <AppProvider> |
| | | <router-view /> |
| | | </AppProvider> |
| | | </ConfigProvider> |
| | | </template> |
| | | |
| | | <script lang="ts"> |
| | | import { defineComponent } from 'vue'; |
| | | import { ConfigProvider } from 'ant-design-vue'; |
| | | import { createBreakpointListen } from '/@/hooks/event/useBreakpoint'; |
| | | |
| | | import zhCN from 'ant-design-vue/es/locale/zh_CN'; |
| | | import moment from 'moment'; |
| | | import 'moment/dist/locale/zh-cn'; |
| | | import { initAppConfigStore } from '/@/setup/App'; |
| | | |
| | | import { useConfigProvider, useInitAppConfigStore, useListenerNetWork } from './useApp'; |
| | | import { useLockPage } from '/@/hooks/web/useLockPage'; |
| | | import { useSetting } from '/@/hooks/core/useSetting'; |
| | | import { useLocale } from '/@/hooks/web/useLocale'; |
| | | |
| | | moment.locale('zh-cn'); |
| | | import { AppProvider } from '/@/components/Application'; |
| | | |
| | | export default defineComponent({ |
| | | name: 'App', |
| | | components: { ConfigProvider }, |
| | | components: { ConfigProvider, AppProvider }, |
| | | setup() { |
| | | // Initialize application settings |
| | | useInitAppConfigStore(); |
| | | // Initialize network monitoring |
| | | useListenerNetWork(); |
| | | // Initialize breakpoint monitoring |
| | | createBreakpointListen(); |
| | | // Get system configuration |
| | | const { projectSetting } = useSetting(); |
| | | // Get ConfigProvider configuration |
| | | const { transformCellText } = useConfigProvider(); |
| | | // Initialize vuex internal system configuration |
| | | initAppConfigStore(); |
| | | |
| | | let lockOn = {}; |
| | | if (projectSetting.lockTime) { |
| | | // Monitor the mouse or keyboard time, used to recalculate the lock screen time |
| | | const { on } = useLockPage(); |
| | | lockOn = on; |
| | | } |
| | | // Create a lock screen monitor |
| | | const lockEvent = useLockPage(); |
| | | |
| | | // support Multi-language |
| | | const { antConfigLocale } = useLocale(); |
| | | |
| | | return { |
| | | transformCellText, |
| | | zhCN, |
| | | lockOn, |
| | | antConfigLocale, |
| | | lockEvent, |
| | | }; |
| | | }, |
| | | }); |