🔱: [client] sync upgrade with 7 commits [trident-sync]

chore:
Merge branch 'vben'

# Conflicts:
#	package.json
perf: antdv示例改成使用vben框架
chore: vben
chore: vben
chore: vben

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

@@ -1,60 +1,69 @@
 <template>
-  <a-config-provider :locale="locale" :theme="settingStore.themeToken">
+  <a-config-provider :locale="locale" :theme="tokenTheme">
     <fs-form-provider>
       <router-view v-if="routerEnabled" />
     </fs-form-provider>
   </a-config-provider>
 </template>
 
-<script lang="ts">
+<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 { nextTick, provide, ref } from "vue";
-import { usePageStore } from "/src/store/modules/page";
-import { useResourceStore } from "/src/store/modules/resource";
-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";
 
-export default {
-  name: "App",
-  setup() {
-    //刷新页面方法
-    const routerEnabled = ref(true);
-    const locale = ref(zhCN);
-    async function reload() {
-      // routerEnabled.value = false;
-      // await nextTick();
-      // routerEnabled.value = true;
-    }
-    function localeChanged(value: any) {
-      console.log("locale changed:", value);
-      if (value === "zh-cn") {
-        locale.value = zhCN;
-        dayjs.locale("zh-cn");
-      } else if (value === "en") {
-        locale.value = enUS;
-        dayjs.locale("en");
-      }
-    }
-    localeChanged("zh-cn");
-    provide("fn:router.reload", reload);
-    provide("fn:locale.changed", localeChanged);
+defineOptions({
+  name: "App"
+});
 
-    //其他初始化
-    const resourceStore = useResourceStore();
-    resourceStore.init();
-    const pageStore = usePageStore();
-    pageStore.init();
-    const settingStore = useSettingStore();
-    settingStore.init();
-
-    return {
-      routerEnabled,
-      locale,
-      settingStore
-    };
+//刷新页面方法
+const routerEnabled = ref(true);
+const locale = ref(zhCN);
+async function reload() {
+  // routerEnabled.value = false;
+  // await nextTick();
+  // routerEnabled.value = true;
+}
+function localeChanged(value: any) {
+  console.log("locale changed:", value);
+  if (value === "zh-cn") {
+    locale.value = zhCN;
+    dayjs.locale("zh-cn");
+  } else if (value === "en") {
+    locale.value = enUS;
+    dayjs.locale("en");
   }
-};
+}
+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();
+// settingStore.init();
 </script>