解锁 WaterMark 组件:为企业权益保驾护航,多场景适用!

39 阅读2分钟

01 引言

在数字化浪潮中,信息安全与管理需求日益多元。Choerodon UI 组件库研发 WaterMark 水印组件为你的页面轻松添加水印,有效防止信息盗用,保障企业权益。下面就带大家深入了解它的特性与场景。

02 设计特性

『多种水印形式』

多种水印形式,支持文字水印图片水印。 

文字水印可通过  content  轻松指定内容;图片水印通过 image  指定图片地址,并可通过  width  和  height  确保图片高清且不拉伸。

『灵活的层级设置』

组件默认实现前置水印,即显示在内容上方,  zIndex  默认为 9 。若不想水印遮挡上层内容,可灵活调整该值,使其小于上层内容的  zIndex  。(HZERO 系统默认后置水印)

『指定容器渲染』

借助  getContainer  属性,能够精准指定水印的渲染容器,满足多样化的布局需求。  例如:在界面局部敏感信息,仅文档渲染部分添加水印。

03 场景案例

WaterMark 组件应用广泛,涵盖版权保护、权限追踪、数据分类、活动推广、文档版本管理等多场景 。 在 HZERO 系统中有以下场景案例:

『系统水印配置』

用户可直接在“系统配置”界面配置系统界面是否开启水印显示,并支持系统变量映射。

菜单层级: 平台级、租户级

菜单路径: 系统管理 > 系统配置 > 基础配置

默认配置:

更多配置详情参考:

平台水印配置文档

HZEROJS 水印相关

『文件水印配置』

帮助用户可以灵活配置文件的水印类型,包括大小、对齐方式、内容等等。支持为图片和PDF添加水印。

菜单层级: 平台级、租户级

菜单路径: 文件管理 > 文件水印配置

更多配置详情参考:

文件水印配置

联系我们

我们将持续优化 WaterMark 和 Choerodon UI 组件库功能,优化客户体验。通过以下文档链接,查看更多水印组件相关资料。

如果您有更好的想法和建议,欢迎您积极反馈给我们。

● 组件文档

● 开放平台文档

● Choerodon UI

● github