From fe1c73756e4605804c86021ae840312399a70215 Mon Sep 17 00:00:00 2001
From: yixiaojiu <yi_xiao_jiu@qq.com>
Date: Thu, 5 Sep 2024 16:59:52 +0800
Subject: [PATCH] feat(addon-meting): add a config to control Aplayer's
 visibility

---
 demo/yun/.valaxy/typed-router.d.ts               |  3 ++-
 demo/yun/pages/posts/aplayer.md                  |  6 ++++++
 packages/valaxy-addon-meting/App.vue             |  4 +++-
 packages/valaxy-addon-meting/client/index.ts     | 16 +++++++++++++++-
 .../valaxy-addon-meting/components/MetingJs.vue  |  5 +++--
 5 files changed, 29 insertions(+), 5 deletions(-)
 create mode 100644 demo/yun/pages/posts/aplayer.md

diff --git a/demo/yun/.valaxy/typed-router.d.ts b/demo/yun/.valaxy/typed-router.d.ts
index e30f44d32..ea7eb0624 100644
--- a/demo/yun/.valaxy/typed-router.d.ts
+++ b/demo/yun/.valaxy/typed-router.d.ts
@@ -52,8 +52,8 @@ declare module 'vue-router/auto-routes' {
     '/links/': RouteRecordInfo<'/links/', '/links', Record<never, never>, Record<never, never>>,
     '/notes/': RouteRecordInfo<'/notes/', '/notes', Record<never, never>, Record<never, never>>,
     '/page/[page]': RouteRecordInfo<'/page/[page]', '/page/:page', { page: ParamValue<true> }, { page: ParamValue<false> }>,
-    '/posts/中文Post测试': RouteRecordInfo<'/posts/中文Post测试', '/posts/中文Post测试', Record<never, never>, Record<never, never>>,
     '/posts/about': RouteRecordInfo<'/posts/about', '/posts/about', Record<never, never>, Record<never, never>>,
+    '/posts/aplayer': RouteRecordInfo<'/posts/aplayer', '/posts/aplayer', Record<never, never>, Record<never, never>>,
     '/posts/categories-a-b': RouteRecordInfo<'/posts/categories-a-b', '/posts/categories-a-b', Record<never, never>, Record<never, never>>,
     '/posts/categories-a-b-c': RouteRecordInfo<'/posts/categories-a-b-c', '/posts/categories-a-b-c', Record<never, never>, Record<never, never>>,
     '/posts/code': RouteRecordInfo<'/posts/code', '/posts/code', Record<never, never>, Record<never, never>>,
@@ -83,6 +83,7 @@ declare module 'vue-router/auto-routes' {
     '/posts/test': RouteRecordInfo<'/posts/test', '/posts/test', Record<never, never>, Record<never, never>>,
     '/posts/test-images': RouteRecordInfo<'/posts/test-images', '/posts/test-images', Record<never, never>, Record<never, never>>,
     '/posts/test-tags': RouteRecordInfo<'/posts/test-tags', '/posts/test-tags', Record<never, never>, Record<never, never>>,
+    '/posts/中文Post测试': RouteRecordInfo<'/posts/中文Post测试', '/posts/中文Post测试', Record<never, never>, Record<never, never>>,
     '/tags/': RouteRecordInfo<'/tags/', '/tags', Record<never, never>, Record<never, never>>,
     '/test/deadlinks': RouteRecordInfo<'/test/deadlinks', '/test/deadlinks', Record<never, never>, Record<never, never>>,
     '/test/footnotes': RouteRecordInfo<'/test/footnotes', '/test/footnotes', Record<never, never>, Record<never, never>>,
diff --git a/demo/yun/pages/posts/aplayer.md b/demo/yun/pages/posts/aplayer.md
new file mode 100644
index 000000000..10378e5c2
--- /dev/null
+++ b/demo/yun/pages/posts/aplayer.md
@@ -0,0 +1,6 @@
+---
+title: Aplayer 测试
+aplayer: false
+categories:
+  - Test
+---
diff --git a/packages/valaxy-addon-meting/App.vue b/packages/valaxy-addon-meting/App.vue
index 4c765b0f2..ebcd31889 100644
--- a/packages/valaxy-addon-meting/App.vue
+++ b/packages/valaxy-addon-meting/App.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useMeting } from './client'
+import { useMeting, useVisible } from './client'
 
 const props = withDefaults(defineProps<{
   [key: string]: any
@@ -23,11 +23,13 @@ export interface MetingJsProps {
 }
 
 useMeting()
+const visible = useVisible()
 </script>
 
 <template>
   <!-- eslint-disable-next-line vue/component-name-in-template-casing -->
   <meting-js
+    v-show="visible"
     v-bind="props"
     :fixed="true"
   />
diff --git a/packages/valaxy-addon-meting/client/index.ts b/packages/valaxy-addon-meting/client/index.ts
index 91395df37..e848b63ac 100644
--- a/packages/valaxy-addon-meting/client/index.ts
+++ b/packages/valaxy-addon-meting/client/index.ts
@@ -1,7 +1,8 @@
 import { useScriptTag } from '@vueuse/core'
 import { useHead } from '@unhead/vue'
-import { computed } from 'vue'
+import { computed, ref, watch } from 'vue'
 import { useSiteConfig } from 'valaxy'
+import { useRoute } from 'vue-router'
 import { useMetingLoadObserver } from './observer'
 import { useAddonMeting } from './options'
 import { onMetingInit } from './hook'
@@ -33,3 +34,16 @@ export function useMeting() {
   onMetingInit(addonMeting.value)
   useMetingLoadObserver(addonMeting.value)
 }
+
+export function useVisible() {
+  const visible = ref(true)
+  const route = useRoute()
+  const addonMeting = useAddonMeting()
+
+  watch(() => route.path, () => {
+    const global = addonMeting.value.global
+    visible.value = route.meta.frontmatter.aplayer ?? global ?? true
+  }, { immediate: true })
+
+  return visible
+}
diff --git a/packages/valaxy-addon-meting/components/MetingJs.vue b/packages/valaxy-addon-meting/components/MetingJs.vue
index c566ce2ec..b9bb752e6 100644
--- a/packages/valaxy-addon-meting/components/MetingJs.vue
+++ b/packages/valaxy-addon-meting/components/MetingJs.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useMeting } from '../client'
+import { useMeting, useVisible } from '../client'
 
 const props = withDefaults(defineProps<{
   [key: string]: any
@@ -23,9 +23,10 @@ export interface MetingJsProps {
 }
 
 useMeting()
+const visible = useVisible()
 </script>
 
 <template>
   <!-- eslint-disable-next-line vue/component-name-in-template-casing -->
-  <meting-js v-bind="props" />
+  <meting-js v-show="visible" v-bind="props" />
 </template>