element-plus/lib/components/progress/src/progress.js

A Component Library for Vue 3

'use strict';

var runtime = require('../../../utils/vue/props/runtime.js');

const progressProps = runtime.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: runtime.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: runtime.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: runtime.definePropType(Function),
    default: (percentage) => `${percentage}%`
  }
});

exports.progressProps = progressProps;
//# sourceMappingURL=progress.js.map