@das-fed/ui 6.4.0-hot.33 → 6.4.0-hot.35

package/packages/components/progress/index.js

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

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

@@ -1,19 +1,36 @@
 import type { Props } from './type';
 declare function __VLS_template(): {
-    slots: {
-        default?(_: {
-            percentage: any;
-        }): any;
-    };
-    refs: {
-        $progress: unknown;
-    };
-    attrs: Partial<{}>;
+    default?(_: {
+        percentage: any;
+    }): any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<Props, {
-    $progress: import("vue").Ref<null, null>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    modelValue: number;
+    percentages: number;
+    type: string;
+    tipType: string;
+    width: number;
+    textMap: undefined;
+    showAnimation: boolean;
+    showTextTip: boolean;
+    showProcessTip: boolean;
+    showEndText: boolean;
+    singleTipPosition: string;
+}>, {
+    $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;
+    type: string;
+    tipType: string;
+    width: number;
+    textMap: undefined;
+    showAnimation: boolean;
+    showTextTip: boolean;
+    showProcessTip: boolean;
+    showEndText: boolean;
+    singleTipPosition: string;
+}>>>, {
     type: "line" | "circle";
     modelValue: number;
     width: number;
@@ -25,11 +42,28 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {
     showProcessTip: boolean;
     showEndText: boolean;
     singleTipPosition: "" | "left" | "center" | "right";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/packages/components/progress/style.css

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