Python網頁應用開發神器fac 0.2.10版本新功能介紹

fac項目地址:https://github.com/CNFeffery/feffery-antd-components

歡迎star支持⭐

  大家好我是費老師,由我開源維護的Python網頁通用組件庫fac前不久更新至0.2.10新版本,使用下列命令可快速完成更新:

pip install feffery-antd-components -U -i https://mirrors.aliyun.com/pypi/simple/

  0.2.10雖然只是個小版本,但足足經過一個夏天的陸續積累更新,積攢了非常豐富的新功能新特性,下面我就來爲大家介紹其中的主要更新內容:

1 fac 0.2.10版本新功能介紹

1.1 新組件:AntdCenter

  新增居中組件AntdCenter,用於快捷實現內部元素在水平、豎直方向上的居中展示:

1.2 新機制:靜態資源懶加載

  隨着fac功能的日漸豐富,隨之而來的是其靜態資源的增長,即使在dash.Dash()中開啓了compress=True進行壓縮,也有大幾百kb。

  而從0.2.10開始,通過重構fac底層邏輯,實現了AntdTable、上傳類組件、數據錄入類組件、數據展示類組件的懶加載。用戶初始訪問我們的dash應用時將只會請求體積較小的基礎靜態資源,當頁面中實際進行對應懶加載組件的渲染時,纔會即時的請求相應資源,大幅度降低了通過互聯網所部署dash應用的帶寬壓力。

1.3 新特性:批量屬性監聽

  新版本中針對部分組件新增批量屬性監聽功能,使得我們可以在回調編排中通過batchPropsValues這一個屬性,對batchPropsNames所定義的多個屬性值的打包監聽,從而幫助我們提升回調函數編排效率,以AntdTree爲例,同時打包監聽了多個屬性值變化情況:

1.4 組件簡化導入

  新版本中引入了可選的組件別名導入方式,你可以根據自己的喜好,使用import feffery_antd_components.alias as fac代替常規的import feffery_antd_components as fac,從而實現對fac中各組件名Antd前綴的省略,譬如:

1.5 更多表單輸入類組件新增只讀模式

  爲了滿足更多的靜態表單展示需求,本次更新中爲AntdCheckboxAntdCheckboxGroupAntdRadioGroupAntdSliderAntdSwitchAntdTransferAntdCheckCardGroupAntdCheckCard等組件新增參數readOnly用於設置只讀模式,以選擇卡片組合爲例:

1.6 新增第三方外部圖標庫支持

  針對fac中諸多可通過參數icon設置圖標代號從而直接使用AntdIcon中內置圖標的組件,新增了輔助參數iconRenderer,默認爲'AntdIcon',當設置爲'fontawesome'時,會將icon參數的輸入值作爲css類名進行圖標渲染,典型如fontawesome(注意在項目assets目錄下放置好相關靜態資源):

1.7 AntdMenu支持自定義組件型菜單項

  配合參數menuItemKeyToTitle,你可以使用任意的自定義元素內容充當菜單項標題:

1.8 AntdTree重要新功能

  新版本中針對樹組件新增了多項重要新功能,具體有:

1.8.1 支持快捷樹搜索

  僅需要爲AntdTree設置有效參數searchKeyword,即可快捷實現樹搜索功能,還可通過參數highlightStyle來自定義搜索高亮部分樣式:

1.8.2 同級拖拽約束

  針對AntdTree的可拖拽功能,如果你希望僅同級節點之間可拖拽,那麼直接設置參數dragInSameLevel=True即可~

1.8.3 節點狀態樣式及後綴內容

  通過參數nodeCheckedStylenodeUncheckedStyle,可以分別自定義節點不同勾選狀態下的樣式:

  通過參數nodeCheckedSuffixnodeUncheckedSuffix,則可以分別自定義節點不同勾選狀態下的後綴額外元素:

1.8.4 新增節點可收藏功能

  在很多常見應用中,針對樹形結構控件,可以單獨收藏各個樹節點,現在在AntdTree中可以輕鬆實現此類功能:

1.8.5 節點滾動動作

  新版本中,可通過更新參數scrollTarget,實現向對應節點的滾動動作:

1.9 標籤頁組件支持快捷右鍵菜單

  AntdTabs針對各標籤頁的標題新增快捷右鍵菜單功能,可以用來監聽支撐很多針對標籤頁的快捷操作:

1.10 AntdTable重要新功能

  作爲fac中的重型組件,AntdTable在本次更新中也引入了多項新功能,其中主要的有:

1.10.1 支持任意層級表頭合併

  現在你可以利用AntdTable輕鬆構建具有任意層級表頭合併的數據表格:

1.10.2 字段篩選新增樹形篩選菜單支持

1.10.3 字段可編輯功能新增變動字段監聽

  現在可以同時監聽到具體是哪一列的單元格發生了編輯:

1.11 時間、日期選擇相關組件新增自定義頁腳功能

  新版本中,可以針對AntdDatePicker等日期選擇、時間選擇相關組件,通過參數extraFooter設置自定義頁腳內容,以便配合回調函數實現更多快捷功能:

1.12 選擇卡片組合可限制必須有選值

  在設置參數allowNoValue=True後,AntdCheckCardGroup可限制不允許用戶清空選值:

1.13 水印組件支持多行水印、圖片水印

  新版本中,針對水印組件AntdWatermark,新增對多行水印及圖片型水印的支持:

  篇幅有限,以上只介紹了0.2.10版本中的部分新功能,完整的更新內容介紹請移步官網瞭解更多:https://fac.feffery.tech/change-log-v0.2.10


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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章