@nutui/nutui-react-taro
Version:
京东风格的轻量级移动端 React 组件库,支持一套代码生成 H5 和小程序
44 lines (43 loc) • 1.08 kB
TypeScript
import { default as 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 5
*/
strokeWidth?: string | number
/**
* 半径
* @default 50
*/
radius?: number | string
/**
* 圆环进度条端点形状
* @default round
*/
strokeLinecap?: 'butt' | 'round' | 'square' | 'inherit'
/**
* 圆环进度条颜色,传入对象格式可以定义渐变色
* @default #fa2c19
*/
color?: Record<string, string> | string
/**
* 圆环轨道颜色
* @default #d9d9d9
*/
background?: string
/**
* 是否顺时针展示
* @default true
*/
clockwise?: boolean
}
export declare const CircleProgress: FunctionComponent<CircleProgressProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>>;