From 37315975203f28d36634d9ad8388a7f4dc8a44ea Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=98=89=E6=B6=B5?= <chenjiahan@youzan.com>
Date: Sun, 29 Dec 2019 08:16:20 +0800
Subject: [PATCH] feat(TreeSelect): add @tree-select-item-selected-size var

---
 src/style/var.less                                   | 1 +
 src/tree-select/index.less                           | 1 +
 src/tree-select/index.tsx                            | 2 +-
 src/tree-select/test/__snapshots__/demo.spec.js.snap | 8 ++++----
 4 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/style/var.less b/src/style/var.less
index b55841b60..5a319e163 100644
--- a/src/style/var.less
+++ b/src/style/var.less
@@ -739,6 +739,7 @@
 @tree-select-item-height: 44px;
 @tree-select-item-active-color: @red;
 @tree-select-item-disabled-color: @gray-5;
+@tree-select-item-selected-size: 16px;
 
 // Uploader
 @uploader-size: 80px;
diff --git a/src/tree-select/index.less b/src/tree-select/index.less
index c9a196f8e..bfa5a1442 100644
--- a/src/tree-select/index.less
+++ b/src/tree-select/index.less
@@ -44,5 +44,6 @@
     top: 50%;
     right: @padding-md;
     margin-top: -@padding-xs;
+    font-size: @tree-select-item-selected-size;
   }
 }
diff --git a/src/tree-select/index.tsx b/src/tree-select/index.tsx
index 94c20dd3c..1a24c0ce8 100644
--- a/src/tree-select/index.tsx
+++ b/src/tree-select/index.tsx
@@ -106,7 +106,7 @@ function TreeSelect(
       >
         {item.text}
         {isActiveItem(item.id) && (
-          <Icon name="checked" size="16px" class={bem('selected')} />
+          <Icon name="checked" class={bem('selected')} />
         )}
       </div>
     ));
diff --git a/src/tree-select/test/__snapshots__/demo.spec.js.snap b/src/tree-select/test/__snapshots__/demo.spec.js.snap
index 8e57058b1..8274ed099 100644
--- a/src/tree-select/test/__snapshots__/demo.spec.js.snap
+++ b/src/tree-select/test/__snapshots__/demo.spec.js.snap
@@ -18,7 +18,7 @@ exports[`renders demo correctly 1`] = `
           </div>
         </a></div>
       <div class="van-tree-select__content">
-        <div class="van-ellipsis van-tree-select__item van-tree-select__item--active">杭州<i class="van-icon van-icon-checked van-tree-select__selected" style="font-size: 16px;">
+        <div class="van-ellipsis van-tree-select__item van-tree-select__item--active">杭州<i class="van-icon van-icon-checked van-tree-select__selected">
             <!----></i></div>
         <div class="van-ellipsis van-tree-select__item">温州</div>
         <div class="van-ellipsis van-tree-select__item van-tree-select__item--disabled">宁波</div>
@@ -42,9 +42,9 @@ exports[`renders demo correctly 1`] = `
           </div>
         </a></div>
       <div class="van-tree-select__content">
-        <div class="van-ellipsis van-tree-select__item van-tree-select__item--active">杭州<i class="van-icon van-icon-checked van-tree-select__selected" style="font-size: 16px;">
+        <div class="van-ellipsis van-tree-select__item van-tree-select__item--active">杭州<i class="van-icon van-icon-checked van-tree-select__selected">
             <!----></i></div>
-        <div class="van-ellipsis van-tree-select__item van-tree-select__item--active">温州<i class="van-icon van-icon-checked van-tree-select__selected" style="font-size: 16px;">
+        <div class="van-ellipsis van-tree-select__item van-tree-select__item--active">温州<i class="van-icon van-icon-checked van-tree-select__selected">
             <!----></i></div>
         <div class="van-ellipsis van-tree-select__item van-tree-select__item--disabled">宁波</div>
         <div class="van-ellipsis van-tree-select__item">义乌</div>
@@ -81,7 +81,7 @@ exports[`renders demo correctly 1`] = `
           </div>
         </a></div>
       <div class="van-tree-select__content">
-        <div class="van-ellipsis van-tree-select__item van-tree-select__item--active">杭州<i class="van-icon van-icon-checked van-tree-select__selected" style="font-size: 16px;">
+        <div class="van-ellipsis van-tree-select__item van-tree-select__item--active">杭州<i class="van-icon van-icon-checked van-tree-select__selected">
             <!----></i></div>
         <div class="van-ellipsis van-tree-select__item">温州</div>
         <div class="van-ellipsis van-tree-select__item van-tree-select__item--disabled">宁波</div>