| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113 |
- 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
|