feat: add usage version statistics dialog

src/components/dialog/AboutDialog.vue

@@ -84,6 +84,24 @@ const releaseDialogTitle = ref('')
 // 变更日志对话框内容
 const releaseDialogBody = ref('')
 
+// 版本统计对话框
+const versionStatisticDialog = ref(false)
+
+// 版本统计加载状态
+const versionStatisticLoading = ref(false)
+
+// 版本统计数据
+const versionStatistic = ref<any>({})
+
+// 后端版本统计
+const backendVersionStatistics = computed(() => versionStatistic.value?.backend_versions ?? [])
+
+// 前端版本统计
+const frontendVersionStatistics = computed(() => versionStatistic.value?.frontend_versions ?? [])
+
+// 活跃用户统计
+const activeUsers = computed(() => versionStatistic.value?.active_users ?? {})
+
 // 打开日志对话框
 function showReleaseDialog(title: string, body: string) {
   releaseDialogTitle.value = title
@@ -91,6 +109,28 @@ function showReleaseDialog(title: string, body: string) {
   releaseDialog.value = true
 }
 
+// 查询版本统计
+async function queryVersionStatistic() {
+  if (!systemEnv.value.USAGE_STATISTIC_SHARE) return
+  versionStatisticLoading.value = true
+  try {
+    const result: { [key: string]: any } = await api.get('system/usage/statistic')
+
+    versionStatistic.value = result.data ?? {}
+  } catch (error) {
+    console.log(error)
+    versionStatistic.value = {}
+  } finally {
+    versionStatisticLoading.value = false
+  }
+}
+
+// 打开版本统计对话框
+async function showVersionStatisticDialog() {
+  versionStatisticDialog.value = true
+  await queryVersionStatistic()
+}
+
 // 查询系统环境变量
 async function querySystemEnv() {
   try {
@@ -182,6 +222,18 @@ onMounted(() => {
                             {{ t('setting.about.latest') }}
                           </span>
                         </a>
+                        <VTooltip v-if="systemEnv.USAGE_STATISTIC_SHARE" :text="t('setting.about.versionStatistic')">
+                          <template #activator="{ props }">
+                            <VBtn
+                              v-bind="props"
+                              icon="mdi-chart-bar"
+                              size="x-small"
+                              variant="text"
+                              class="ms-2 flex-shrink-0"
+                              @click="showVersionStatisticDialog"
+                            />
+                          </template>
+                        </VTooltip>
                       </span>
                     </dd>
                   </div>
@@ -406,6 +458,86 @@ onMounted(() => {
         <VCardText class="markdown-body" v-html="releaseDialogBody" />
       </VCard>
     </VDialog>
+    <VDialog v-if="versionStatisticDialog" v-model="versionStatisticDialog" width="680" scrollable max-height="85vh">
+      <VCard>
+        <VCardItem>
+          <VDialogCloseBtn @click="versionStatisticDialog = false" />
+          <VCardTitle>
+            <VIcon icon="mdi-chart-bar" class="me-2" />
+            {{ t('setting.about.versionStatisticTitle') }}
+          </VCardTitle>
+        </VCardItem>
+        <VDivider />
+        <VProgressLinear v-if="versionStatisticLoading" indeterminate color="primary" />
+        <VCardText>
+          <div class="version-stat-summary">
+            <div>
+              <div class="text-caption text-medium-emphasis">{{ t('setting.about.totalInstallUsers') }}</div>
+              <div class="version-stat-number">{{ versionStatistic.total_users ?? 0 }}</div>
+            </div>
+            <div>
+              <div class="text-caption text-medium-emphasis">{{ t('setting.about.activeToday') }}</div>
+              <div class="version-stat-number">{{ activeUsers.today ?? 0 }}</div>
+            </div>
+            <div>
+              <div class="text-caption text-medium-emphasis">{{ t('setting.about.active7Days') }}</div>
+              <div class="version-stat-number">{{ activeUsers.last_7_days ?? 0 }}</div>
+            </div>
+            <div>
+              <div class="text-caption text-medium-emphasis">{{ t('setting.about.active30Days') }}</div>
+              <div class="version-stat-number">{{ activeUsers.last_30_days ?? 0 }}</div>
+            </div>
+          </div>
+          <div class="mt-5">
+            <div class="text-subtitle-2 mb-2">{{ t('setting.about.backendVersionStatistic') }}</div>
+            <VTable density="compact">
+              <thead>
+                <tr>
+                  <th>{{ t('setting.about.version') }}</th>
+                  <th class="text-end">{{ t('setting.about.users') }}</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr v-for="item in backendVersionStatistics" :key="`backend-${item.version}`">
+                  <td>
+                    <code>{{ item.version }}</code>
+                  </td>
+                  <td class="text-end">{{ item.count }}</td>
+                </tr>
+                <tr v-if="!backendVersionStatistics.length">
+                  <td colspan="2" class="text-medium-emphasis">{{ t('setting.about.noVersionStatisticData') }}</td>
+                </tr>
+              </tbody>
+            </VTable>
+          </div>
+          <div class="mt-5">
+            <div class="text-subtitle-2 mb-2">{{ t('setting.about.frontendVersionStatistic') }}</div>
+            <VTable density="compact">
+              <thead>
+                <tr>
+                  <th>{{ t('setting.about.version') }}</th>
+                  <th class="text-end">{{ t('setting.about.users') }}</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr v-for="item in frontendVersionStatistics" :key="`frontend-${item.version}`">
+                  <td>
+                    <code>{{ item.version }}</code>
+                  </td>
+                  <td class="text-end">{{ item.count }}</td>
+                </tr>
+                <tr v-if="!frontendVersionStatistics.length">
+                  <td colspan="2" class="text-medium-emphasis">{{ t('setting.about.noVersionStatisticData') }}</td>
+                </tr>
+              </tbody>
+            </VTable>
+          </div>
+          <div v-if="versionStatistic.updated_at" class="mt-4 text-caption text-medium-emphasis">
+            {{ t('setting.about.lastUpdated') }}: {{ versionStatistic.updated_at }}
+          </div>
+        </VCardText>
+      </VCard>
+    </VDialog>
   </VDialog>
 </template>
 
@@ -422,6 +554,18 @@ onMounted(() => {
   margin-block: 0.5rem 2.5rem;
 }
 
+.version-stat-summary {
+  display: grid;
+  gap: 1rem;
+  grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr));
+}
+
+.version-stat-number {
+  font-size: 1.5rem;
+  font-weight: 700;
+  line-height: 2rem;
+}
+
 .markdown-body :deep(h1),
 .markdown-body :deep(h2),
 .markdown-body :deep(h3) {

src/locales/en-US.ts

@@ -1378,6 +1378,18 @@ export default {
       expand: 'Expand',
       collapse: 'Collapse',
       clearCache: 'Clear Cache',
+      versionStatistic: 'Version Statistics',
+      versionStatisticTitle: 'Installation Version Statistics',
+      totalInstallUsers: 'Install Users',
+      activeToday: 'Active Today',
+      active7Days: 'Active 7 Days',
+      active30Days: 'Active 30 Days',
+      backendVersionStatistic: 'Backend Versions',
+      frontendVersionStatistic: 'Frontend Versions',
+      version: 'Version',
+      users: 'Users',
+      lastUpdated: 'Updated At',
+      noVersionStatisticData: 'No statistics data',
     },
     system: {
       custom: 'Custom',
@@ -1561,6 +1573,9 @@ export default {
         'Share subscription statistics to popular subscriptions for other MP users to reference',
       pluginStatisticShare: 'Report Plugin Installation Data',
       pluginStatisticShareHint: 'Report plugin installation data to the server for statistics and display purposes',
+      usageStatisticShare: 'Report Installation Version Statistics',
+      usageStatisticShareHint:
+        'Report anonymous installation ID and current backend/frontend versions to count users by version',
       workflowStatisticShare: 'Share Workflow Data',
       workflowStatisticShareHint: 'Share workflow statistics to popular workflows for other MP users to reference',
       bigMemoryMode: 'Large Memory Mode',

src/locales/zh-CN.ts

@@ -1373,6 +1373,18 @@ export default {
       expand: '展开',
       collapse: '收起',
       clearCache: '清除缓存',
+      versionStatistic: '版本统计',
+      versionStatisticTitle: '安装版本统计',
+      totalInstallUsers: '安装用户',
+      activeToday: '今日活跃',
+      active7Days: '7日活跃',
+      active30Days: '30日活跃',
+      backendVersionStatistic: '后端版本',
+      frontendVersionStatistic: '前端版本',
+      version: '版本',
+      users: '用户数',
+      lastUpdated: '更新时间',
+      noVersionStatisticData: '暂无统计数据',
     },
     system: {
       custom: '自定义',
@@ -1545,6 +1557,8 @@ export default {
       subscribeStatisticShareHint: '分享订阅统计数据到热门订阅，供其他MPer参考',
       pluginStatisticShare: '上报插件安装数据',
       pluginStatisticShareHint: '上报插件安装数据给服务器，用于统计展示插件安装情况',
+      usageStatisticShare: '上报安装版本统计',
+      usageStatisticShareHint: '上报匿名安装ID和当前前后端版本，用于统计各版本安装用户数',
       workflowStatisticShare: '分享工作流数据',
       workflowStatisticShareHint: '分享工作流统计数据到热门工作流，供其他MPer参考',
       bigMemoryMode: '大内存模式',

src/locales/zh-TW.ts

@@ -1374,6 +1374,18 @@ export default {
       expand: '展開',
       collapse: '收起',
       clearCache: '清除快取',
+      versionStatistic: '版本統計',
+      versionStatisticTitle: '安裝版本統計',
+      totalInstallUsers: '安裝用戶',
+      activeToday: '今日活躍',
+      active7Days: '7日活躍',
+      active30Days: '30日活躍',
+      backendVersionStatistic: '後端版本',
+      frontendVersionStatistic: '前端版本',
+      version: '版本',
+      users: '用戶數',
+      lastUpdated: '更新時間',
+      noVersionStatisticData: '暫無統計數據',
     },
     system: {
       custom: '自定義',
@@ -1546,6 +1558,8 @@ export default {
       subscribeStatisticShareHint: '分享訂閱統計數據到熱門訂閱，供其他MPer參考',
       pluginStatisticShare: '上報插件安裝數據',
       pluginStatisticShareHint: '上報插件安裝數據給服務器，用於統計展示插件安裝情況',
+      usageStatisticShare: '上報安裝版本統計',
+      usageStatisticShareHint: '上報匿名安裝ID和當前前後端版本，用於統計各版本安裝用戶數',
       workflowStatisticShare: '分享工作流數據',
       workflowStatisticShareHint: '分享工作流統計數據到熱門工作流，供其他MPer參考',
       bigMemoryMode: '大內存模式',

src/views/setting/AccountSettingSystem.vue

@@ -82,6 +82,7 @@ const SystemSettings = ref<any>({
     GLOBAL_IMAGE_CACHE: false,
     SUBSCRIBE_STATISTIC_SHARE: true,
     PLUGIN_STATISTIC_SHARE: true,
+    USAGE_STATISTIC_SHARE: true,
     WORKFLOW_STATISTIC_SHARE: true,
     BIG_MEMORY_MODE: false,
     DB_WAL_ENABLE: false,
@@ -1767,6 +1768,14 @@ watch(currentLlmSnapshotKey, (snapshotKey, previousSnapshotKey) => {
                     persistent-hint
                   />
                 </VCol>
+                <VCol cols="12" md="6">
+                  <VSwitch
+                    v-model="SystemSettings.Advanced.USAGE_STATISTIC_SHARE"
+                    :label="t('setting.system.usageStatisticShare')"
+                    :hint="t('setting.system.usageStatisticShareHint')"
+                    persistent-hint
+                  />
+                </VCol>
                 <VCol cols="12" md="6">
                   <VSwitch
                     v-model="SystemSettings.Advanced.WORKFLOW_STATISTIC_SHARE"