开始

    yarn install @jstito/water-mark

    import WaterMark from "@jstito/water-mark";
    //内容
    <WaterMark content={'test'}>
        // 内容组件
        <Tabel>
        </Tabel>
    </WaterMark>

参数说明

• content?: string; 水印文字内容 第一行用户名
• localStorageKey?: string[]; 水印文字内容 localStorage取值 优先级比content高

 <WaterMark localStorageKey = {['userInfo', 'key1', 'key2', 'key3']}></WaterMark>
 // 对应去的值是 localStorage 中 {userInfo: {key1: {key2: {key3: value} } } }

• mustAlert?: boolean; 默认值:false 强制打开 修改水印、删除水印节点的提示弹窗
• domains?: string[]; 过滤些不需要弹窗的域名
• className?: string; 类名
• style?: React.CSSProperties; 样式
• markStyle?: React.CSSProperties; 水印样式
• markClassName?: string; 水印类名
• gapX?: number; 水印之间的水平间距
• gapY?: number; 水印之间的垂直间距
• zIndex?: number; 默认值:9，追加的水印元素的z-index
• width?: number; 水印的宽度
• height?: number; 水印的高度
• rotate?: number; 水印绘制时，旋转的角度，单位
• prefixCls?: string; ClassName 前缀
• image?: string; 高清印图片源, 为了高清屏幕显示，建议使用 2倍或3倍图，优先使用图片渲染水印。
• fontColor?: string; 文字颜色 默认值:'rgba(0,0,0,.3)'
• fontStyle?: 'none' | 'normal' | 'italic' | 'oblique'; 文字样式
• fontFamily?: string; 文字族
• fontWeight?: 'normal' | 'light' | 'weight' | number; 文字粗细
• fontSize?: number | string; 文字大小 默认值:12
• children?: React.ReactNode;

函数说明

import { encrypto, decrypto } from "@jstito/water-mark";

• encrypto(str) 加密函数， 参数:str:需要加密的字符串， 返回加密后的字符串

• decrypto(str) 解密函数， 参数:str:需要解密的字符串， 返回解密后的字符串