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学习”加入我的技术交流群,一起成长一起进步。

posted @ 2023-10-23 18:27  费弗里  阅读(1077)  评论(2编辑  收藏  举报