| 提交 | 用户 | age | ||
| 2f6253 | 1 | <template> |
| ecfb70 | 2 | <ConfigProvider :locale="zhCN" :transform-cell-text="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'; | |
| 4f6b65 | 14 | import 'moment/dist/locale/zh-cn'; |
| 2f6253 | 15 | |
| d9b196 | 16 | import { useConfigProvider, useInitAppConfigStore } from './useApp'; |
| 2f6253 | 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 breakpoint monitoring |
| 2f6253 | 29 | createBreakpointListen(); |
| 2f1fbf | 30 | // Get system configuration |
| 70fba7 | 31 | const { projectSetting } = useSetting(); |
| 2f1fbf | 32 | // Get ConfigProvider configuration |
| faf3f4 | 33 | const { transformCellText } = useConfigProvider(); |
| 70fba7 | 34 | |
| V | 35 | let lockOn = {}; |
| 36 | if (projectSetting.lockTime) { | |
| 2f1fbf | 37 | // Monitor the mouse or keyboard time, used to recalculate the lock screen time |
| 70fba7 | 38 | const { on } = useLockPage(); |
| V | 39 | lockOn = on; |
| 40 | } | |
| 710158 | 41 | |
| 2f6253 | 42 | return { |
| 陈 | 43 | transformCellText, |
| 44 | zhCN, | |
| 45 | lockOn, | |
| 46 | }; | |
| 47 | }, | |
| 48 | }); | |
| 49 | </script> | |
