fix(search-bar): resolve some problems in search-bar

[WORLDI]

affects: @gio-design/components, website

resolve some problems in search-bar

@gio-design/components, website@20.11.3

• 搜索框
  • 解决searchBar中图标垂直不居中的问题
  • 给searchBar组件的demo里加上placeholder
  • 处理searchBar中icon和边框间距的问题
  • 让id，value，onChange设置为可选
  • 搜索列表为空时，searchBar的focus不应该显示下拉框
  • 解决搜索框搜索列表显示逻辑错误的问题
  • 支持esc键退出列表
  • 差异化显示输入信息和建议信息之间的差异
  • 搜索列表中数据少于设定的条数时，让下拉列表的高度自适应

---

@gio-design/components, website@20.11.3

• SearchBar
  • Solve the problem that the text Icon in searchBar is not centered vertically
  • Add a placeholder to the demo of the searchBar component
  • Dealing with the problem of icon and border spacing in searchBar
  • Set ID, value, onchange to optional
  • When the search list is empty, the search bar's focus should not display a drop-down box
  • Solve the problem of logic error in search box search list display
  • Support ESC key exit list
  • Differentiation shows the difference between input information and suggestion information
  • When the data in the search list is less than the set number, make the drop-down list highly adaptive

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/growingio/gio-design/fqp35knub
✅ Preview: https://gio-design-git-branchsearchbar.growingio.vercel.app

[azure-pipelines]

Deploy preview for ready! ✅ https://deploy-preview-534--gio-design.surge.sh

[azure-pipelines]

Deploy preview for ready! ✅ https://deploy-preview-534--gio-design.surge.sh

[azure-pipelines]

Deploy preview for ready! ✅ https://deploy-preview-534--gio-design.surge.sh

[azure-pipelines]

Deploy preview for ready! ✅ https://deploy-preview-534--gio-design.surge.sh

[azure-pipelines]

Deploy preview for ready! ✅ https://deploy-preview-534--gio-design.surge.sh

[azure-pipelines]

Deploy preview for gio-design failed.

[azure-pipelines]

Deploy preview for ready! ✅ https://deploy-preview-534--gio-design.surge.sh

[azure-pipelines]

Deploy preview for ready! ✅ https://deploy-preview-534--gio-design.surge.sh

[codecov]

Codecov Report

Merging #534 (3453ca7) into master (8f1496f) will increase coverage by 0.00%.
The diff coverage is 100.00%.

@@           Coverage Diff           @@
##           master     #534   +/-   ##
=======================================
  Coverage   78.58%   78.58%           
=======================================
  Files         124      124           
  Lines        4006     4007    +1     
  Branches     1043     1044    +1     
=======================================
+ Hits         3148     3149    +1     
  Misses        851      851           
  Partials        7        7           

Impacted Files	Coverage Δ
...ckages/components/src/components/button/button.tsx	100.00% <100.00%> (ø)

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update f090170...712a584. Read the comment docs.

[azure-pipelines]

Deploy preview for ready! ✅ https://deploy-preview-534--gio-design.surge.sh

[azure-pipelines]

Deploy preview for ready! ✅ https://deploy-preview-534--gio-design.surge.sh

[azure-pipelines]

Deploy preview for ready! ✅ https://deploy-preview-534--gio-design.surge.sh

[azure-pipelines]

Deploy preview for ready! ✅ https://deploy-preview-534--gio-design.surge.sh

[azure-pipelines]

Deploy preview for ready! ✅ https://deploy-preview-534--gio-design.surge.sh