treeselect树选择
视频及原型文件下载：https://study.163.com/course/courseMain.htm?courseId=1209770824&share=2&shareId=400000000540015
定义：
具有层级关系的选择器。
交互原则：
1、树择器的层级不易过多，超过5级建议调整数据结构或改用其他交互方式；
2、控件设计时需要考虑页面大小，避免出现超过页面范围无法点击的尴尬情况；
3、如果可多选，要给予用户反馈，当前都选择了哪些，让用户知道立刻知道是否有选择错误；
交互说明：
1、【默认文案】：说明输入前提示的文案内容，例如：请选择收货地址；
2、【内容的枚举和层级】：需要说明里面数据结构、父子关系、数据的层级，例如：树内容为省市区三层数据结构，选择省后，通过省选择该省内的市，通过市选择该市下的区域；
3、【树样式】：说明使用的树样式，是否需要搜索、禁用状态等。
使用场景：
1、需要使用选择器，同时可以提供层级结构的枚举项时。
2、弹出一个下拉选项给用户选择操作。
3、具有单选和多选的功能。
例如用户搜索关键词时，需要对搜索结果进行二次筛选，常见的使用树选择有城市、组织架构等。
基础样式：
只能选择枚举，不支持在选择框中进行关键词搜索，且为单选。用户选择选项后，浮层收起，表单为完成态。
对于选项中层级结构是否展开收起，则根据父子层级架构来看待，例如省市比较多，默认展开的话，查找起来会变得很困难，收起的话则可以快速找到省，再次点击可快速找到市。
含有搜索样式：
选择框支持搜索，在用户输入字符串过程中，枚举项动态匹配，且匹配的子集展开。当搜索无结果时出现搜索无结果提示，点击无交互效果。
含有搜索样式（可选择空选项）：
用户如果选择空值，则提交数据为城市为空。
含有搜索样式（可清空已选项）：
如果用户已选择，可提供用户清空已选择的机会。用户如果已选择选项，则鼠标hover，出现叉号，点击叉号，清空选择框。
含有搜索样式（多选）：
用户在输入字符串时，选项中出现匹配选项，点击复选框，输入框出现选项tag同时清空输入框。选择框支持搜索，在用户输入字符串过程中，枚举项动态匹配，且匹配的子集展开。点击选择器和选择浮层以外其他区域，则浮层收起，树选择器为完成态。
