🔱: [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/vben/layouts/widgets/check-updates/check-updates.vue

@@ -0,0 +1,127 @@
+<script setup lang="ts">
+import { onMounted, onUnmounted, ref } from "vue";
+
+import { $t } from "../../../locales";
+
+import { useVbenModal } from "../../../popup-ui";
+
+interface Props {
+  // 轮训时间，分钟
+  checkUpdatesInterval?: number;
+  // 检查更新的地址
+  checkUpdateUrl?: string;
+}
+
+defineOptions({ name: "CheckUpdates" });
+
+const props = withDefaults(defineProps<Props>(), {
+  checkUpdatesInterval: 1,
+  checkUpdateUrl: import.meta.env.BASE_URL || "/"
+});
+
+let isCheckingUpdates = false;
+const currentVersionTag = ref("");
+const lastVersionTag = ref("");
+const timer = ref<ReturnType<typeof setInterval>>();
+
+const [UpdateNoticeModal, modalApi] = useVbenModal({
+  closable: false,
+  closeOnPressEscape: false,
+  closeOnClickModal: false,
+  onConfirm() {
+    lastVersionTag.value = currentVersionTag.value;
+    window.location.reload();
+    // handleSubmitLogout();
+  }
+});
+
+async function getVersionTag() {
+  try {
+    if (location.hostname === "localhost" || location.hostname === "127.0.0.1") {
+      return null;
+    }
+    const response = await fetch(props.checkUpdateUrl, {
+      cache: "no-cache",
+      method: "HEAD"
+    });
+
+    return response.headers.get("etag") || response.headers.get("last-modified");
+  } catch {
+    console.error("Failed to fetch version tag");
+    return null;
+  }
+}
+
+async function checkForUpdates() {
+  const versionTag = await getVersionTag();
+  if (!versionTag) {
+    return;
+  }
+
+  // 首次运行时不提示更新
+  if (!lastVersionTag.value) {
+    lastVersionTag.value = versionTag;
+    return;
+  }
+
+  if (lastVersionTag.value !== versionTag && versionTag) {
+    clearInterval(timer.value);
+    handleNotice(versionTag);
+  }
+}
+function handleNotice(versionTag: string) {
+  currentVersionTag.value = versionTag;
+  modalApi.open();
+}
+
+function start() {
+  if (props.checkUpdatesInterval <= 0) {
+    return;
+  }
+
+  // 每 checkUpdatesInterval(默认值为1) 分钟检查一次
+  timer.value = setInterval(checkForUpdates, props.checkUpdatesInterval * 60 * 1000);
+}
+
+function handleVisibilitychange() {
+  if (document.hidden) {
+    stop();
+  } else {
+    if (!isCheckingUpdates) {
+      isCheckingUpdates = true;
+      checkForUpdates().finally(() => {
+        isCheckingUpdates = false;
+        start();
+      });
+    }
+  }
+}
+
+function stop() {
+  clearInterval(timer.value);
+}
+
+onMounted(() => {
+  start();
+  document.addEventListener("visibilitychange", handleVisibilitychange);
+});
+
+onUnmounted(() => {
+  stop();
+  document.removeEventListener("visibilitychange", handleVisibilitychange);
+});
+</script>
+<template>
+  <UpdateNoticeModal
+    :cancel-text="$t('common.cancel')"
+    :confirm-text="$t('common.refresh')"
+    :fullscreen-button="false"
+    :title="$t('ui.widgets.checkUpdatesTitle')"
+    centered
+    content-class="px-8 min-h-10"
+    footer-class="border-none mb-3 mr-3"
+    header-class="border-none"
+  >
+    {{ $t("ui.widgets.checkUpdatesDescription") }}
+  </UpdateNoticeModal>
+</template>

packages/ui/certd-client/src/vben/layouts/widgets/check-updates/index.ts

@@ -0,0 +1 @@
+export { default as CheckUpdates } from "./check-updates.vue";