From f9a9c8ccdc043388a41cc047c66f61af49b5d06d Mon Sep 17 00:00:00 2001
From: rex <rexkaneki@gmail.com>
Date: Sat, 24 Nov 2018 11:29:33 +0800
Subject: [PATCH] =?UTF-8?q?feat(Search):=20add=20new=20external=20classes?=
 =?UTF-8?q?=20field-class=E3=80=81input-class=20@rex-zsd=20(#946)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/search/README.md  | 2 ++
 packages/search/index.less | 3 ++-
 packages/search/index.ts   | 2 +-
 packages/search/index.wxml | 3 ++-
 4 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/search/README.md b/packages/search/README.md
index ca733c9d..cf41c29b 100644
--- a/packages/search/README.md
+++ b/packages/search/README.md
@@ -83,6 +83,8 @@ Search 支持自定义右侧取消按钮，使用名字为 action 的 slot 即
 | 类名 | 说明 |
 |-----------|-----------|
 | custom-class | 根节点样式类 |
+| field-class | 搜索框样式类 |
+| input-class | 输入框样式类 |
 | cancel-class | 取消按钮样式类 |
 
 ### 更新日志
diff --git a/packages/search/index.less b/packages/search/index.less
index a2a26c36..d31ec82f 100644
--- a/packages/search/index.less
+++ b/packages/search/index.less
@@ -7,8 +7,9 @@
   box-sizing: border-box;
 
   &__field {
-    flex: 1;
+    overflow: hidden;
     border-radius: 4px;
+    flex: 1;
 
     &__left-icon {
       color: @gray-dark;
diff --git a/packages/search/index.ts b/packages/search/index.ts
index eb088c4d..3c15d355 100644
--- a/packages/search/index.ts
+++ b/packages/search/index.ts
@@ -3,7 +3,7 @@ import { VantComponent } from '../common/component';
 VantComponent({
   field: true,
 
-  classes: ['cancel-class'],
+  classes: ['field-class', 'input-class', 'cancel-class'],
 
   props: {
     focus: Boolean,
diff --git a/packages/search/index.wxml b/packages/search/index.wxml
index e8cc1636..174b60ac 100644
--- a/packages/search/index.wxml
+++ b/packages/search/index.wxml
@@ -10,12 +10,13 @@
     error="{{ error }}"
     border="{{ false }}"
     confirm-type="search"
-    class="van-search__field"
+    class="van-search__field field-class"
     value="{{ value }}"
     disabled="{{ disabled }}"
     readonly="{{ readony }}"
     maxlength="{{ maxlength }}"
     input-align="{{ inputAlign }}"
+    input-class="input-class"
     placeholder="{{ placeholder }}"
     placeholder-style="{{ placeholderStyle }}"
     custom-style="padding: 3px 10px"