| 提交 | 用户 | age | ||
| 2f6253 | 1 | <template> |
| faf3f4 | 2 | <ConfigProvider :locale="zhCN" :transformCellText="transformCellText" v-bind="lockOn"> |
| 2f6253 | 3 | <router-view /> |
| 陈 | 4 | </ConfigProvider> |
| 5 | </template> | |
| 6 | ||
| 7 | <script lang="ts"> | |
| 8 | import { defineComponent } from 'vue'; | |
| 9 | import { ConfigProvider } from 'ant-design-vue'; | |
| 10 | import { createBreakpointListen } from '/@/hooks/event/useBreakpoint'; | |
| 11 | ||
| 12 | import zhCN from 'ant-design-vue/es/locale/zh_CN'; | |
| 13 | import moment from 'moment'; | |
| 14 | import 'moment/locale/zh-cn'; | |
| 15 | ||
| 16 | import { useConfigProvider, useInitAppConfigStore, useListenerNetWork } from './useApp'; | |
| 17 | import { useLockPage } from '/@/hooks/web/useLockPage'; | |
| 70fba7 | 18 | import { useSetting } from '/@/hooks/core/useSetting'; |
| V | 19 | |
| 2f6253 | 20 | moment.locale('zh-cn'); |
| 2f1255 | 21 | |
| 2f6253 | 22 | export default defineComponent({ |
| 34c09f | 23 | name: 'App', |
| 2f6253 | 24 | components: { ConfigProvider }, |
| 陈 | 25 | setup() { |
| 2f1fbf | 26 | // Initialize application settings |
| 2f6253 | 27 | useInitAppConfigStore(); |
| 2f1fbf | 28 | // Initialize network monitoring |
| 2f6253 | 29 | useListenerNetWork(); |
| 2f1fbf | 30 | // Initialize breakpoint monitoring |
| 2f6253 | 31 | createBreakpointListen(); |
| 2f1fbf | 32 | // Get system configuration |
| 70fba7 | 33 | const { projectSetting } = useSetting(); |
| 2f1fbf | 34 | // Get ConfigProvider configuration |
| faf3f4 | 35 | const { transformCellText } = useConfigProvider(); |
| 70fba7 | 36 | |
| V | 37 | let lockOn = {}; |
| 38 | if (projectSetting.lockTime) { | |
| 2f1fbf | 39 | // Monitor the mouse or keyboard time, used to recalculate the lock screen time |
| 70fba7 | 40 | const { on } = useLockPage(); |
| V | 41 | lockOn = on; |
| 42 | } | |
| 710158 | 43 | |
| 2f6253 | 44 | return { |
| 陈 | 45 | transformCellText, |
| 46 | zhCN, | |
| 47 | lockOn, | |
| 48 | }; | |
| 49 | }, | |
| 50 | }); | |
| 51 | </script> | |
