@opensig/opendesign
Version:
91 lines (90 loc) • 2.13 kB
JavaScript
;
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const ProgressVariantTypes = ["line", "circle"];
const ProgressSizeTypes = ["medium", "small"];
const ProgressColorTypes = ["primary", "success", "warning", "danger"];
const progressProps = {
/**
* @zh-CN 进度条类型
* @en-US Progress bar type.
* @default 'line'
*/
variant: {
type: String,
default: "line"
},
/**
* @zh-CN 进度条百分比
* @en-US Progress bar percentage.
* @default 0
* @validator (val: number): boolean => val >= 0 && val <= 100
*/
percentage: {
type: Number,
default: 0,
validator: (val) => val >= 0 && val <= 100
},
/**
* @zh-CN 进度条线宽
* @en-US Width of the progress bar.
*/
strokeWidth: {
type: Number
},
/**
* @zh-CN 进度条尺寸
* @en-US Progress bar size.
* @default 'medium'
*/
size: {
type: String,
default: "medium"
},
/**
* @zh-CN 进度条颜色
* @en-US Progress bar color.
* @default 'primary'
*/
color: {
type: String,
default: "primary"
},
/**
* @zh-CN 进度条轨道宽度,当为环形进度条时,仅支持Number
* @en-US The width of the progress bar track, when it is a circular progress bar, only supports Number.
*/
trackWidth: {
type: [Number, String]
},
/**
* @zh-CN 格式化文字
* @en-US Formatted text.
* @default (percentage: number) => `${percentage}%`
*/
format: {
type: Function,
default: (percentage) => `${percentage}%`
},
/**
* @zh-CN 是否展示文字
* @en-US Whether to display text.
* @default true
*/
showLabel: {
type: Boolean,
default: true
},
/**
* @zh-CN 线形进度条,文字是否在进度条内部
* @en-US Linear progress bar. Is the text inside the progress bar.
* @default false
*/
labelInside: {
type: Boolean,
default: false
}
};
exports.ProgressColorTypes = ProgressColorTypes;
exports.ProgressSizeTypes = ProgressSizeTypes;
exports.ProgressVariantTypes = ProgressVariantTypes;
exports.progressProps = progressProps;