alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix(Search): set Field labelAlign prop (#13657)

Browse Source
This commit is contained in:
laoD
2025-12-13 21:40:24 +08:00
committed by GitHub
parent 0fb93da47a
commit 038f7c8e30
4 changed files with 14 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/vant/src/search/Search.tsx
View File

@@ -131,6 +131,7 @@ export default defineComponent({
type="search" type="search"
class={bem('field', { 'with-message': fieldAttrs.errorMessage })} class={bem('field', { 'with-message': fieldAttrs.errorMessage })}
border={false} border={false}
labelAlign="left"
onBlur={onBlur} onBlur={onBlur}
onFocus={onFocus} onFocus={onFocus}
onClear={onClear} onClear={onClear}

12
packages/vant/src/search/test/__snapshots__/demo-ssr.spec.ts.snap
View File

@@ -9,7 +9,7 @@ exports[`should render demo and match snapshot 1`] = `
style style
> >
<div class="van-search__content van-search__content--square"> <div class="van-search__content van-search__content--square">
<div class="van-cell van-cell--borderless van-field van-search__field"> <div class="van-cell van-cell--borderless van-field van-field--label-left van-search__field">
<!--[--> <!--[-->
<div class="van-field__left-icon"> <div class="van-field__left-icon">
<i <i
@@ -43,7 +43,7 @@ exports[`should render demo and match snapshot 1`] = `
style style
> >
<div class="van-search__content van-search__content--square"> <div class="van-search__content van-search__content--square">
<div class="van-cell van-cell--borderless van-field van-search__field"> <div class="van-cell van-cell--borderless van-field van-field--label-left van-search__field">
<!--[--> <!--[-->
<div class="van-field__left-icon"> <div class="van-field__left-icon">
<i <i
@@ -84,7 +84,7 @@ exports[`should render demo and match snapshot 1`] = `
style style
> >
<div class="van-search__content van-search__content--square"> <div class="van-search__content van-search__content--square">
<div class="van-cell van-cell--borderless van-field van-search__field"> <div class="van-cell van-cell--borderless van-field van-field--label-left van-search__field">
<!--[--> <!--[-->
<div class="van-field__left-icon"> <div class="van-field__left-icon">
<i <i
@@ -117,7 +117,7 @@ exports[`should render demo and match snapshot 1`] = `
style style
> >
<div class="van-search__content van-search__content--square"> <div class="van-search__content van-search__content--square">
<div class="van-cell van-cell--borderless van-field van-field--disabled van-search__field"> <div class="van-cell van-cell--borderless van-field van-field--disabled van-field--label-left van-search__field">
<!--[--> <!--[-->
<div class="van-field__left-icon"> <div class="van-field__left-icon">
<i <i
@@ -151,7 +151,7 @@ exports[`should render demo and match snapshot 1`] = `
style="background:#4fc08d;" style="background:#4fc08d;"
> >
<div class="van-search__content van-search__content--round"> <div class="van-search__content van-search__content--round">
<div class="van-cell van-cell--borderless van-field van-search__field"> <div class="van-cell van-cell--borderless van-field van-field--label-left van-search__field">
<!--[--> <!--[-->
<div class="van-field__left-icon"> <div class="van-field__left-icon">
<i <i
@@ -191,7 +191,7 @@ exports[`should render demo and match snapshot 1`] = `
> >
Address Address
</label> </label>
<div class="van-cell van-cell--borderless van-field van-search__field"> <div class="van-cell van-cell--borderless van-field van-field--label-left van-search__field">
<!--[--> <!--[-->
<div class="van-field__left-icon"> <div class="van-field__left-icon">
<i <i

12
packages/vant/src/search/test/__snapshots__/demo.spec.ts.snap
View File

@@ -4,7 +4,7 @@ exports[`should render demo and match snapshot 1`] = `
<div> <div>
<div class="van-search"> <div class="van-search">
<div class="van-search__content van-search__content--square"> <div class="van-search__content van-search__content--square">
<div class="van-cell van-cell--borderless van-field van-search__field"> <div class="van-cell van-cell--borderless van-field van-field--label-left van-search__field">
<div class="van-field__left-icon"> <div class="van-field__left-icon">
<i class="van-badge__wrapper van-icon van-icon-search"> <i class="van-badge__wrapper van-icon van-icon-search">
</i> </i>
@@ -28,7 +28,7 @@ exports[`should render demo and match snapshot 1`] = `
<form action="/"> <form action="/">
<div class="van-search van-search--show-action"> <div class="van-search van-search--show-action">
<div class="van-search__content van-search__content--square"> <div class="van-search__content van-search__content--square">
<div class="van-cell van-cell--borderless van-field van-search__field"> <div class="van-cell van-cell--borderless van-field van-field--label-left van-search__field">
<div class="van-field__left-icon"> <div class="van-field__left-icon">
<i class="van-badge__wrapper van-icon van-icon-search"> <i class="van-badge__wrapper van-icon van-icon-search">
</i> </i>
@@ -59,7 +59,7 @@ exports[`should render demo and match snapshot 1`] = `
<div> <div>
<div class="van-search"> <div class="van-search">
<div class="van-search__content van-search__content--square"> <div class="van-search__content van-search__content--square">
<div class="van-cell van-cell--borderless van-field van-search__field"> <div class="van-cell van-cell--borderless van-field van-field--label-left van-search__field">
<div class="van-field__left-icon"> <div class="van-field__left-icon">
<i class="van-badge__wrapper van-icon van-icon-search"> <i class="van-badge__wrapper van-icon van-icon-search">
</i> </i>
@@ -82,7 +82,7 @@ exports[`should render demo and match snapshot 1`] = `
<div> <div>
<div class="van-search"> <div class="van-search">
<div class="van-search__content van-search__content--square"> <div class="van-search__content van-search__content--square">
<div class="van-cell van-cell--borderless van-field van-field--disabled van-search__field"> <div class="van-cell van-cell--borderless van-field van-field--disabled van-field--label-left van-search__field">
<div class="van-field__left-icon"> <div class="van-field__left-icon">
<i class="van-badge__wrapper van-icon van-icon-search"> <i class="van-badge__wrapper van-icon van-icon-search">
</i> </i>
@@ -109,7 +109,7 @@ exports[`should render demo and match snapshot 1`] = `
style="background: rgb(79, 192, 141);" style="background: rgb(79, 192, 141);"
> >
<div class="van-search__content van-search__content--round"> <div class="van-search__content van-search__content--round">
<div class="van-cell van-cell--borderless van-field van-search__field"> <div class="van-cell van-cell--borderless van-field van-field--label-left van-search__field">
<div class="van-field__left-icon"> <div class="van-field__left-icon">
<i class="van-badge__wrapper van-icon van-icon-search"> <i class="van-badge__wrapper van-icon van-icon-search">
</i> </i>
@@ -139,7 +139,7 @@ exports[`should render demo and match snapshot 1`] = `
> >
Address Address
</label> </label>
<div class="van-cell van-cell--borderless van-field van-search__field"> <div class="van-cell van-cell--borderless van-field van-field--label-left van-search__field">
<div class="van-field__left-icon"> <div class="van-field__left-icon">
<i class="van-badge__wrapper van-icon van-icon-search"> <i class="van-badge__wrapper van-icon van-icon-search">
</i> </i>

2
packages/vant/src/search/test/__snapshots__/index.spec.ts.snap
View File

@@ -23,7 +23,7 @@ exports[`should render left slot correctly 1`] = `
<div class="van-search"> <div class="van-search">
Custom Left Content Custom Left Content
<div class="van-search__content van-search__content--square"> <div class="van-search__content van-search__content--square">
<div class="van-cell van-cell--borderless van-field van-search__field"> <div class="van-cell van-cell--borderless van-field van-field--label-left van-search__field">
<div class="van-field__left-icon"> <div class="van-field__left-icon">
<i class="van-badge__wrapper van-icon van-icon-search"> <i class="van-badge__wrapper van-icon van-icon-search">
</i> </i>