當前位置: 妍妍網 > 碼農

AntDesign Blazor 0.18.0 釋出,列表選擇器、動態表單、AI元素、WebApp站點| 貢獻者突破200!

2024-03-02碼農

年後開工兩周了,祝大家龍年吉祥,身體健康,萬事如意,恭喜發財!

Ant Design Blazor 過年期間也有不少國外的朋友在社群活躍,應接不暇。最近恢復更新了!先來整理PR釋出新版本。另外也很高興計畫貢獻者超過了200位!

這次版本除了修復一些bug外,還帶來了幾個新特性。另外還有我們上線了基於Blazor WebAPP auto渲染模式的測試站點,有伺服端預渲染支持,絲滑秒開(點選原文體驗)

https://antdesigndocswebapp.azurewebsites.net/

動態表單

首先是 Form 元件支持用字串繫結模型,也支持動態模型了,只需Form.Model繫結一個字典,即可動態建立表單,FormItem 自動建立鍵值對。


詳細的說明可以看我們之前發過的文章

表格選擇器

本次更新為Select元件增加了表格選擇器範例,是利用Table和Select兩個元件組合在一起的。我們沒有選擇封裝成單獨的元件,是因為AntDesign Blazor設計上追求靈活和高效,組合能夠實作的功能就不希望整合起來。因為整合封裝之後,必定對元件各個部份的控制(比如內容和事件的配置)都不能完全覆蓋。

參考這個範例,使用者就可以方便地實作其他型別的選擇器,如另一個圖示選擇器。


評論元件對話樣式

這是為配合AI套用而增加的樣式。

目前已經有朋友使用AntDesign Blazor來開發AI套用,如AntSk,我跟作者正在緊密配合,期待第一版的產品上線!


ReuseTabs 支持增加標簽

這是解決在例如授權登入這樣的場景,跳出頁面後再返回,需要恢復原來開啟過的標簽,或者希望每次開啟頁面能恢復原來的工作狀態,那麽這個API就很有用了。系統可以在使用者開啟頁面時保存當前開啟過的標簽,等再次重新整理時載入回來這些標簽。當然了,如果大家希望這個是內建的功能,歡迎來送出PR。


好了,重要的內容就說這麽多,更多的驚喜就等大家來發現了!


以下是本次更新完整列表:


🐉龍年吉祥!

  • Table

  • 🆕 新增 預設捲軸樣式。#3668 @thirking

  • 🐞 修復 內建的日期型別篩選器在繫結型別為可空時,修改值會引發異常。#3704 @ElderJames

  • 🐞 修復 固定列的Table中Header的陰影樣式。#3691 @thirking

  • 🐞 修復 篩選器跳動。#3683 @m-khrapunov

  • 🐞 修復 DataSource 為空且型別時抽象類時,一直顯示載入中不顯示空狀態。#3688 @ElderJames

  • Select

  • 🆕 新增 支持列表選擇器(Table Select)。#3693 @ElderJames

  • 🆕 新增 Select 篩選運算式內容 FilterExpression 用於自訂篩選邏輯。#3656 @Magehernan

  • 🐞 修復 固定輸入(搜尋)值不為null時選擇內容中的占位符顯示。#3701 @agolub-s

  • 🐞 修復 錯誤的 HTML Title 顯示。#3695 @ElderJames

  • 🐞 修復 的 DropdownRender 內容沒有傳入原內容。#3675 @ElderJames

  • 🐞 修復 在 From 中當 ValidateOnChange 為 true 時,修改繫結值不會更新選中項。#3703 @edwardbarford

  • Form

  • 🆕 新增 Form 的 Method 內容用於適配 SSR 表單。#3608 @CrosRoad95

  • 🆕 新增 FormItem Name 內容,基於 DataIndex 支持動態內容。#3612 @Zonciu

  • 🆕 新增 Tabs 為 ReuseTabsService 新增建立標簽的方法 CreateTab 。#3671 @jxcproject

  • 🆕 新增 Comment 頭像位置內容 Placement。#3670 @ElderJames

  • 🐞 修復 Modal 重復移除DOM的問題。#3673 @zxyao145

  • 🐞 修復 Message 在 Webview 上非執行緒安全的問題。#3698 @zxyao145

  • 🐞 修復 Radio 切換選項後原選中樣式未重設。#3694 @ElderJames

  • 🐞 修復 Card 中的 Tabs 尺寸內容。#3661 @thirking

  • 🐞 修復 Segmented 的 SegmentedOption 標簽 。#3659 @CrosRoad95

  • 📖 新增 Blazor WebApp 範例站點。#3642 @bxjg1987

  • 歡迎新的貢獻者

    @bxjg1987

    @thirking

    @edwardbarford