@das-fed/upf-ui 6.4.0-dev.295 → 6.4.0-dev.296

package/packages/components/progress/index.js

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

package/packages/components/progress/style.css

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

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

@@ -4,20 +4,20 @@ declare const DasRadioRef: () => import("vue").Ref<({
     $data: {};
     $props: {
         readonly modelValue?: any;
-        readonly radioType?: ("default" | "group") | undefined;
+        readonly radioType?: "default" | "group" | undefined;
         readonly disabled?: boolean | undefined;
-        readonly optionType?: ("default" | "square" | "button" | "filterSquare") | undefined;
+        readonly optionType?: "default" | "square" | "button" | "filterSquare" | undefined;
         readonly options?: any[] | undefined;
         readonly defaultProps?: import("./src/type.js").ValLabel<string> | undefined;
         readonly name?: string | undefined;
-        readonly layout?: ("default" | "vertical") | undefined;
+        readonly layout?: "default" | "vertical" | undefined;
         readonly isView?: boolean | undefined;
         readonly width?: string | undefined;
         readonly maxWidth?: string | undefined;
         readonly isSetTimeout?: boolean | undefined;
         readonly noSetDefaultVal?: boolean | undefined;
-        readonly formSize?: ("small" | "default" | "large") | undefined;
-        readonly size?: ("small" | "middle" | "large") | undefined;
+        readonly formSize?: "small" | "default" | "large" | undefined;
+        readonly size?: "small" | "middle" | "large" | undefined;
         readonly onChange?: ((e: any) => any) | undefined;
         readonly "onUpdate:modelValue"?: ((n: any) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
@@ -105,20 +105,20 @@ declare const DasRadioRef: () => import("vue").Ref<({
     $data: {};
     $props: {
         readonly modelValue?: any;
-        readonly radioType?: ("default" | "group") | undefined;
+        readonly radioType?: "default" | "group" | undefined;
         readonly disabled?: boolean | undefined;
-        readonly optionType?: ("default" | "square" | "button" | "filterSquare") | undefined;
+        readonly optionType?: "default" | "square" | "button" | "filterSquare" | undefined;
         readonly options?: any[] | undefined;
         readonly defaultProps?: import("./src/type.js").ValLabel<string> | undefined;
         readonly name?: string | undefined;
-        readonly layout?: ("default" | "vertical") | undefined;
+        readonly layout?: "default" | "vertical" | undefined;
         readonly isView?: boolean | undefined;
         readonly width?: string | undefined;
         readonly maxWidth?: string | undefined;
         readonly isSetTimeout?: boolean | undefined;
         readonly noSetDefaultVal?: boolean | undefined;
-        readonly formSize?: ("small" | "default" | "large") | undefined;
-        readonly size?: ("small" | "middle" | "large") | undefined;
+        readonly formSize?: "small" | "default" | "large" | undefined;
+        readonly size?: "small" | "middle" | "large" | undefined;
         readonly onChange?: ((e: any) => any) | undefined;
         readonly "onUpdate:modelValue"?: ((n: any) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;