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 更多表單輸入類組件新增只讀模式
為了滿足更多的靜態表單展示需求,本次更新中為AntdCheckbox
、AntdCheckboxGroup
、AntdRadioGroup
、AntdSlider
、AntdSwitch
、AntdTransfer
、AntdCheckCardGroup
、AntdCheckCard
等組件新增參數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 節點狀態樣式及后綴內容
通過參數nodeCheckedStyle
、nodeUncheckedStyle
,可以分別自定義節點不同勾選狀態下的樣式:

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

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學習”加入我的技術交流群,一起成長一起進步。