import { CSSProperties, ReactNode } from 'react'; export interface TypeDataVMarqueeProps { /** * @description 容器div的内联样式 * @type {CSSProperties} * @default {} */ style?: CSSProperties; /** * @description 容器类 * @type {string} * @default "" */ className?: string; /** * @description 是否要自动使用子级的副本填充跑马灯中的空白空间? * @type {boolean} * @default false */ autoFill?: boolean; /** * @description 播放或暂停 * @type {boolean} * @default true */ play?: boolean; /** * @description 鼠标移入暂停 * @type {boolean} * @default false */ pauseOnHover?: boolean; /** * @description 鼠标点击暂停 * @type {boolean} * @default false */ pauseOnClick?: boolean; /** * @description 滚动方向 * @type {"left" | "right" | "up" | "down"} * @default "left" */ direction?: 'left' | 'right' | 'up' | 'down'; /** * @description 滚动速度 * @type {number} * @default 50 */ speed?: number; /** * @description 动画渲染后延迟的持续时间,以秒为单位 * @type {number} * @default 0 */ delay?: number; /** * @description 跑马灯应该循环的次数,0 等同于无限 * @type {number} * @default 0 */ loop?: number; /** * @description 是否显示渐变或不显示 * @type {boolean} * @default false */ gradient?: boolean; /** * @description 渐变的颜色 * @type {string} * @default "white" */ gradientColor?: string; /** * @description 两侧渐变的宽度 * @type {number | string} * @default 200 */ gradientWidth?: number | string; /** * @description 当跑马灯完成滚动并停止时的回调。仅在循环非零时调用。 * @type {() => void} * @default null */ onFinish?: () => void; /** * @description 当走马灯完成一个循环时的回调。如果达到最大循环次数,将不会调用(请使用onFinish)。 * @type {() => void} * @default null */ onCycleComplete?: () => void; /** * @description: 一个回调函数,在走马灯完成挂载后被调用。如果需要的话,可以用来重新计算页面大小。 * @type {() => void} * @default null */ onMount?: () => void; /** * @description 走马灯中呈现的子元素 * @type {ReactNode} * @default null */ children?: ReactNode; } declare const DataVMarquee: (props: TypeDataVMarqueeProps) => JSX.Element; export default DataVMarquee;