From ffa3763e0b62b4cc6cb99ed667012cade232b788 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Fri, 23 Jul 2021 10:16:58 +0800
Subject: [PATCH] style(Search): fix incorrect left icon color (#9100)

---
 src/search/Search.tsx                            |  1 +
 src/search/index.less                            |  4 ++--
 src/search/test/__snapshots__/demo.spec.ts.snap  | 12 ++++++------
 src/search/test/__snapshots__/index.spec.ts.snap |  2 +-
 4 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/search/Search.tsx b/src/search/Search.tsx
index 7c6989bbc..685a93da1 100644
--- a/src/search/Search.tsx
+++ b/src/search/Search.tsx
@@ -103,6 +103,7 @@ export default defineComponent({
           v-slots={pick(slots, ['left-icon', 'right-icon'])}
           ref={filedRef}
           type="search"
+          class={bem('field')}
           border={false}
           onKeypress={onKeypress}
           {...fieldAttrs}
diff --git a/src/search/index.less b/src/search/index.less
index c12269149..e80339f50 100644
--- a/src/search/index.less
+++ b/src/search/index.less
@@ -40,12 +40,12 @@
     line-height: var(--van-search-input-height);
   }
 
-  .van-cell {
+  &__field {
     flex: 1;
     padding: 5px var(--van-padding-xs) 5px 0;
     background-color: transparent;
 
-    &__left-icon {
+    .van-field__left-icon {
       color: var(--van-search-left-icon-color);
     }
   }
diff --git a/src/search/test/__snapshots__/demo.spec.ts.snap b/src/search/test/__snapshots__/demo.spec.ts.snap
index b26658344..1ded04c5a 100644
--- a/src/search/test/__snapshots__/demo.spec.ts.snap
+++ b/src/search/test/__snapshots__/demo.spec.ts.snap
@@ -4,7 +4,7 @@ exports[`should render demo and match snapshot 1`] = `
 <div>
   <div class="van-search">
     <div class="van-search__content van-search__content--square">
-      <div class="van-cell van-cell--borderless van-field">
+      <div class="van-cell van-cell--borderless van-field van-search__field">
         <div class="van-field__left-icon">
           <i class="van-badge__wrapper van-icon van-icon-search">
           </i>
@@ -25,7 +25,7 @@ exports[`should render demo and match snapshot 1`] = `
   <form action="/">
     <div class="van-search van-search--show-action">
       <div class="van-search__content van-search__content--square">
-        <div class="van-cell van-cell--borderless van-field">
+        <div class="van-cell van-cell--borderless van-field van-search__field">
           <div class="van-field__left-icon">
             <i class="van-badge__wrapper van-icon van-icon-search">
             </i>
@@ -52,7 +52,7 @@ exports[`should render demo and match snapshot 1`] = `
 <div>
   <div class="van-search">
     <div class="van-search__content van-search__content--square">
-      <div class="van-cell van-cell--borderless van-field">
+      <div class="van-cell van-cell--borderless van-field van-search__field">
         <div class="van-field__left-icon">
           <i class="van-badge__wrapper van-icon van-icon-search">
           </i>
@@ -72,7 +72,7 @@ exports[`should render demo and match snapshot 1`] = `
 <div>
   <div class="van-search">
     <div class="van-search__content van-search__content--square">
-      <div class="van-cell van-cell--borderless van-field van-field--disabled">
+      <div class="van-cell van-cell--borderless van-field van-field--disabled van-search__field">
         <div class="van-field__left-icon">
           <i class="van-badge__wrapper van-icon van-icon-search">
           </i>
@@ -95,7 +95,7 @@ exports[`should render demo and match snapshot 1`] = `
        style="background: rgb(79, 192, 141);"
   >
     <div class="van-search__content van-search__content--round">
-      <div class="van-cell van-cell--borderless van-field">
+      <div class="van-cell van-cell--borderless van-field van-search__field">
         <div class="van-field__left-icon">
           <i class="van-badge__wrapper van-icon van-icon-search">
           </i>
@@ -118,7 +118,7 @@ exports[`should render demo and match snapshot 1`] = `
       <div class="van-search__label">
         Address
       </div>
-      <div class="van-cell van-cell--borderless van-field">
+      <div class="van-cell van-cell--borderless van-field van-search__field">
         <div class="van-field__left-icon">
           <i class="van-badge__wrapper van-icon van-icon-search">
           </i>
diff --git a/src/search/test/__snapshots__/index.spec.ts.snap b/src/search/test/__snapshots__/index.spec.ts.snap
index 3903e1d9a..c74bfa168 100644
--- a/src/search/test/__snapshots__/index.spec.ts.snap
+++ b/src/search/test/__snapshots__/index.spec.ts.snap
@@ -26,7 +26,7 @@ exports[`should render left slot correctly 1`] = `
 <div class="van-search">
   Custom Left Content
   <div class="van-search__content van-search__content--square">
-    <div class="van-cell van-cell--borderless van-field">
+    <div class="van-cell van-cell--borderless van-field van-search__field">
       <div class="van-field__left-icon">
         <i class="van-badge__wrapper van-icon van-icon-search">
         </i>