import { computed as i, unref as t } from "vue";
import { w as d, q as s, s as o, x as r, y as n } from "./index-fe29d0c3.mjs";
const l = {
  key: "_progress",
  name: "Progress",
  description: "Basic progress",
  icon: "mdiBeakerOutline",
  sequence: 43,
  transform: d("el-progress", {}, (e, { data: a }) => {
    e.percentage = a, e.color == null && delete e.color;
  }),
  editor: {
    basic: {
      ui: function({ config: e }) {
        return [
          s("type", ["line", "circle", "dashboard"]),
          o("stroke-width"),
          r("text-inside", void 0, {
            "~show": i(() => t(e).type == "line")
          }),
          s("status", ["success", "exception", "warning"]),
          r("indeterminate"),
          o("duration"),
          n("color"),
          o("width", void 0, {
            "~show": i(() => t(e).type == "circle" || t(e).type == "dashboard")
          }),
          r("show-text"),
          s("stroke-linecap", ["butt", "round", "square"], void 0, {
            "~show": i(() => t(e).type == "circle" || t(e).type == "dashboard")
          }),
          r("striped"),
          r("striped-flow")
        ];
      },
      init: {
        type: "line",
        "stroke-width": 6,
        "text-inside": !1,
        indeterminate: !1,
        duration: 3,
        width: 126,
        "show-text": !0,
        "stroke-linecap": "round",
        striped: !1,
        "striped-flow": !1
      }
    },
    data: {
      //readonly:true,
      type: "Number",
      init: {
        mode: "fixed",
        dataContent: "65"
      }
    },
    display: {
      init: {
        style: {
          margin: "6px 0"
        }
      }
    }
  }
};
export {
  l as default
};
//# sourceMappingURL=index-70fbcd47.mjs.map
