@das-fed/ui 6.4.0-dev.9 → 6.4.0-hot.10

package/packages/components/progress/index.js

@@ -1,100 +1,18 @@
 import '@das-fed/ui/packages/components/progress/style.css';
-import { withInstall as Z } from "@das-fed/utils/with-install/index";
-import { defineComponent as w, openBlock as c, createElementBlock as u, createElementVNode as v, warn as ee, getCurrentInstance as te, inject as se, ref as F, computed as p, unref as l, mergeProps as q, renderSlot as M, normalizeClass as x, normalizeStyle as C, toDisplayString as T, createCommentVNode as _, createBlock as O, withCtx as W, resolveDynamicComponent as re, useCssVars as ae, createVNode as j, Fragment as oe, pushScopeId as ne, popScopeId as le } from "vue";
-import { DasIcon as K } from "@das-fed/ui/packages/components/icon/index";
-import { getVarValue as ce, getVar as ie, setThemeRule as ue } from "@das-fed/web/packages/theme/index";
-/**
-* @vue/shared v3.4.35
-* (c) 2018-present Yuxi (Evan) You and Vue contributors
-* @license MIT
-**/
-process.env.NODE_ENV !== "production" && Object.freeze({});
-process.env.NODE_ENV !== "production" && Object.freeze([]);
-const pe = Object.prototype.hasOwnProperty, U = (e, s) => pe.call(e, s), de = (e) => typeof e == "function", z = (e) => typeof e == "string", J = (e) => e !== null && typeof e == "object";
-function ve(e) {
-  for (var s = -1, t = e == null ? 0 : e.length, o = {}; ++s < t; ) {
-    var i = e[s];
-    o[i[0]] = i[1];
-  }
-  return o;
-}
-const fe = (e) => e === void 0, _e = (e) => typeof e == "number", he = (e) => z(e) ? !Number.isNaN(Number(e)) : !1;
-class ge extends Error {
-  constructor(s) {
-    super(s), this.name = "ElementPlusError";
-  }
-}
-function me(e, s) {
-  if (process.env.NODE_ENV !== "production") {
-    const t = z(e) ? new ge(`[${e}] ${s}`) : e;
-  }
-}
-const ye = "utils/dom/style";
-function we(e, s = "px") {
-  if (!e)
-    return "";
-  if (_e(e) || he(e))
-    return `${e}${s}`;
-  if (z(e))
-    return e;
-  me(ye, "binding value must be a string or number");
-}
+import { withInstall as M } from "@das-fed/utils/with-install/index";
+import { ElIcon as N, ElProgress as S } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/progress/style/css";
+import "element-plus/es/components/icon/style/css";
+import { defineComponent as m, openBlock as s, createElementBlock as l, createElementVNode as v, useCssVars as W, computed as a, ref as D, normalizeStyle as x, createVNode as B, mergeProps as F, withCtx as V, createCommentVNode as o, renderSlot as O, Fragment as R, toDisplayString as u, createBlock as _, unref as g, normalizeClass as b } from "vue";
+import { DasIcon as P } from "@das-fed/ui/packages/components/icon/index";
+import { getVarValue as j, getVar as q, setThemeRule as G } from "@das-fed/web/packages/theme/index";
 /*! Element Plus Icons Vue v2.3.1 */
