feat(DropdownItem): supports boolean value in options (#12208)

Author: baboon-king

packages/vant/src/dropdown-item/DropdownItem.tsx

@@ -146,7 +146,7 @@ export default defineComponent({
         <Cell
           v-slots={{ value: renderIcon }}
           role="menuitem"
-          key={option.value}
+          key={String(option.value)}
           icon={option.icon}
           title={option.text}
           class={bem('option', { active })}

packages/vant/src/dropdown-item/types.ts

@@ -2,10 +2,12 @@ import type { DropdownItemProps } from './DropdownItem';
 import type { VNode, ComponentPublicInstance } from 'vue';
 import type { Numeric } from '../utils';
 
+export type DropdownItemOptionValue = Numeric | boolean;
+
 export type DropdownItemOption = {
   text: string;
   icon?: string;
-  value: Numeric;
+  value: DropdownItemOptionValue;
 };
 
 export type DropdownItemExpose = {

packages/vant/src/dropdown-menu/README.md

@@ -248,11 +248,11 @@ dropdownItemRef.value?.toggle();
 
 ### Data Structure of Option
 
-| Key   | Description | Type               |
-| ----- | ----------- | ------------------ |
-| text  | Text        | _string_           |
-| value | Value       | _number \| string_ |
-| icon  | Left icon   | _string_           |
+| Key   | Description | Type                          |
+| ----- | ----------- | ----------------------------- |
+| text  | Text        | _string_                      |
+| value | Value       | _number \| string \| boolean_ |
+| icon  | Left icon   | _string_                      |
 
 ## Theming
 

packages/vant/src/dropdown-menu/README.zh-CN.md

@@ -255,7 +255,7 @@ dropdownItemRef.value?.toggle();
 | 键名 | 说明 | 类型 |
 | --- | --- | --- |
 | text | 文字 | _string_ |
-| value | 标识符 | _number \| string_ |
+| value | 标识符 | _number \| string \| boolean_ |
 | icon | 左侧图标名称或图片链接，等同于 Icon 组件的 [name 属性](#/zh-CN/icon#props) | _string_ |
 
 ## 主题定制