import { computed as r, unref as s } from "vue";
import { o as e, B as a, x as n, z as i, C as l, D as p } from "./index-597e6e44.mjs";
const b = {
  key: "_progress",
  name: e("_.builtIn.element.progress.name"),
  description: "",
  icon: "mdiBeakerOutline",
  sequence: 43,
  transform: a("el-progress", {}, (t, { data: o }) => {
    t.percentage = o, t.color == null && delete t.color;
  }),
  editor: {
    basic: {
      ui: function({ config: t }) {
        return [
          n(
            "type",
            [
              { value: "line", label: e("_.builtIn.element.progress.type_line") },
              { value: "circle", label: e("_.builtIn.element.progress.type_circle") },
              { value: "dashboard", label: e("_.builtIn.element.progress.type_dashboard") }
            ],
            e("_.builtIn.element.progress.type")
          ),
          i("stroke-width", e("_.builtIn.element.progress.stroke-width")),
          l("text-inside", e("_.builtIn.element.progress.text-inside"), {
            "~show": r(() => s(t).type == "line")
          }),
          n(
            "status",
            [
              { value: "success", label: e("_.builtIn.element.progress.status_success") },
              { value: "exception", label: e("_.builtIn.element.progress.status_exception") },
              { value: "warning", label: e("_.builtIn.element.progress.status_warning") }
            ],
            e("_.builtIn.element.progress.status")
          ),
          l("indeterminate", e("_.builtIn.element.progress.indeterminate")),
          i("duration", e("_.builtIn.element.progress.duration")),
          p("color", e("_.builtIn.element.progress.color")),
          i("width", e("_.builtIn.element.progress.width"), {
            "~show": r(
              () => s(t).type == "circle" || s(t).type == "dashboard"
            )
          }),
          l("show-text", e("_.builtIn.element.progress.show-text")),
          n(
            "stroke-linecap",
            [
              { value: "butt", label: e("_.builtIn.element.progress.stroke-linecap_butt") },
              { value: "round", label: e("_.builtIn.element.progress.stroke-linecap_round") },
              { value: "square", label: e("_.builtIn.element.progress.stroke-linecap_square") }
            ],
            e("_.builtIn.element.progress.stroke-linecap"),
            {
              "~show": r(
                () => s(t).type == "circle" || s(t).type == "dashboard"
              )
            }
          ),
          l("striped", e("_.builtIn.element.progress.striped"), {
            "~show": r(() => s(t).type == "line")
          }),
          l("striped-flow", e("_.builtIn.element.progress.striped-flow"), {
            "~show": r(() => s(t).type == "line")
          })
        ];
      },
      init: {
        type: "circle",
        "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 {
  b as default
};
