@das-fed/upf-ui 6.4.0-dev.237 → 6.4.0-dev.239

package/packages/components/progress/index.js

@@ -1,59 +1,58 @@
 import '@das-fed/upf-ui/packages/components/progress/style.css';
-import { withInstall as N } from "@das-fed/upf-utils/with-install/index";
-import { ElIcon as S, ElProgress as W } from "element-plus/es";
+import { withInstall as S } from "@das-fed/upf-utils/with-install/index";
+import { ElIcon as W, ElProgress as F } 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 w, openBlock as s, createElementBlock as o, createElementVNode as d, useCssVars as F, computed as a, ref as R, normalizeStyle as V, createVNode as P, mergeProps as O, withCtx as b, renderSlot as j, Fragment as q, toDisplayString as i, createCommentVNode as l, createBlock as _, unref as g, normalizeClass as C } from "vue";
-import { DasAutoRegisterIcon as G, DasIcon as z } from "@das-fed/upf-ui/packages/components/icon/index";
-import { getVarValue as H, getVar as J, setThemeRule as K } from "@das-fed/upf-web/packages/theme/index";
-import { t as h } from "@das-fed/upf-web/packages/i18n/index";
-/*! Element Plus Icons Vue v2.3.1 */
-var Q = /* @__PURE__ */ w({
+import { defineComponent as _, openBlock as t, createElementBlock as r, createElementVNode as v, useCssVars as O, computed as n, ref as R, normalizeStyle as P, createVNode as V, mergeProps as j, withCtx as b, createCommentVNode as l, renderSlot as q, Fragment as G, toDisplayString as u, createBlock as y, unref as h, normalizeClass as E } from "vue";
+import { DasAutoRegisterIcon as H, DasIcon as I } from "@das-fed/upf-ui/packages/components/icon/index";
+import { t as w } from "@das-fed/upf-web/packages/i18n/index";
+/*! Element Plus Icons Vue v2.3.2 */
+var J = /* @__PURE__ */ _({
   name: "CloseBold",
   __name: "close-bold",
-  setup(c) {
-    return (v, t) => (s(), o("svg", {
+  setup(s) {
+    return (d, e) => (t(), r("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"
+        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.496"
       })
     ]));
   }
-}), U = Q, X = /* @__PURE__ */ w({
+}), K = J, Q = /* @__PURE__ */ _({
   name: "Select",
   __name: "select",
-  setup(c) {
-    return (v, t) => (s(), o("svg", {
+  setup(s) {
+    return (d, e) => (t(), r("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"
+        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.496"
       })
     ]));
   }
-}), Y = X;
-const Z = {
+}), U = Q;
+const X = {
   key: 0,
   class: "percentage-color"
-}, ee = { key: 0 }, te = { class: "percentage-value" }, se = { key: 1 }, re = { class: "percentage-value" }, oe = { key: 1 }, le = {
+}, Y = { key: 0 }, Z = { class: "percentage-value" }, ee = { key: 1 }, te = { class: "percentage-value" }, se = { key: 1 }, oe = {
   key: 0,
   class: "end-text"
-}, ae = {
+}, le = {
   key: 1,
   class: "end-text"
-}, ne = {
+}, re = {
   key: 0,
   class: "line-left"
-}, ue = { key: 1 }, ie = { key: 2 }, ce = {
+}, ae = { key: 1 }, ne = { key: 2 }, ie = {
   key: 1,
   class: "tip-circle"
-}, pe = /* @__PURE__ */ w({
+}, ce = /* @__PURE__ */ _({
   __name: "Index",
   props: {
     modelValue: { default: 0 },
@@ -71,147 +70,225 @@ const Z = {
     showEndText: { type: Boolean, default: !1 },
     singleTipPosition: { default: "" }
   },
-  setup(c, { expose: v }) {
-    F((e) => ({
-      "7a9c1e48": I.value
+  setup(s, { expose: d }) {
+    O((a) => ({
+      v65035b45: A.value
     }));
-    const t = c;
-    G({
+    const e = s;
+    H({
       success: import("@das-fed/upf-ui/packages/icons/success"),
       reload: import("@das-fed/upf-ui/packages/icons/reload")
     });
-    const y = a(() => t.textMap ?? [h("正在加载中..."), h("加载失败"), h("加载成功")]), n = a(() => t.tipType === "percentage" ? 100 : t.percentages), u = a(() => {
-      let e = t.modelValue;
-      return e < 0 && (e = 0), e > n.value && (e = n.value), e;
-    }), E = a(() => t.tipType === "percentage" ? u.value : u.value !== 0 ? Number(u.value / n.value) * 100 : 0), r = a(() => !t.status || t.status === "normal" ? n.value > 0 && u.value === n.value ? "success" : "normal" : t.status), $ = a(() => {
-      if (t.strokeWidth)
-        return t.strokeWidth;
-      if (t.type === "line") return 8;
-      if (t.type === "circle") return 4;
-    }), A = a(() => {
-      if (t.showText)
-        return t.showText;
-      if (t.type === "line") return !1;
-      if (t.type === "circle") return !0;
-    }), m = a(() => H(`--das-ui-progress-${r.value}`).value || ""), I = a(() => {
-      let e = "";
-      return r.value === "normal" ? e = "--das-ui-progress-percentage-tip" : e = `--das-ui-progress-${r.value}`, J(e);
-    }), k = a(() => {
-      let e = 1;
-      return r.value === "normal" && (e = 0), r.value === "exception" && (e = 1), r.value === "success" && (e = 2), y.value[e];
-    }), L = a(() => {
-      if (["success", "exception"].includes(r.value)) return "center";
+    const g = n(() => e.textMap ?? [w("正在加载中..."), w("加载失败"), w("加载成功")]), i = n(() => e.tipType === "percentage" ? 100 : e.percentages), c = n(() => {
+      let a = e.modelValue;
+      return a < 0 && (a = 0), a > i.value && (a = i.value), a;
+    }), L = n(() => e.tipType === "percentage" ? c.value : c.value !== 0 ? Number(c.value / i.value) * 100 : 0), o = n(() => !e.status || e.status === "normal" ? i.value > 0 && c.value === i.value ? "success" : "normal" : e.status), M = n(() => {
+      if (e.strokeWidth)
+        return e.strokeWidth;
+      if (e.type === "line") return 8;
+      if (e.type === "circle") return 4;
+    }), z = n(() => {
+      if (e.showText)
+        return e.showText;
+      if (e.type === "line") return !1;
+      if (e.type === "circle") return !0;
+    }), m = {
+      normal: "var(--upf-color-primary)",
+      success: "var(--upf-color-success)",
+      exception: "var(--upf-color-error)"
+    }, x = n(() => m[o.value] || m.normal), A = n(() => o.value === "normal" ? "var(--upf-text-secondary)" : m[o.value] || m.normal), k = n(() => {
+      let a = 1;
+      return o.value === "normal" && (a = 0), o.value === "exception" && (a = 1), o.value === "success" && (a = 2), g.value[a];
+    }), $ = n(() => {
+      if (["success", "exception"].includes(o.value)) return "center";
       if (f.value && p.value) return "";
-      if (t.singleTipPosition) return t.singleTipPosition;
+      if (e.singleTipPosition) return e.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), T = R(null);
-    return v({
+    }), p = n(() => ["success", "exception"].includes(o.value) ? !1 : e.showProcessTip), f = n(() => e.showTextTip), T = R(null);
+    return d({
       $progress: T
-    }), (e, x) => {
-      const M = S, D = W;
-      return s(), o("div", {
-        class: "das-ui-progress",
-        style: V({ display: e.type == "circle" ? "inline-block" : "block" })
-      }, [
-        d("div", {
-          class: "percentage-graph",
-          style: V({ width: e.type == "circle" ? e.width + "px" : "100%" })
-        }, [
-          P(D, O({
-            ref_key: "$progress",
-            ref: T,
-            class: {
-              showLoading: t.showAnimation && t.type === "line" && r.value === "normal" && !e.$attrs.indeterminate
+    }), (a, B) => {
+      const D = W, N = F;
+      return t(), r(
+        "div",
+        {
+          class: "das-ui-progress",
+          style: P({ display: s.type == "circle" ? "inline-block" : "block" })
+        },
+        [
+          v(
+            "div",
+            {
+              class: "percentage-graph",
+              style: P({ width: s.type == "circle" ? s.width + "px" : "100%" })
             },
-            type: e.type
-          }, e.$attrs, {
-            color: m.value,
-            percentage: E.value,
-            width: e.width,
-            "stroke-width": $.value,
-            "show-text": A.value
-          }), {
-            default: b(({ percentage: B }) => [
-              j(e.$slots, "default", { percentage: B }, () => [
-                t.type === "circle" ? (s(), o(q, { key: 0 }, [
-                  r.value === "normal" ? (s(), o("div", Z, [
-                    e.tipType === "percentage" ? (s(), o("div", ee, [
-                      d("span", te, i(B), 1),
-                      x[0] || (x[0] = d("span", null, "%", -1))
-                    ])) : l("", !0),
-                    e.tipType === "score" ? (s(), o("div", se, [
-                      d("span", re, i(u.value + "/" + n.value), 1)
-                    ])) : l("", !0)
-                  ])) : (s(), o("div", oe, [
-                    P(M, { size: 40 }, {
-                      default: b(() => [
-                        r.value === "success" ? (s(), _(g(Y), {
-                          key: 0,
-                          color: m.value
-                        }, null, 8, ["color"])) : l("", !0),
-                        r.value === "exception" ? (s(), _(g(U), {
-                          key: 1,
-                          color: m.value
-                        }, null, 8, ["color"])) : l("", !0)
-                      ]),
-                      _: 1
-                    })
-                  ]))
-                ], 64)) : l("", !0)
-              ], !0)
-            ]),
-            _: 3
-          }, 16, ["class", "type", "color", "percentage", "width", "stroke-width", "show-text"]),
-          t.type === "line" ? (s(), o("div", {
-            key: 0,
-            class: C(["line-icon", r.value])
-          }, [
-            e.tipType === "percentage" && e.showEndText && r.value === "normal" ? (s(), o("span", le, i(u.value) + "%", 1)) : l("", !0),
-            e.tipType === "score" && e.showEndText && r.value === "normal" ? (s(), o("span", ae, i(u.value + "/" + n.value), 1)) : l("", !0),
-            r.value === "success" ? (s(), _(g(z), {
-              key: 2,
-              icon: "success",
-              "icon-color": "#12AA53",
-              "custom-size": "14px"
-            })) : l("", !0),
-            r.value === "exception" ? (s(), _(g(z), {
-              key: 3,
-              icon: "reload",
-              "icon-color": "red",
-              "custom-size": "16px"
-            })) : l("", !0)
-          ], 2)) : l("", !0)
-        ], 4),
-        t.type === "line" && (f.value || p.value) ? (s(), o("div", {
-          key: 0,
-          class: C(["tip-line", L.value])
-        }, [
-          f.value ? (s(), o("div", ne, i(k.value), 1)) : l("", !0),
-          e.tipType === "percentage" && p.value ? (s(), o("div", ue, i(u.value) + "%", 1)) : l("", !0),
-          e.tipType === "score" && p.value ? (s(), o("div", ie, i(u.value + "/" + n.value), 1)) : l("", !0)
-        ], 2)) : l("", !0),
-        t.type === "circle" ? (s(), o("div", ce, i(k.value), 1)) : l("", !0)
-      ], 4);
+            [
+              V(N, j({
+                ref_key: "$progress",
+                ref: T,
+                class: {
+                  showLoading: e.showAnimation && e.type === "line" && o.value === "normal" && !a.$attrs.indeterminate
+                },
+                type: s.type
+              }, a.$attrs, {
+                color: x.value,
+                percentage: L.value,
+                width: s.width,
+                "stroke-width": M.value,
+                "show-text": z.value
+              }), {
+                default: b(({ percentage: C }) => [
+                  l(" @slot 默认插槽 "),
+                  q(a.$slots, "default", { percentage: C }, () => [
+                    e.type === "circle" ? (t(), r(
+                      G,
+                      { key: 0 },
+                      [
+                        o.value === "normal" ? (t(), r("div", X, [
+                          s.tipType === "percentage" ? (t(), r("div", Y, [
+                            v(
+                              "span",
+                              Z,
+                              u(C),
+                              1
+                              /* TEXT */
+                            ),
+                            B[0] || (B[0] = v(
+                              "span",
+                              null,
+                              "%",
+                              -1
+                              /* CACHED */
+                            ))
+                          ])) : l("v-if", !0),
+                          s.tipType === "score" ? (t(), r("div", ee, [
+                            v(
+                              "span",
+                              te,
+                              u(c.value + "/" + i.value),
+                              1
+                              /* TEXT */
+                            )
+                          ])) : l("v-if", !0)
+                        ])) : (t(), r("div", se, [
+                          V(D, { size: 40 }, {
+                            default: b(() => [
+                              o.value === "success" ? (t(), y(h(U), {
+                                key: 0,
+                                color: x.value
+                              }, null, 8, ["color"])) : l("v-if", !0),
+                              o.value === "exception" ? (t(), y(h(K), {
+                                key: 1,
+                                color: x.value
+                              }, null, 8, ["color"])) : l("v-if", !0)
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          })
+                        ]))
+                      ],
+                      64
+                      /* STABLE_FRAGMENT */
+                    )) : l("v-if", !0)
+                  ], !0)
+                ]),
+                _: 3
+                /* FORWARDED */
+              }, 16, ["class", "type", "color", "percentage", "width", "stroke-width", "show-text"]),
+              e.type === "line" ? (t(), r(
+                "div",
+                {
+                  key: 0,
+                  class: E(["line-icon", o.value])
+                },
+                [
+                  s.tipType === "percentage" && s.showEndText && o.value === "normal" ? (t(), r(
+                    "span",
+                    oe,
+                    u(c.value) + "%",
+                    1
+                    /* TEXT */
+                  )) : l("v-if", !0),
+                  s.tipType === "score" && s.showEndText && o.value === "normal" ? (t(), r(
+                    "span",
+                    le,
+                    u(c.value + "/" + i.value),
+                    1
+                    /* TEXT */
+                  )) : l("v-if", !0),
+                  o.value === "success" ? (t(), y(h(I), {
+                    key: 2,
+                    icon: "success",
+                    "icon-color": "#12AA53",
+                    "custom-size": "14px"
+                  })) : l("v-if", !0),
+                  o.value === "exception" ? (t(), y(h(I), {
+                    key: 3,
+                    icon: "reload",
+                    "icon-color": "red",
+                    "custom-size": "16px"
+                  })) : l("v-if", !0)
+                ],
+                2
+                /* CLASS */
+              )) : l("v-if", !0)
+            ],
+            4
+            /* STYLE */
+          ),
+          e.type === "line" && (f.value || p.value) ? (t(), r(
+            "div",
+            {
+              key: 0,
+              class: E(["tip-line", $.value])
+            },
+            [
+              f.value ? (t(), r(
+                "div",
+                re,
+                u(k.value),
+                1
+                /* TEXT */
+              )) : l("v-if", !0),
+              s.tipType === "percentage" && p.value ? (t(), r(
+                "div",
+                ae,
+                u(c.value) + "%",
+                1
+                /* TEXT */
+              )) : l("v-if", !0),
+              s.tipType === "score" && p.value ? (t(), r(
+                "div",
+                ne,
+                u(c.value + "/" + i.value),
+                1
+                /* TEXT */
+              )) : l("v-if", !0)
+            ],
+            2
+            /* CLASS */
+          )) : l("v-if", !0),
+          e.type === "circle" ? (t(), r(
+            "div",
+            ie,
+            u(k.value),
+            1
+            /* TEXT */
+          )) : l("v-if", !0)
+        ],
+        4
+        /* STYLE */
+      );
     };
   }
-}), de = (c, v) => {
-  const t = c.__vccOpts || c;
-  for (const [y, n] of v)
-    t[y] = n;
-  return t;
-}, ve = /* @__PURE__ */ de(pe, [["__scopeId", "data-v-233208ce"]]), fe = {
-  "--das-ui-progress-normal": "#5582F3",
-  "--das-ui-progress-success": "#1BA854",
-  "--das-ui-progress-exception": "#FB2323",
-  "--das-ui-progress-percentage-text": "#212121",
-  "--das-ui-progress-percentage-tip": "#666666",
-  "--das-ui-progress-loading-start": "#64abff",
-  "--das-ui-progress-loading-end": "#276ff5"
-};
-K(fe);
-const Be = N(ve);
+}), ue = (s, d) => {
+  const e = s.__vccOpts || s;
+  for (const [g, i] of d)
+    e[g] = i;
+  return e;
+}, pe = /* @__PURE__ */ ue(ce, [["__scopeId", "data-v-52282ce8"]]), we = S(pe);
 export {
-  Be as DasProgress,
-  Be as default
+  we as DasProgress,
+  we as default
 };

package/packages/components/progress/style.css

@@ -1 +1 @@
-@charset "UTF-8";.das-ui-progress[data-v-233208ce] .el-progress-bar__outer{background-color:#e5e5e5}.das-ui-progress[data-v-233208ce] svg path:first-child{stroke:#e5e5e5}.das-ui-progress .percentage-graph[data-v-233208ce]{margin:0 auto;position:relative}.das-ui-progress .percentage-graph .line-icon[data-v-233208ce]{position:absolute;top:50%;right:-9px;transform:translate(100%,-50%)}.das-ui-progress .percentage-graph .line-icon.normal[data-v-233208ce]{display:flex;align-items:center}.das-ui-progress .percentage-graph .line-icon.normal .end-text[data-v-233208ce]{font-family:Arial;font-size:16px;font-weight:400;line-height:1px;text-align:right;letter-spacing:0px;color:#212121}.das-ui-progress .percentage-color[data-v-233208ce]{color:var(--das-ui-progress-percentage-text)}.das-ui-progress .percentage-value[data-v-233208ce]{font-size:26px}.das-ui-progress .tip-line[data-v-233208ce]{margin-top:12px;color:var(--das-ui-progress-percentage-text);display:flex;justify-content:space-between;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}.das-ui-progress .tip-line .line-left[data-v-233208ce]{max-width:65%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-progress .tip-line.center[data-v-233208ce]{justify-content:center}.das-ui-progress .tip-line.left[data-v-233208ce]{justify-content:flex-start}.das-ui-progress .tip-line.right[data-v-233208ce]{justify-content:flex-end}.das-ui-progress .tip-circle[data-v-233208ce]{font-size:16px;text-align:center;color:var(--7a9c1e48);margin-top:2px}.das-ui-progress .showLoading[data-v-233208ce] .el-progress-bar__inner{overflow:hidden}.das-ui-progress .showLoading[data-v-233208ce] .el-progress-bar__inner:before{content:"";display:block;position:absolute;width:107px;height:100%;border-radius:4px;right:100%;background:linear-gradient(270deg,var(--das-ui-progress-loading-start) 34%,var(--das-ui-progress-loading-end) 100%);animation:loading-233208ce 3s ease 0s infinite}@keyframes loading-233208ce{0%{right:100%}80%{right:-107px}to{right:-107px}}
+@charset "UTF-8";.das-ui-progress[data-v-52282ce8] .el-progress-bar__outer{background-color:var(--upf-bg-secondary)}.das-ui-progress[data-v-52282ce8] svg path:first-child{stroke:var(--upf-bg-secondary)}.das-ui-progress .percentage-graph[data-v-52282ce8]{margin:0 auto;position:relative}.das-ui-progress .percentage-graph .line-icon[data-v-52282ce8]{position:absolute;top:50%;right:-9px;transform:translate(100%,-50%)}.das-ui-progress .percentage-graph .line-icon.normal[data-v-52282ce8]{display:flex;align-items:center}.das-ui-progress .percentage-graph .line-icon.normal .end-text[data-v-52282ce8]{font-family:Arial;font-size:16px;font-weight:400;line-height:1px;text-align:right;letter-spacing:0px;color:var(--upf-text-primary)}.das-ui-progress .percentage-color[data-v-52282ce8]{color:var(--upf-text-primary)}.das-ui-progress .percentage-value[data-v-52282ce8]{font-size:26px}.das-ui-progress .tip-line[data-v-52282ce8]{margin-top:12px;color:var(--upf-text-primary);display:flex;justify-content:space-between;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}.das-ui-progress .tip-line .line-left[data-v-52282ce8]{max-width:65%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-progress .tip-line.center[data-v-52282ce8]{justify-content:center}.das-ui-progress .tip-line.left[data-v-52282ce8]{justify-content:flex-start}.das-ui-progress .tip-line.right[data-v-52282ce8]{justify-content:flex-end}.das-ui-progress .tip-circle[data-v-52282ce8]{font-size:16px;text-align:center;color:var(--v65035b45);margin-top:2px}.das-ui-progress .showLoading[data-v-52282ce8] .el-progress-bar__inner{overflow:hidden}.das-ui-progress .showLoading[data-v-52282ce8] .el-progress-bar__inner:before{content:"";display:block;position:absolute;width:107px;height:100%;border-radius:4px;right:100%;background:linear-gradient(270deg,color-mix(in srgb,var(--upf-color-primary) 55%,var(--upf-bg-primary) 45%) 34%,var(--upf-color-primary) 100%);animation:loading-52282ce8 3s ease 0s infinite}@keyframes loading-52282ce8{0%{right:100%}80%{right:-107px}to{right:-107px}}