plugin statistic

src/components/cards/PluginAppCard.vue

@@ -10,6 +10,7 @@ const props = defineProps({
   plugin: Object as PropType<Plugin>,
   width: String,
   height: String,
+  count: Number,
 })
 
 // 定义触发的自定义事件
@@ -185,14 +186,20 @@ const dropdownItems = ref([
       {{ props.plugin?.plugin_desc }}
     </VCardText>
     <VCardText class="flex items-center justify-start pb-2">
-      <VIcon icon="mdi-account" class="me-1" />
-      <a
-        :href="props.plugin?.author_url"
-        target="_blank"
-        @click.stop
-      >
-        {{ props.plugin?.plugin_author }}
-      </a>
+      <span>
+        <VIcon icon="mdi-account" class="me-1" />
+        <a
+          :href="props.plugin?.author_url"
+          target="_blank"
+          @click.stop
+        >
+          {{ props.plugin?.plugin_author }}
+        </a>
+      </span>
+      <span v-if="props.count" class="ms-3">
+        <VIcon icon="mdi-download" class="me-1" />
+        {{ props.count?.toLocaleString() }}
+      </span>
     </VCardText>
   </VCard>
   <!-- 安装插件进度框 -->

src/views/plugin/PluginCardListView.vue

@@ -21,6 +21,9 @@ const isAppMarketLoaded = ref(false)
 // APP市场窗口
 const PluginAppDialog = ref(false)
 
+// 插件安装统计
+const PluginStatistics = ref<{ [key: string]: number }>({})
+
 // 延迟加载
 let defer = (_: number) => true
 
@@ -76,6 +79,16 @@ async function fetchUninstalledPlugins() {
   }
 }
 
+// 加载插件统计数据
+async function getPluginStatistics() {
+  try {
+    PluginStatistics.value = await api.get('plugin/statistic')
+  }
+  catch (error) {
+    console.error(error)
+  }
+}
+
 // 加载所有数据
 function refreshData() {
   fetchInstalledPlugins()
@@ -92,6 +105,7 @@ const getUnupdatedPlugins = computed(() => {
 // 加载时获取数据
 onBeforeMount(() => {
   refreshData()
+  getPluginStatistics()
 })
 </script>
 
@@ -187,6 +201,7 @@ onBeforeMount(() => {
               v-if="defer(index)"
               :key="data.id"
               :plugin="data"
+              :count="PluginStatistics[data.id || '0']"
               @install="pluginInstalled"
             />
           </div>