feat: 添加插件检测

api/v2/all.api.js

@@ -1,11 +1,15 @@
 /**
  * 所有的接口
  */
-import {getPersonalToken} from '@/utils/token.js'
+import {
+	getPersonalToken
+} from '@/utils/token.js'
 import HttpHandler from '@/common/http/request.js'
 import qs from 'qs'
 
-import {getAppConfigs} from '@/config/index.js'
+import {
+	getAppConfigs
+} from '@/config/index.js'
 
 export default {
 	/**
@@ -241,6 +245,51 @@ export default {
 	 */
 	submitUpvote(data) {
 		return HttpHandler.Post(`/apis/api.halo.run/v1alpha1/trackers/upvote`, data, {})
-    }
+	},
 
+	//----------- 投票 -----------------
+	/**
+	 * 获取投票列表
+	 */
+	getVoteList: (params) => {
+		return HttpHandler.Get(`/apis/console.api.vote.kunkunyu.com/v1alpha1/votes`, params, {
+			custom: {
+				personalToken: getPersonalToken()
+			}
+		})
+	},
+	/**
+	 * 获取投票详情
+	 * @param {String} name id 
+	 */
+	getVoteDetail: (name) => {
+		return HttpHandler.Get(`/apis/api.vote.kunkunyu.com/v1alpha1/votes/${name}/detail`, {})
+	},
+	/**
+	 * 获取投票用户列表
+	 * @param {String} name id 
+	 */
+	getVoteUserList: (name) => {
+		return HttpHandler.Get(`/apis/api.vote.kunkunyu.com/v1alpha1/votes/${name}/user-list`, {})
+	},
+	/**
+	 * 提交投票
+	 * @param {String} name id
+	 * @param {Object} { voteData:["选项ID"] } 提交的数据
+	 * @param {Boolean} canAnonymously 是否匿名 默认匿名
+	 */
+	submitVote: (name, data, canAnonymously = true) => {
+		return HttpHandler.Post(`/apis/api.vote.kunkunyu.com/v1alpha1/votes/${name}/submit`, data, {
+			custom: {
+				personalToken: canAnonymously ? undefined : getPersonalToken()
+			}
+		})
+	},
+	/**
+	 * 检查是否安装启用插件
+	 * @param {String} name 插件id 
+	 */
+	checkPluginAvailable: (name) => {
+		return HttpHandler.Get(`/apis/api.plugin.halo.run/v1alpha1/plugins/${name}/available`, {})
+	},
 }

common/mixins/pluginAvailable.js

@@ -0,0 +1,47 @@
+/**
+ *  功能：插件检查
+ */
+import {
+	NeedPluginIds,
+	NeedPlugins,
+	checkNeedPluginAvailable
+} from "@/utils/plugin.js"
+import PluginUnavailable from '@/components/plugin-unavailable/plugin-unavailable.vue'
+
+
+const HaloPluginAvailableMixin = {
+	components: {
+		PluginUnavailable
+	},
+	data() {
+		return {
+			NeedPluginIds,
+			NeedPlugins,
+			uniHaloPluginAvailableError: "",
+			uniHaloPluginAvailable: true,
+			uniHaloPluginId: "", // 当前需要的插件
+			uniHaloPluginInfo: "" // 当前插件信息
+		};
+	},
+	methods: {
+		/** 设置插件ID */
+		setPluginId(pluginId) {
+			this.uniHaloPluginId = pluginId
+			this.uniHaloPluginInfo = NeedPlugins.get(pluginId)
+		},
+		/** 检查插件状态 */
+		async checkPluginAvailable(pluginId) {
+			pluginId = pluginId ?? this.uniHaloPluginId
+			if (!pluginId) return false;
+			const available = await checkNeedPluginAvailable(pluginId)
+			this.uniHaloPluginAvailable = available
+			return available
+		},
+		/** 设置错误信息 */
+		setPluginError(text) {
+			this.uniHaloPluginAvailableError = text
+		}
+	},
+}
+
+export default HaloPluginAvailableMixin;

common/styles/app.base.scss

@@ -172,3 +172,170 @@
 }
 
 /* 文本省略样式 结束 */
