feat(plugin-content-update): 新增内容更新触发类型

pengzhanbo · Dec 30, 2023 · 85b6d2c · 85b6d2c
1 parent d537d5a
commit 85b6d2c
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/plugins/plugin-content-update/src/client/components/Content.ts b/plugins/plugin-content-update/src/client/components/Content.ts
@@ -28,9 +28,9 @@ export const Content = defineComponent({
     return () =>
       pageComponent.value
         ? h(pageComponent.value, {
-          onVnodeMounted: runCallbacks,
-          onVnodeUpdated: runCallbacks,
-          onVnodeBeforeUnmount: runCallbacks,
+          onVnodeMounted: () => runCallbacks({ mounted: true }),
+          onVnodeUpdated: () => runCallbacks({ updated: true }),
+          onVnodeBeforeUnmount: () => runCallbacks({ beforeUnmount: true }),
         })
         : h(
           'div',

diff --git a/plugins/plugin-content-update/src/client/composables/index.ts b/plugins/plugin-content-update/src/client/composables/index.ts
@@ -1,7 +1,12 @@
 import { onUnmounted } from 'vue'
 
-// eslint-disable-next-line import/no-mutable-exports
-export let contentUpdatedCallbacks: (() => any)[] = []
+export interface ContentUpdated {
+  mounted?: boolean
+  updated?: boolean
+  beforeUnmount?: boolean
+}
+
+let contentUpdatedCallbacks: ((lifeCircleType: ContentUpdated) => any)[] = []
 
 /**
  * Register callback that is called every time the markdown content is updated
@@ -14,6 +19,6 @@ export function onContentUpdated(fn: () => any) {
   })
 }
 
-export function runCallbacks() {
-  contentUpdatedCallbacks.forEach(fn => fn())
+export function runCallbacks(lifeCircleType: ContentUpdated) {
+  contentUpdatedCallbacks.forEach(fn => fn(lifeCircleType))
 }