@das-fed/ui 6.4.0-dev.3 → 6.4.0-dev.5

package/packages/components/progress/index.js

@@ -1,8 +1,8 @@
 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 i, createElementBlock as u, createElementVNode as f, 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 v, 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 { 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 ie, getVar as ce, setThemeRule as ue } from "@das-fed/web/packages/theme/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
@@ -13,8 +13,8 @@ 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 c = e[s];
-    o[c[0]] = c[1];
+    var i = e[s];
+    o[i[0]] = i[1];
   }
   return o;
 }
@@ -44,11 +44,11 @@ var ke = /* @__PURE__ */ w({
   name: "Check",
   __name: "check",
   setup(e) {
-    return (s, t) => (i(), u("svg", {
+    return (s, t) => (c(), u("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      f("path", {
+      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"
       })
@@ -58,15 +58,15 @@ var ke = /* @__PURE__ */ w({
   name: "CircleCheck",
   __name: "circle-check",
   setup(e) {
-    return (s, t) => (i(), u("svg", {
+    return (s, t) => (c(), u("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      f("path", {
+      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"
       }),
-      f("path", {
+      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"
       })
@@ -76,15 +76,15 @@ var ke = /* @__PURE__ */ w({
   name: "CircleClose",
   __name: "circle-close",
   setup(e) {
-    return (s, t) => (i(), u("svg", {
+    return (s, t) => (c(), u("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      f("path", {
+      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"
       }),
-      f("path", {
+      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"
       })
@@ -94,11 +94,11 @@ var ke = /* @__PURE__ */ w({
   name: "CloseBold",
   __name: "close-bold",
   setup(e) {
-    return (s, t) => (i(), u("svg", {
+    return (s, t) => (c(), u("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      f("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"
       })
@@ -108,11 +108,11 @@ var ke = /* @__PURE__ */ w({
   name: "Close",
   __name: "close",
   setup(e) {
-    return (s, t) => (i(), u("svg", {
+    return (s, t) => (c(), u("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      f("path", {
+      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"
       })
@@ -122,11 +122,11 @@ var ke = /* @__PURE__ */ w({
   name: "Select",
   __name: "select",
   setup(e) {
-    return (s, t) => (i(), u("svg", {
+    return (s, t) => (c(), u("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      f("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"
       })
@@ -136,11 +136,11 @@ var ke = /* @__PURE__ */ w({
   name: "WarningFilled",
   __name: "warning-filled",
   setup(e) {
-    return (s, t) => (i(), u("svg", {
+    return (s, t) => (c(), u("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      f("path", {
+      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"
       })
@@ -150,12 +150,12 @@ var ke = /* @__PURE__ */ w({
 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: c, type: _, validator: d } = e, k = {
-    type: _,
+  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(c), m || (m = $.includes(g))), d && (m || (m = d(g))), !m && $.length > 0) {
+      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)}.`);
       }
@@ -163,16 +163,16 @@ const R = "__epPropKey", D = (e) => e, ze = (e) => J(e) && !!e[R], Le = (e, s) =
     } : void 0,
     [R]: !0
   };
-  return U(e, "default") && (k.default = c), k;
+  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, c) => {
-  let _ = `${e}-${s}`;
-  return t && (_ += `-${t}`), o && (_ += `__${o}`), c && (_ += `--${c}`), _;
+}, 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);
@@ -209,8 +209,8 @@ const R = "__epPropKey", D = (e) => e, ze = (e) => J(e) && !!e[R], Le = (e, s) =
 };
 var X = (e, s) => {
   const t = e.__vccOpts || e;
-  for (const [o, c] of s)
-    t[o] = c;
+  for (const [o, i] of s)
+    t[o] = i;
   return t;
 };
 const Fe = G({
@@ -228,17 +228,17 @@ const Fe = G({
   props: Fe,
   setup(e) {
     const s = e, t = Q("icon"), o = p(() => {
-      const { size: c, color: _ } = s;
-      return !c && !_ ? {} : {
-        fontSize: fe(c) ? void 0 : we(c),
-        "--color": _
+      const { size: i, color: f } = s;
+      return !i && !f ? {} : {
+        fontSize: fe(i) ? void 0 : we(i),
+        "--color": f
       };
     });
-    return (c, _) => (i(), u("i", q({
+    return (i, f) => (c(), u("i", q({
       class: l(t).b(),
       style: l(o)
-    }, c.$attrs), [
-      M(c.$slots, "default")
+    }, i.$attrs), [
+      M(i.$slots, "default")
     ], 16));
   }
 });
@@ -312,11 +312,11 @@ const Y = H(Ke), Ue = G({
       exception: "#ff4949",
       warning: "#e6a23c",
       default: "#20a0ff"
-    }, o = Q("progress"), c = p(() => ({
+    }, o = Q("progress"), i = p(() => ({
       width: `${s.percentage}%`,
       animationDuration: `${s.duration}s`,
       backgroundColor: L(s.percentage)
-    })), _ = p(() => (s.strokeWidth / s.width * 100).toFixed(1)), d = p(() => ["circle", "dashboard"].includes(s.type) ? Number.parseInt(`${50 - Number.parseFloat(_.value) / 2}`, 10) : 0), V = p(() => {
+    })), 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
@@ -357,7 +357,7 @@ const Y = H(Ke), Ue = G({
         return (y = N[N.length - 1]) == null ? void 0 : y.color;
       }
     };
-    return (a, y) => (i(), u("div", {
+    return (a, y) => (c(), u("div", {
       class: x([
         l(o).b(),
         l(o).m(a.type),
@@ -372,74 +372,74 @@ const Y = H(Ke), Ue = G({
       "aria-valuemin": "0",
       "aria-valuemax": "100"
     }, [
-      a.type === "line" ? (i(), u("div", {
+      a.type === "line" ? (c(), u("div", {
         key: 0,
         class: x(l(o).b("bar"))
       }, [
-        f("div", {
+        v("div", {
           class: x(l(o).be("bar", "outer")),
           style: C({ height: `${a.strokeWidth}px` })
         }, [
-          f("div", {
+          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(c))
+            style: C(l(i))
           }, [
-            (a.showText || a.$slots.default) && a.textInside ? (i(), u("div", {
+            (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 }, () => [
-                f("span", null, T(l(r)), 1)
+                v("span", null, T(l(r)), 1)
               ])
-            ], 2)) : v("v-if", !0)
+            ], 2)) : _("v-if", !0)
           ], 6)
         ], 6)
-      ], 2)) : (i(), u("div", {
+      ], 2)) : (c(), u("div", {
         key: 1,
         class: x(l(o).b("circle")),
         style: C({ height: `${a.width}px`, width: `${a.width}px` })
       }, [
-        (i(), u("svg", Je, [
-          f("path", {
+        (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(_),
+            "stroke-width": l(f),
             fill: "none",
             style: C(l($))
           }, null, 14, Re),
-          f("path", {
+          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(_),
+            "stroke-width": l(f),
             style: C(l(S))
           }, null, 14, Ge)
         ]))
       ], 6)),
-      (a.showText || a.$slots.default) && !a.textInside ? (i(), u("div", {
+      (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 ? (i(), O(l(Y), { key: 1 }, {
+          a.status ? (c(), O(l(Y), { key: 1 }, {
             default: W(() => [
-              (i(), O(re(l(P))))
+              (c(), O(re(l(P))))
             ]),
             _: 1
-          })) : (i(), u("span", He, T(l(r)), 1))
+          })) : (c(), u("span", He, T(l(r)), 1))
         ])
-      ], 6)) : v("v-if", !0)
+      ], 6)) : _("v-if", !0)
     ], 10, qe));
   }
 });
@@ -447,16 +447,10 @@ var Ye = /* @__PURE__ */ X(Xe, [["__file", "/home/runner/work/element-plus/eleme
 const Ze = H(Ye), et = (e) => (ne("data-v-19bd4676"), e = e(), le(), e), tt = {
   key: 0,
   class: "percentage-color"
-}, st = { key: 0 }, rt = { class: "percentage-value" }, at = /* @__PURE__ */ et(() => /* @__PURE__ */ f(
-  "span",
-  null,
-  "%",
-  -1
-  /* HOISTED */
-)), ot = { key: 1 }, nt = { class: "percentage-value" }, lt = { key: 1 }, it = {
+}, 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"
-}, ct = {
+}, it = {
   key: 1,
   class: "end-text"
 }, ut = {
@@ -487,10 +481,10 @@ const Ze = H(Ye), et = (e) => (ne("data-v-19bd4676"), e = e(), le(), e), tt = {
     ae((r) => ({
       fd69366e: m.value
     }));
-    const t = e, o = p(() => t.tipType === "percentage" ? 100 : t.percentages), c = p(() => {
+    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;
-    }), _ = p(() => t.tipType === "percentage" ? c.value : c.value !== 0 ? Number(c.value / o.value) * 100 : 0), d = p(() => !t.status || t.status === "normal" ? o.value > 0 && c.value === o.value ? "success" : "normal" : t.status), V = p(() => {
+    }), 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;
@@ -500,9 +494,9 @@ const Ze = H(Ye), et = (e) => (ne("data-v-19bd4676"), e = e(), le(), e), tt = {
         return t.showText;
       if (t.type === "line") return !1;
       if (t.type === "circle") return !0;
-    }), g = p(() => ie(`--das-ui-progress-${d.value}`).value || ""), m = p(() => {
+    }), 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}`, ce(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];
@@ -517,176 +511,95 @@ const Ze = H(Ye), et = (e) => (ne("data-v-19bd4676"), e = e(), le(), e), tt = {
       $progress: n
     }), (r, h) => {
       const L = Y, a = Ze;
-      return i(), u(
-        "div",
-        {
-          class: "das-ui-progress",
-          style: C({ display: r.type == "circle" ? "inline-block" : "block" })
-        },
-        [
-          f(
-            "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
-                },
-                type: r.type
-              }, r.$attrs, {
-                color: g.value,
-                percentage: _.value,
-                width: r.width,
-                "stroke-width": V.value,
-                "show-text": k.value
-              }), {
-                default: W(({ percentage: y }) => [
-                  v(" @slot 默认插槽 "),
-                  M(r.$slots, "default", { percentage: y }, () => [
-                    t.type === "circle" ? (i(), u(
-                      oe,
-                      { key: 0 },
-                      [
-                        d.value === "normal" ? (i(), u("div", tt, [
-                          r.tipType === "percentage" ? (i(), u("div", st, [
-                            f(
-                              "span",
-                              rt,
-                              T(y),
-                              1
-                              /* TEXT */
-                            ),
-                            at
-                          ])) : v("v-if", !0),
-                          r.tipType === "score" ? (i(), u("div", ot, [
-                            f(
-                              "span",
-                              nt,
-                              T(c.value + "/" + o.value),
-                              1
-                              /* TEXT */
-                            )
-                          ])) : v("v-if", !0)
-                        ])) : (i(), u("div", lt, [
-                          j(L, { size: 40 }, {
-                            default: W(() => [
-                              d.value === "success" ? (i(), O(l(Ee), {
-                                key: 0,
-                                color: g.value
-                              }, null, 8, ["color"])) : v("v-if", !0),
-                              d.value === "exception" ? (i(), O(l(Ce), {
-                                key: 1,
-                                color: g.value
-                              }, null, 8, ["color"])) : v("v-if", !0)
-                            ]),
-                            _: 1
-                            /* STABLE */
-                          })
-                        ]))
-                      ],
-                      64
-                      /* STABLE_FRAGMENT */
-                    )) : v("v-if", !0)
-                  ], !0)
-                ]),
-                _: 3
-                /* FORWARDED */
-              }, 16, ["class", "type", "color", "percentage", "width", "stroke-width", "show-text"]),
-              t.type === "line" ? (i(), u(
-                "div",
-                {
-                  key: 0,
-                  class: x(["line-icon", d.value])
-                },
-                [
-                  r.tipType === "percentage" && r.showEndText && d.value === "normal" ? (i(), u(
-                    "span",
-                    it,
-                    T(c.value) + "%",
-                    1
-                    /* TEXT */
-                  )) : v("v-if", !0),
-                  r.tipType === "score" && r.showEndText && d.value === "normal" ? (i(), u(
-                    "span",
-                    ct,
-                    T(c.value + "/" + o.value),
-                    1
-                    /* TEXT */
-                  )) : v("v-if", !0),
-                  d.value === "success" ? (i(), O(l(K), {
-                    key: 2,
-                    icon: "success",
-                    "icon-color": "#12AA53",
-                    "custom-size": "14px"
-                  })) : v("v-if", !0),
-                  d.value === "exception" ? (i(), O(l(K), {
-                    key: 3,
-                    icon: "reload",
-                    "icon-color": "red",
-                    "custom-size": "16px"
-                  })) : v("v-if", !0)
-                ],
-                2
-                /* CLASS */
-              )) : v("v-if", !0)
-            ],
-            4
-            /* STYLE */
-          ),
-          t.type === "line" && (P.value || b.value) ? (i(), u(
-            "div",
-            {
-              key: 0,
-              class: x(["tip-line", S.value])
+      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
             },
-            [
-              P.value ? (i(), u(
-                "div",
-                ut,
-                T($.value),
-                1
-                /* TEXT */
-              )) : v("v-if", !0),
-              r.tipType === "percentage" && b.value ? (i(), u(
-                "div",
-                pt,
-                T(c.value) + "%",
-                1
-                /* TEXT */
-              )) : v("v-if", !0),
-              r.tipType === "score" && b.value ? (i(), u(
-                "div",
-                dt,
-                T(c.value + "/" + o.value),
-                1
-                /* TEXT */
-              )) : v("v-if", !0)
-            ],
-            2
-            /* CLASS */
-          )) : v("v-if", !0),
-          t.type === "circle" ? (i(), u(
-            "div",
-            vt,
-            T($.value),
-            1
-            /* TEXT */
-          )) : v("v-if", !0)
-        ],
-        4
-        /* STYLE */
-      );
+            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);
     };
   }
 }), _t = (e, s) => {
   const t = e.__vccOpts || e;
-  for (const [o, c] of s)
-    t[o] = c;
+  for (const [o, i] of s)
+    t[o] = i;
   return t;
 }, ht = /* @__PURE__ */ _t(ft, [["__scopeId", "data-v-19bd4676"]]), gt = {
   "--das-ui-progress-normal": "#5582F3",

package/packages/components/progress/src/Index.vue.d.ts

@@ -17,7 +17,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     showEndText: boolean;
     singleTipPosition: string;
 }>, {
-    $progress: import("vue").Ref<null, null>;
+    $progress: import("vue").Ref<null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     modelValue: number;
     percentages: number;