From e57af4df73141ed938c23fa05e79d19b3d053bcf Mon Sep 17 00:00:00 2001
From: wuyiping0628 <1106773985@qq.com>
Date: Tue, 3 Dec 2024 04:13:06 -0800
Subject: [PATCH] feat(bulletin-board): [bulletin-board] Add click events

---
 examples/sites/demos/apis/bulletin-board.js                | 7 +++++--
 .../demos/pc/app/bulletin-board/events-composition-api.vue | 6 +++---
 examples/sites/demos/pc/app/bulletin-board/events.vue      | 6 +++---
 .../demos/pc/app/bulletin-board/webdoc/bulletin-board.js   | 6 +++---
 packages/renderless/src/bulletin-board/index.ts            | 2 +-
 5 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/examples/sites/demos/apis/bulletin-board.js b/examples/sites/demos/apis/bulletin-board.js
index 173b0da42b..39e543f9ea 100644
--- a/examples/sites/demos/apis/bulletin-board.js
+++ b/examples/sites/demos/apis/bulletin-board.js
@@ -90,7 +90,7 @@ export default {
       ],
       events: [
         {
-          name: 'handleClick',
+          name: 'contentClick',
           type: '(event: BulletinBoardData) => void',
           defaultValue: '',
           desc: {
@@ -98,7 +98,10 @@ export default {
             'en-US': 'The callback function triggered when the content of the bulletin board is clicked'
           },
           mode: ['pc'],
-          pcDemo: 'events'
+          pcDemo: 'events',
+          meta: {
+            stable: '3.20.0'
+          }
         }
       ],
       methods: [],
diff --git a/examples/sites/demos/pc/app/bulletin-board/events-composition-api.vue b/examples/sites/demos/pc/app/bulletin-board/events-composition-api.vue
index fcccb1f662..7eea0b3455 100644
--- a/examples/sites/demos/pc/app/bulletin-board/events-composition-api.vue
+++ b/examples/sites/demos/pc/app/bulletin-board/events-composition-api.vue
@@ -1,5 +1,5 @@
 <template>
-  <tiny-bulletin-board :tab-title="tabTitle" :data="data" @handleClick="handleClick"></tiny-bulletin-board>
+  <tiny-bulletin-board :tab-title="tabTitle" :data="data" @contentClick="contentClick"></tiny-bulletin-board>
 </template>
 
 <script setup>
@@ -86,9 +86,9 @@ const data = ref([
     }
   ]
 ])
-function handleClick(item) {
+function contentClick(item) {
   TinyModal.message({
-    message: 'click 事件：内容为' + item.text,
+    message: '触发 contentClick 事件：内容为' + item.text,
     status: 'info'
   })
 }
diff --git a/examples/sites/demos/pc/app/bulletin-board/events.vue b/examples/sites/demos/pc/app/bulletin-board/events.vue
index 09a8838e75..36ed3018d5 100644
--- a/examples/sites/demos/pc/app/bulletin-board/events.vue
+++ b/examples/sites/demos/pc/app/bulletin-board/events.vue
@@ -1,5 +1,5 @@
 <template>
-  <tiny-bulletin-board :tab-title="tabTitle" :data="data" @handleClick="handleClick"></tiny-bulletin-board>
+  <tiny-bulletin-board :tab-title="tabTitle" :data="data" @contentClick="contentClick"></tiny-bulletin-board>
 </template>
 
 <script>
@@ -94,9 +94,9 @@ export default {
     }
   },
   methods: {
-    handleClick(item) {
+    contentClick(item) {
       TinyModal.message({
-        message: 'click 事件：内容为' + item.text,
+        message: '触发 contentClick 事件：内容为' + item.text,
         status: 'info'
       })
     }
diff --git a/examples/sites/demos/pc/app/bulletin-board/webdoc/bulletin-board.js b/examples/sites/demos/pc/app/bulletin-board/webdoc/bulletin-board.js
index dc595caa98..a03a2c84db 100644
--- a/examples/sites/demos/pc/app/bulletin-board/webdoc/bulletin-board.js
+++ b/examples/sites/demos/pc/app/bulletin-board/webdoc/bulletin-board.js
@@ -108,12 +108,12 @@ export default {
     {
       demoId: 'events',
       name: {
-        'zh-CN': 'click事件',
+        'zh-CN': '事件',
         'en-US': 'Fold panel click event'
       },
       desc: {
-        'zh-CN': '<p>当点击后会触发触发 <code>click</code> 事件。</p>',
-        'en-US': '<p>When clicked, it will trigger<code>click</code>. </p>'
+        'zh-CN': '<p>当点击内容后会触发 <code>contentClick</code> 事件。</p>',
+        'en-US': '<p>When clicked, it will trigger <code>contentClick</code> . </p>'
       },
       codeFiles: ['events.vue']
     }
diff --git a/packages/renderless/src/bulletin-board/index.ts b/packages/renderless/src/bulletin-board/index.ts
index 18c789f04d..5856e77e24 100644
--- a/packages/renderless/src/bulletin-board/index.ts
+++ b/packages/renderless/src/bulletin-board/index.ts
@@ -38,5 +38,5 @@ export const computedMoreLink =
 export const handleBulletinBoardClick =
   ({ emit }) =>
   (item) => {
-    emit('handleClick', item)
+    emit('contentClick', item)
   }