@opensig/opendesign
Version:
<p align="center"><img src="../docs/public/opendesign-logo-light.png"/></p> <h1 align="center">opendesign</h1> <p align="center">一个 Vue 3 组件库</p> <p align="center"><b>皮肤可定制,使用 TypeScript</b></p>
74 lines (73 loc) • 1.29 kB
JavaScript
const ProgressVariantTypes = ["line", "circle"];
const ProgressSizeTypes = ["medium", "small"];
const ProgressColorTypes = ["primary", "success", "warning", "danger"];
const progressProps = {
/**
* 进度条类型 ProgressVariantT
*/
variant: {
type: String,
default: "line"
},
/**
* 进度条百分比
*/
percentage: {
type: Number,
default: 0,
validator: (val) => val >= 0 && val <= 100
},
/**
* 进度条线宽
*/
strokeWidth: {
type: Number
},
/**
* 进度条尺寸类型 ProgressSizeT
*/
size: {
type: String,
default: "medium"
},
/**
* 进度条颜色类型 ProgressColorT
*/
color: {
type: String,
default: "primary"
},
/**
* 进度条轨道宽度,当为环形进度条时,仅支持Number
*/
trackWidth: {
type: [Number, String]
},
/**
* 格式化文字
*/
format: {
type: Function,
default: (percentage) => `${percentage}%`
},
/**
* 是否展示文字
*/
showLabel: {
type: Boolean,
default: true
},
/**
* 线形进度条,文字是否在进度条内部
*/
labelInside: {
type: Boolean,
default: false
}
};
export {
ProgressColorTypes,
ProgressSizeTypes,
ProgressVariantTypes,
progressProps
};