feat: 升级前端框架，适配手机端

packages/ui/certd-client/src/App.vue

@@ -1,21 +1,23 @@
 <template>
-  <a-config-provider :locale="locale" :theme="settingStore.themeToken">
+  <AConfigProvider :locale="locale" :theme="tokenTheme">
     <contextHolder />
     <fs-form-provider>
-      <router-view v-if="routerEnabled" />
+      <router-view />
     </fs-form-provider>
-  </a-config-provider>
+  </AConfigProvider>
 </template>
 
 <script lang="ts" setup>
 import zhCN from "ant-design-vue/es/locale/zh_CN";
 import enUS from "ant-design-vue/es/locale/en_US";
-import { provide, ref } from "vue";
-import { usePageStore } from "/src/store/modules/page";
-import { useSettingStore } from "/@/store/modules/settings";
+import { computed, provide, ref } from "vue";
 import "dayjs/locale/zh-cn";
 import "dayjs/locale/en";
 import dayjs from "dayjs";
+import { usePreferences, preferences } from "/@/vben/preferences";
+import { useAntdDesignTokens } from "/@/vben/hooks";
+import { theme } from "ant-design-vue";
+import AConfigProvider from "ant-design-vue/es/config-provider";
 import { Modal } from "ant-design-vue";
 
 defineOptions({
@@ -24,13 +26,12 @@ defineOptions({
 const [modal, contextHolder] = Modal.useModal();
 provide("modal", modal);
 //刷新页面方法
-const routerEnabled = ref(true);
 const locale = ref(zhCN);
-async function reload() {
-  // routerEnabled.value = false;
-  // await nextTick();
-  // routerEnabled.value = true;
-}
+async function reload() {}
+localeChanged("zh-cn");
+provide("fn:router.reload", reload);
+provide("fn:locale.changed", localeChanged);
+//刷新页面方法
 function localeChanged(value: any) {
   console.log("locale changed:", value);
   if (value === "zh-cn") {
@@ -45,10 +46,27 @@ localeChanged("zh-cn");
 provide("fn:router.reload", reload);
 provide("fn:locale.changed", localeChanged);
 
+const { isDark } = usePreferences();
+const { tokens } = useAntdDesignTokens();
+
+const tokenTheme = computed(() => {
+  const algorithm = isDark.value ? [theme.darkAlgorithm] : [theme.defaultAlgorithm];
+
+  // antd 紧凑模式算法
+  if (preferences.app.compact) {
+    algorithm.push(theme.compactAlgorithm);
+  }
+
+  return {
+    algorithm,
+    token: tokens
+  };
+});
 //其他初始化
 // const resourceStore = useResourceStore();
 // resourceStore.init();
-const pageStore = usePageStore();
-pageStore.init();
-const settingStore = useSettingStore();
+// const pageStore = usePageStore();
+// pageStore.init();
+// const settingStore = useSettingStore();
+// settingStore.init();
 </script>