You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
92 lines
2.0 KiB
92 lines
2.0 KiB
6 years ago
|
// 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 } from './component';
|
||
|
|
|
||
|
|
export declare class Progress extends AntdComponent {
|
||
|
|
/**
|
||
|
|
* 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: "round" | "square";
|
||
|
|
|
||
|
|
/**
|
||
|
|
* color of progress bar
|
||
|
|
* @type string
|
||
|
|
*/
|
||
|
|
strokeColor: string;
|
||
|
|
|
||
|
|
/**
|
||
|
|
* 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;
|
||
|
|
}
|