@das-fed/ui 6.4.0-hot.8 → 6.4.0-hot.9.1

package/packages/components/progress/index.js

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

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

@@ -1,36 +1,19 @@
 import type { Props } from './type';
 declare function __VLS_template(): {
-    default?(_: {
-        percentage: any;
-    }): any;
+    slots: {
+        default?(_: {
+            percentage: any;
+        }): any;
+    };
+    refs: {
+        $progress: unknown;
+    };
+    attrs: Partial<{}>;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
-    modelValue: number;
-    percentages: number;
-    type: string;
-    tipType: string;
-    width: number;
-    textMap: string[];
-    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: string[];
-    showAnimation: boolean;
-    showTextTip: boolean;
-    showProcessTip: boolean;
-    showEndText: boolean;
-    singleTipPosition: string;
-}>>>, {
+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<{}>, {
     type: "line" | "circle";
     width: number;
     modelValue: number;
@@ -42,28 +25,11 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     showProcessTip: boolean;
     showEndText: boolean;
     singleTipPosition: "" | "left" | "center" | "right";
-}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 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/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-19bd4676] .el-progress-bar__outer{background-color:#e5e5e5}.das-ui-progress[data-v-19bd4676] svg path:first-child{stroke:#e5e5e5}.das-ui-progress .percentage-graph[data-v-19bd4676]{margin:0 auto;position:relative}.das-ui-progress .percentage-graph .line-icon[data-v-19bd4676]{position:absolute;top:50%;right:-9px;transform:translate(100%,-50%)}.das-ui-progress .percentage-graph .line-icon.normal[data-v-19bd4676]{display:flex;align-items:center}.das-ui-progress .percentage-graph .line-icon.normal .end-text[data-v-19bd4676]{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-19bd4676]{color:var(--das-ui-progress-percentage-text)}.das-ui-progress .percentage-value[data-v-19bd4676]{font-size:26px}.das-ui-progress .tip-line[data-v-19bd4676]{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-19bd4676]{max-width:65%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-progress .tip-line.center[data-v-19bd4676]{justify-content:center}.das-ui-progress .tip-line.left[data-v-19bd4676]{justify-content:flex-start}.das-ui-progress .tip-line.right[data-v-19bd4676]{justify-content:flex-end}.das-ui-progress .tip-circle[data-v-19bd4676]{font-size:16px;text-align:center;color:var(--fd69366e);margin-top:2px}.das-ui-progress .showLoading[data-v-19bd4676] .el-progress-bar__inner{overflow:hidden}.das-ui-progress .showLoading[data-v-19bd4676] .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-19bd4676 3s ease 0s infinite}@keyframes loading-19bd4676{0%{right:100%}80%{right:-107px}to{right:-107px}}
+@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}}