+
+
+// 定义尺寸变量（单位：rpx）
+$spacing-sizes: (
+        0: 0,
+        2: 4rpx,
+        4: 8rpx,
+        8: 16rpx,
+        12: 24rpx,
+        24: 48rpx,
+        48: 96rpx
+);
+
+// 内边距类
+@each $name, $size in $spacing-sizes {
+  // 全方向内边距：p-{size}
+  .p-#{$name} {
+    padding: $size !important;
+  }
+
+  // 水平方向内边距：px-{size}
+  .px-#{$name} {
+    padding-left: $size !important;
+    padding-right: $size !important;
+  }
+
+  // 垂直方向内边距：py-{size}
+  .py-#{$name} {
+    padding-top: $size !important;
+    padding-bottom: $size !important;
+  }
+
+  // 上内边距：pt-{size}
+  .pt-#{$name} {
+    padding-top: $size !important;
+  }
+
+  // 右内边距：pr-{size}
+  .pr-#{$name} {
+    padding-right: $size !important;
+  }
+
+  // 下内边距：pb-{size}
+  .pb-#{$name} {
+    padding-bottom: $size !important;
+  }
+
+  // 左内边距：pl-{size}
+  .pl-#{$name} {
+    padding-left: $size !important;
+  }
+}
+
+//外边距工具类
+@each $name, $size in $spacing-sizes {
+  // 全方向外边距：m-{size}
+  .m-#{$name} {
+    margin: $size !important;
+  }
+
+  // 水平方向外边距：mx-{size}
+  .mx-#{$name} {
+    margin-left: $size !important;
+    margin-right: $size !important;
+  }
+
+  // 垂直方向外边距：my-{size}
+  .my-#{$name} {
+    margin-top: $size !important;
+    margin-bottom: $size !important;
+  }
+
+  // 上外边距：mt-{size}
+  .mt-#{$name} {
+    margin-top: $size !important;
+  }
+
+  // 右外边距：mr-{size}
+  .mr-#{$name} {
+    margin-right: $size !important;
+  }
+
+  // 下外边距：mb-{size}
+  .mb-#{$name} {
+    margin-bottom: $size !important;
+  }
+
+  // 左外边距：ml-{size}
+  .ml-#{$name} {
+    margin-left: $size !important;
+  }
+}
+
+// gap 类
+@each $name, $size in $spacing-sizes {
+  // 全方向gap：gap-{size}
+  .gap-#{$name} {
+    gap: $size !important;
+  }
+
+  // 水平方向gap：gap-x-{size}
+  .gap-x-#{$name} {
+    column-gap: $size !important;
+  }
+
+  // 垂直方向gap：gap-y-{size}
+  .gap-y-#{$name} {
+    row-gap: $size !important;
+  }
+}
+
+
+.w-full {
+  width: 100%;
+}
+
+.h-full {
+  height: 100%;
+}
+
+.flex {
+  display: flex;
+}
+
+.flex-col {
+  flex-direction: column;
+}
+
+.flex-1 {
+  flex: 1;
+}
+
+.flex-shrink-0 {
+  flex-shrink: 0;
+}
+
+.items-center {
+  align-items: center;
+}
+
+.items-start {
+  align-items: flex-start;
+}
+
+.items-end {
+  align-items: flex-end;
+}
+
+.justify-between {
+  justify-content: space-between;
+}
+
+.justify-around {
+  justify-content: space-around;
+}
+
+.justify-end {
+  justify-content: flex-end;
+}
+
+.justify-start {
+  justify-content: flex-start;
+}
+
+.justify-center {
+  justify-content: center;
+}

pages/tabbar/gallery/gallery.vue

@@ -1,9 +1,12 @@
 <template>
 	<view class="app-page">
+		<PluginUnavailable v-if="!uniHaloPluginAvailable" :pluginId="uniHaloPluginId"
+			:error-text="uniHaloPluginAvailableError" />
+		<template v-else>
 			<!-- 顶部切换 -->
 			<view class="e-fixed" v-if="category.list.length > 0">
