feat: ✨ Segmented分段器change事件参数类型扩充为SegmentedOption

✅ Closes: #204

Author: xuqingkai

docs/component/segmented.md

@@ -119,7 +119,7 @@ const list1 = ref([
 
 | 事件名称 | 说明                       | 参数        | 最低版本 |
 | -------- | -------------------------- | ----------- | -------- |
-| change   | 选项切换时触发             | `{ value }` | 0.1.23   |
+| change   | 选项切换时触发             | `SegmentedOption` | 0.1.23   |
 
 ## Slots
 

src/pages/segmented/Index.vue

@@ -4,7 +4,7 @@
     <page-wraper>
       <demo-block title="大型分段器" transparent>
         <view class="section">
-          <wd-segmented :options="list" v-model:value="current" size="large"></wd-segmented>
+          <wd-segmented :options="list" v-model:value="current" size="large" @change="handleChange"></wd-segmented>
         </view>
       </demo-block>
       <demo-block title="默认分段器" transparent>
@@ -33,7 +33,7 @@
 
       <demo-block title="自定义渲染分段器标签" transparent>
         <view class="section">
-          <wd-segmented :options="list1" v-model:value="current4" :vibrate-short="true">
+          <wd-segmented :options="list1" v-model:value="current4" :vibrate-short="true" @change="handleChange">
             <template #label="{ option }">
               <view class="section-slot">
                 <image style="border-radius: 50%; width: 32px; height: 32px" :src="option.payload.avatar" />
@@ -50,6 +50,7 @@
   </view>
 </template>
 <script lang="ts" setup>
+import type { SegmentedOption } from '@/uni_modules/wot-design-uni/components/wd-segmented/types'
 import { ref } from 'vue'
 
 const list = ref<string[]>(['评论', '点赞', '贡献', '打赏'])
@@ -96,6 +97,10 @@ const current3 = ref('打赏')
 const current4 = ref('韩梅梅')
 
 const current5 = ref('评论')
+
+function handleChange(option: SegmentedOption) {
+  console.log(option)
+}
 </script>
 <style lang="scss" scoped>
 .section {

src/uni_modules/wot-design-uni/components/wd-message-box/index.ts

@@ -1,7 +1,7 @@
 /*
  * @Author: weisheng
  * @Date: 2022-12-14 17:33:21
- * @LastEditTime: 2024-01-26 11:19:42
+ * @LastEditTime: 2024-04-01 12:30:51
  * @LastEditors: weisheng
  * @Description:
  * @FilePath: \wot-design-uni\src\uni_modules\wot-design-uni\components\wd-message-box\index.ts
@@ -41,7 +41,7 @@ export function useMessage(selector: string = ''): Message {
   provide(messageOptionKey, messageOption)
 
   const createMethod = (type: MessageType) => {
-    // 优先级：options->toastOptions->defaultOptions
+    // 优先级：options->MessageOptions->defaultOptions
     return (options: MessageOptions | string) => {
       const messageOptions = deepMerge({ type: type }, typeof options === 'string' ? { title: options } : options) as MessageOptions
       if (messageOptions.type === 'confirm' || messageOptions.type === 'prompt') {

src/uni_modules/wot-design-uni/components/wd-segmented/wd-segmented.vue

@@ -117,7 +117,7 @@ function updateCurrentIndex() {
   } else {
     const value = isObj(props.options[0]) ? props.options[0].value : props.options[0]
     emit('update:value', value)
-    emit('change', { value })
+    emit('change', isObj(props.options[0]) ? props.options[0] : { value })
   }
 }
 
@@ -130,7 +130,7 @@ function handleClick(option: string | number | SegmentedOption, index: number) {
   activeIndex.value = index
   updateActiveStyle()
   emit('update:value', value)
-  emit('change', { value })
+  emit('change', isObj(option) ? option : { value })
 }
 </script>