From 51c5ab3378dc8237410f8202dd3e20d6869c1779 Mon Sep 17 00:00:00 2001 From: anlyyao Date: Mon, 29 Dec 2025 19:22:29 +0800 Subject: [PATCH 1/4] feat(Search): clear the content but maintain focus --- packages/components/search/search.wxml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/components/search/search.wxml b/packages/components/search/search.wxml index f5f2ef21e..f0cb2f80e 100644 --- a/packages/components/search/search.wxml +++ b/packages/components/search/search.wxml @@ -43,7 +43,7 @@ From 5c9c37b77824526467ed67f3175624d702c30788 Mon Sep 17 00:00:00 2001 From: anlyyao Date: Mon, 29 Dec 2025 19:33:28 +0800 Subject: [PATCH 2/4] feat(Search): support cursor-color prop --- packages/components/search/README.en-US.md | 3 ++- packages/components/search/README.md | 1 + packages/components/search/props.ts | 5 +++++ packages/components/search/search.wxml | 1 + packages/components/search/type.ts | 8 ++++++++ 5 files changed, 17 insertions(+), 1 deletion(-) diff --git a/packages/components/search/README.en-US.md b/packages/components/search/README.en-US.md index db887ba59..b7c8fbb08 100644 --- a/packages/components/search/README.en-US.md +++ b/packages/components/search/README.en-US.md @@ -16,6 +16,7 @@ clearable | Boolean | true | \- | N confirm-hold | Boolean | false | \- | N confirm-type | String | search | options: send/search/next/go/done | N cursor | Number | -1 | required | Y +cursor-color | String | #0052d9 | \- | N cursor-spacing | Number | 0 | \- | N disabled | Boolean | false | \- | N focus | Boolean | false | \- | N @@ -28,7 +29,7 @@ placeholder | String | '' | \- | N placeholder-class | String | input-placeholder | \- | N placeholder-style | String | - | required | Y readonly | Boolean | undefined | \- | N -result-list | Array | [] | Typescript:`Array` | N +result-list | Array | [] | Typescript: `Array` | N right-icon | String | 'close-circle-filled' | `deprecated` | N selection-end | Number | -1 | \- | N selection-start | Number | -1 | \- | N diff --git a/packages/components/search/README.md b/packages/components/search/README.md index 0d66c084b..1c7dbea96 100644 --- a/packages/components/search/README.md +++ b/packages/components/search/README.md @@ -64,6 +64,7 @@ clearable | Boolean | true | 是否启用清除控件 | N confirm-hold | Boolean | false | 点击键盘右下角按钮时是否保持键盘不收起 | N confirm-type | String | search | 设置键盘右下角按钮的文字,仅在type='text'时生效。
具体释义:
`send` 右下角按钮为“发送”;
`search` 右下角按钮为“搜索”;
`next` 右下角按钮为“下一个”;
`go` 右下角按钮为“前往”;
`done` 右下角按钮为“完成”。
[小程序官方文档](https://developers.weixin.qq.com/miniprogram/dev/component/input.html)。可选项:send/search/next/go/done | N cursor | Number | -1 | 必需。指定 focus 时的光标位置 | Y +cursor-color | String | #0052d9 | 光标颜色。iOS 下的格式为十六进制颜色值 #000000,安卓下的只支持 default 和 green,Skyline 下无限制 | N cursor-spacing | Number | 0 | 搜索框聚焦时底部与键盘的距离 | N disabled | Boolean | false | 是否禁用 | N focus | Boolean | false | 是否聚焦 | N diff --git a/packages/components/search/props.ts b/packages/components/search/props.ts index dc2970981..b604bbbb9 100644 --- a/packages/components/search/props.ts +++ b/packages/components/search/props.ts @@ -52,6 +52,11 @@ const props: TdSearchProps = { value: -1, required: true, }, + /** 光标颜色。iOS 下的格式为十六进制颜色值 #000000,安卓下的只支持 default 和 green,Skyline 下无限制 */ + cursorColor: { + type: String, + value: '#0052d9', + }, /** 搜索框聚焦时底部与键盘的距离 */ cursorSpacing: { type: Number, diff --git a/packages/components/search/search.wxml b/packages/components/search/search.wxml index f0cb2f80e..602396087 100644 --- a/packages/components/search/search.wxml +++ b/packages/components/search/search.wxml @@ -32,6 +32,7 @@ selection-end="{{selectionEnd}}" hold-keyboard="{{holdKeyboard}}" cursor-spacing="{{cursorSpacing}}" + cursor-color="{{cursorColor}}" placeholder="{{placeholder}}" placeholder-style="{{placeholderStyle}}" placeholder-class="{{placeholderClass}} {{classPrefix}}__placeholder {{classPrefix}}__placeholder--{{center ? 'center': 'normal'}}" diff --git a/packages/components/search/type.ts b/packages/components/search/type.ts index 8a5b86fa1..ea3734fa6 100644 --- a/packages/components/search/type.ts +++ b/packages/components/search/type.ts @@ -78,6 +78,14 @@ export interface TdSearchProps { value?: number; required?: boolean; }; + /** + * 光标颜色。iOS 下的格式为十六进制颜色值 #000000,安卓下的只支持 default 和 green,Skyline 下无限制 + * @default #0052d9 + */ + cursorColor?: { + type: StringConstructor; + value?: string; + }; /** * 搜索框聚焦时底部与键盘的距离 * @default 0 From 0d2ef7f91e2e5b2d13449b2f0eb0f9bc1ca6343b Mon Sep 17 00:00:00 2001 From: anlyyao Date: Mon, 29 Dec 2025 19:47:09 +0800 Subject: [PATCH 3/4] test: fix unit test --- .../components/search/__test__/__snapshots__/index.test.js.snap | 1 + packages/components/search/__test__/index.test.js | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/components/search/__test__/__snapshots__/index.test.js.snap b/packages/components/search/__test__/__snapshots__/index.test.js.snap index a3b1c4878..640c7e29e 100644 --- a/packages/components/search/__test__/__snapshots__/index.test.js.snap +++ b/packages/components/search/__test__/__snapshots__/index.test.js.snap @@ -35,6 +35,7 @@ exports[`search Props :base 1`] = ` confirmHold="{{false}}" confirmType="search" cursor="{{-1}}" + cursorColor="#0052d9" cursorSpacing="{{0}}" disabled="{{null}}" focus="{{false}}" diff --git a/packages/components/search/__test__/index.test.js b/packages/components/search/__test__/index.test.js index 5d60cb293..6dc7eb138 100644 --- a/packages/components/search/__test__/index.test.js +++ b/packages/components/search/__test__/index.test.js @@ -207,7 +207,7 @@ describe('search', () => { comp.attach(document.createElement('parent-wrapper')); const $clear = comp.querySelector('.search >>> .t-search__clear'); - $clear.dispatchEvent('tap'); + $clear.dispatchEvent('touchstart'); await simulate.sleep(20); expect(onClear).toHaveBeenCalledTimes(1); expect(val).toBe(''); From 7063f3c312c6a19469389896f7c36a5aab58ab5a Mon Sep 17 00:00:00 2001 From: anlyyao Date: Mon, 29 Dec 2025 19:55:55 +0800 Subject: [PATCH 4/4] docs(Search): add version info --- packages/components/search/README.en-US.md | 2 +- packages/components/search/README.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/components/search/README.en-US.md b/packages/components/search/README.en-US.md index b7c8fbb08..25df71db7 100644 --- a/packages/components/search/README.en-US.md +++ b/packages/components/search/README.en-US.md @@ -16,7 +16,7 @@ clearable | Boolean | true | \- | N confirm-hold | Boolean | false | \- | N confirm-type | String | search | options: send/search/next/go/done | N cursor | Number | -1 | required | Y -cursor-color | String | #0052d9 | \- | N +cursor-color | String | #0052d9 | `1.12.1` | N cursor-spacing | Number | 0 | \- | N disabled | Boolean | false | \- | N focus | Boolean | false | \- | N diff --git a/packages/components/search/README.md b/packages/components/search/README.md index 1c7dbea96..33aa3dadc 100644 --- a/packages/components/search/README.md +++ b/packages/components/search/README.md @@ -64,7 +64,7 @@ clearable | Boolean | true | 是否启用清除控件 | N confirm-hold | Boolean | false | 点击键盘右下角按钮时是否保持键盘不收起 | N confirm-type | String | search | 设置键盘右下角按钮的文字,仅在type='text'时生效。
具体释义:
`send` 右下角按钮为“发送”;
`search` 右下角按钮为“搜索”;
`next` 右下角按钮为“下一个”;
`go` 右下角按钮为“前往”;
`done` 右下角按钮为“完成”。
[小程序官方文档](https://developers.weixin.qq.com/miniprogram/dev/component/input.html)。可选项:send/search/next/go/done | N cursor | Number | -1 | 必需。指定 focus 时的光标位置 | Y -cursor-color | String | #0052d9 | 光标颜色。iOS 下的格式为十六进制颜色值 #000000,安卓下的只支持 default 和 green,Skyline 下无限制 | N +cursor-color | String | #0052d9 | `1.12.1`。光标颜色。iOS 下的格式为十六进制颜色值 #000000,安卓下的只支持 default 和 green,Skyline 下无限制 | N cursor-spacing | Number | 0 | 搜索框聚焦时底部与键盘的距离 | N disabled | Boolean | false | 是否禁用 | N focus | Boolean | false | 是否聚焦 | N