-            <tm-tabs color="light-blue" :shadow="0" v-model="category.activeIndex" range-key="displayName" :list="category.list"
+				<tm-tabs color="light-blue" :shadow="0" v-model="category.activeIndex" range-key="displayName"
-                     align="left" @change="fnOnCategoryChange($event, false)"></tm-tabs>
+					:list="category.list" align="left" @change="fnOnCategoryChange($event, false)"></tm-tabs>
 			</view>
 			<!-- 占位区域 -->
 			<view v-if="category.list.length > 0" style="width: 100vw;height: 90rpx;"></view>
@@ -29,7 +32,8 @@
 					<block v-else>
 						<block v-if="galleryConfig.useWaterfall">
 							<!--瀑布流-->
-						<tm-flowLayout-custom ref="wafll" style="width: 100%;" @click="fnOnFlowClick"></tm-flowLayout-custom>
+							<tm-flowLayout-custom ref="wafll" style="width: 100%;"
+								@click="fnOnFlowClick"></tm-flowLayout-custom>
 						</block>
 						<!--   列表   -->
 						<block v-else>
@@ -54,6 +58,7 @@
 				<tm-button @click="fnToTopPage" size="m" :fab="true" theme="light-blue"
 					icon="icon-angle-up"></tm-button>
 			</view>
+		</template>
 	</view>
 </template>
 
@@ -69,10 +74,13 @@ import tmFlowLayoutCustom from '@/tm-vuetify/components/tm-flowLayout-custom/tm-
 	import tmTabs from '@/tm-vuetify/components/tm-tabs/tm-tabs.vue';
 	import tmButton from '@/tm-vuetify/components/tm-button/tm-button.vue';
 
