Python網頁開發神器fac 0.2.8、fuc 0.1.28新版本更新內容介紹

費弗裡發表於2023-05-10

fac專案地址:https://github.com/CNFeffery/feffery-antd-components

fuc專案地址:https://github.com/CNFeffery/feffery-utils-components

歡迎star支援

  大家好我是費老師,由我開源維護的Python網頁開發相關元件庫facfuc分別更新到了0.2.8版本和0.1.28版本,本文就將為大家介紹它們在各自新版本中的更新內容?。

1 fac 0.2.8版本更新內容介紹

Python網頁開發神器fac 0.2.8、fuc 0.1.28新版本更新內容介紹

1.1 新增緊湊佈局元件AntdCompact

  fac中的AntdSpace在對若干平級元素,進行水平或豎直排列布局時非常方便易用,而這次0.2.8版本中新增的緊湊佈局元件AntdCompact則可看作特殊的AntdSpace元件,可以對傳入內部的若干型別子元素進行緊湊排列最佳化,自動去除相鄰元素的重複邊框,實現更美觀的效果:

fac.AntdCompact(
    [
        fac.AntdButton(
            f'按鈕{i}'
        )
        for i in range(1, 6)
    ]
)

  下面是對比size=0AntdSpace排列效果,可以看到AntdCompact對展示效果進行了自動最佳化:

Python網頁開發神器fac 0.2.8、fuc 0.1.28新版本更新內容介紹

  具體使用見:https://fac.feffery.tech/AntdCompact

1.2 提升AntdTree節點右鍵選單回撥觸發穩定性

  0.2.8版本中為AntdTree元件的節點右鍵選單事件新增事件戳屬性timestamp,從而避免連續點選相同節點的相同選單項時,出現回撥不觸發的問題:

Python網頁開發神器fac 0.2.8、fuc 0.1.28新版本更新內容介紹

1.3 修復了統計數值元件額外提示訊息不顯示的問題

Python網頁開發神器fac 0.2.8、fuc 0.1.28新版本更新內容介紹

1.4 AntdSpace新增自定義分割元素支援

  0.2.8版本中針對AntdSpace新增了元件型引數customSplit,我們可以透過它來自行定義需要作為分割元素的內容:

Python網頁開發神器fac 0.2.8、fuc 0.1.28新版本更新內容介紹

1.5 下拉選單及上傳按鈕元件支援更精細的按鈕樣式自定義

  針對AntdDropdownAntdUpload,細化了對其各自按鈕元素進行配置的引數buttonProps,支援了額外的styleclassName樣式自定義:

Python網頁開發神器fac 0.2.8、fuc 0.1.28新版本更新內容介紹

1.6 日期選擇、日期範圍選擇元件支援預設自動時間值

  0.2.8版本中,針對AntdDatePickerAntdDateRangePicker的引數showTime新增預設自動時間值相關設定,初始化後,當使用者點選選中日期時,右側的時間選擇框會自動選中預設的時間值:

Python網頁開發神器fac 0.2.8、fuc 0.1.28新版本更新內容介紹

1.7 輸入框元件新增引數emptyAsNone

  AntdInput元件新增引數emptyAsNone,預設為False,將其設定為True之後,當使用者已輸入的值為空字元時,會統一對相關監聽屬性valuedebounceValue更新為None而不是'',以便於部分場景下後端進行處理。

  更多fac相關內容歡迎電腦端訪問官網:https://fac.feffery.tech/

2 fuc 0.1.28版本更新內容介紹

Python網頁開發神器fac 0.2.8、fuc 0.1.28新版本更新內容介紹

  因為我沒怎麼宣傳的緣故,各位dash應用開發者們可能對fuc不是很熟悉,其實這是我的另一個dash元件庫專案,不同於fac中的網頁開發場景常用控制元件,fuc中更多的集中了諸多輔助性質的功能元件,可以幫助我們更好的“遠離javascript擁抱python”?,官網地址:https://fuc.feffery.tech/ ,可以說是一個充滿寶藏元件的神器!

  在這次針對fuc0.1.28版本更新中,我為其新增了cookie控制元件FefferyCookie,可以幫助我們透過元件以及回撥操作對繫結的cookie資訊進行更新和捕獲,配合flaskrequest相關功能效果更佳?,下面是其初始化到應用中的基礎寫法:

fuc.FefferyCookie(
    id='cookie-basic-demo',
    cookieKey='feffery-cookie-basic-demo',
    defaultValue='I~love~dash!'
)

  以上就是本文的全部內容,對Dash應用開發感興趣的朋友,歡迎新增微訊號CNFeffery,備註“dash學習”加入我的技術交流群,一起成長一起進步。

相關文章