treeselect樹(shù)選擇
視頻及原型文件下載：https://study.163.com/course/courseMain.htm?courseId=1209770824&share=2&shareId=400000000540015
定義：
具有層級(jí)關(guān)系的選擇器。
交互原則：
1、樹(shù)擇器的層級(jí)不易過(guò)多毙死，超過(guò)5級(jí)建議調(diào)整數(shù)據(jù)結(jié)構(gòu)或改用其他交互方式导坟；
2囚巴、控件設(shè)計(jì)時(shí)需要考慮頁(yè)面大小费薄，避免出現(xiàn)超過(guò)頁(yè)面范圍無(wú)法點(diǎn)擊的尷尬情況那先；
3坷檩、如果可多選却音，要給予用戶反饋，當(dāng)前都選擇了哪些矢炼，讓用戶知道立刻知道是否有選擇錯(cuò)誤系瓢；
交互說(shuō)明：
1、【默認(rèn)文案】：說(shuō)明輸入前提示的文案內(nèi)容句灌，例如：請(qǐng)選擇收貨地址夷陋；
2、【內(nèi)容的枚舉和層級(jí)】：需要說(shuō)明里面數(shù)據(jù)結(jié)構(gòu)胰锌、父子關(guān)系骗绕、數(shù)據(jù)的層級(jí)，例如：樹(shù)內(nèi)容為省市區(qū)三層數(shù)據(jù)結(jié)構(gòu)资昧，選擇省后酬土，通過(guò)省選擇該省內(nèi)的市，通過(guò)市選擇該市下的區(qū)域格带；
3撤缴、【樹(shù)樣式】：說(shuō)明使用的樹(shù)樣式，是否需要搜索叽唱、禁用狀態(tài)等屈呕。
使用場(chǎng)景：
1、需要使用選擇器尔觉，同時(shí)可以提供層級(jí)結(jié)構(gòu)的枚舉項(xiàng)時(shí)凉袱。
2、彈出一個(gè)下拉選項(xiàng)給用戶選擇操作。
3专甩、具有單選和多選的功能钟鸵。
例如用戶搜索關(guān)鍵詞時(shí)，需要對(duì)搜索結(jié)果進(jìn)行二次篩選涤躲，常見(jiàn)的使用樹(shù)選擇有城市棺耍、組織架構(gòu)等。
基礎(chǔ)樣式：
只能選擇枚舉种樱，不支持在選擇框中進(jìn)行關(guān)鍵詞搜索蒙袍，且為單選。用戶選擇選項(xiàng)后嫩挤，浮層收起害幅，表單為完成態(tài)。
對(duì)于選項(xiàng)中層級(jí)結(jié)構(gòu)是否展開(kāi)收起岂昭，則根據(jù)父子層級(jí)架構(gòu)來(lái)看待以现，例如省市比較多，默認(rèn)展開(kāi)的話约啊，查找起來(lái)會(huì)變得很困難邑遏，收起的話則可以快速找到省，再次點(diǎn)擊可快速找到市恰矩。
含有搜索樣式：
選擇框支持搜索记盒，在用戶輸入字符串過(guò)程中，枚舉項(xiàng)動(dòng)態(tài)匹配外傅，且匹配的子集展開(kāi)纪吮。當(dāng)搜索無(wú)結(jié)果時(shí)出現(xiàn)搜索無(wú)結(jié)果提示，點(diǎn)擊無(wú)交互效果栏豺。
含有搜索樣式（可選擇空選項(xiàng)）：
用戶如果選擇空值彬碱，則提交數(shù)據(jù)為城市為空。
含有搜索樣式（可清空已選項(xiàng)）：
如果用戶已選擇奥洼，可提供用戶清空已選擇的機(jī)會(huì)。用戶如果已選擇選項(xiàng)晚胡，則鼠標(biāo)hover灵奖，出現(xiàn)叉號(hào)，點(diǎn)擊叉號(hào)估盘，清空選擇框瓷患。
含有搜索樣式（多選）：
用戶在輸入字符串時(shí)，選項(xiàng)中出現(xiàn)匹配選項(xiàng)遣妥，點(diǎn)擊復(fù)選框阳啥，輸入框出現(xiàn)選項(xiàng)tag同時(shí)清空輸入框牌废。選擇框支持搜索效扫，在用戶輸入字符串過(guò)程中庇绽，枚舉項(xiàng)動(dòng)態(tài)匹配，且匹配的子集展開(kāi)咙冗。點(diǎn)擊選擇器和選擇浮層以外其他區(qū)域，則浮層收起，樹(shù)選擇器為完成態(tài)俭识。
