From 836a36253bf471fc4380b37d0a4cff016754c102 Mon Sep 17 00:00:00 2001 From: HQ-Lin Date: Thu, 22 Sep 2022 14:47:11 +0800 Subject: [PATCH 1/2] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=20react=2016=20?= =?UTF-8?q?=E7=89=88=E6=9C=AC=20event=20=E5=AF=B9=E8=B1=A1=E7=BC=BA?= =?UTF-8?q?=E5=A4=B1=20code=20=E5=B1=9E=E6=80=A7?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/dialog/RenderDialog.tsx | 4 ++-- src/image-viewer/ImageViewerModel.tsx | 2 +- src/input-number/useInputNumber.tsx | 6 +++--- src/tag-input/useTagList.tsx | 2 +- 4 files changed, 7 insertions(+), 7 deletions(-) diff --git a/src/dialog/RenderDialog.tsx b/src/dialog/RenderDialog.tsx index 4fda1978b..daba71191 100644 --- a/src/dialog/RenderDialog.tsx +++ b/src/dialog/RenderDialog.tsx @@ -166,13 +166,13 @@ const RenderDialog = forwardRef((props: RenderDialogProps, ref: React.Ref) => { // https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode - if (e.code === 'Escape') { + if (e.key === 'Escape') { e.stopPropagation(); onEscKeydown({ e }); if (closeOnEscKeydown ?? local.closeOnEscKeydown) { onClose({ e, trigger: 'esc' }); } - } else if (e.code === 'Enter' || e.code === 'NumpadEnter') { + } else if (e.key === 'Enter' || e.key === 'NumpadEnter') { // 回车键触发点击确认事件 e.stopPropagation(); if (confirmOnEnter) { diff --git a/src/image-viewer/ImageViewerModel.tsx b/src/image-viewer/ImageViewerModel.tsx index 5a8445629..daec12a2f 100644 --- a/src/image-viewer/ImageViewerModel.tsx +++ b/src/image-viewer/ImageViewerModel.tsx @@ -338,7 +338,7 @@ export const ImageModal = (props: ImageModalProps) => { const onKeyDown = useCallback( (event) => { - switch (event.code) { + switch (event.key) { case 'ArrowRight': return next(); case 'ArrowLeft': diff --git a/src/input-number/useInputNumber.tsx b/src/input-number/useInputNumber.tsx index 11fb6c452..3fabf530f 100644 --- a/src/input-number/useInputNumber.tsx +++ b/src/input-number/useInputNumber.tsx @@ -134,9 +134,9 @@ export default function useInputNumber Date: Thu, 22 Sep 2022 14:55:49 +0800 Subject: [PATCH 2/2] =?UTF-8?q?feat:=20=E4=BF=AE=E5=A4=8D=20rangeInput=20d?= =?UTF-8?q?isabled=20api?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/date-picker/date-picker.md | 2 +- src/date-picker/type.ts | 2 +- src/range-input/range-input.md | 2 +- src/range-input/type.ts | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/date-picker/date-picker.md b/src/date-picker/date-picker.md index 7a9089293..100f36e00 100644 --- a/src/date-picker/date-picker.md +++ b/src/date-picker/date-picker.md @@ -41,7 +41,7 @@ style | Object | - | 样式，TS 类型：`React.CSSProperties` | N allowInput | Boolean | false | 是否允许输入日期 | N clearable | Boolean | false | 是否显示清楚按钮 | N disableDate | Object / Array / Function | - | 禁用日期，示例：['A', 'B'] 表示日期 A 和日期 B 会被禁用。{ from: 'A', to: 'B' } 表示在 A 到 B 之间的日期会被禁用。{ before: 'A', after: 'B' } 表示在 A 之前和在 B 之后的日期都会被禁用。其中 A = '2021-01-01'，B = '2021-02-01'。值类型为 Function 则表示返回值为 true 的日期会被禁用。TS 类型：`DisableRangeDate` `type DisableRangeDate = Array | DisableDateObj | ((context: { date: DateRangeValue; partial: DateRangePickerPartial }) => boolean)` `interface DisableDateObj { from?: string; to?: string; before?: string; after?: string }` `type DateRangePickerPartial = 'start' | 'end'`。[详细类型定义](https://github.com/Tencent/tdesign-react/blob/develop/src/date-picker/type.ts) | N -disabled | Boolean | - | 是否禁用组件，值为数组表示可分别控制开始日期和结束日期是否禁用 | N +disabled | Boolean | - | 是否禁用组件 | N enableTimePicker | Boolean | false | 是否显示时间选择 | N firstDayOfWeek | Number | - | 第一天从星期几开始。可选项：1/2/3/4/5/6/7 | N format | String | - | 用于格式化日期，[详细文档](https://day.js.org/docs/en/display/format) | N diff --git a/src/date-picker/type.ts b/src/date-picker/type.ts index e46971422..50c01bc36 100644 --- a/src/date-picker/type.ts +++ b/src/date-picker/type.ts @@ -134,7 +134,7 @@ export interface TdDateRangePickerProps { */ disableDate?: DisableRangeDate; /** - * 是否禁用组件，值为数组表示可分别控制开始日期和结束日期是否禁用 + * 是否禁用组件 */ disabled?: boolean; /** diff --git a/src/range-input/range-input.md b/src/range-input/range-input.md index d092d6098..98d206b8b 100644 --- a/src/range-input/range-input.md +++ b/src/range-input/range-input.md @@ -9,7 +9,7 @@ className | String | - | 类名 | N style | Object | - | 样式，TS 类型：`React.CSSProperties` | N activeIndex | Number | - | 输入框高亮状态序号 | N clearable | Boolean | false | 是否可清空 | N -disabled | Boolean | - | 是否禁用范围输入框，值为数组表示可分别控制某一个输入框是否禁用 | N +disabled | Boolean | - | 是否禁用范围输入框 | N format | Array / Function | - | 指定输入框展示值的格式。TS 类型：`InputFormatType | Array` | N inputProps | Object / Array | - | 透传 Input 输入框组件全部属性，数组第一项表示第一个输入框属性，第二项表示第二个输入框属性。示例：`[{ label: 'A', name: 'A-name' }, { label: 'B', name: 'B-name' }]`。TS 类型：`InputProps | Array`，[Input API Documents](./input?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-react/blob/develop/src/range-input/type.ts) | N label | TNode | - | 左侧内容。TS 类型：`string | TNode`。[通用类型定义](https://github.com/Tencent/tdesign-react/blob/develop/src/common.ts) | N diff --git a/src/range-input/type.ts b/src/range-input/type.ts index 476bf50e4..8e8a0abf4 100644 --- a/src/range-input/type.ts +++ b/src/range-input/type.ts @@ -22,7 +22,7 @@ export interface TdRangeInputProps { */ clearable?: boolean; /** - * 是否禁用范围输入框，值为数组表示可分别控制某一个输入框是否禁用 + * 是否禁用范围输入框 */ disabled?: boolean; /**