+	import pluginAvailable from "@/common/mixins/pluginAvailable.js"
+
 	export default {
 		options: {
 			multipleSlots: true
 		},
+		mixins: [pluginAvailable],
 		components: {
 			tmSkeleton,
 			tmTranslate,
@@ -122,7 +130,7 @@ export default {
 		},
 		watch: {
 			galleryConfig: {
-            handler(newValue, oldValue) {
+				  async handler(newValue, oldValue) {
 					if (!newValue) return;
 					this.fnSetPageTitle(newValue.pageTitle);
 					this.fnGetCategory();
@@ -131,13 +139,21 @@ export default {
 				immediate: true
 			}
 		},
+		async onLoad() {
+			// 检查插件
+			this.setPluginId(this.NeedPluginIds.PluginPhotos)
+			this.setPluginError("阿偶，检测到当前插件没有安装或者启用，无法使用图库功能哦，请联系管理员")
+			await this.checkPluginAvailable()
+		},
 		onPullDownRefresh() {
+			if (!this.uniHaloPluginAvailable) return;
 			this.dataList = []
 			this.isLoadMore = false;
 			this.queryParams.page = 1;
 			this.fnGetData(true);
 		},
 		onReachBottom(e) {
+			if (!this.uniHaloPluginAvailable) return;
 			if (this.calcAuditModeEnabled) {
 				uni.showToast({
 					icon: 'none',
@@ -145,6 +161,7 @@ export default {
 				});
 				return;
 			}
+
 			if (this.hasNext) {
 				this.queryParams.page += 1;
 				this.isLoadMore = true;
@@ -279,7 +296,9 @@ export default {
 						}, 500);
 					});
 			},
-        fnOnFlowClick({item}) {
+			fnOnFlowClick({
+				item
+			}) {
 				this.fnPreview(item)
 			},
 			// 预览
@@ -322,6 +341,7 @@ export default {
 		padding-bottom: 24rpx;
 		background-color: #fafafa;
 	}
+
 	.content {
 		width: 100%;
 		display: flex;
@@ -336,6 +356,7 @@ export default {
 			justify-content: center;
 		}
 	}
+
 	.touch-listen-content {
 		width: 100%;
 		display: flex;
@@ -344,6 +365,7 @@ export default {
 		padding: 24rpx 24rpx 0;
 		gap: 12rpx 0;
 	}
+
 	.loading-wrap {
 		box-sizing: border-box;
 		padding: 24rpx;

pages/tabbar/moments/moments.vue

@@ -1,5 +1,8 @@
 <template>
 	<view class="app-page">
+		<PluginUnavailable v-if="!uniHaloPluginAvailable" :pluginId="uniHaloPluginId"
+			:error-text="uniHaloPluginAvailableError" />
+		<template v-else>
 			<view v-if="loading !== 'success'" class="loading-wrap">
 				<tm-skeleton model="listAvatr"></tm-skeleton>
 				<tm-skeleton model="listAvatr"></tm-skeleton>
@@ -13,8 +16,8 @@
 				</view>
 				<block v-else>
 					<!-- 卡片 -->
-				<tm-translate v-for="(moment, index) in dataList" :key="moment.metadata.name" animation-name="fadeUp"
+					<tm-translate v-for="(moment, index) in dataList" :key="moment.metadata.name"
-					:wait="calcAniWait(index)">
+						animation-name="fadeUp" :wait="calcAniWait(index)">
 						<view class="moment-card">
 							<view class="head" style="display: flex;align-items: center;">
 								<view class="avatar" style="flex-shrink: 0;">
@@ -39,15 +42,16 @@
 							</view>
 							<view v-if="moment.images && moment.images.length!==0" class="images"
 								:class="['images-'+moment.images.length]">
-							<view class="image-item" v-for="(image,mediumIndex) in moment.images" :key="mediumIndex">
+								<view class="image-item" v-for="(image,mediumIndex) in moment.images"
+									:key="mediumIndex">
 									<image mode="aspectFill" style="width: 100%;height: 100%;border-radius: 6rpx;"
 										:src="image.url" @click="handlePreview(mediumIndex,moment.images)" />
 								</view>
 							</view>
 							<view v-if="moment.audios && moment.audios.length!==0" class="mb-12"
 								style="display: flex; flex-direction: column; gap: 12rpx 0;padding: 0 24rpx;padding-right:28rpx;">
-							<audio v-for="(audio,index) in moment.audios" :controls="true" :key="index" :id="audio.url"
+								<audio v-for="(audio,index) in moment.audios" :controls="true" :key="index"
-								:poster="bloggerInfo.avatar"
+									:id="audio.url" :poster="bloggerInfo.avatar"
 									:name="'来自' + (startConfig.title||bloggerInfo.nickname) + '的声音'"
 									:author="bloggerInfo.nickname" :src="audio.url"></audio>
 							</view>
@@ -74,6 +78,7 @@
 					<view class="load-text">{{ loadMoreText }}</view>
 				</block>
 			</view>
+		</template>
 	</view>
 </template>
 
@@ -92,7 +97,11 @@
 	import {
 		generateUUID
 	} from '@/utils/uuid.js';
+
+	import pluginAvailable from "@/common/mixins/pluginAvailable.js"
+
 	export default {
+		mixins: [pluginAvailable],
 		components: {
 			tmSkeleton,
 			tmFlotbutton,
@@ -141,10 +150,16 @@
 				return this.haloConfigs.appConfig.startConfig;
 			}
 		},
-		onLoad() {
+		async onLoad() { 
+			// 检查插件
+			this.setPluginId(this.NeedPluginIds.PluginMoments)
+			this.setPluginError("阿偶，检测到当前插件没有安装或者启用，无法使用瞬间功能哦，请联系管理员")
+			if (!await this.checkPluginAvailable()) return
+			
 			this.fnGetData();
 		},
 		onPullDownRefresh() {
+			if (!this.uniHaloPluginAvailable) return;
 			this.isLoadMore = false;
 			this.queryParams.page = 0;
 			this.videoContexts = {};
@@ -152,6 +167,7 @@
 			this.fnGetData();
 		},
 		onReachBottom(e) {
+			if (!this.uniHaloPluginAvailable) return;
 			if (this.calcAuditModeEnabled) {
 				uni.showToast({
 					icon: 'none',
@@ -322,7 +338,9 @@
 
 <style lang="scss" scoped>
 	.app-page {
+		box-sizing: border-box;
 		width: 100vw;
+		min-height: 100vh;
 		display: flex;
 		flex-direction: column;
 		padding: 24rpx 0;

pagesA/friend-links/friend-links.vue

@@ -1,5 +1,8 @@
 <template>
 	<view class="app-page card-shadow">
+		<PluginUnavailable v-if="!uniHaloPluginAvailable" :pluginId="uniHaloPluginId"
+			:error-text="uniHaloPluginAvailableError" />
+		<template v-else>
 			<view v-if="loading != 'success'" class="loading-wrap">
 				<tm-skeleton model="listAvatr"></tm-skeleton>
 				<tm-skeleton model="listAvatr"></tm-skeleton>
@@ -73,10 +76,12 @@
 					<view class="poup pa-36" v-if="detail.data">
 						<view class="info flex">
 							<view class="poup-logo bg-gradient-amber-accent pa-4 shadow-24">
-                            <image class="poup-logo_img" :src="$utils.checkImageUrl(detail.data.spec.logo)" mode="aspectFill"></image>
+								<image class="poup-logo_img" :src="$utils.checkImageUrl(detail.data.spec.logo)"
+									mode="aspectFill"></image>
 							</view>
 							<view class="pl-24 info-detail">
-                            <view class="poup-name text-size-lg text-weight-b">{{ detail.data.spec.displayName }}</view>
+								<view class="poup-name text-size-lg text-weight-b">{{ detail.data.spec.displayName }}
+								</view>
 								<view class="poup-tag ml--10">
 									<tm-tags color="bg-gradient-light-blue-lighten" size="n" model="fill">
 										{{ detail.data.spec.groupName }}
@@ -103,6 +108,7 @@
 
 				<view class="load-text">{{ loadMoreText }}</view>
 			</view>
+		</template>
 	</view>
 </template>
 
@@ -115,7 +121,10 @@ import tmEmpty from '@/tm-vuetify/components/tm-empty/tm-empty.vue';
 	import tmImages from '@/tm-vuetify/components/tm-images/tm-images.vue';
 	import tmPoup from '@/tm-vuetify/components/tm-poup/tm-poup.vue';
 
+	import pluginAvailable from "@/common/mixins/pluginAvailable.js"
+
 	export default {
+		mixins: [pluginAvailable],
 		components: {
 			tmSkeleton,
 			tmTranslate,
@@ -171,17 +180,23 @@ export default {
 				return this.haloConfigs.auditConfig.auditModeEnabled
 			},
 		},
-    onLoad() {
+		async onLoad() {
 			this.fnSetPageTitle('友情链接');
+			// 检查插件
+			this.setPluginId(this.NeedPluginIds.PluginLinks)
+			this.setPluginError("阿偶，检测到当前插件没有安装或者启用，无法使用友情链接功能哦，请联系管理员")
+			if (!await this.checkPluginAvailable()) return
 			this.fnGetLinkGroupData();
 		},
 		onPullDownRefresh() {
+			if (!this.uniHaloPluginAvailable) return;
 			this.isLoadMore = false;
 			this.queryParams.page = 1;
 			this.dataList = []
 			this.fnGetData();
 		},
 		onReachBottom(e) {
+			if (!this.uniHaloPluginAvailable) return;
 			if (this.hasNext) {
 				this.queryParams.page += 1;
 				this.isLoadMore = true;
@@ -210,7 +225,8 @@ export default {
 			},
 			findLinkGroupDisplayNameByGroupMetadataName(groupName) {
 				if (this.linkGroupList.length === 0) return groupName || "未分组"
-            return this.linkGroupList.find(item => item.metadata.name === groupName)?.spec?.displayName || groupName || "未分组"
+				return this.linkGroupList.find(item => item.metadata.name === groupName)?.spec?.displayName || groupName ||
+					"未分组"
 			},
 			fnGetData() {
 				if (this.calcAuditModeEnabled) {
@@ -228,7 +244,8 @@ export default {
 						this.hasNext = res.hasNext;
 						const list = res.items.map(item => {
 							item.spec.logo = this.$utils.checkAvatarUrl(item.spec?.logo)
-                        item.spec.groupName = this.findLinkGroupDisplayNameByGroupMetadataName(item.spec?.groupName)
+							item.spec.groupName = this.findLinkGroupDisplayNameByGroupMetadataName(item.spec
+								?.groupName)
 							return item;
 						})
 						this.dataList = this.dataList.concat(list);

utils/plugin.js

@@ -0,0 +1,94 @@
+import utils from '@/utils/index.js'
+import v2Apis from "@/api/v2/all.api.js"
+
+export const NeedPluginIds = Object.freeze({
+	PluginUniHalo: "plugin-uni-halo",
+	PluginPhotos: "PluginPhotos",
+	PluginLinks: "PluginLinks",
+	PluginMoments: "PluginMoments",
+	PluginSearchWidget: "PluginSearchWidget",
+	PluginCommentWidget: "PluginCommentWidget",
+	PluginVote: "vote",
+})
+
+export const NeedPlugins = new Map([
+	[
+		NeedPluginIds.PluginUniHalo, {
+			id: "plugin-uni-halo",
+			name: "UniHalo配置",
+			desc: "uni-halo 核心插件，未安装和启用的情况下，将无法使用 uni-halo，请检查是否已安装和启用。",
+			logo: utils.checkUrl("/plugins/plugin-uni-halo/assets/logo.png"),
+			url: "https://www.halo.run/store/apps/app-ryemX"
+		}
+	],
+	[
+		NeedPluginIds.PluginPhotos, {
+			id: "PluginPhotos",
+			name: "图库管理",
+			desc: "图库功能模块所需要的插件，用于展示",
+			logo: utils.checkUrl("/plugins/PluginPhotos/assets/logo.svg"),
+			url: "https://www.halo.run/store/apps/app-BmQJW"
+		}
+	],
+	[
+		NeedPluginIds.PluginLinks, {
+			id: "PluginLinks",
+			name: "链接管理",
+			desc: "链接管理模块，用于网站友情链接功能模块。",
+			logo: utils.checkUrl("/plugins/PluginLinks/assets/logo.svg"),
+			url: "https://www.halo.run/store/apps/app-hfbQg"
+		}
+	],
+	[
+		NeedPluginIds.PluginMoments, {
+			id: "PluginMoments",
+			name: "瞬间",
+			desc: "提供一个轻量级的内容图文、视频、音频等内容展示。",
+			logo: utils.checkUrl("/plugins/PluginMoments/assets/logo.svg"),
+			url: "https://www.halo.run/store/apps/app-SnwWD"
+		}
+	],
+	[
+		NeedPluginIds.PluginSearchWidget, {
+			id: "PluginSearchWidget",
+			name: "搜索组件",
+			desc: "为应用提供统一的搜索组件。",
+			logo: utils.checkUrl("/plugins/PluginSearchWidget/assets/logo.svg"),
+			url: "https://www.halo.run/store/apps/app-DlacW"
+		}
+	],
+	[
+		NeedPluginIds.PluginCommentWidget, {
+			id: "PluginCommentWidget",
+			name: "评论组件",
+			desc: "为用户前台提供完整的评论解决方案",
+			logo: utils.checkUrl("/plugins/PluginCommentWidget/assets/logo.svg"),
+			url: "https://www.halo.run/store/apps/app-YXyaD"
+		}
+	],
+	[
+		NeedPluginIds.PluginVote, {
+			id: "vote",
+			name: "投票管理",
+			desc: "投票模块所需要的插件，用于展示投票和提交投票",
+			logo: utils.checkUrl("/plugins/vote/assets/logo.png"),
+			url: "https://www.halo.run/store/apps/app-veyvzyhv"
+		}
+	]
+])
+
+/**
+ * 检查插件是否启用、安装
+ * @param {String} pluginId 插件id
+ * @return {Boolean} true = 安装、启用  false= 未安装启用
+ */
+export const checkNeedPluginAvailable = (pluginId) => {
+	return new Promise(async (resolve) => {
+		try {
+			const available = await v2Apis.checkPluginAvailable(pluginId)
+			resolve(available)
+		} catch (err) {
+			resolve(false)
+		}
+	})
+}