cascade級聯組件

定義：存在父子層級關系的選擇枚舉組件。

使用場(chǎng)景：

用于含有(yǒu)層級關系的枚舉組件，例如：省市、組織架構、不同導航層級等；

點擊激活選擇框，出現級聯選擇浮層。

例如：boss直聘首頁搜索，前置公司所在城市，點擊城市出現城市選擇組件，鼠标hover出現下級選項。

基礎樣式：隻能選擇枚舉，不支持在選擇框中進行(xíng)關鍵詞搜索，且為(wèi)單選。用戶選擇選項後，浮層收起，表單為(wèi)完成态。

存在下級菜單的選項會(huì)出現右箭頭，提示用戶含有(yǒu)下一級選項，鼠标hover出現下一級選項。

清空(kōng)樣式：用戶可(kě)以使用空(kōng)選項填寫表單，防止用戶輸入數(shù)據後沒法取消所輸入的數(shù)據。

激活，出現第一級的級聯浮層，如果存在下一級則對應選項出現右箭頭，hover出現下一級選項。含有(yǒu)清空(kōng)選項的枚舉項，選擇清空(kōng)則數(shù)據為(wèi)空(kōng)提交。

含有(yǒu)搜索樣式（可(kě)選擇空(kōng)選項）：可(kě)通(tōng)過搜索快速查詢到所需要到枚舉項。輸入關鍵詞，出現的下拉選擇以路徑的形式展示，匹配關鍵詞高(gāo)亮。 

inputnumber數(shù)字輸入

定義：僅允許輸入數(shù)值的組件，如果涉及到日期的話(huà)，且數(shù)值以年份日期的數(shù)據存儲，例如：今年是 2018 年，inputnumber工作(zuò)年限為(wèi) 5 年，則後端儲存為(wèi) 2013 年，到了 2019 年數(shù)值變為(wèi) 6 年。

使用場(chǎng)景：

當用戶需要輸入數(shù)值時(shí)；僅允許數(shù)字格式。

基礎樣式：

隻能輸入數(shù)值，當輸入其他格式的時(shí)候，出現報錯提示，同時(shí)輸入框的輸入內(nèi)容清空(kōng)。

變種樣式：含有(yǒu)人(rén)民币，百分比的數(shù)值等，需要将人(rén)民币、百分比的符号體(tǐ)現出來(lái)，這時(shí)候就要用到輸入點的樣式。

radio單選組件

定義：一組互斥的選項，僅單選。

使用場(chǎng)景：

選項低(dī)于五個(gè)時(shí)，且為(wèi)單選；

和(hé)select的區(qū)别是選項全部展示出來(lái)。

例如：boss直聘填寫個(gè)人(rén)信息時(shí)，性别選擇男女時(shí)，就是一個(gè)radio單選組件。

基礎樣式：當單選時(shí)，且選擇項比較少(shǎo)時(shí)，選擇項都展示出來(lái)，使用單選組件。

變種樣式：選項和(hé)控件合為(wèi)一體(tǐ)，整體(tǐ)更直觀。

checkbox複選框定義：對于同一組選項，可(kě)以選擇多(duō)項的組件。

使用場(chǎng)景：在一組可(kě)選項中進行(xíng)多(duō)項選擇時(shí)；單獨使用可(kě)以表示兩種狀态之間(jiān)的切換。

基礎式：多(duō)項選項需要選擇時(shí)使用。

單獨使用：單獨使用可(kě)以表示選中或非選中兩種狀态之間(jiān)的切換。

switch開(kāi)關定義：用于開(kāi)啓/關閉的選擇。

使用場(chǎng)景：

需要表示開(kāi)關狀态/兩種狀态之間(jiān)的切換時(shí)；

表示兩種相互對立的狀态間(jiān)的切換。

基礎樣式：默認打開(kāi)關閉根據業務需求決定，僅展示開(kāi)關控件。

帶有(yǒu)文字樣式：默認打開(kāi)關閉根據業務需求決定，開(kāi)關控件上(shàng)有(yǒu)文字提示該控件的狀态。

禁用樣式：不可(kě)操作(zuò)，隻可(kě)查看開(kāi)關按鈕狀态。