test-nut-ui
Version:
<p align="center"> <img alt="logo" src="https://img11.360buyimg.com/imagetools/jfs/t1/211965/25/7152/22022/61b16785E433119bb/aa41d7a9f7e823f3.png" width="150" style="margin-bottom: 10px;"> </p>
55 lines (54 loc) • 1.28 kB
TypeScript
import React, { FunctionComponent } from 'react';
import { BasicComponent } from '../../utils/typings';
export interface Color {
[key: string]: string;
}
export interface CircleProgressProps extends BasicComponent {
/**
* 百分比
* @default 必传项,无默认值
*/
percent: string | number
/**
* 圆弧的宽度
* @default 4
*/
strokeWidth?: string | number
strokeWidthInactive?: string | number;
/**
* 半径
* @default 34
*/
radius?: number | string
/**
* 圆环进度条端点形状
* @default round
*/
strokeLinecap?: 'butt' | 'round' | 'square' | 'inherit'
/**
* 圆环进度条颜色,传入对象格式可以定义渐变色
* @default -
*/
color?: object | string
/**
* 圆环轨道颜色
* @default #F5F5F5
*/
background?: string
/**
* 禁用进度条
* @default false
*/
disabled?: boolean
/**
* 禁用状态下进度条颜色
* @default #E5E5E5
*/
disabledColor?: string
/**
* 是否顺时针展示
* @default true
*/
clockwise?: boolean
}
export declare const CircleProgress: FunctionComponent<CircleProgressProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>>;