@linkdesign/screen
Version:
屏组件库,但使用场景又不局限于屏。主要用于BI、大盘和屏
93 lines (92 loc) • 2 kB
TypeScript
import React, { PureComponent } from 'react';
export type UniversalStyle = {
width?: string | number;
height?: string | number;
position?: {
x: string | number;
y: string | number;
};
rotation?: number;
opacity?: number;
backgroundColor?: string;
};
export interface ITitle {
/**
* 类名
*/
className?: string;
/**
* react ref
*/
forwardRef?: React.RefObject<HTMLDivElement>;
/**
* 通用样式
*/
universalStyle?: UniversalStyle;
/**
* 文本样式
*/
textStyle?: React.CSSProperties | ((style: React.CSSProperties) => React.CSSProperties);
/**
* 对齐方式
*/
align?: 'left' | 'middle' | 'right';
/**
* 文字排列方式
*/
direction?: 'row' | 'column';
/**
* 点击事件
*
* @memberof ITitle
*/
onClick?: (e?: any) => void;
}
export declare const FLEX_STYLE: {
row: {
left: {
writingMode: string;
alignItems: string;
justifyContent: string;
};
middle: {
writingMode: string;
alignItems: string;
justifyContent: string;
};
right: {
writingMode: string;
alignItems: string;
justifyContent: string;
};
};
column: {
left: {
writingMode: string;
alignItems: string;
justifyContent: string;
};
middle: {
writingMode: string;
alignItems: string;
justifyContent: string;
};
right: {
writingMode: string;
alignItems: string;
justifyContent: string;
};
};
};
/**
* 标题
*
* @category Text
* @class Title
* @extends {PureComponent<ITitle>}
*/
declare class Title extends PureComponent<ITitle> {
constructor(props: ITitle);
render(): React.ReactNode;
}
export default Title;