@das-fed/ui 6.4.0-hot.21 → 6.4.0-hot.22

package/packages/components/popup-mask/src/type.d.ts

@@ -1,28 +1,28 @@
-export interface Props {
-  
-  visible?: boolean
-
-  
-  maskClass?: string
-
-  
-  appendToBody?: boolean
-
-  
-  lockScroll?: boolean
-
-  
-  showClose?: boolean
-
-  
-  closeOnClickModal?: boolean
-
-  
-  closeOnPressEscape?: boolean
-}
-
-export interface Emits {
-  (e: 'update:visible', val: boolean): void
-
-  (e: 'visible-change', val: boolean): void
-}
+export interface Props {
+  
+  visible?: boolean
+
+  
+  maskClass?: string
+
+  
+  appendToBody?: boolean
+
+  
+  lockScroll?: boolean
+
+  
+  showClose?: boolean
+
+  
+  closeOnClickModal?: boolean
+
+  
+  closeOnPressEscape?: boolean
+}
+
+export interface Emits {
+  (e: 'update:visible', val: boolean): void
+
+  (e: 'visible-change', val: boolean): void
+}

package/packages/components/popup-mask/style.css

@@ -1 +1 @@
-.das-ui-popup-mask[data-v-563102b2]{width:100vw;height:100vh;position:fixed;left:0;top:0;background:#21212180}.das-ui-popup-mask .mask-content[data-v-563102b2]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.das-ui-popup-mask .close-icon[data-v-563102b2]{position:absolute;top:40px;right:40px;cursor:pointer}.fade-enter-active[data-v-563102b2],.fade-leave-active[data-v-563102b2]{transition:opacity .1s}.fade-enter[data-v-563102b2],.fade-leave-to[data-v-563102b2]{opacity:0}
+.das-ui-popup-mask[data-v-18530c04]{width:100vw;height:100vh;position:fixed;left:0;top:0;background:#21212180}.das-ui-popup-mask .mask-content[data-v-18530c04]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.das-ui-popup-mask .close-icon[data-v-18530c04]{position:absolute;top:40px;right:40px;cursor:pointer}.fade-enter-active[data-v-18530c04],.fade-leave-active[data-v-18530c04]{transition:opacity .1s}.fade-enter[data-v-18530c04],.fade-leave-to[data-v-18530c04]{opacity:0}

package/packages/components/preview/index.js

@@ -5,16 +5,16 @@ import { defineComponent as v, openBlock as w, createElementBlock as g, unref as
 import { DasButton as I } from "@das-fed/ui/packages/components/button/index";
 import { getPersonalInfo as P, getToken as C } from "@das-fed/utils/common-info";
 import { pureImageSrc as U } from "@das-fed/utils/pure-image-src";
-const y = (e) => {
+const b = (e) => {
   const r = P(), t = location.origin, o = e.host ?? t, s = "/web-apps/preview.html";
   return e.userid ?? r.id, e.username ?? r.name, { preview: () => {
     let n = e.fileUrl;
-    const l = m().value, c = C();
+    const c = m().value, l = C();
     n.startsWith("http") || (n = `${t}${U(n)}`);
-    const p = `${o}${s}?access_token=${c}&lang=${l}&fileUrl=${n}`;
+    const p = `${o}${s}?access_token=${l}&lang=${c}&fileUrl=${n}`;
     window.open(p);
   } };
-}, N = /* @__PURE__ */ v({
+}, y = /* @__PURE__ */ v({
   __name: "Index",
   props: {
     host: {},
@@ -25,7 +25,7 @@ const y = (e) => {
     username: {}
   },
   setup(e, { expose: r }) {
-    const t = e, { preview: o } = y(t);
+    const t = e, { preview: o } = b(t);
     return r({ preview: o }), (s, a) => (w(), g("div", {
       class: "das-preview-container",
       onClick: a[0] || (a[0] = //@ts-ignore
@@ -49,12 +49,12 @@ const y = (e) => {
       ], !0)
     ]));
   }
-}), b = (e, r) => {
+}), N = (e, r) => {
   const t = e.__vccOpts || e;
   for (const [o, s] of r)
     t[o] = s;
   return t;
-}, z = /* @__PURE__ */ b(N, [["__scopeId", "data-v-3b501019"]]), B = {
+}, z = /* @__PURE__ */ N(y, [["__scopeId", "data-v-cbdcbae5"]]), B = {
   "das-preview-text": { "zh-CN": "预览", en: "preview" }
 }, L = f(z);
 d(B);

package/packages/components/preview/src/type.d.ts

@@ -1,19 +1,19 @@
-export interface Props {
-  
-  host?: string
-  
-  fileUrl: string
-  
-  lang?: string
-  
-  mode?: 'view' | 'edit'
-  
-  userid?: string
-  
-  username?: string
-}
-
-export interface Slots {
-  
-  default: {}
-}
+export interface Props {
+  
+  host?: string
+  
+  fileUrl: string
+  
+  lang?: string
+  
+  mode?: 'view' | 'edit'
+  
+  userid?: string
+  
+  username?: string
+}
+
+export interface Slots {
+  
+  default: {}
+}

package/packages/components/preview/style.css

@@ -1 +1 @@
-.das-preview-container[data-v-3b501019]{width:fit-content}
+.das-preview-container[data-v-cbdcbae5]{width:fit-content}

package/packages/components/progress/index.d.ts

@@ -3,8 +3,8 @@ declare const DasProgress: import("@das-fed/utils").SFCWithInstall<{
         $progress: import("vue").Ref<null, null>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         type: "line" | "circle";
-        width: number;
         modelValue: number;
+        width: number;
         tipType: "percentage" | "score";
         percentages: number;
         textMap: Array;
@@ -24,8 +24,8 @@ declare const DasProgress: import("@das-fed/utils").SFCWithInstall<{
         $progress: import("vue").Ref<null, null>;
     }, {}, {}, {}, {
         type: "line" | "circle";
-        width: number;
         modelValue: number;
+        width: number;
         tipType: "percentage" | "score";
         percentages: number;
         textMap: Array;
@@ -42,8 +42,8 @@ declare const DasProgress: import("@das-fed/utils").SFCWithInstall<{
     $progress: import("vue").Ref<null, null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     type: "line" | "circle";
-    width: number;
     modelValue: number;
+    width: number;
     tipType: "percentage" | "score";
     percentages: number;
     textMap: Array;

package/packages/components/progress/index.js

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

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

@@ -15,8 +15,8 @@ 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<{}>, {
     type: "line" | "circle";
-    width: number;
     modelValue: number;
+    width: number;
     tipType: "percentage" | "score";
     percentages: number;
     textMap: Array;

package/packages/components/progress/src/type.d.ts

@@ -1,43 +1,43 @@
-import type { ProgressProps } from 'element-plus'
-export interface Props {
-  modelValue?: number
-
-  
-  type?: 'line' | 'circle'
-
-  
-  tipType?: 'percentage' | 'score'
-
-  
-  percentages?: number
-
-  
-  strokeWidth?: number
-
-  
-  width?: number
-
-  
-  status?: string
-
-  
-  textMap?: Array
-
-  
-  showText?: boolean
-
-  
-  showAnimation?: boolean
-
-  
-  showTextTip?: boolean
-
-  
-  showProcessTip?: boolean
-
-  
-  showEndText?: boolean
-
-  
-  singleTipPosition?: '' | 'left' | 'center' | 'right'
-}
+import type { ProgressProps } from 'element-plus'
+export interface Props {
+  modelValue?: number
+
+  
+  type?: 'line' | 'circle'
+
+  
+  tipType?: 'percentage' | 'score'
+
+  
+  percentages?: number
+
+  
+  strokeWidth?: number
+
+  
+  width?: number
+
+  
+  status?: string
+
+  
+  textMap?: Array
+
+  
+  showText?: boolean
+
+  
+  showAnimation?: boolean
+
+  
+  showTextTip?: boolean
+
+  
+  showProcessTip?: boolean
+
+  
+  showEndText?: boolean
+
+  
+  singleTipPosition?: '' | 'left' | 'center' | 'right'
+}

package/packages/components/progress/style.css

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