mirror of
https://gitee.com/ant-design-vue/ant-design-vue.git
synced 2024-12-12 11:55:26 +08:00
97 lines
2.4 KiB
TypeScript
97 lines
2.4 KiB
TypeScript
// Project: https://github.com/vueComponent/ant-design-vue
|
|
// Definitions by: akki-jat <https://github.com/akki-jat>
|
|
// Definitions: https://github.com/vueComponent/ant-design-vue/types
|
|
|
|
import { AntdComponent, AntdProps } from './component';
|
|
|
|
export type StringGradients = { [percentage: string]: string };
|
|
type FromToGradients = { from: string; to: string };
|
|
export type ProgressGradient = { direction?: string } & (StringGradients | FromToGradients);
|
|
export declare class Progress extends AntdComponent {
|
|
$props: AntdProps & {
|
|
/**
|
|
* template function of the content
|
|
* @default percent => percent + '%'
|
|
* @type Function
|
|
*/
|
|
format?: (percent?: number, successPercent?: number) => any;
|
|
|
|
/**
|
|
* the gap degree of half circle, 0 ~ 360
|
|
* @default 0
|
|
* @type number
|
|
*/
|
|
gapDegree?: number;
|
|
|
|
/**
|
|
* the gap position, options: top bottom left right
|
|
* @default 'top'
|
|
* @type string
|
|
*/
|
|
gapPosition?: 'top' | 'bottom' | 'left' | 'right';
|
|
|
|
/**
|
|
* to set the completion percentage
|
|
* @default 0
|
|
* @type number
|
|
*/
|
|
percent?: number;
|
|
|
|
/**
|
|
* whether to display the progress value and the status icon
|
|
* @default true
|
|
* @type boolean
|
|
*/
|
|
showInfo?: boolean;
|
|
|
|
/**
|
|
* to set the status of the Progress, options: normal success exception active
|
|
* @default 'normal'
|
|
* @type string
|
|
*/
|
|
status?: 'normal' | 'success' | 'active' | 'exception';
|
|
|
|
/**
|
|
* to set the width of the progress bar, unit: px.
|
|
* to set the width of the circular progress bar, unit: percentage of the canvas width
|
|
* @default 10 if type = 'line', else 6
|
|
* @type number
|
|
*/
|
|
strokeWidth?: number;
|
|
|
|
/**
|
|
* to set the style of the progress linecap
|
|
* @default 'round'
|
|
* @type Enum{ 'round', 'square' }
|
|
*/
|
|
strokeLinecap?: 'butt' | 'square' | 'round';
|
|
|
|
/**
|
|
* color of progress bar
|
|
* @type string
|
|
*/
|
|
strokeColor?: string | ProgressGradient;
|
|
|
|
/**
|
|
* segmented success percent, works when type="line"
|
|
* @default 0
|
|
* @type number
|
|
*/
|
|
successPercent?: number;
|
|
|
|
/**
|
|
* to set the type, options: line circle dashboard
|
|
* @default 'line'
|
|
* @type string
|
|
*/
|
|
type?: 'line' | 'circle' | 'dashboard';
|
|
|
|
/**
|
|
* to set the canvas width of the circular progress bar, unit: px
|
|
* @default 120
|
|
* @type number
|
|
*/
|
|
width?: number;
|
|
};
|
|
}
|