From 069339eb650f1d985fc3c2a209d53d69999c6e27 Mon Sep 17 00:00:00 2001
From: liweijie0812 <674416404@qq.com>
Date: Wed, 27 Nov 2024 16:45:29 +0800
Subject: [PATCH] feat(input): mobile add enterkeyhint API (#478)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat(input): mobile add enterkeyhint API

* feat(input): support spellCheck

* feat(input): mobile-react 拆分定义 spellcheck

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
---
 db/TDesign.db                                 | Bin 1003520 -> 1003520 bytes
 .../src/input/defaultProps.ts                 |   1 +
 .../src/input/input.en-US.md                  |   2 +
 .../tdesign-mobile-react/src/input/input.md   |   2 +
 .../tdesign-mobile-react/src/input/type.ts    |   9 ++
 .../src/input/input.en-US.md                  |   1 +
 .../tdesign-mobile-vue/src/input/input.md     |   1 +
 .../tdesign-mobile-vue/src/input/props.ts     |   8 ++
 .../tdesign-mobile-vue/src/input/type.ts      |   4 +
 packages/scripts/api.json                     |  84 +++++++++++++++++-
 10 files changed, 110 insertions(+), 2 deletions(-)

diff --git a/db/TDesign.db b/db/TDesign.db
index c0da71025267c94bbcc5fc3ab8321fb9ba12f746..10b7f9146093d7654111733df0bcd8c3b0f0b009 100644
GIT binary patch
delta 558
zcmZozVB4_3c7imoD+2?=S0Dz1i5ljtt_*r*9UD{T>T?5yo^dT=1X69Ac??c5GVvQv
zUzo{gJ3Y6KhiAG$Hlx7wT2m(W$@gxHZT2&I!Nc4>SGw8KzTMKE5r~<9m>Gy!fS47C
z*?^dRyQMwHae-+IxLMhG-Z1dF^Ss&46TtC+hq)<y?sR=7ei?yu7v-%2o_PhOCB+4)
zIXTJOqnY@*8S4!Vb&X6F49u+zjjc@0jSP%TbWw$xP3Ou;voMNts&ev1H*+`Ea_|}(
z1D(#v!OOwRz>#jZt;7OsY-(OfYEgD-Wkx2D0b=W?<maX8r|0YErB;;a7ZjzIW#*R_
z>lddc7A0o@sl1fuQ|wnf+12-~Z~4=XZBJ*<d$D)f%PH%gE!h5aPyhQpJ<rxIQE&|K
zRCuzx_34}yFPm39?Pz<pwg1KPj;AwMJe#uqSx@8iS|<K@Irp6Wq{N)~#FCPt%%swi
z)M9;P$4vjo#2@8~UyUZ*=Y|RfCRRpfRz?<BgxV4~+7dY161dtDxZ4tV+7fuDCGfE@
zT5V@d;45Zg;d#aLV0%pxUos~n%k~G^KpAkb^UdXCW?=$_6yKcfUvl`Or!wkq4`AZo
G;0pjZO}_sC

delta 574
zcmZozVB4_3c7imo69WUoS0HW!V#bLY=B!Q(dSzW3Q|9V(^BXff<yyoDlxW|~V{nR*
ziSOg|g_(@D({t;1c%~a<GYU+vHDzL-eDAi{W<R4BJj`ru49%AI?Uwe8K+FWh%s|Wn
z#H>Kf2E^>!E$umu3-ADqgn{<$JOLaJc$m^trz^y8Xi6Dc8Jigy7#Zmr8t57uDi|7C
znSg|nCQD6syvrrY$;0d5mY-jeS_D&WXo#WQ&@geb<n*&K98&B&4z9TcC6!>sat2l=
z255>wLaCD_B$*iHr(cZW5aZ@{aLzByD{;v$&x2_)G{MkhXaWqag-nd<U`_m7KutM0
zi3P=}0f~93InzIca7c4Ba!eKnnyWrNA&^51L&?JTT>9b$RtD&<2MJ9NtmhP-9v8&H
z#sUncbJNeoa7eOqI5;Jy07D6Awx*n=m9Z(Rql`g9K-F1HjLKj~@v=KOmL--X7P%MY
zmllAvP1gwI5N}K1XiMO1OW<lt;BHIcX-nXpmcYltXtA9&fv=c}Wl=C++4h<wzGO~D
eiR}-vfilxgvUx?e|H$DBpUTL;J%EXSgD(Is(3i*n

diff --git a/packages/products/tdesign-mobile-react/src/input/defaultProps.ts b/packages/products/tdesign-mobile-react/src/input/defaultProps.ts
index f4fd1473..2ec10f63 100644
--- a/packages/products/tdesign-mobile-react/src/input/defaultProps.ts
+++ b/packages/products/tdesign-mobile-react/src/input/defaultProps.ts
@@ -16,6 +16,7 @@ export const inputDefaultProps: TdInputProps = {
   layout: 'horizontal',
   placeholder: undefined,
   readonly: undefined,
+  spellcheck: false,
   status: 'default',
   type: 'text',
 };
diff --git a/packages/products/tdesign-mobile-react/src/input/input.en-US.md b/packages/products/tdesign-mobile-react/src/input/input.en-US.md
index 3bd45e74..a4b9fffd 100644
--- a/packages/products/tdesign-mobile-react/src/input/input.en-US.md
+++ b/packages/products/tdesign-mobile-react/src/input/input.en-US.md
@@ -16,6 +16,7 @@ borderless | Boolean | false | input without border | N
 clearTrigger | String | always | show clear icon, clicked to clear input value。options: always / focus | N
 clearable | Boolean | false | show clear icon, clicked to clear input value | N
 disabled | Boolean | undefined | make input to be disabled | N
+enterkeyhint | String | - | attribute of input element, [see here](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)。options: enter/done/go/next/previous/search/send | N
 errorMessage | String | - | `deprecated` | N
 format | Function | - | input value formatter, `type=number` does not work. if you need to format number, `InputNumber` Component might be better。Typescript：`InputFormatType` `type InputFormatType = (value: InputValue) => string`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/tree/develop/src/input/type.ts) | N
 label | TNode | - | text on the left of input。Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
@@ -27,6 +28,7 @@ placeholder | String | undefined | \- | N
 prefixIcon | TElement | - | Typescript：`TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
 readonly | Boolean | undefined | \- | N
 size | String | medium | `deprecated`。options: small/medium。Typescript：`'medium' \| 'small'` | N
+spellcheck | Boolean | false | attribute of input element, [see here](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/spellcheck) | N
 status | String | default | options: default/success/warning/error | N
 suffix | TNode | - | suffix content before suffixIcon。Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
 suffixIcon | TElement | - | suffix icon of input。Typescript：`TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
diff --git a/packages/products/tdesign-mobile-react/src/input/input.md b/packages/products/tdesign-mobile-react/src/input/input.md
index d8ed3652..e5a74cc8 100644
--- a/packages/products/tdesign-mobile-react/src/input/input.md
+++ b/packages/products/tdesign-mobile-react/src/input/input.md
@@ -16,6 +16,7 @@ borderless | Boolean | false | 是否开启无边框模式 | N
 clearTrigger | String | always | 清空图标触发方式，仅在输入框有值时有效。可选项：always / focus | N
 clearable | Boolean | false | 是否可清空 | N
 disabled | Boolean | undefined | 是否禁用输入框 | N
+enterkeyhint | String | - | 用于控制回车键样式，此 API 仅在部分浏览器支持，HTML5 原生属性，[点击查看详情](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)。可选项：enter/done/go/next/previous/search/send | N
 errorMessage | String | - | 已废弃。错误提示文本，值为空不显示（废弃属性，如果需要，请更为使用 status 和 tips） | N
 format | Function | - | 指定输入框展示值的格式。TS 类型：`InputFormatType` `type InputFormatType = (value: InputValue) => string`。[详细类型定义](https://github.com/Tencent/tdesign-mobile-react/tree/develop/src/input/type.ts) | N
 label | TNode | - | 左侧文本。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
@@ -27,6 +28,7 @@ placeholder | String | undefined | 占位符 | N
 prefixIcon | TElement | - | 组件前置图标。TS 类型：`TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
 readonly | Boolean | undefined | 只读状态 | N
 size | String | medium | 已废弃。输入框尺寸。可选项：small/medium。TS 类型：`'medium' \| 'small'` | N
+spellcheck | Boolean | false | 是否开启拼写检查，HTML5 原生属性，[点击查看详情](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/spellcheck) | N
 status | String | default | 输入框状态。可选项：default/success/warning/error | N
 suffix | TNode | - | 后置图标前的后置内容。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
 suffixIcon | TElement | - | 组件后置图标。TS 类型：`TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
diff --git a/packages/products/tdesign-mobile-react/src/input/type.ts b/packages/products/tdesign-mobile-react/src/input/type.ts
index db6bd5b3..6070435e 100644
--- a/packages/products/tdesign-mobile-react/src/input/type.ts
+++ b/packages/products/tdesign-mobile-react/src/input/type.ts
@@ -46,6 +46,10 @@ export interface TdInputProps {
    * 是否禁用输入框
    */
   disabled?: boolean;
+  /**
+   * 用于控制回车键样式，此 API 仅在部分浏览器支持，HTML5 原生属性，[点击查看详情](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)
+   */
+  enterkeyhint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
   /**
    * 指定输入框展示值的格式
    */
@@ -84,6 +88,11 @@ export interface TdInputProps {
    * 只读状态
    */
   readonly?: boolean;
+  /**
+   * 是否开启拼写检查，HTML5 原生属性，[点击查看详情](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/spellcheck)
+   * @default false
+   */
+  spellcheck?: boolean;
   /**
    * 输入框状态
    * @default default
diff --git a/packages/products/tdesign-mobile-vue/src/input/input.en-US.md b/packages/products/tdesign-mobile-vue/src/input/input.en-US.md
index 7b4e2f33..cd3d499e 100644
--- a/packages/products/tdesign-mobile-vue/src/input/input.en-US.md
+++ b/packages/products/tdesign-mobile-vue/src/input/input.en-US.md
@@ -14,6 +14,7 @@ borderless | Boolean | false | input without border | N
 clearTrigger | String | always | show clear icon, clicked to clear input value。options: always / focus | N
 clearable | Boolean | false | show clear icon, clicked to clear input value | N
 disabled | Boolean | undefined | make input to be disabled | N
+enterkeyhint | String | - | attribute of input element, [see here](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)。options: enter/done/go/next/previous/search/send | N
 format | Function | - | input value formatter, `type=number` does not work. if you need to format number, `InputNumber` Component might be better。Typescript：`InputFormatType` `type InputFormatType = (value: InputValue) => string`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/input/type.ts) | N
 label | String / Slot / Function | - | text on the left of input。Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
 layout | String | horizontal | options: vertical/horizontal | N
diff --git a/packages/products/tdesign-mobile-vue/src/input/input.md b/packages/products/tdesign-mobile-vue/src/input/input.md
index eb0511e8..4ae5a9f2 100644
--- a/packages/products/tdesign-mobile-vue/src/input/input.md
+++ b/packages/products/tdesign-mobile-vue/src/input/input.md
@@ -14,6 +14,7 @@ borderless | Boolean | false | 是否开启无边框模式 | N
 clearTrigger | String | always | 清空图标触发方式，仅在输入框有值时有效。可选项：always / focus | N
 clearable | Boolean | false | 是否可清空 | N
 disabled | Boolean | undefined | 是否禁用输入框 | N
+enterkeyhint | String | - | 用于控制回车键样式，此 API 仅在部分浏览器支持，HTML5 原生属性，[点击查看详情](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)。可选项：enter/done/go/next/previous/search/send | N
 format | Function | - | 指定输入框展示值的格式。TS 类型：`InputFormatType` `type InputFormatType = (value: InputValue) => string`。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/input/type.ts) | N
 label | String / Slot / Function | - | 左侧文本。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
 layout | String | horizontal | 标题输入框布局方式。可选项：vertical/horizontal | N
diff --git a/packages/products/tdesign-mobile-vue/src/input/props.ts b/packages/products/tdesign-mobile-vue/src/input/props.ts
index 2aee60dd..d980b419 100644
--- a/packages/products/tdesign-mobile-vue/src/input/props.ts
+++ b/packages/products/tdesign-mobile-vue/src/input/props.ts
@@ -44,6 +44,14 @@ export default {
     type: Boolean,
     default: undefined,
   },
+  /** 用于控制回车键样式，此 API 仅在部分浏览器支持，HTML5 原生属性，[点击查看详情](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint) */
+  enterkeyhint: {
+    type: String as PropType<TdInputProps['enterkeyhint']>,
+    validator(val: TdInputProps['enterkeyhint']): boolean {
+      if (!val) return true;
+      return ['enter', 'done', 'go', 'next', 'previous', 'search', 'send'].includes(val);
+    },
+  },
   /** 指定输入框展示值的格式 */
   format: {
     type: Function as PropType<TdInputProps['format']>,
diff --git a/packages/products/tdesign-mobile-vue/src/input/type.ts b/packages/products/tdesign-mobile-vue/src/input/type.ts
index 328f56a6..18703679 100644
--- a/packages/products/tdesign-mobile-vue/src/input/type.ts
+++ b/packages/products/tdesign-mobile-vue/src/input/type.ts
@@ -45,6 +45,10 @@ export interface TdInputProps {
    * 是否禁用输入框
    */
   disabled?: boolean;
+  /**
+   * 用于控制回车键样式，此 API 仅在部分浏览器支持，HTML5 原生属性，[点击查看详情](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)
+   */
+  enterkeyhint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
   /**
    * 指定输入框展示值的格式
    */
diff --git a/packages/scripts/api.json b/packages/scripts/api.json
index 51fcc78b..cb9b3590 100644
--- a/packages/scripts/api.json
+++ b/packages/scripts/api.json
@@ -63919,6 +63919,47 @@
         "Boolean"
       ]
     },
+    {
+      "id": 1732163188,
+      "platform_framework": [
+        "8",
+        "16",
+        "32"
+      ],
+      "component": "Input",
+      "field_category": 1,
+      "field_name": "enterkeyhint",
+      "field_type": [
+        "1"
+      ],
+      "field_default_value": "",
+      "field_enum": "enter/done/go/next/previous/search/send",
+      "field_desc_zh": "用于控制回车键样式，此 API 仅在部分浏览器支持，HTML5 原生属性，[点击查看详情](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)",
+      "field_desc_en": "attribute of input element, [see here](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)",
+      "field_required": 0,
+      "event_input": "",
+      "create_time": "2024-11-21 04:26:28",
+      "update_time": "2024-11-21 04:26:28",
+      "event_output": null,
+      "custom_field_type": null,
+      "syntactic_sugar": null,
+      "readonly": 1,
+      "html_attribute": 0,
+      "trigger_elements": "",
+      "deprecated": 0,
+      "version": "",
+      "test_description": null,
+      "support_default_value": 0,
+      "field_category_text": "Props",
+      "platform_framework_text": [
+        "Vue(Mobile)",
+        "React(Mobile)",
+        "Angular(Mobile)"
+      ],
+      "field_type_text": [
+        "String"
+      ]
+    },
     {
       "id": 1710,
       "platform_framework": [
@@ -65239,7 +65280,8 @@
         "1",
         "2",
         "4",
-        "8"
+        "8",
+        "32"
       ],
       "component": "Input",
       "field_category": 1,
@@ -65270,7 +65312,45 @@
         "Vue(PC)",
         "React(PC)",
         "Angular(PC)",
-        "Vue(Mobile)"
+        "Vue(Mobile)",
+        "Angular(Mobile)"
+      ],
+      "field_type_text": [
+        "Boolean"
+      ]
+    },
+    {
+      "id": 1732518837,
+      "platform_framework": [
+        "16"
+      ],
+      "component": "Input",
+      "field_category": 1,
+      "field_name": "spellcheck",
+      "field_type": [
+        "4"
+      ],
+      "field_default_value": "false",
+      "field_enum": "",
+      "field_desc_zh": "是否开启拼写检查，HTML5 原生属性，[点击查看详情](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/spellcheck)",
+      "field_desc_en": "attribute of input element, [see here](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/spellcheck)",
+      "field_required": 0,
+      "event_input": "",
+      "create_time": "2024-11-25 07:13:57",
+      "update_time": "2024-11-25 07:13:57",
+      "event_output": null,
+      "custom_field_type": null,
+      "syntactic_sugar": null,
+      "readonly": 1,
+      "html_attribute": 0,
+      "trigger_elements": "",
+      "deprecated": 0,
+      "version": "",
+      "test_description": null,
+      "support_default_value": 0,
+      "field_category_text": "Props",
+      "platform_framework_text": [
+        "React(Mobile)"
       ],
       "field_type_text": [
         "Boolean"