@das-fed/ui 7.0.7-dev.2 → 7.0.7-dev.3

package/packages/components/popup-mask/index.js

@@ -1,5 +1,5 @@
 import '@das-fed/ui/packages/components/popup-mask/style.css';
-import { defineComponent as I, mergeModels as b, ref as s, computed as O, useModel as S, watch as _, nextTick as P, onMounted as N, onUnmounted as T, createBlock as $, openBlock as r, Teleport as z, createVNode as h, Transition as H, withCtx as D, createElementBlock as C, createCommentVNode as u, withModifiers as g, normalizeStyle as L, normalizeClass as V, createElementVNode as Y, renderSlot as w, unref as Z } from "vue";
+import { defineComponent as I, mergeModels as b, ref as t, computed as x, useModel as O, watch as S, nextTick as P, onMounted as N, onUnmounted as T, createBlock as $, openBlock as r, Teleport as z, createVNode as h, Transition as H, withCtx as D, createElementBlock as C, createCommentVNode as u, withModifiers as g, normalizeStyle as L, normalizeClass as V, createElementVNode as Y, renderSlot as w, unref as Z } from "vue";
 import { withInstall as q } from "@das-fed/utils/with-install/index";
 import { useZIndex as U } from "@das-fed/utils/hooks/popup-manager/use-zindex";
 import { hasClass as W, getStyle as B, addClass as j, removeClass as A } from "@das-fed/utils/style";
@@ -19,11 +19,11 @@ const G = { class: "mask-content" }, J = /* @__PURE__ */ I({
     visibleModifiers: {}
   }),
   emits: /* @__PURE__ */ b(["update:visible", "visible-change"], ["update:visible"]),
