diff --git a/docs/markdown/changelog.zh-CN.md b/docs/markdown/changelog.zh-CN.md index 3484f2efc..a4f837b98 100644 --- a/docs/markdown/changelog.zh-CN.md +++ b/docs/markdown/changelog.zh-CN.md @@ -24,6 +24,12 @@ - 新增`close-on-popstate`属性 +##### Search + +- 新增`left-icon`属性 +- 新增`right-icon`属性 +- 新增`right-icon`插槽 + ### [v2.0.0-beta.1](https://github.com/youzan/vant/tree/v2.0.0-beta.1) diff --git a/packages/search/en-US.md b/packages/search/en-US.md index 5b344083a..af1e5b14d 100644 --- a/packages/search/en-US.md +++ b/packages/search/en-US.md @@ -92,6 +92,7 @@ Search support all native events of input tag,such as `focus`、`blur`、`keyp | Name | Description | |------|------| +| label | Custom Search label | | action | Custom right button, displayed when `showAction` is true | | left-icon | Custom left icon | -| label | Custom Search label | +| right-icon | Custom right icon | diff --git a/packages/search/index.tsx b/packages/search/index.tsx index c3e5ecade..76c8d8c1b 100644 --- a/packages/search/index.tsx +++ b/packages/search/index.tsx @@ -23,6 +23,7 @@ export type SearchSlots = DefaultSlots & { label?: ScopedSlot; action?: ScopedSlot; 'left-icon'?: ScopedSlot; + 'right-icon'?: ScopedSlot; }; export type SearchEvents = { @@ -97,7 +98,10 @@ function Search( value={props.value} leftIcon={props.leftIcon} rightIcon={props.rightIcon} - scopedSlots={{ 'left-icon': slots['left-icon'] }} + scopedSlots={{ + 'left-icon': slots['left-icon'], + 'right-icon': slots['right-icon'] + }} {...fieldData} /> diff --git a/packages/search/test/__snapshots__/index.spec.js.snap b/packages/search/test/__snapshots__/index.spec.js.snap index b16bd0585..939d3934e 100644 --- a/packages/search/test/__snapshots__/index.spec.js.snap +++ b/packages/search/test/__snapshots__/index.spec.js.snap @@ -45,3 +45,19 @@ exports[`right-icon prop 1`] = ` `; + +exports[`right-icon slot 1`] = ` +