refactor: 重构项目页面与组件，优化整体结构与体验

1.  重构分类页面路由与实现，替换旧分类详情页为文章列表页
2.  统一使用自定义导航栏，替换原有原生导航配置
3.  重构加载状态管理，统一使用useDataLoadingStatus hook
4.  优化插件可用性检查逻辑与组件展示
5.  调整数据加载占位与空状态样式
6.  优化文章卡片样式与交互，新增分类跳转功能
7.  重构设置页枚举选择弹窗，使用wd-picker替换自定义实现
8.  删除废弃的IPluginAvailable类型与相关代码

src/pages/index/index.vue

@@ -28,7 +28,7 @@
 	const appConfigStore = useAppConfigStore()
 	const settingStore = useSettingStore()
 	// 维护拦截
-	const { interceptOrContinue, redirectToMaintenance } = useMaintenanceIntercept()
+	const { reason, interceptOrContinue, redirectToMaintenance } = useMaintenanceIntercept()
 
 	/** 通过二维码 scene 获取文章 id */
 	async function getPostIdByQRCode(key : string) : Promise<string | null> {
@@ -84,7 +84,7 @@
 		}
 		catch (err) {
 			console.error('入口页初始化失败', err)
-			redirectToMaintenance()
+			redirectToMaintenance(reason.value)
 		}
 	})
 </script>

src/pages/tabbar/category/category.vue

@@ -121,11 +121,10 @@
 			return
 		}
 		uni.navigateTo({
-			url: `/pages-blog/category-detail/category-detail?name=${category.metadata.name}&title=${category.spec.displayName}`,
+			url: `/pages-blog/category-articles/category-articles?name=${category.metadata.name}&title=${category.spec.displayName}`,
 		})
 	}
 
-
 	onMounted(() => {
 		handleInitPage()
 	})

src/pages/tabbar/gallery/gallery.vue

@@ -1,8 +1,4 @@
 <script lang="ts" setup>
-	/**
- * 图库页(源自旧项目 pages/tabbar/gallery/gallery.vue,新建复刻)
- * 功能:相册分组切换 + 图片列表(瀑布流/网格) + 图片预览
- */
 	import { computed, ref, watch } from 'vue'
 	import { onLoad, onPullDownRefresh, onReachBottom } from '@dcloudio/uni-app'
 	import { getPhotoGroupList, getPhotoListByGroupName } from '@/api/halo'
@@ -25,9 +21,19 @@
 
 	const galleryConfig = computed(() => haloConfigs.value.pageConfig?.galleryConfig)
 
-	/** 依赖插件(plugin-photos) */
-	const uniHaloPluginId = 'plugin-photos'
-	const { available: uniHaloPluginAvailable, check: checkPluginAvailable } = usePluginAvailable(uniHaloPluginId, false)
+	/** 依赖插件(PluginPhotos) */
+	const { pluginId, checking, tips, available: uniHaloPluginAvailable, check: checkPluginAvailable } = usePluginAvailable({
+		pluginId: 'PluginPhotos',
+		tips: '很抱歉，功能正在维护中...',
+		callback: (isAvailable) => {
+			if (!isAvailable) { return }
+			uni.pageScrollTo({
+				scrollTop: 0,
+				duration: 0,
+			})
+			handleGetCategory()
+		}
+	})
 
 	/* ---------------- 状态 ---------------- */
 	const { loadingStatus, updateLoadingStatus } = useDataLoadingStatus()
@@ -152,11 +158,9 @@
 			uni.stopPullDownRefresh()
 			return
 		}
-		
-		// 开始正常数据请求
 		handleGetCategory()
 	})
- 
+
 	onPullDownRefresh(() => {
 		if (!uniHaloPluginAvailable.value) {
 			uni.stopPullDownRefresh()
@@ -169,8 +173,7 @@
 	})
 
 	onReachBottom(() => {
-		if (!uniHaloPluginAvailable.value)
-			return
+		if (!uniHaloPluginAvailable.value) { return }
 		if (calcAuditModeEnabled.value) {
 			uni.showToast({ icon: 'none', title: t('common.noMoreData') })
 			return
@@ -188,8 +191,8 @@
 
 <template>
 	<view class="min-h-screen w-screen flex flex-col bg-page pb-6">
-		<uh-plugin-unavailable v-if="!uniHaloPluginAvailable" :plugin-id="uniHaloPluginId"
-			error-text="检测到当前插件没有安装或者启用，无法使用图库功能哦，请联系管理员" @on-refresh="handleGetCategory" />
+		<uh-plugin-unavailable v-if="!uniHaloPluginAvailable" :plugin-id="pluginId" :error-text="tips"
+			:checking="checking" @on-refresh="checkPluginAvailable" />
 		<template v-else>
 			<wd-sticky v-if="category.list.length!==0">
 				<scroll-view :scroll-x="true" class="w-full whitespace-nowrap pt-3">

src/pages/tabbar/home/home.vue

@@ -124,15 +124,9 @@
 	}
 
 	/* ---------------- 跳转 ---------------- */
-	function handleToArticleDetail(article : IPost) {
-		uni.navigateTo({
-			url: `/pages-blog/article-detail/article-detail?name=${article.metadata.name}`,
-			animationType: 'slide-in-right',
-		})
-	}
-
-	function handleToSearch() {
-		uni.navigateTo({ url: '/pages-blog/search/search' })
+	
+	function handleToArticles() {
+		uni.navigateTo({ url: '/pages-blog/articles/articles' })
 	}
 
 	function handleOnLogoToPage() {
@@ -202,10 +196,10 @@
 
 		<!-- 最新文章 -->
 		<uh-section-title class="mb-4 box-border px-3">
-			最新内容
+			最新推荐
 			<template #right>
-				<view class="uh-global-card-glass flex items-center justify-center rounded-md p-1 text-gray-400"
-					@click="handleToSearch()">
+				<view class="uh-global-card-glass flex items-center justify-center  gap-x-1 rounded-md p-1 text-gray-400"
+					@click="handleToArticles()">
 					<wd-icon name="arrow-right" size="12px" />
 				</view>
 			</template>
@@ -217,8 +211,9 @@
 
 		<block v-else>
 			<view class="flex flex-col gap-y-3 p-3 pt-0" :class="globalAppSettings.layout.home">
-				<uh-article-card v-for="(article, index) in articleList" :key="index" from="home" :article="article"
-					@on-click="handleToArticleDetail" />
+				<uh-article-card v-for="(article, index) in articleList" :key="index"
+				 from="home" :article="article" :audit-mode="calcAuditModeEnabled"
+				 />
 			</view>
 			<view class="load-text mt-3 pb-5 text-center text-xs text-gray-400">
 				{{ loadMoreText }}