Angular DevUI 14.1.0版本發(fā)布啦~ 現(xiàn)在你可以在 Angular 14 的項(xiàng)目中愉快地使用 Ng DevUI 組件庫(kù)啦！我們一起來(lái)看看 Ng DevUI 14.1.0 都更新了哪些新特性吧！

新增特性

• 新增UserGuide組件
• typography: 重構(gòu)組件，新增文字編輯功能、文字省略指令textOverflow?！鞠嚓P(guān)教程推薦：《angular教程》】
• ✏️ gantt: 新增狀態(tài)及標(biāo)題模板
• editable-select: 添加下拉自定義區(qū)域，添加hover事件
• progress: 優(yōu)化文字顯示；新增多段顏色和漸變色配置
• tree-select: 新增自定義無(wú)數(shù)據(jù)模板；新增searchPlaceholder，允許配置搜索文字
• fullscreen: 新增api beforeChange，可用于阻止esc或click方式開(kāi)關(guān)全屏（無(wú)法阻止沉浸式全屏瀏覽器默認(rèn)響應(yīng)，如按f11和esc退出）
• datatable: 新增自定義表頭及樣式的配置器；表格尺寸添加mini；column模式下添加編輯結(jié)束時(shí)的攔截方法beforeCellEditEnd
• category-search: treeSelect類型新增searchPlaceholder，允許配置搜索文字

Bug修復(fù)

• cascader: 修復(fù)葉子節(jié)點(diǎn)的模板參數(shù)不一致；修復(fù)父子關(guān)聯(lián)取消后的觸發(fā)邏輯
• category-search: 修復(fù)date賦值問(wèn)題，使用組件默認(rèn)ngModel；修復(fù)無(wú)數(shù)據(jù)時(shí)backspace刪除報(bào)錯(cuò)；修復(fù)treeSelect類型選中后節(jié)點(diǎn)自動(dòng)關(guān)閉無(wú)法展示
• datatable: 修復(fù)filter激活內(nèi)外邏輯優(yōu)先級(jí)問(wèn)題；修復(fù)側(cè)邊陰影定位問(wèn)題；修復(fù)內(nèi)部checkbox不會(huì)冒泡觸發(fā)rowclick,用戶自定義內(nèi)容攔截點(diǎn)擊需要攔截mouseup事件 closes #272 #261
• inputNumber: 修復(fù)數(shù)字輸入框增減按鈕禁用邏輯
• layout: 修復(fù)柵格布局樣式不生效
• mention: 修復(fù)選擇選項(xiàng)時(shí)未觸發(fā)ngModelChange
• rate: 修復(fù)只讀模式下小于1的值不顯示
• tabs: 修復(fù)當(dāng)activeTab不存在時(shí)，slider類型仍有白色背景塊；修復(fù)tabs較長(zhǎng)和包含刪除時(shí)內(nèi)容錯(cuò)位的問(wèn)題；修復(fù)滾動(dòng)至右邊盡頭時(shí)禁用樣式未顯示
• tree: 修復(fù)可操作樹(shù)拖拽視圖截取錯(cuò)誤的問(wèn)題；修復(fù)合并節(jié)點(diǎn)后parentId還是原父節(jié)點(diǎn)，導(dǎo)致展開(kāi)收起等邏輯未響應(yīng)的問(wèn)題
• datepicker-pro: 修復(fù)范圍選擇器時(shí)間模式下結(jié)束日期與開(kāi)始日期相同時(shí)時(shí)間相同
• tags-input: 修復(fù)超長(zhǎng)tag遮擋關(guān)閉按鈕導(dǎo)致無(wú)法關(guān)閉

UserGuide介紹

本次更新為大家?guī)?lái)了UserGuide組件，除了常規(guī)的指引外還支持點(diǎn)擊、輸入等可交互事件模式，歡迎大家使用！

了解