-  setup(t, { emit: n }) {
-    const o = t, a = n, d = s(), M = O(() => {
+  setup(s, { emit: n }) {
+    const o = s, a = n, d = t(), M = x(() => {
       let e = "das-ui-popup-mask";
       return o.maskClass && (e = `${e} ${o.maskClass}`), e;
-    }), i = S(t, "visible"), f = s(2e3), l = s(!1), p = s("0"), m = s(0), x = () => {
+    }), i = O(s, "visible"), f = t(2e3), l = t(!1), p = t("0"), m = t(0), R = () => {
       if (!o.lockScroll) return;
       l.value = !W(document.body, "overflow-hide"), l.value && (p.value = document.body.style.paddingRight, m.value = parseInt(B(document.body, "paddingRight"), 10));
       const e = 10;
@@ -32,17 +32,17 @@ const G = { class: "mask-content" }, J = /* @__PURE__ */ I({
     }, v = () => {
       l.value && (document.body.style.paddingRight = p.value, A(document.body, "overflow-hide")), l.value = !0;
     };
-    _(
+    S(
       () => i.value,
       (e) => {
         e ? (f.value = U().nextZIndex(), P(() => {
-          x();
+          R();
         })) : v(), a("update:visible", e), a("visible-change", e);
       }
     );
     const c = () => {
       i.value = !1, v();
-    }, R = () => {
+    }, _ = () => {
       o.closeOnClickModal && c();
     }, y = (e) => {
       e.key === "Escape" && o.closeOnPressEscape && c();
@@ -53,7 +53,7 @@ const G = { class: "mask-content" }, J = /* @__PURE__ */ I({
       window.removeEventListener("keydown", y);
     }), (e, k) => (r(), $(z, {
       to: "body",
-      disabled: !t.appendToBody
+      disabled: !e.appendToBody
     }, [
       h(
         H,
@@ -70,13 +70,13 @@ const G = { class: "mask-content" }, J = /* @__PURE__ */ I({
                 key: 0,
                 class: V(M.value),
                 style: L({ "z-index": f.value }),
-                onClick: g(R, ["self"])
+                onClick: g(_, ["self"])
               },
               [
                 Y("div", G, [
                   e.$slots.default ? w(e.$slots, "default", { key: 0 }, void 0, !0) : u("v-if", !0)
                 ]),
-                t.showClose ? (r(), C("div", {
+                e.showClose ? (r(), C("div", {
                   key: 0,
                   class: "close-icon",
                   onClick: g(c, ["stop"])
@@ -98,12 +98,12 @@ const G = { class: "mask-content" }, J = /* @__PURE__ */ I({
       )
     ], 8, ["disabled"]));
   }
-}), K = (t, n) => {
-  const o = t.__vccOpts || t;
+}), K = (s, n) => {
+  const o = s.__vccOpts || s;
   for (const [a, d] of n)
     o[a] = d;
   return o;
-}, Q = /* @__PURE__ */ K(J, [["__scopeId", "data-v-563102b2"]]), le = () => s(null), ae = q(Q);
+}, Q = /* @__PURE__ */ K(J, [["__scopeId", "data-v-563102b2"]]), le = () => t(null), ae = q(Q);
 export {
   ae as DasPopupMask,
   le as DasPopupMaskRef,

package/packages/components/progress/index.js

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

package/packages/components/progress/style.css

@@ -1 +1 @@
-@charset "UTF-8";.das-ui-progress[data-v-c07cb4f9] .el-progress-bar__outer{background-color:#e5e5e5}.das-ui-progress[data-v-c07cb4f9] svg path:first-child{stroke:#e5e5e5}.das-ui-progress .percentage-graph[data-v-c07cb4f9]{margin:0 auto;position:relative}.das-ui-progress .percentage-graph .line-icon[data-v-c07cb4f9]{position:absolute;top:50%;right:-9px;transform:translate(100%,-50%)}.das-ui-progress .percentage-graph .line-icon.normal[data-v-c07cb4f9]{display:flex;align-items:center}.das-ui-progress .percentage-graph .line-icon.normal .end-text[data-v-c07cb4f9]{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-c07cb4f9]{color:var(--das-ui-progress-percentage-text)}.das-ui-progress .percentage-value[data-v-c07cb4f9]{font-size:26px}.das-ui-progress .tip-line[data-v-c07cb4f9]{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-c07cb4f9]{max-width:65%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-progress .tip-line.center[data-v-c07cb4f9]{justify-content:center}.das-ui-progress .tip-line.left[data-v-c07cb4f9]{justify-content:flex-start}.das-ui-progress .tip-line.right[data-v-c07cb4f9]{justify-content:flex-end}.das-ui-progress .tip-circle[data-v-c07cb4f9]{font-size:16px;text-align:center;color:var(--v56b97d1c);margin-top:2px}.das-ui-progress .showLoading[data-v-c07cb4f9] .el-progress-bar__inner{overflow:hidden}.das-ui-progress .showLoading[data-v-c07cb4f9] .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-c07cb4f9 3s ease 0s infinite}@keyframes loading-c07cb4f9{0%{right:100%}80%{right:-107px}to{right:-107px}}
+@charset "UTF-8";.das-ui-progress[data-v-c07cb4f9] .el-progress-bar__outer{background-color:#e5e5e5}.das-ui-progress[data-v-c07cb4f9] svg path:first-child{stroke:#e5e5e5}.das-ui-progress .percentage-graph[data-v-c07cb4f9]{margin:0 auto;position:relative}.das-ui-progress .percentage-graph .line-icon[data-v-c07cb4f9]{position:absolute;top:50%;right:-9px;transform:translate(100%,-50%)}.das-ui-progress .percentage-graph .line-icon.normal[data-v-c07cb4f9]{display:flex;align-items:center}.das-ui-progress .percentage-graph .line-icon.normal .end-text[data-v-c07cb4f9]{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-c07cb4f9]{color:var(--das-ui-progress-percentage-text)}.das-ui-progress .percentage-value[data-v-c07cb4f9]{font-size:26px}.das-ui-progress .tip-line[data-v-c07cb4f9]{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-c07cb4f9]{max-width:65%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-progress .tip-line.center[data-v-c07cb4f9]{justify-content:center}.das-ui-progress .tip-line.left[data-v-c07cb4f9]{justify-content:flex-start}.das-ui-progress .tip-line.right[data-v-c07cb4f9]{justify-content:flex-end}.das-ui-progress .tip-circle[data-v-c07cb4f9]{font-size:16px;text-align:center;color:var(--56b97d1c);margin-top:2px}.das-ui-progress .showLoading[data-v-c07cb4f9] .el-progress-bar__inner{overflow:hidden}.das-ui-progress .showLoading[data-v-c07cb4f9] .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-c07cb4f9 3s ease 0s infinite}@keyframes loading-c07cb4f9{0%{right:100%}80%{right:-107px}to{right:-107px}}