adou-ui
Version:
feat:修复了TagInput无法清空的问题
68 lines (67 loc) • 2.29 kB
TypeScript
import React, { Component } from "react";
/**
* 水印组件属性接口
*
* @property {React.CSSProperties} [style] - 容器自定义样式,可覆盖默认样式
* @property {CanvasTextAlign} [textAlign='center'] - 文字水平对齐方式
* @property {CanvasTextBaseline} [textBaseline='middle'] - 文字垂直基线对齐方式
* @property {string} [font='22px Microsoft Yahei'] - 字体设置,格式同CSS font属性
* @property {string} [fillStyle='#000'] - 文字填充颜色
* @property {string} [content='内部文档,请勿外传'] - 水印文字内容
* @property {number} [globalAlpha=0.1] - 透明度(0-1)
* @property {number} [rotate=16] - 文字旋转角度(单位:度)
* @property {number} [zIndex=1000] - 水印层z-index值
*/
interface WatermarkProps {
style?: React.CSSProperties;
textAlign?: CanvasTextAlign;
textBaseline?: CanvasTextBaseline;
font?: string;
fillStyle?: string;
content?: string;
globalAlpha?: number;
rotate?: number;
zIndex?: number;
children?: React.ReactNode;
}
/**
* 水印组件,用于在指定容器背景生成重复文字水印
*
* @example
* // 基础用法
* <Watermark content="机密文件">
* <div>你的内容</div>
* </Watermark>
*
* // 自定义样式
* <Watermark
* rotate={-30}
* fillStyle="#f00"
* font="20px Arial"
* globalAlpha={0.3}
* >
* <div>你的内容</div>
* </Watermark>
*/
export declare class Watermark extends Component<WatermarkProps> {
private container;
componentDidMount(): void;
/**
* 创建水印核心方法
* @param {Object} config 配置对象
* @param {HTMLDivElement} config.container - 水印容器元素
* @param {string} [config.content] - 水印文字内容
* @param {number} [config.globalAlpha] - 透明度
* @param {number} [config.rotate] - 旋转角度
* @param {string} [config.font] - 字体设置
* @param {string} [config.fillStyle] - 文字颜色
* @param {number} [config.zIndex] - 层级
*/
private createWatermark;
/**
* 渲染方法
* @returns {JSX.Element} 包含子元素的容器div
*/
render(): React.JSX.Element;
}
export {};