@das-fed/ui 6.4.0-hot.1 → 6.4.0-hot.2

package/packages/components/progress/index.js

@@ -1,58 +1,467 @@
-import '@das-fed/ui/packages/components/progress/style.css';
-import { withInstall as L } from "@das-fed/utils/with-install/index";
-import { ElIcon as A, ElProgress as M } 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 h, openBlock as s, createElementBlock as o, createElementVNode as d, useCssVars as N, computed as a, ref as W, normalizeStyle as T, createVNode as x, mergeProps as D, withCtx as B, renderSlot as F, Fragment as O, toDisplayString as c, createCommentVNode as l, createBlock as _, unref as g, normalizeClass as V, pushScopeId as R, popScopeId as j } from "vue";
-import { DasIcon as b } from "@das-fed/ui/packages/components/icon/index";
-import { getVarValue as q, getVar as G, setThemeRule as H } from "@das-fed/web/packages/theme/index";
+import { withInstall as Z } from "@das-fed/utils/with-install/index";
+import "element-plus/theme-chalk/base.css";
+import "element-plus/theme-chalk/el-progress.css";
+import "element-plus/theme-chalk/el-icon.css";
+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");
+}
 /*! Element Plus Icons Vue v2.3.1 */
-var J = /* @__PURE__ */ h({
+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({
   name: "CloseBold",
   __name: "close-bold",
-  setup(u) {
-    return (v, t) => (s(), o("svg", {
+  setup(e) {
+    return (s, t) => (c(), u("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      d("path", {
+      v("path", {
         fill: "currentColor",
         d: "M195.2 195.2a64 64 0 0 1 90.496 0L512 421.504 738.304 195.2a64 64 0 0 1 90.496 90.496L602.496 512 828.8 738.304a64 64 0 0 1-90.496 90.496L512 602.496 285.696 828.8a64 64 0 0 1-90.496-90.496L421.504 512 195.2 285.696a64 64 0 0 1 0-90.496z"
       })
     ]));
   }
-}), K = J, Q = /* @__PURE__ */ h({
+}), 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({
   name: "Select",
   __name: "select",
-  setup(u) {
-    return (v, t) => (s(), o("svg", {
+  setup(e) {
+    return (s, t) => (c(), u("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      d("path", {
+      v("path", {
         fill: "currentColor",
         d: "M77.248 415.04a64 64 0 0 1 90.496 0l226.304 226.304L846.528 188.8a64 64 0 1 1 90.56 90.496l-543.04 543.04-316.8-316.8a64 64 0 0 1 0-90.496z"
       })
     ]));
   }
-}), U = Q;
-const X = (u) => (R("data-v-19bd4676"), u = u(), j(), u), Y = {
+}), 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 = {
   key: 0,
   class: "percentage-color"
-}, Z = { key: 0 }, ee = { class: "percentage-value" }, te = /* @__PURE__ */ X(() => /* @__PURE__ */ d("span", null, "%", -1)), se = { key: 1 }, re = { class: "percentage-value" }, oe = { key: 1 }, le = {
+}, 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 = {
   key: 0,
   class: "end-text"
-}, ae = {
+}, it = {
   key: 1,
   class: "end-text"
-}, ne = {
+}, ut = {
   key: 0,
   class: "line-left"
-}, ue = { key: 1 }, ie = { key: 2 }, ce = {
+}, pt = { key: 1 }, dt = { key: 2 }, vt = {
   key: 1,
   class: "tip-circle"
-}, pe = /* @__PURE__ */ h({
+}, ft = /* @__PURE__ */ w({
   __name: "Index",
   props: {
     modelValue: { default: 0 },
@@ -70,131 +479,131 @@ const X = (u) => (R("data-v-19bd4676"), u = u(), j(), u), Y = {
     showEndText: { type: Boolean, default: !1 },
     singleTipPosition: { default: "" }
   },
-  setup(u, { expose: v }) {
-    N((e) => ({
-      fd69366e: z.value
+  setup(e, { expose: s }) {
+    ae((r) => ({
+      fd69366e: m.value
     }));
-    const t = u, i = a(() => t.tipType === "percentage" ? 100 : t.percentages), n = a(() => {
-      let e = t.modelValue;
-      return e < 0 && (e = 0), e > i.value && (e = i.value), e;
-    }), P = a(() => t.tipType === "percentage" ? n.value : n.value !== 0 ? Number(n.value / i.value) * 100 : 0), r = a(() => !t.status || t.status === "normal" ? i.value > 0 && n.value === i.value ? "success" : "normal" : t.status), C = a(() => {
+    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(() => {
       if (t.strokeWidth)
         return t.strokeWidth;
       if (t.type === "line") return 8;
       if (t.type === "circle") return 4;
-    }), I = a(() => {
+    }), k = p(() => {
       if (t.showText)
         return t.showText;
       if (t.type === "line") return !1;
       if (t.type === "circle") return !0;
-    }), y = a(() => q(`--das-ui-progress-${r.value}`).value || ""), z = a(() => {
-      let e = "";
-      return r.value === "normal" ? e = "--das-ui-progress-percentage-tip" : e = `--das-ui-progress-${r.value}`, G(e);
-    }), m = a(() => {
-      let e = 1;
-      return r.value === "normal" && (e = 0), r.value === "exception" && (e = 1), r.value === "success" && (e = 2), t.textMap[e];
-    }), E = a(() => {
-      if (["success", "exception"].includes(r.value)) return "center";
-      if (f.value && p.value) return "";
+    }), 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 "";
       if (t.singleTipPosition) return t.singleTipPosition;
-      if (!f.value && p.value) return "right";
-      if (f.value && !p.value) return "left";
-    }), p = a(() => ["success", "exception"].includes(r.value) ? !1 : t.showProcessTip), f = a(() => t.showTextTip), w = W(null);
-    return v({
-      $progress: w
-    }), (e, _e) => {
-      const S = A, $ = M;
-      return s(), o("div", {
+      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: T({ display: e.type == "circle" ? "inline-block" : "block" })
+        style: C({ display: r.type == "circle" ? "inline-block" : "block" })
       }, [
-        d("div", {
+        v("div", {
           class: "percentage-graph",
-          style: T({ width: e.type == "circle" ? e.width + "px" : "100%" })
+          style: C({ width: r.type == "circle" ? r.width + "px" : "100%" })
         }, [
-          x($, D({
+          j(a, q({
             ref_key: "$progress",
-            ref: w,
+            ref: n,
             class: {
-              showLoading: t.showAnimation && t.type === "line" && r.value === "normal" && !e.$attrs.indeterminate
+              showLoading: t.showAnimation && t.type === "line" && d.value === "normal" && !r.$attrs.indeterminate
             },
-            type: e.type
-          }, e.$attrs, {
-            color: y.value,
-            percentage: P.value,
-            width: e.width,
-            "stroke-width": C.value,
-            "show-text": I.value
+            type: r.type
+          }, r.$attrs, {
+            color: g.value,
+            percentage: f.value,
+            width: r.width,
+            "stroke-width": V.value,
+            "show-text": k.value
           }), {
-            default: B(({ percentage: k }) => [
-              F(e.$slots, "default", { percentage: k }, () => [
-                t.type === "circle" ? (s(), o(O, { key: 0 }, [
-                  r.value === "normal" ? (s(), o("div", Y, [
-                    e.tipType === "percentage" ? (s(), o("div", Z, [
-                      d("span", ee, c(k), 1),
-                      te
-                    ])) : l("", !0),
-                    e.tipType === "score" ? (s(), o("div", se, [
-                      d("span", re, c(n.value + "/" + i.value), 1)
-                    ])) : l("", !0)
-                  ])) : (s(), o("div", oe, [
-                    x(S, { size: 40 }, {
-                      default: B(() => [
-                        r.value === "success" ? (s(), _(g(U), {
+            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: y.value
-                        }, null, 8, ["color"])) : l("", !0),
-                        r.value === "exception" ? (s(), _(g(K), {
+                          color: g.value
+                        }, null, 8, ["color"])) : _("", !0),
+                        d.value === "exception" ? (c(), O(l(Ce), {
                           key: 1,
-                          color: y.value
-                        }, null, 8, ["color"])) : l("", !0)
+                          color: g.value
+                        }, null, 8, ["color"])) : _("", !0)
                       ]),
                       _: 1
                     })
                   ]))
-                ], 64)) : l("", !0)
+                ], 64)) : _("", !0)
               ], !0)
             ]),
             _: 3
           }, 16, ["class", "type", "color", "percentage", "width", "stroke-width", "show-text"]),
-          t.type === "line" ? (s(), o("div", {
+          t.type === "line" ? (c(), u("div", {
             key: 0,
-            class: V(["line-icon", r.value])
+            class: x(["line-icon", d.value])
           }, [
-            e.tipType === "percentage" && e.showEndText && r.value === "normal" ? (s(), o("span", le, c(n.value) + "%", 1)) : l("", !0),
-            e.tipType === "score" && e.showEndText && r.value === "normal" ? (s(), o("span", ae, c(n.value + "/" + i.value), 1)) : l("", !0),
-            r.value === "success" ? (s(), _(g(b), {
+            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"
-            })) : l("", !0),
-            r.value === "exception" ? (s(), _(g(b), {
+            })) : _("", !0),
+            d.value === "exception" ? (c(), O(l(K), {
               key: 3,
               icon: "reload",
               "icon-color": "red",
               "custom-size": "16px"
-            })) : l("", !0)
-          ], 2)) : l("", !0)
+            })) : _("", !0)
+          ], 2)) : _("", !0)
         ], 4),
-        t.type === "line" && (f.value || p.value) ? (s(), o("div", {
+        t.type === "line" && (P.value || b.value) ? (c(), u("div", {
           key: 0,
-          class: V(["tip-line", E.value])
+          class: x(["tip-line", S.value])
         }, [
-          f.value ? (s(), o("div", ne, c(m.value), 1)) : l("", !0),
-          e.tipType === "percentage" && p.value ? (s(), o("div", ue, c(n.value) + "%", 1)) : l("", !0),
-          e.tipType === "score" && p.value ? (s(), o("div", ie, c(n.value + "/" + i.value), 1)) : l("", !0)
-        ], 2)) : l("", !0),
-        t.type === "circle" ? (s(), o("div", ce, c(m.value), 1)) : l("", !0)
+          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);
     };
   }
-}), de = (u, v) => {
-  const t = u.__vccOpts || u;
-  for (const [i, n] of v)
-    t[i] = n;
+}), _t = (e, s) => {
+  const t = e.__vccOpts || e;
+  for (const [o, i] of s)
+    t[o] = i;
   return t;
-}, ve = /* @__PURE__ */ de(pe, [["__scopeId", "data-v-19bd4676"]]), fe = {
+}, ht = /* @__PURE__ */ _t(ft, [["__scopeId", "data-v-19bd4676"]]), gt = {
   "--das-ui-progress-normal": "#5582F3",
   "--das-ui-progress-success": "#1BA854",
   "--das-ui-progress-exception": "#FB2323",
@@ -203,9 +612,9 @@ const X = (u) => (R("data-v-19bd4676"), u = u(), j(), u), Y = {
   "--das-ui-progress-loading-start": "#64abff",
   "--das-ui-progress-loading-end": "#276ff5"
 };
-H(fe);
-const Be = L(ve);
+ue(gt);
+const Tt = Z(ht);
 export {
-  Be as DasProgress,
-  Be as default
+  Tt as DasProgress,
+  Tt as default
 };