diff --git a/packages/zarm/src/dropdown/demo.md b/packages/zarm/src/dropdown/demo.md index e2c2724df..e4636faac 100644 --- a/packages/zarm/src/dropdown/demo.md +++ b/packages/zarm/src/dropdown/demo.md @@ -7,12 +7,10 @@ import { useState } from 'react'; import { Dropdown, List, Button } from 'zarm'; const Demo = () => { - const [activeKey, setActiveKey] = useState('home'); - return ( <> - + content @@ -30,19 +28,17 @@ import { useState } from 'react'; import { Dropdown, List, Button } from 'zarm'; const Demo = () => { - const [activeKey, setActiveKey] = useState('home'); - return ( <> - - + + - + @@ -63,25 +59,20 @@ ReactDOM.render(, mountNode); | 属性 | 类型 | 默认值 | 说明 | | :--------------- | :-------------------------------- | :----- | :------------------------- | -| visible | boolean | true | 是否显示 | -| activeKey | number \| string | - | 当前选中项 | -| defaultActiveKey | number \| string | - | 初始选中项, 默认第一个选中 | -| safeIphoneX | boolean | false | 是否适配 iphoneX 刘海屏 | -| onChange | (value: number \| string) => void | - | 值变化时触发的回调函数 | +| activeKey | number \| string | - | 激活的 Item key | +| defaultActiveKey | number \| string | - | 默认激活的 Item key | +| onChange | (value: number \| string) => void | - | activeKey 变化时触发 | +| arrow | ReactNode | - | 自定义 arrow | + ### Dropdown.Item -| 属性 | 类型 | 默认值 | 说明 | -| :--------- | :--------------- | :----- | :--------------------------------------------------- | -| itemKey | number \| string | - | 唯一标识,对应`activeKey`,不设置则默认取 index 索引 | -| title | ReactNode | - | 标题文字 | -| icon | ReactNode | - | 图标 | -| arrow | 自定义 arrow | `React.ReactNode` | - | -| destroyOnClose | 不可见时卸载内容 | `boolean` | `false` | -| forceRender | 被隐藏时是否渲染 `DOM` 结构 | `boolean` | `false` | -| highlight | 高亮 | `boolean` | `false` | -| key | 唯一值 | `string` | - | -| title | 标题 | `ReactNode` | - | +| 属性 | 类型 | 默认值 | 说明 | +|:--------|:----------------------------------|:----------|:-------------| +| itemKey | number \| string | string | - | 唯一标识,对应`activeKey`,不设置则默认取 index 索引 | +| title | ReactNode | - | 标题文字 | +| arrow | ReactNode | - | 自定义 arrow | +| onClick | (event: React.MouseEvent) => void | - | 点击trigger时触发 | ## CSS 变量 diff --git a/packages/zarm/src/dropdown/interface.ts b/packages/zarm/src/dropdown/interface.ts index 3e187dd22..52adf1010 100644 --- a/packages/zarm/src/dropdown/interface.ts +++ b/packages/zarm/src/dropdown/interface.ts @@ -5,7 +5,6 @@ export interface BaseDropdownProps { defaultActiveKey?: number | string; onChange?: (activeKey: number | string) => void; arrow?: React.ReactNode; - mask?: boolean; } export interface BaseDropdownItemProps {