@cainiaofe/cn-ui-m
Version:
48 lines (47 loc) • 1.18 kB
TypeScript
import type { ReactNode } from 'react';
import type { CnProgressSizeType } from './cn-progress-size-type';
import type { CnProgressStateType } from './cn-progress-state-type';
export interface CnProgressProps {
/**
* 进度条形态
*/
shape?: 'line' | 'circle';
/**
* 进度条百分比(0-100)
*/
percent: number;
/**
* 进度条尺寸
*/
size?: CnProgressSizeType;
/**
* 进度条颜色，显示优先级: color > progressive > state
*/
color?: string;
/**
* 进度条背景色
*/
backgroundColor?: string;
/**
* 是否有边框（仅shape=circle有效）
*/
hasBorder?: boolean;
/**
* state进度状态, 显示优先级: color > progressive > state
*/
state?: CnProgressStateType;
/**
* 是否为色彩阶段变化模式, 显示优先级: color > progressive > state
*/
progressive?: boolean;
/**
* @ignore rtl是页面级的，无法单独设置某个组件的 rtl
*/
rtl?: boolean;
/**
* 文本渲染函数
*/
textRender?: (percent: number, options: {
rtl?: boolean;
}) => ReactNode;
}