From 70bb57763d33d55add633f16f3a4cd2fcb05ed1b Mon Sep 17 00:00:00 2001 From: zhujiruo Date: Fri, 25 Apr 2025 14:31:27 +0800 Subject: [PATCH] =?UTF-8?q?feat(picker):=20=E6=B7=BB=E5=8A=A0=20onClear=20?= =?UTF-8?q?=E5=92=8C=20onShow=20=E4=BA=8B=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 在 Picker 组件中添加 onClear 和 onShow 事件的接口定义 - 使 DatetimePicker 和 Area 组件的 ts 提示可以支持以上两个事件 - 在 README 中添加 onClear 和 onShow 事件的说明 --- packages/vantui/src/picker/README.md | 2 ++ packages/vantui/src/picker/index.tsx | 5 +---- packages/vantui/types/picker.d.ts | 8 ++++++++ 3 files changed, 11 insertions(+), 4 deletions(-) diff --git a/packages/vantui/src/picker/README.md b/packages/vantui/src/picker/README.md index c87b81e11..3da3115b2 100644 --- a/packages/vantui/src/picker/README.md +++ b/packages/vantui/src/picker/README.md @@ -79,6 +79,8 @@ import { Picker } from '@antmjs/vantui' | onChange | 变化触发方法 | _  (
    e: PickerChangeEvents
  ) => void
_ | - | `false` | | onCancel | 取消触发方法 | _  (
    e: PickerEvents
  ) => void
_ | - | `false` | | onConfirm | 确认触发方法 | _  (
    e: PickerEvents
  ) => void
_ | - | `false` | +| onClear | 点击清除触发的事件 | _  () => void
_ | - | `false` | +| onShow | content 模式弹窗打开触发方法 | _  () => void
_ | - | `false` | | showToolbar | 是否显示顶部栏 | _  boolean
_ | false | `false` | ### 事件 onConfirm 和 onCancel [[详情]](https://github.com/AntmJS/vantui/tree/main/packages/vantui/types/picker.d.ts) diff --git a/packages/vantui/src/picker/index.tsx b/packages/vantui/src/picker/index.tsx index 74dbe16ae..ab1ff3ca0 100644 --- a/packages/vantui/src/picker/index.tsx +++ b/packages/vantui/src/picker/index.tsx @@ -27,10 +27,7 @@ import { get } from '../default-props' import * as computed from './wxs' const Picker = forwardRef(function Index( - props: PickerProps & { - onShow?: () => void - onClear?: () => void - }, + props: PickerProps, ref: React.ForwardedRef, ): JSX.Element { const [d] = useState(get().Picker) diff --git a/packages/vantui/types/picker.d.ts b/packages/vantui/types/picker.d.ts index 3a1896b1d..7f576f27b 100644 --- a/packages/vantui/types/picker.d.ts +++ b/packages/vantui/types/picker.d.ts @@ -138,6 +138,14 @@ export interface PickerProps extends ViewProps { * @description 确认触发方法 */ onConfirm?: (e: PickerEvents) => void + /** + * @description 点击清除触发的事件 + */ + onClear?: () => void + /** + * @description content模式弹窗打开触发方法 + */ + onShow?: () => void /** * @description 是否显示顶部栏 * @default false