feat(bulletin-board): [bulletin-board] Add click events

opentiny · Dec 3, 2024 · e57af4d · e57af4d
1 parent acf1191
commit e57af4d
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 12 deletions.
diff --git a/examples/sites/demos/apis/bulletin-board.js b/examples/sites/demos/apis/bulletin-board.js
@@ -90,15 +90,18 @@ export default {
       ],
       events: [
         {
-          name: 'handleClick',
+          name: 'contentClick',
           type: '(event: BulletinBoardData) => void',
           defaultValue: '',
           desc: {
             'zh-CN': '当公告牌内容被点击时触发的回调函数',
             '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
@@ -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
@@ -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
@@ -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
@@ -38,5 +38,5 @@ export const computedMoreLink =
 export const handleBulletinBoardClick =
   ({ emit }) =>
   (item) => {
-    emit('handleClick', item)
+    emit('contentClick', item)
   }