-var ke = /* @__PURE__ */ w({
-  name: "Check",
-  __name: "check",
-  setup(e) {
-    return (s, t) => (c(), u("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      v("path", {
-        fill: "currentColor",
-        d: "M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"
-      })
-    ]));
-  }
-}), $e = ke, be = /* @__PURE__ */ w({
-  name: "CircleCheck",
-  __name: "circle-check",
-  setup(e) {
-    return (s, t) => (c(), u("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      v("path", {
-        fill: "currentColor",
-        d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896"
-      }),
-      v("path", {
-        fill: "currentColor",
-        d: "M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"
-      })
-    ]));
-  }
-}), xe = be, Te = /* @__PURE__ */ w({
-  name: "CircleClose",
-  __name: "circle-close",
-  setup(e) {
-    return (s, t) => (c(), u("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      v("path", {
-        fill: "currentColor",
-        d: "m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248z"
-      }),
-      v("path", {
-        fill: "currentColor",
-        d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896"
-      })
-    ]));
-  }
-}), Ne = Te, Pe = /* @__PURE__ */ w({
+var H = /* @__PURE__ */ m({
   name: "CloseBold",
   __name: "close-bold",
-  setup(e) {
-    return (s, t) => (c(), u("svg", {
+  setup(p) {
+    return (d, t) => (s(), l("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -104,25 +22,11 @@ var ke = /* @__PURE__ */ w({
       })
     ]));
   }
-}), Ce = Pe, Be = /* @__PURE__ */ w({
-  name: "Close",
-  __name: "close",
-  setup(e) {
-    return (s, t) => (c(), u("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      v("path", {
-        fill: "currentColor",
-        d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
-      })
-    ]));
-  }
-}), Ve = Be, Se = /* @__PURE__ */ w({
+}), J = H, K = /* @__PURE__ */ m({
   name: "Select",
   __name: "select",
-  setup(e) {
-    return (s, t) => (c(), u("svg", {
+  setup(p) {
+    return (d, t) => (s(), l("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -132,334 +36,23 @@ var ke = /* @__PURE__ */ w({
       })
     ]));
   }
-}), Ee = Se, Ie = /* @__PURE__ */ w({
-  name: "WarningFilled",
-  __name: "warning-filled",
-  setup(e) {
-    return (s, t) => (c(), u("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      v("path", {
-        fill: "currentColor",
-        d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 192a58.432 58.432 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.432 58.432 0 0 0 512 256m0 512a51.2 51.2 0 1 0 0-102.4 51.2 51.2 0 0 0 0 102.4"
-      })
-    ]));
-  }
-}), Oe = Ie;
-const R = "__epPropKey", D = (e) => e, ze = (e) => J(e) && !!e[R], Le = (e, s) => {
-  if (!J(e) || ze(e))
-    return e;
-  const { values: t, required: o, default: i, type: f, validator: d } = e, k = {
-    type: f,
-    required: !!o,
-    validator: t || d ? (g) => {
-      let m = !1, $ = [];
-      if (t && ($ = Array.from(t), U(e, "default") && $.push(i), m || (m = $.includes(g))), d && (m || (m = d(g))), !m && $.length > 0) {
-        const S = [...new Set($)].map((b) => JSON.stringify(b)).join(", ");
-        ee(`Invalid prop: validation failed${s ? ` for prop "${s}"` : ""}. Expected one of [${S}], got value ${JSON.stringify(g)}.`);
-      }
-      return m;
-    } : void 0,
-    [R]: !0
-  };
-  return U(e, "default") && (k.default = i), k;
-}, G = (e) => ve(Object.entries(e).map(([s, t]) => [
-  s,
-  Le(t, s)
-])), H = (e, s) => (e.install = (t) => {
-  for (const o of [e, ...Object.values({})])
-    t.component(o.name, o);
-}, e), A = "el", De = "is-", B = (e, s, t, o, i) => {
-  let f = `${e}-${s}`;
-  return t && (f += `-${t}`), o && (f += `__${o}`), i && (f += `--${i}`), f;
-}, Me = Symbol("namespaceContextKey"), Ae = (e) => {
-  const s = te() ? se(Me, F(A)) : F(A);
-  return p(() => l(s) || A);
-}, Q = (e, s) => {
-  const t = Ae();
-  return {
-    namespace: t,
-    b: (n = "") => B(t.value, e, n, "", ""),
-    e: (n) => n ? B(t.value, e, "", n, "") : "",
-    m: (n) => n ? B(t.value, e, "", "", n) : "",
-    be: (n, r) => n && r ? B(t.value, e, n, r, "") : "",
-    em: (n, r) => n && r ? B(t.value, e, "", n, r) : "",
-    bm: (n, r) => n && r ? B(t.value, e, n, "", r) : "",
-    bem: (n, r, h) => n && r && h ? B(t.value, e, n, r, h) : "",
-    is: (n, ...r) => {
-      const h = r.length >= 1 ? r[0] : !0;
-      return n && h ? `${De}${n}` : "";
-    },
-    cssVar: (n) => {
-      const r = {};
-      for (const h in n)
-        n[h] && (r[`--${t.value}-${h}`] = n[h]);
-      return r;
-    },
-    cssVarName: (n) => `--${t.value}-${n}`,
-    cssVarBlock: (n) => {
-      const r = {};
-      for (const h in n)
-        n[h] && (r[`--${t.value}-${e}-${h}`] = n[h]);
-      return r;
-    },
-    cssVarBlockName: (n) => `--${t.value}-${e}-${n}`
-  };
-};
-var X = (e, s) => {
-  const t = e.__vccOpts || e;
-  for (const [o, i] of s)
-    t[o] = i;
-  return t;
-};
-const Fe = G({
-  size: {
-    type: D([Number, String])
-  },
-  color: {
-    type: String
-  }
-}), We = w({
-  name: "ElIcon",
-  inheritAttrs: !1
-}), je = /* @__PURE__ */ w({
-  ...We,
-  props: Fe,
-  setup(e) {
-    const s = e, t = Q("icon"), o = p(() => {
-      const { size: i, color: f } = s;
-      return !i && !f ? {} : {
-        fontSize: fe(i) ? void 0 : we(i),
-        "--color": f
-      };
-    });
-    return (i, f) => (c(), u("i", q({
-      class: l(t).b(),
-      style: l(o)
-    }, i.$attrs), [
-      M(i.$slots, "default")
-    ], 16));
-  }
-});
-var Ke = /* @__PURE__ */ X(je, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/icon/src/icon.vue"]]);
-const Y = H(Ke), Ue = G({
-  type: {
-    type: String,
-    default: "line",
-    values: ["line", "circle", "dashboard"]
-  },
-  percentage: {
-    type: Number,
-    default: 0,
-    validator: (e) => e >= 0 && e <= 100
-  },
-  status: {
-    type: String,
-    default: "",
-    values: ["", "success", "exception", "warning"]
-  },
-  indeterminate: {
-    type: Boolean,
-    default: !1
-  },
-  duration: {
-    type: Number,
-    default: 3
-  },
-  strokeWidth: {
-    type: Number,
-    default: 6
-  },
-  strokeLinecap: {
-    type: D(String),
-    default: "round"
-  },
-  textInside: {
-    type: Boolean,
-    default: !1
-  },
-  width: {
-    type: Number,
-    default: 126
-  },
-  showText: {
-    type: Boolean,
-    default: !0
-  },
-  color: {
-    type: D([
-      String,
-      Array,
-      Function
-    ]),
-    default: ""
-  },
-  striped: Boolean,
-  stripedFlow: Boolean,
-  format: {
-    type: D(Function),
-    default: (e) => `${e}%`
-  }
-}), qe = ["aria-valuenow"], Je = { viewBox: "0 0 100 100" }, Re = ["d", "stroke", "stroke-linecap", "stroke-width"], Ge = ["d", "stroke", "opacity", "stroke-linecap", "stroke-width"], He = { key: 0 }, Qe = w({
-  name: "ElProgress"
-}), Xe = /* @__PURE__ */ w({
-  ...Qe,
-  props: Ue,
-  setup(e) {
-    const s = e, t = {
-      success: "#13ce66",
-      exception: "#ff4949",
-      warning: "#e6a23c",
-      default: "#20a0ff"
-    }, o = Q("progress"), i = p(() => ({
-      width: `${s.percentage}%`,
-      animationDuration: `${s.duration}s`,
-      backgroundColor: L(s.percentage)
-    })), f = p(() => (s.strokeWidth / s.width * 100).toFixed(1)), d = p(() => ["circle", "dashboard"].includes(s.type) ? Number.parseInt(`${50 - Number.parseFloat(f.value) / 2}`, 10) : 0), V = p(() => {
-      const a = d.value, y = s.type === "dashboard";
-      return `
-          M 50 50
-          m 0 ${y ? "" : "-"}${a}
-          a ${a} ${a} 0 1 1 0 ${y ? "-" : ""}${a * 2}
-          a ${a} ${a} 0 1 1 0 ${y ? "" : "-"}${a * 2}
-          `;
-    }), k = p(() => 2 * Math.PI * d.value), g = p(() => s.type === "dashboard" ? 0.75 : 1), m = p(() => `${-1 * k.value * (1 - g.value) / 2}px`), $ = p(() => ({
-      strokeDasharray: `${k.value * g.value}px, ${k.value}px`,
-      strokeDashoffset: m.value
-    })), S = p(() => ({
-      strokeDasharray: `${k.value * g.value * (s.percentage / 100)}px, ${k.value}px`,
-      strokeDashoffset: m.value,
-      transition: "stroke-dasharray 0.6s ease 0s, stroke 0.6s ease, opacity ease 0.6s"
-    })), b = p(() => {
-      let a;
-      return s.color ? a = L(s.percentage) : a = t[s.status] || t.default, a;
-    }), P = p(() => s.status === "warning" ? Oe : s.type === "line" ? s.status === "success" ? xe : Ne : s.status === "success" ? $e : Ve), n = p(() => s.type === "line" ? 12 + s.strokeWidth * 0.4 : s.width * 0.111111 + 2), r = p(() => s.format(s.percentage));
-    function h(a) {
-      const y = 100 / a.length;
-      return a.map((N, I) => z(N) ? {
-        color: N,
-        percentage: (I + 1) * y
-      } : N).sort((N, I) => N.percentage - I.percentage);
-    }
-    const L = (a) => {
-      var y;
-      const { color: E } = s;
-      if (de(E))
-        return E(a);
-      if (z(E))
-        return E;
-      {
-        const N = h(E);
-        for (const I of N)
-          if (I.percentage > a)
-            return I.color;
-        return (y = N[N.length - 1]) == null ? void 0 : y.color;
-      }
-    };
-    return (a, y) => (c(), u("div", {
-      class: x([
-        l(o).b(),
-        l(o).m(a.type),
-        l(o).is(a.status),
-        {
-          [l(o).m("without-text")]: !a.showText,
-          [l(o).m("text-inside")]: a.textInside
-        }
-      ]),
-      role: "progressbar",
-      "aria-valuenow": a.percentage,
-      "aria-valuemin": "0",
-      "aria-valuemax": "100"
-    }, [
-      a.type === "line" ? (c(), u("div", {
-        key: 0,
-        class: x(l(o).b("bar"))
-      }, [
-        v("div", {
-          class: x(l(o).be("bar", "outer")),
-          style: C({ height: `${a.strokeWidth}px` })
-        }, [
-          v("div", {
-            class: x([
-              l(o).be("bar", "inner"),
-              { [l(o).bem("bar", "inner", "indeterminate")]: a.indeterminate },
-              { [l(o).bem("bar", "inner", "striped")]: a.striped },
-              { [l(o).bem("bar", "inner", "striped-flow")]: a.stripedFlow }
-            ]),
-            style: C(l(i))
-          }, [
-            (a.showText || a.$slots.default) && a.textInside ? (c(), u("div", {
-              key: 0,
-              class: x(l(o).be("bar", "innerText"))
-            }, [
-              M(a.$slots, "default", { percentage: a.percentage }, () => [
-                v("span", null, T(l(r)), 1)
-              ])
-            ], 2)) : _("v-if", !0)
-          ], 6)
-        ], 6)
-      ], 2)) : (c(), u("div", {
-        key: 1,
-        class: x(l(o).b("circle")),
-        style: C({ height: `${a.width}px`, width: `${a.width}px` })
-      }, [
-        (c(), u("svg", Je, [
-          v("path", {
-            class: x(l(o).be("circle", "track")),
-            d: l(V),
-            stroke: `var(${l(o).cssVarName("fill-color-light")}, #e5e9f2)`,
-            "stroke-linecap": a.strokeLinecap,
-            "stroke-width": l(f),
-            fill: "none",
-            style: C(l($))
-          }, null, 14, Re),
-          v("path", {
-            class: x(l(o).be("circle", "path")),
-            d: l(V),
-            stroke: l(b),
-            fill: "none",
-            opacity: a.percentage ? 1 : 0,
-            "stroke-linecap": a.strokeLinecap,
-            "stroke-width": l(f),
-            style: C(l(S))
-          }, null, 14, Ge)
-        ]))
-      ], 6)),
-      (a.showText || a.$slots.default) && !a.textInside ? (c(), u("div", {
-        key: 2,
-        class: x(l(o).e("text")),
-        style: C({ fontSize: `${l(n)}px` })
-      }, [
-        M(a.$slots, "default", { percentage: a.percentage }, () => [
-          a.status ? (c(), O(l(Y), { key: 1 }, {
-            default: W(() => [
-              (c(), O(re(l(P))))
-            ]),
-            _: 1
-          })) : (c(), u("span", He, T(l(r)), 1))
-        ])
-      ], 6)) : _("v-if", !0)
-    ], 10, qe));
-  }
-});
-var Ye = /* @__PURE__ */ X(Xe, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/progress/src/progress.vue"]]);
-const Ze = H(Ye), et = (e) => (ne("data-v-19bd4676"), e = e(), le(), e), tt = {
+}), Q = K;
+const U = {
   key: 0,
   class: "percentage-color"
-}, st = { key: 0 }, rt = { class: "percentage-value" }, at = /* @__PURE__ */ et(() => /* @__PURE__ */ v("span", null, "%", -1)), ot = { key: 1 }, nt = { class: "percentage-value" }, lt = { key: 1 }, ct = {
+}, X = { key: 0 }, Y = { class: "percentage-value" }, Z = { key: 1 }, ee = { class: "percentage-value" }, te = { key: 1 }, se = {
   key: 0,
   class: "end-text"
-}, it = {
+}, re = {
   key: 1,
   class: "end-text"
-}, ut = {
+}, oe = {
   key: 0,
   class: "line-left"
-}, pt = { key: 1 }, dt = { key: 2 }, vt = {
+}, le = { key: 1 }, ae = { key: 2 }, ie = {
   key: 1,
   class: "tip-circle"
-}, ft = /* @__PURE__ */ w({
+}, ne = /* @__PURE__ */ m({
   __name: "Index",
   props: {
     modelValue: { default: 0 },
@@ -477,131 +70,218 @@ const Ze = H(Ye), et = (e) => (ne("data-v-19bd4676"), e = e(), le(), e), tt = {
     showEndText: { type: Boolean, default: !1 },
     singleTipPosition: { default: "" }
   },
-  setup(e, { expose: s }) {
-    ae((r) => ({
-      fd69366e: m.value
+  setup(p, { expose: d }) {
+    W((e) => ({
+      fd69366e: $.value
     }));
-    const t = e, o = p(() => t.tipType === "percentage" ? 100 : t.percentages), i = p(() => {
-      let r = t.modelValue;
-      return r < 0 && (r = 0), r > o.value && (r = o.value), r;
-    }), f = p(() => t.tipType === "percentage" ? i.value : i.value !== 0 ? Number(i.value / o.value) * 100 : 0), d = p(() => !t.status || t.status === "normal" ? o.value > 0 && i.value === o.value ? "success" : "normal" : t.status), V = p(() => {
+    const t = p, n = a(() => t.tipType === "percentage" ? 100 : t.percentages), i = a(() => {
+      let e = t.modelValue;
+      return e < 0 && (e = 0), e > n.value && (e = n.value), e;
+    }), C = a(() => t.tipType === "percentage" ? i.value : i.value !== 0 ? Number(i.value / n.value) * 100 : 0), r = a(() => !t.status || t.status === "normal" ? n.value > 0 && i.value === n.value ? "success" : "normal" : t.status), z = a(() => {
       if (t.strokeWidth)
         return t.strokeWidth;
       if (t.type === "line") return 8;
       if (t.type === "circle") return 4;
-    }), k = p(() => {
+    }), E = a(() => {
       if (t.showText)
         return t.showText;
       if (t.type === "line") return !1;
       if (t.type === "circle") return !0;
-    }), g = p(() => ce(`--das-ui-progress-${d.value}`).value || ""), m = p(() => {
-      let r = "";
-      return d.value === "normal" ? r = "--das-ui-progress-percentage-tip" : r = `--das-ui-progress-${d.value}`, ie(r);
-    }), $ = p(() => {
-      let r = 1;
-      return d.value === "normal" && (r = 0), d.value === "exception" && (r = 1), d.value === "success" && (r = 2), t.textMap[r];
-    }), S = p(() => {
-      if (["success", "exception"].includes(d.value)) return "center";
-      if (P.value && b.value) return "";
+    }), y = a(() => j(`--das-ui-progress-${r.value}`).value || ""), $ = a(() => {
+      let e = "";
+      return r.value === "normal" ? e = "--das-ui-progress-percentage-tip" : e = `--das-ui-progress-${r.value}`, q(e);
+    }), h = a(() => {
+      let e = 1;
+      return r.value === "normal" && (e = 0), r.value === "exception" && (e = 1), r.value === "success" && (e = 2), t.textMap[e];
+    }), L = a(() => {
+      if (["success", "exception"].includes(r.value)) return "center";
+      if (f.value && c.value) return "";
       if (t.singleTipPosition) return t.singleTipPosition;
-      if (!P.value && b.value) return "right";
-      if (P.value && !b.value) return "left";
-    }), b = p(() => ["success", "exception"].includes(d.value) ? !1 : t.showProcessTip), P = p(() => t.showTextTip), n = F(null);
-    return s({
-      $progress: n
-    }), (r, h) => {
-      const L = Y, a = Ze;
-      return c(), u("div", {
-        class: "das-ui-progress",
-        style: C({ display: r.type == "circle" ? "inline-block" : "block" })
-      }, [
-        v("div", {
-          class: "percentage-graph",
-          style: C({ width: r.type == "circle" ? r.width + "px" : "100%" })
-        }, [
-          j(a, q({
-            ref_key: "$progress",
-            ref: n,
-            class: {
-              showLoading: t.showAnimation && t.type === "line" && d.value === "normal" && !r.$attrs.indeterminate
+      if (!f.value && c.value) return "right";
+      if (f.value && !c.value) return "left";
+    }), c = a(() => ["success", "exception"].includes(r.value) ? !1 : t.showProcessTip), f = a(() => t.showTextTip), w = D(null);
+    return d({
+      $progress: w
+    }), (e, k) => {
+      const A = N, I = S;
+      return s(), l(
+        "div",
+        {
+          class: "das-ui-progress",
+          style: x({ display: e.type == "circle" ? "inline-block" : "block" })
+        },
+        [
+          v(
+            "div",
+            {
+              class: "percentage-graph",
+              style: x({ width: e.type == "circle" ? e.width + "px" : "100%" })
+            },
+            [
+              B(I, F({
+                ref_key: "$progress",
+                ref: w,
+                class: {
+                  showLoading: t.showAnimation && t.type === "line" && r.value === "normal" && !e.$attrs.indeterminate
+                },
+                type: e.type
+              }, e.$attrs, {
+                color: y.value,
+                percentage: C.value,
+                width: e.width,
+                "stroke-width": z.value,
+                "show-text": E.value
+              }), {
+                default: V(({ percentage: T }) => [
+                  o(" @slot 默认插槽 "),
+                  O(e.$slots, "default", { percentage: T }, () => [
+                    t.type === "circle" ? (s(), l(
+                      R,
+                      { key: 0 },
+                      [
+                        r.value === "normal" ? (s(), l("div", U, [
+                          e.tipType === "percentage" ? (s(), l("div", X, [
+                            v(
+                              "span",
+                              Y,
+                              u(T),
+                              1
+                              /* TEXT */
+                            ),
+                            k[0] || (k[0] = v(
+                              "span",
+                              null,
+                              "%",
+                              -1
+                              /* HOISTED */
+                            ))
+                          ])) : o("v-if", !0),
+                          e.tipType === "score" ? (s(), l("div", Z, [
+                            v(
+                              "span",
+                              ee,
+                              u(i.value + "/" + n.value),
+                              1
+                              /* TEXT */
+                            )
+                          ])) : o("v-if", !0)
+                        ])) : (s(), l("div", te, [
+                          B(A, { size: 40 }, {
+                            default: V(() => [
+                              r.value === "success" ? (s(), _(g(Q), {
+                                key: 0,
+                                color: y.value
+                              }, null, 8, ["color"])) : o("v-if", !0),
+                              r.value === "exception" ? (s(), _(g(J), {
+                                key: 1,
+                                color: y.value
+                              }, null, 8, ["color"])) : o("v-if", !0)
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          })
+                        ]))
+                      ],
+                      64
+                      /* STABLE_FRAGMENT */
+                    )) : o("v-if", !0)
+                  ], !0)
+                ]),
+                _: 3
+                /* FORWARDED */
+              }, 16, ["class", "type", "color", "percentage", "width", "stroke-width", "show-text"]),
+              t.type === "line" ? (s(), l(
+                "div",
+                {
+                  key: 0,
+                  class: b(["line-icon", r.value])
+                },
+                [
+                  e.tipType === "percentage" && e.showEndText && r.value === "normal" ? (s(), l(
+                    "span",
+                    se,
+                    u(i.value) + "%",
+                    1
+                    /* TEXT */
+                  )) : o("v-if", !0),
+                  e.tipType === "score" && e.showEndText && r.value === "normal" ? (s(), l(
+                    "span",
+                    re,
+                    u(i.value + "/" + n.value),
+                    1
+                    /* TEXT */
+                  )) : o("v-if", !0),
+                  r.value === "success" ? (s(), _(g(P), {
+                    key: 2,
+                    icon: "success",
+                    "icon-color": "#12AA53",
+                    "custom-size": "14px"
+                  })) : o("v-if", !0),
+                  r.value === "exception" ? (s(), _(g(P), {
+                    key: 3,
+                    icon: "reload",
+                    "icon-color": "red",
+                    "custom-size": "16px"
+                  })) : o("v-if", !0)
+                ],
+                2
+                /* CLASS */
+              )) : o("v-if", !0)
+            ],
+            4
+            /* STYLE */
+          ),
+          t.type === "line" && (f.value || c.value) ? (s(), l(
+            "div",
+            {
+              key: 0,
+              class: b(["tip-line", L.value])
             },
-            type: r.type
-          }, r.$attrs, {
-            color: g.value,
-            percentage: f.value,
-            width: r.width,
-            "stroke-width": V.value,
-            "show-text": k.value
-          }), {
-            default: W(({ percentage: y }) => [
-              M(r.$slots, "default", { percentage: y }, () => [
-                t.type === "circle" ? (c(), u(oe, { key: 0 }, [
-                  d.value === "normal" ? (c(), u("div", tt, [
-                    r.tipType === "percentage" ? (c(), u("div", st, [
-                      v("span", rt, T(y), 1),
-                      at
-                    ])) : _("", !0),
-                    r.tipType === "score" ? (c(), u("div", ot, [
-                      v("span", nt, T(i.value + "/" + o.value), 1)
-                    ])) : _("", !0)
-                  ])) : (c(), u("div", lt, [
-                    j(L, { size: 40 }, {
-                      default: W(() => [
-                        d.value === "success" ? (c(), O(l(Ee), {
-                          key: 0,
-                          color: g.value
-                        }, null, 8, ["color"])) : _("", !0),
-                        d.value === "exception" ? (c(), O(l(Ce), {
-                          key: 1,
-                          color: g.value
-                        }, null, 8, ["color"])) : _("", !0)
-                      ]),
-                      _: 1
-                    })
-                  ]))
-                ], 64)) : _("", !0)
-              ], !0)
-            ]),
-            _: 3
-          }, 16, ["class", "type", "color", "percentage", "width", "stroke-width", "show-text"]),
-          t.type === "line" ? (c(), u("div", {
-            key: 0,
-            class: x(["line-icon", d.value])
-          }, [
-            r.tipType === "percentage" && r.showEndText && d.value === "normal" ? (c(), u("span", ct, T(i.value) + "%", 1)) : _("", !0),
-            r.tipType === "score" && r.showEndText && d.value === "normal" ? (c(), u("span", it, T(i.value + "/" + o.value), 1)) : _("", !0),
-            d.value === "success" ? (c(), O(l(K), {
-              key: 2,
-              icon: "success",
-              "icon-color": "#12AA53",
-              "custom-size": "14px"
-            })) : _("", !0),
-            d.value === "exception" ? (c(), O(l(K), {
-              key: 3,
-              icon: "reload",
-              "icon-color": "red",
-              "custom-size": "16px"
-            })) : _("", !0)
-          ], 2)) : _("", !0)
-        ], 4),
-        t.type === "line" && (P.value || b.value) ? (c(), u("div", {
-          key: 0,
-          class: x(["tip-line", S.value])
-        }, [
-          P.value ? (c(), u("div", ut, T($.value), 1)) : _("", !0),
-          r.tipType === "percentage" && b.value ? (c(), u("div", pt, T(i.value) + "%", 1)) : _("", !0),
-          r.tipType === "score" && b.value ? (c(), u("div", dt, T(i.value + "/" + o.value), 1)) : _("", !0)
-        ], 2)) : _("", !0),
-        t.type === "circle" ? (c(), u("div", vt, T($.value), 1)) : _("", !0)
-      ], 4);
+            [
+              f.value ? (s(), l(
+                "div",
+                oe,
+                u(h.value),
+                1
+                /* TEXT */
+              )) : o("v-if", !0),
+              e.tipType === "percentage" && c.value ? (s(), l(
+                "div",
+                le,
+                u(i.value) + "%",
+                1
+                /* TEXT */
+              )) : o("v-if", !0),
+              e.tipType === "score" && c.value ? (s(), l(
+                "div",
+                ae,
+                u(i.value + "/" + n.value),
+                1
+                /* TEXT */
+              )) : o("v-if", !0)
+            ],
+            2
+            /* CLASS */
+          )) : o("v-if", !0),
+          t.type === "circle" ? (s(), l(
+            "div",
+            ie,
+            u(h.value),
+            1
+            /* TEXT */
+          )) : o("v-if", !0)
+        ],
+        4
+        /* STYLE */
+      );
     };
   }
-}), _t = (e, s) => {
-  const t = e.__vccOpts || e;
-  for (const [o, i] of s)
-    t[o] = i;
+}), ue = (p, d) => {
+  const t = p.__vccOpts || p;
+  for (const [n, i] of d)
+    t[n] = i;
   return t;
-}, ht = /* @__PURE__ */ _t(ft, [["__scopeId", "data-v-19bd4676"]]), gt = {
+}, pe = /* @__PURE__ */ ue(ne, [["__scopeId", "data-v-19bd4676"]]), ce = {
   "--das-ui-progress-normal": "#5582F3",
   "--das-ui-progress-success": "#1BA854",
   "--das-ui-progress-exception": "#FB2323",
@@ -610,9 +290,9 @@ const Ze = H(Ye), et = (e) => (ne("data-v-19bd4676"), e = e(), le(), e), tt = {
   "--das-ui-progress-loading-start": "#64abff",
   "--das-ui-progress-loading-end": "#276ff5"
 };
-ue(gt);
-const $t = Z(ht);
+G(ce);
+const we = M(pe);
 export {
-  $t as DasProgress,
-  $t as default
+  we as DasProgress,
+  we as default
 };