定義:存在父子層級(jí)關(guān)系的選擇枚舉組件。
使用場(chǎng)景:
用于含有層級(jí)關(guān)系的枚舉組件,例如:省市、組織架構(gòu)、不同導(dǎo)航層級(jí)等;
點(diǎn)擊激活選擇框,出現(xiàn)級(jí)聯(lián)選擇浮層。
例如:boss直聘首頁(yè)搜索,前置公司所在城市,點(diǎn)擊城市出現(xiàn)城市選擇組件,鼠標(biāo)hover出現(xiàn)下級(jí)選項(xiàng)。
基礎(chǔ)樣式:只能選擇枚舉,不支持在選擇框中進(jìn)行關(guān)鍵詞搜索,且為單選。用戶選擇選項(xiàng)后,浮層收起,表單為完成態(tài)。
存在下級(jí)菜單的選項(xiàng)會(huì)出現(xiàn)右箭頭,提示用戶含有下一級(jí)選項(xiàng),鼠標(biāo)hover出現(xiàn)下一級(jí)選項(xiàng)。
清空樣式:用戶可以使用空選項(xiàng)填寫(xiě)表單,防止用戶輸入數(shù)據(jù)后沒(méi)法取消所輸入的數(shù)據(jù)。
激活,出現(xiàn)第一級(jí)的級(jí)聯(lián)浮層,如果存在下一級(jí)則對(duì)應(yīng)選項(xiàng)出現(xiàn)右箭頭,hover出現(xiàn)下一級(jí)選項(xiàng)。含有清空選項(xiàng)的枚舉項(xiàng),選擇清空則數(shù)據(jù)為空提交。
含有搜索樣式(可選擇空選項(xiàng)):可通過(guò)搜索快速查詢(xún)到所需要到枚舉項(xiàng)。輸入關(guān)鍵詞,出現(xiàn)的下拉選擇以路徑的形式展示,匹配關(guān)鍵詞高亮。