element-plus
Version:
A Component Library for Vue 3
113 lines (112 loc) • 2.08 kB
JavaScript
import { buildProps, definePropType } from "../../../utils/vue/props/runtime.mjs";
//#region ../../packages/components/progress/src/progress.ts
/**
* @deprecated Removed after 3.0.0, Use `ProgressProps` instead.
*/
const progressProps = buildProps({
/**
* @description type of progress bar
*/
type: {
type: String,
default: "line",
values: [
"line",
"circle",
"dashboard"
]
},
/**
* @description percentage, required
*/
percentage: {
type: Number,
default: 0,
validator: (val) => val >= 0 && val <= 100
},
/**
* @description the current status of progress bar
*/
status: {
type: String,
default: "",
values: [
"",
"success",
"exception",
"warning"
]
},
/**
* @description set indeterminate progress
*/
indeterminate: Boolean,
/**
* @description control the animation duration of indeterminate progress or striped flow progress
*/
duration: {
type: Number,
default: 3
},
/**
* @description the width of progress bar
*/
strokeWidth: {
type: Number,
default: 6
},
/**
* @description butt/circle/dashboard type shape at the end path
*/
strokeLinecap: {
type: definePropType(String),
default: "round"
},
/**
* @description whether to place the percentage inside progress bar, only works when `type` is 'line'
*/
textInside: Boolean,
/**
* @description the canvas width of circle progress bar
*/
width: {
type: Number,
default: 126
},
/**
* @description whether to show percentage
*/
showText: {
type: Boolean,
default: true
},
/**
* @description background color of progress bar. Overrides `status` prop
*/
color: {
type: definePropType([
String,
Array,
Function
]),
default: ""
},
/**
* @description stripe over the progress bar's color
*/
striped: Boolean,
/**
* @description get the stripes to flow
*/
stripedFlow: Boolean,
/**
* @description custom text format
*/
format: {
type: definePropType(Function),
default: (percentage) => `${percentage}%`
}
});
//#endregion
export { progressProps };
//# sourceMappingURL=progress.mjs.map