@das-fed/upf-ui 6.4.0-dev.300 → 6.4.0-dev.302

package/packages/components/input-number/index.js

@@ -1,5 +1,5 @@
-import { defineComponent as re, mergeModels as H, useCssVars as ne, ref as a, computed as d, useModel as oe, watch as M, onMounted as le, onBeforeUnmount as ae, openBlock as I, createElementBlock as T, normalizeClass as ue, createVNode as K, unref as _, withCtx as se, mergeProps as ie, Fragment as ve, createElementVNode as ce, normalizeStyle as de, toDisplayString as fe, createCommentVNode as k, createBlock as pe, nextTick as O } from "vue";
-import { withInstall as me } from "@das-fed/upf-utils/with-install/index";
+import { defineComponent as ne, mergeModels as K, useCssVars as re, ref as u, computed as f, useModel as oe, watch as M, onMounted as le, onBeforeUnmount as ae, openBlock as x, createElementBlock as T, normalizeClass as ue, createCommentVNode as I, createVNode as O, unref as k, withCtx as se, mergeProps as ie, Fragment as ce, createElementVNode as ve, normalizeStyle as de, toDisplayString as fe, createBlock as me, nextTick as U } from "vue";
+import { withInstall as pe } from "@das-fed/upf-utils/with-install/index";
 import { ElInputNumber as be } from "element-plus";
 import "element-plus/es/components/input-number/style/css";
 import { DasTooltip as he } from "@das-fed/upf-ui/packages/components/tooltip/index";
@@ -12,10 +12,10 @@ const Ee = {
   class: "das-input-number-error-label-content"
 }, Se = {
   inheritAttrs: !1
-}, Me = /* @__PURE__ */ re({
+}, Me = /* @__PURE__ */ ne({
   ...Se,
   __name: "App",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ K({
     modelValue: { default: 0 },
     placeholder: {},
     size: { default: "default" },
@@ -35,199 +35,219 @@ const Ee = {
     modelValue: { type: Number, default: 0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ H(["update:modelValue", "input", "change"], ["update:modelValue"]),
-  setup(f, { expose: g, emit: L }) {
-    ne((e) => ({
-      37989689: U.value,
-      bca97e78: F.value
+  emits: /* @__PURE__ */ K(["update:modelValue", "input", "change"], ["update:modelValue"]),
+  setup(r, { expose: g, emit: L }) {
+    re((e) => ({
+      v37989689: F.value,
+      bca97e78: j.value
     }));
-    const r = f, p = L, n = a(null), u = a(null), z = a(null), y = d(() => r.isView || r.disabled), o = oe(f, "modelValue"), E = d(() => y.value ? r.noSetDefaultVal ? "" : "-" : r.placeholder ?? ""), U = d(() => r.width ? r.width : r.controlsPosition ? r.baseLine ? "230px" : "80px" : "100px"), F = d(() => {
-      if (r.formSize)
-        return r.formSize && {
+    const n = r, m = L, o = u(null), s = u(null), z = u(null), y = f(() => n.isView || n.disabled), l = oe(r, "modelValue"), E = f(() => y.value ? n.noSetDefaultVal ? "" : "-" : n.placeholder ?? ""), F = f(() => n.width ? n.width : n.controlsPosition ? n.baseLine ? "230px" : "80px" : "100px"), j = f(() => {
+      if (n.formSize)
+        return n.formSize && {
           small: "24px",
           default: "32px",
           large: "40px"
-        }[r.formSize];
-      if (r.size === "default")
-        return r.controlsPosition === "right" && r.baseLine ? "25px" : "28px";
-      if (r.size === "table") return "30px";
-    }), s = a(!1), j = d(
-      () => !o.value && typeof o.value != "number" ? E.value : o.value
-    ), S = d(() => {
+        }[n.formSize];
+      if (n.size === "default")
+        return n.controlsPosition === "right" && n.baseLine ? "25px" : "28px";
+      if (n.size === "table") return "30px";
+    }), i = u(!1), G = f(
+      () => !l.value && typeof l.value != "number" ? E.value : l.value
+    ), S = f(() => {
       var e;
-      return u.value ? (e = u.value.$el) == null ? void 0 : e.querySelector(".el-input__inner") : null;
+      return s.value ? (e = s.value.$el) == null ? void 0 : e.querySelector(".el-input__inner") : null;
     }), $ = () => {
-      const e = r.size === "table" ? 12 : 14;
+      const e = n.size === "table" ? 12 : 14;
       return ye(E.value, e);
-    }, i = a(0), v = a(0);
+    }, c = u(0), v = u(0);
     M(
       () => S.value,
       (e) => {
         setTimeout(() => {
           const t = e;
-          t && (i.value = (t == null ? void 0 : t.offsetWidth) ?? 0, v.value = !o.value && typeof o.value != "number" ? $() : t == null ? void 0 : t.scrollWidth);
+          t && (c.value = (t == null ? void 0 : t.offsetWidth) ?? 0, v.value = !l.value && typeof l.value != "number" ? $() : t == null ? void 0 : t.scrollWidth);
         }, 200);
       }
     );
     const w = () => {
-      O(() => {
+      U(() => {
         var e, t;
-        S.value && (i.value = ((e = S.value) == null ? void 0 : e.offsetWidth) ?? 0, v.value = !o.value && typeof o.value != "number" ? $() : (t = S.value) == null ? void 0 : t.scrollWidth, (i.value === v.value || v.value - i.value < 1) && (s.value = !1));
+        S.value && (c.value = ((e = S.value) == null ? void 0 : e.offsetWidth) ?? 0, v.value = !l.value && typeof l.value != "number" ? $() : (t = S.value) == null ? void 0 : t.scrollWidth, (c.value === v.value || v.value - c.value < 1) && (i.value = !1));
       });
     };
-    M(() => [o.value, E.value], w), M(
+    M(() => [l.value, E.value], w), M(
       () => {
         var e;
         return (e = z.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
       },
       (e) => {
         e && (e.addEventListener("mouseenter", function() {
-          s.value = !0, c.value && clearTimeout(c.value);
+          i.value = !0, d.value && clearTimeout(d.value);
         }), e.addEventListener("mouseleave", function() {
-          c.value = setTimeout(() => {
-            s.value = !1;
+          d.value = setTimeout(() => {
+            i.value = !1;
           }, 200);
         }));
       }
     );
-    const G = (e) => {
+    const J = (e) => {
       const t = e.code;
       return ["KeyE", "Equal", "Minus"].includes(t) ? (e.returnValue = !1, !1) : !0;
-    }, J = (e) => {
-      !e && e !== 0 && (o.value = e), p("input", e);
-    }, Q = (e, t) => {
-      p("change", e, t);
-    }, B = a(o.value), X = () => {
-      B.value !== o.value && (p("change", o.value, B.value), B.value = o.value);
+    }, Q = (e) => {
+      !e && e !== 0 && (l.value = e), m("input", e);
+    }, X = (e, t) => {
+      m("change", e, t);
+    }, B = u(l.value), Y = () => {
+      B.value !== l.value && (m("change", l.value, B.value), B.value = l.value);
     }, N = () => {
-      r.error || n.value.classList.add("input-inner-hover");
+      n.error || o.value.classList.add("input-inner-hover");
     }, P = () => {
-      n.value.classList.contains("input-inner-hover") && n.value.classList.remove("input-inner-hover");
+      o.value.classList.contains("input-inner-hover") && o.value.classList.remove("input-inner-hover");
     }, q = () => {
-      r.error || n.value.classList.add("decrease-btn-hover");
+      n.error || o.value.classList.add("decrease-btn-hover");
     }, D = () => {
-      n.value.classList.contains("decrease-btn-hover") && n.value.classList.remove("decrease-btn-hover");
+      o.value.classList.contains("decrease-btn-hover") && o.value.classList.remove("decrease-btn-hover");
     }, W = () => {
-      r.error || n.value.classList.add("increase-btn-hover");
+      n.error || o.value.classList.add("increase-btn-hover");
     }, C = () => {
-      n.value.classList.contains("increase-btn-hover") && n.value.classList.remove("increase-btn-hover");
-    }, V = a(!1), Y = a({
+      o.value.classList.contains("increase-btn-hover") && o.value.classList.remove("increase-btn-hover");
+    }, V = u(!1), _ = u({
       display: "block",
       color: "var(--upf-color-error)",
       "white-space": "break-spaces"
-    }), c = a(), x = () => {
-      w(), i.value === v.value || v.value - i.value < 1 ? s.value = !1 : (s.value = !0, c.value && clearTimeout(c.value)), r.errorMode === "overlay" && (V.value = !0);
-    }, R = () => {
-      c.value = setTimeout(() => {
-        r.errorMode === "overlay" ? V.value = !1 : s.value = !1;
+    }), d = u(), R = () => {
+      w(), c.value === v.value || v.value - c.value < 1 ? i.value = !1 : (i.value = !0, d.value && clearTimeout(d.value)), n.errorMode === "overlay" && (V.value = !0);
+    }, A = () => {
+      d.value = setTimeout(() => {
+        n.errorMode === "overlay" ? V.value = !1 : i.value = !1;
       }, 200);
     }, ee = () => {
       var e, t;
-      (e = u.value) == null || e.$el.addEventListener("mouseenter", x), (t = u.value) == null || t.$el.addEventListener("mouseleave", R);
+      (e = s.value) == null || e.$el.addEventListener("mouseenter", R), (t = s.value) == null || t.$el.addEventListener("mouseleave", A);
     }, te = () => {
       var e, t;
-      (e = u.value) == null || e.$el.removeEventListener("mouseenter", x), (t = u.value) == null || t.$el.removeEventListener("mouseleave", R);
-    }, A = () => {
-      y.value || O(() => {
-        var m, b, h;
-        const e = (m = n.value) == null ? void 0 : m.querySelector(".el-input__inner");
+      (e = s.value) == null || e.$el.removeEventListener("mouseenter", R), (t = s.value) == null || t.$el.removeEventListener("mouseleave", A);
+    }, Z = () => {
+      y.value || U(() => {
+        var p, b, h;
+        const e = (p = o.value) == null ? void 0 : p.querySelector(".el-input__inner");
         e && (e.addEventListener("mouseenter", N), e.addEventListener("mouseleave", P));
-        const t = (b = n.value) == null ? void 0 : b.querySelector(".el-input-number__decrease");
+        const t = (b = o.value) == null ? void 0 : b.querySelector(".el-input-number__decrease");
         t && (t.addEventListener("mouseenter", q), t.addEventListener("mouseleave", D));
-        const l = (h = n.value) == null ? void 0 : h.querySelector(".el-input-number__increase");
-        l && (l.addEventListener("mouseenter", W), l.addEventListener("mouseleave", C));
+        const a = (h = o.value) == null ? void 0 : h.querySelector(".el-input-number__increase");
+        a && (a.addEventListener("mouseenter", W), a.addEventListener("mouseleave", C));
       });
-    }, Z = () => {
-      var m, b, h;
-      const e = (m = n.value) == null ? void 0 : m.querySelector(".el-input__inner");
+    }, H = () => {
+      var p, b, h;
+      const e = (p = o.value) == null ? void 0 : p.querySelector(".el-input__inner");
       e && (e.removeEventListener("mouseenter", N), e.removeEventListener("mouseleave", P));
-      const t = (b = n.value) == null ? void 0 : b.querySelector(".el-input-number__decrease");
+      const t = (b = o.value) == null ? void 0 : b.querySelector(".el-input-number__decrease");
       t && (t.removeEventListener("mouseenter", q), t.removeEventListener("mouseleave", D));
-      const l = (h = n.value) == null ? void 0 : h.querySelector(".el-input-number__increase");
-      l && (l.removeEventListener("mouseenter", W), l.removeEventListener("mouseleave", C));
+      const a = (h = o.value) == null ? void 0 : h.querySelector(".el-input-number__increase");
+      a && (a.removeEventListener("mouseenter", W), a.removeEventListener("mouseleave", C));
     };
     return M(
       () => y.value,
       (e) => {
         if (e) {
-          if (r.controlsPosition === "right") return;
-          Z();
+          if (n.controlsPosition === "right") return;
+          H();
         } else {
-          if (r.controlsPosition === "right") return;
-          A();
+          if (n.controlsPosition === "right") return;
+          Z();
         }
       }
     ), le(() => {
-      ee(), r.controlsPosition !== "right" && A();
+      ee(), n.controlsPosition !== "right" && Z();
     }), ae(() => {
-      te(), r.controlsPosition !== "right" && Z();
+      te(), n.controlsPosition !== "right" && H();
     }), g({
-      $elInputNumber: u
-    }), (e, t) => (I(), T("div", {
-      ref_key: "$inputNumber",
-      ref: n,
-      class: ue([
-        "das-ui-input-number",
-        e.controlsPosition === "" ? "default" : e.baseLine ? "base-line" : "controls-right",
-        e.isView ? "is-view" : "",
-        e.disabled ? "is-disabled" : "",
-        e.noSetDefaultVal ? "nodefault" : "",
-        `size-${e.size}`
-      ])
-    }, [
-      K(_(he), {
-        ref_key: "inputTooltipRef",
-        ref: z,
-        effect: "light",
-        placement: "top",
-        manual: !0,
-        visible: s.value,
-        disabled: e.disabledTooltip,
-        content: String(j.value)
-      }, {
-        default: se(() => [
-          K(_(be), ie({
-            ref_key: "$elInputNumber",
-            ref: u,
-            class: { "das-input-number-error": e.error },
-            modelValue: o.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (l) => o.value = l),
-            readonly: y.value,
-            "controls-position": e.controlsPosition,
-            placeholder: E.value
-          }, e.$attrs, {
-            onKeydown: G,
-            onInput: J,
-            onBlur: X,
-            onChange: Q
-          }), null, 16, ["class", "modelValue", "readonly", "controls-position", "placeholder"])
-        ]),
-        _: 1
-      }, 8, ["visible", "disabled", "content"]),
-      e.error && e.errorLabel ? (I(), T(ve, { key: 0 }, [
-        e.errorMode === "default" ? (I(), T("div", Ee, [
-          ce("span", {
-            style: de(Y.value)
-          }, fe(e.errorLabel), 5)
-        ])) : k("", !0),
-        e.errorMode === "overlay" && V.value ? (I(), pe(_(Le), {
-          key: 1,
-          errorLabel: e.errorLabel,
-          getEl: () => {
-            var l;
-            return (l = u.value) == null ? void 0 : l.$el;
-          },
-          errorModelZIndex: e.errorModelZIndex
-        }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : k("", !0)
-      ], 64)) : k("", !0)
-    ], 2));
+      $elInputNumber: s
+    }), (e, t) => (x(), T(
+      "div",
+      {
+        ref_key: "$inputNumber",
+        ref: o,
+        class: ue([
+          "das-ui-input-number",
+          r.controlsPosition === "" ? "default" : r.baseLine ? "base-line" : "controls-right",
+          r.isView ? "is-view" : "",
+          r.disabled ? "is-disabled" : "",
+          r.noSetDefaultVal ? "nodefault" : "",
+          `size-${r.size}`
+        ])
+      },
+      [
+        I(" 这里tooltip不能使用v-model:visible 有响应问题 "),
+        O(k(he), {
+          ref_key: "inputTooltipRef",
+          ref: z,
+          effect: "light",
+          placement: "top",
+          manual: !0,
+          visible: i.value,
+          disabled: r.disabledTooltip,
+          content: String(G.value)
+        }, {
+          default: se(() => [
+            O(k(be), ie({
+              ref_key: "$elInputNumber",
+              ref: s,
+              class: { "das-input-number-error": r.error },
+              modelValue: l.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (a) => l.value = a),
+              readonly: y.value,
+              "controls-position": r.controlsPosition,
+              placeholder: E.value
+            }, e.$attrs, {
+              onKeydown: J,
+              onInput: Q,
+              onBlur: Y,
+              onChange: X
+            }), null, 16, ["class", "modelValue", "readonly", "controls-position", "placeholder"])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["visible", "disabled", "content"]),
+        r.error && r.errorLabel ? (x(), T(
+          ce,
+          { key: 0 },
+          [
+            r.errorMode === "default" ? (x(), T("div", Ee, [
+              ve(
+                "span",
+                {
+                  style: de(_.value)
+                },
+                fe(r.errorLabel),
+                5
+                /* TEXT, STYLE */
+              )
+            ])) : I("v-if", !0),
+            r.errorMode === "overlay" && V.value ? (x(), me(k(Le), {
+              key: 1,
+              errorLabel: r.errorLabel,
+              getEl: () => {
+                var a;
+                return (a = s.value) == null ? void 0 : a.$el;
+              },
+              errorModelZIndex: r.errorModelZIndex
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : I("v-if", !0)
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : I("v-if", !0)
+      ],
+      2
+      /* CLASS */
+    ));
   }
-}), Ie = (f, g) => {
-  const L = f.__vccOpts || f;
-  for (const [r, p] of g)
-    L[r] = p;
+}), xe = (r, g) => {
+  const L = r.__vccOpts || r;
+  for (const [n, m] of g)
+    L[n] = m;
   return L;
-}, ge = /* @__PURE__ */ Ie(Me, [["__scopeId", "data-v-de1c2dce"]]), we = me(ge), Ne = () => a(null), Pe = { name: "input-number 步进器" };
+}, Ie = /* @__PURE__ */ xe(Me, [["__scopeId", "data-v-de1c2dce"]]), we = pe(Ie), Ne = () => u(null), Pe = { name: "input-number 步进器" };
 export {
   we as DasInputNumber,
   Ne as DasInputNumberRef,

package/packages/components/input-number/style.css

@@ -1 +1 @@
-@charset "UTF-8";.das-ui-input-number[data-v-de1c2dce]{--upf-input-number-active-border-color: var(--upf-form-active-border-color, var(--upf-color-primary));position:relative}.das-ui-input-number[data-v-de1c2dce] .el-input-number .el-input{font-size:14px}.das-ui-input-number[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper .el-input__inner{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--upf-text-primary)}.das-ui-input-number[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper .el-input__inner::placeholder{font-size:14px;color:var(--upf-text-placeholder)}.das-ui-input-number.size-table[data-v-de1c2dce] .el-input-number .el-input{font-size:12px}.das-ui-input-number.size-table[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper .el-input__inner::placeholder{font-size:12px}.das-ui-input-number.default[data-v-de1c2dce]{box-sizing:border-box}.das-ui-input-number.default[data-v-de1c2dce] .el-input-number{width:var(--37989689);height:var(--bca97e78)}.das-ui-input-number.default[data-v-de1c2dce] .el-input-number .el-input-number__decrease,.das-ui-input-number.default[data-v-de1c2dce] .el-input-number .el-input-number__increase{width:27px!important;color:var(--upf-text-secondary);background-color:var(--upf-bg-primary)}.das-ui-input-number.default[data-v-de1c2dce] .el-input-number .el-input-number__decrease.is-disabled,.das-ui-input-number.default[data-v-de1c2dce] .el-input-number .el-input-number__increase.is-disabled{color:var(--upf-text-disabled)}.das-ui-input-number.default[data-v-de1c2dce] .el-input-number .el-input-number__decrease.is-disabled:hover,.das-ui-input-number.default[data-v-de1c2dce] .el-input-number .el-input-number__increase.is-disabled:hover{border:1px solid var(--upf-border-color)!important}.das-ui-input-number.default[data-v-de1c2dce] .el-input-number .el-input{line-height:var(--bca97e78)}.das-ui-input-number.default[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper{height:var(--bca97e78);border:1px solid var(--upf-border-color);box-shadow:none;padding-left:26px;padding-right:26px;box-sizing:border-box}.das-ui-input-number.default[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper .el-input__inner{height:var(--bca97e78);box-sizing:border-box}.das-ui-input-number.default.input-inner-hover[data-v-de1c2dce] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.input-inner-hover[data-v-de1c2dce] .el-input-number .el-input-number__increase{border:1px solid var(--upf-border-color)}.das-ui-input-number.default.input-inner-hover[data-v-de1c2dce] .el-input-number .el-input-number__decrease{border-right:1px solid var(--upf-input-number-active-border-color)!important}.das-ui-input-number.default.input-inner-hover[data-v-de1c2dce] .el-input-number .el-input-number__increase{border-left:1px solid var(--upf-input-number-active-border-color)!important}.das-ui-input-number.default.input-inner-hover[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper{border:none}.das-ui-input-number.default.input-inner-hover[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper .el-input__inner{border-top:1px solid var(--upf-input-number-active-border-color);border-bottom:1px solid var(--upf-input-number-active-border-color)}.das-ui-input-number.default.decrease-btn-hover[data-v-de1c2dce] .el-input-number .el-input-number__decrease{border:1px solid var(--upf-input-number-active-border-color)}.das-ui-input-number.default.decrease-btn-hover[data-v-de1c2dce] .el-input-number .el-input-number__increase{border:1px solid var(--upf-border-color)!important}.das-ui-input-number.default.decrease-btn-hover[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper{border:none}.das-ui-input-number.default.decrease-btn-hover[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper .el-input__inner{border-top:1px solid var(--upf-border-color);border-bottom:1px solid var(--upf-border-color)}.das-ui-input-number.default.increase-btn-hover[data-v-de1c2dce] .el-input-number .el-input-number__increase{border:1px solid var(--upf-input-number-active-border-color)}.das-ui-input-number.default.increase-btn-hover[data-v-de1c2dce] .el-input-number .el-input-number__decrease{border:1px solid var(--upf-border-color)!important}.das-ui-input-number.default.increase-btn-hover[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper{border:none}.das-ui-input-number.default.increase-btn-hover[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper .el-input__inner{border-top:1px solid var(--upf-border-color);border-bottom:1px solid var(--upf-border-color)}.das-ui-input-number.default.input-inner-hover[data-v-de1c2dce] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.input-inner-hover[data-v-de1c2dce] .el-input-number .el-input-number__increase,.das-ui-input-number.default.decrease-btn-hover[data-v-de1c2dce] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.decrease-btn-hover[data-v-de1c2dce] .el-input-number .el-input-number__increase,.das-ui-input-number.default.increase-btn-hover[data-v-de1c2dce] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.increase-btn-hover[data-v-de1c2dce] .el-input-number .el-input-number__increase{width:var(--bca97e78)!important;height:var(--bca97e78);top:0}.das-ui-input-number.default.input-inner-hover[data-v-de1c2dce] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.decrease-btn-hover[data-v-de1c2dce] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.increase-btn-hover[data-v-de1c2dce] .el-input-number .el-input-number__decrease{left:0}.das-ui-input-number.default.input-inner-hover[data-v-de1c2dce] .el-input-number .el-input-number__increase,.das-ui-input-number.default.decrease-btn-hover[data-v-de1c2dce] .el-input-number .el-input-number__increase,.das-ui-input-number.default.increase-btn-hover[data-v-de1c2dce] .el-input-number .el-input-number__increase{right:0}.das-ui-input-number.default.is-disabled[data-v-de1c2dce] .el-input-number .el-input__inner,.das-ui-input-number.default.is-disabled[data-v-de1c2dce] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.is-disabled[data-v-de1c2dce] .el-input-number .el-input-number__increase{cursor:not-allowed;color:var(--upf-text-disabled)}.das-ui-input-number.default.is-view[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper{border-color:var(--upf-divider-color)}.das-ui-input-number.default.is-view[data-v-de1c2dce] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.is-view[data-v-de1c2dce] .el-input-number .el-input-number__increase{display:none}.das-ui-input-number.controls-right[data-v-de1c2dce] .el-input-number{width:var(--37989689);height:var(--bca97e78);box-sizing:border-box}.das-ui-input-number.controls-right[data-v-de1c2dce] .el-input-number .el-input-number__decrease,.das-ui-input-number.controls-right[data-v-de1c2dce] .el-input-number .el-input-number__increase{visibility:hidden;width:16px;height:50%;box-sizing:border-box;color:var(--upf-text-secondary);background-color:var(--upf-bg-primary)}.das-ui-input-number.controls-right[data-v-de1c2dce] .el-input-number .el-input-number__decrease.is-disabled,.das-ui-input-number.controls-right[data-v-de1c2dce] .el-input-number .el-input-number__increase.is-disabled{color:var(--upf-text-disabled)}.das-ui-input-number.controls-right[data-v-de1c2dce] .el-input-number:hover .el-input-number__decrease,.das-ui-input-number.controls-right[data-v-de1c2dce] .el-input-number:hover .el-input-number__increase{visibility:visible}.das-ui-input-number.controls-right[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper{height:var(--bca97e78);padding-left:8px;padding-right:16px}.das-ui-input-number.controls-right[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper:hover,.das-ui-input-number.controls-right[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--upf-input-number-active-border-color) inset}.das-ui-input-number.controls-right[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper .el-input__inner{height:calc(var(--bca97e78) - 2px);text-align:left;box-sizing:border-box}.das-ui-input-number.controls-right.is-disabled[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper:hover,.das-ui-input-number.controls-right.is-disabled[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper.is-focus,.das-ui-input-number.controls-right.is-view[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper:hover,.das-ui-input-number.controls-right.is-view[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--upf-divider-color) inset}.das-ui-input-number.controls-right.is-disabled[data-v-de1c2dce] .el-input-number .el-input-number__decrease,.das-ui-input-number.controls-right.is-disabled[data-v-de1c2dce] .el-input-number .el-input-number__increase,.das-ui-input-number.controls-right.is-view[data-v-de1c2dce] .el-input-number .el-input-number__decrease,.das-ui-input-number.controls-right.is-view[data-v-de1c2dce] .el-input-number .el-input-number__increase{visibility:hidden}.das-ui-input-number.controls-right.is-disabled[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper .el-input__inner{color:var(--upf-text-disabled);cursor:not-allowed}.das-ui-input-number.base-line[data-v-de1c2dce] .el-input-number{width:var(--37989689);height:var(--bca97e78)}.das-ui-input-number.base-line[data-v-de1c2dce] .el-input-number .el-input-number__decrease,.das-ui-input-number.base-line[data-v-de1c2dce] .el-input-number .el-input-number__increase{visibility:hidden;width:16px;height:50%;box-sizing:border-box;color:var(--upf-text-secondary);background-color:var(--upf-bg-primary);border:none}.das-ui-input-number.base-line[data-v-de1c2dce] .el-input-number .el-input-number__decrease:hover,.das-ui-input-number.base-line[data-v-de1c2dce] .el-input-number .el-input-number__increase:hover{color:var(--upf-color-primary)}.das-ui-input-number.base-line[data-v-de1c2dce] .el-input-number .el-input-number__decrease.is-disabled,.das-ui-input-number.base-line[data-v-de1c2dce] .el-input-number .el-input-number__increase.is-disabled{color:var(--upf-text-disabled)}.das-ui-input-number.base-line[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper{height:var(--bca97e78);padding-left:0;padding-right:24px;box-shadow:none;border-bottom:1px solid var(--upf-text-disabled);border-radius:0}.das-ui-input-number.base-line[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper:hover,.das-ui-input-number.base-line[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper.is-focus{border-color:var(--upf-input-number-active-border-color)}.das-ui-input-number.base-line[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper .el-input__inner{height:calc(var(--bca97e78) - 2px);text-align:left;box-sizing:border-box}.das-ui-input-number.base-line[data-v-de1c2dce] .el-input-number:hover .el-input-number__decrease,.das-ui-input-number.base-line[data-v-de1c2dce] .el-input-number:hover .el-input-number__increase{visibility:visible}.das-ui-input-number.base-line.is-disabled[data-v-de1c2dce] .el-input-number .el-input-number__decrease,.das-ui-input-number.base-line.is-disabled[data-v-de1c2dce] .el-input-number .el-input-number__increase,.das-ui-input-number.base-line.is-view[data-v-de1c2dce] .el-input-number .el-input-number__decrease,.das-ui-input-number.base-line.is-view[data-v-de1c2dce] .el-input-number .el-input-number__increase{visibility:hidden}.das-ui-input-number.base-line.is-disabled[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper,.das-ui-input-number.base-line.is-view[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper{border-bottom:1px solid var(--upf-divider-color)}.das-ui-input-number.base-line.is-disabled[data-v-de1c2dce] .el-input-number .el-input__wrapper .el-input__inner{cursor:not-allowed}.das-ui-input-number[data-v-de1c2dce]:not(.base-line) .el-input-number.das-input-number-error .el-input__wrapper{border:1px solid var(--upf-color-error)!important;box-shadow:none!important}.das-ui-input-number.base-line[data-v-de1c2dce] .el-input-number.das-input-number-error .el-input__wrapper{border-bottom:1px solid var(--upf-color-error)!important}.das-ui-input-number .das-input-number-error-label-content[data-v-de1c2dce]{width:var(--37989689);font-size:12px}.das-ui-input-number .das-input-number-error-label-content .label[data-v-de1c2dce]{display:block;color:var(--upf-color-error);white-space:break-spaces}.das-ui-input-number .das-input-number-overlay-error-label-content[data-v-de1c2dce]{position:absolute;top:100%;left:0;width:var(--37989689)}.das-ui-input-number.is-view[data-v-de1c2dce] .el-input .el-input__inner{cursor:default}
+@charset "UTF-8";.das-ui-input-number[data-v-de1c2dce]{--upf-input-number-active-border-color: var(--upf-form-active-border-color, var(--upf-color-primary));position:relative}.das-ui-input-number[data-v-de1c2dce] .el-input-number .el-input{font-size:14px}.das-ui-input-number[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper .el-input__inner{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--upf-text-primary)}.das-ui-input-number[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper .el-input__inner::placeholder{font-size:14px;color:var(--upf-text-placeholder)}.das-ui-input-number.size-table[data-v-de1c2dce] .el-input-number .el-input{font-size:12px}.das-ui-input-number.size-table[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper .el-input__inner::placeholder{font-size:12px}.das-ui-input-number.default[data-v-de1c2dce]{box-sizing:border-box}.das-ui-input-number.default[data-v-de1c2dce] .el-input-number{width:var(--v37989689);height:var(--bca97e78)}.das-ui-input-number.default[data-v-de1c2dce] .el-input-number .el-input-number__decrease,.das-ui-input-number.default[data-v-de1c2dce] .el-input-number .el-input-number__increase{width:27px!important;color:var(--upf-text-secondary);background-color:var(--upf-bg-primary)}.das-ui-input-number.default[data-v-de1c2dce] .el-input-number .el-input-number__decrease.is-disabled,.das-ui-input-number.default[data-v-de1c2dce] .el-input-number .el-input-number__increase.is-disabled{color:var(--upf-text-disabled)}.das-ui-input-number.default[data-v-de1c2dce] .el-input-number .el-input-number__decrease.is-disabled:hover,.das-ui-input-number.default[data-v-de1c2dce] .el-input-number .el-input-number__increase.is-disabled:hover{border:1px solid var(--upf-border-color)!important}.das-ui-input-number.default[data-v-de1c2dce] .el-input-number .el-input{line-height:var(--bca97e78)}.das-ui-input-number.default[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper{height:var(--bca97e78);border:1px solid var(--upf-border-color);box-shadow:none;padding-left:26px;padding-right:26px;box-sizing:border-box}.das-ui-input-number.default[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper .el-input__inner{height:var(--bca97e78);box-sizing:border-box}.das-ui-input-number.default.input-inner-hover[data-v-de1c2dce] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.input-inner-hover[data-v-de1c2dce] .el-input-number .el-input-number__increase{border:1px solid var(--upf-border-color)}.das-ui-input-number.default.input-inner-hover[data-v-de1c2dce] .el-input-number .el-input-number__decrease{border-right:1px solid var(--upf-input-number-active-border-color)!important}.das-ui-input-number.default.input-inner-hover[data-v-de1c2dce] .el-input-number .el-input-number__increase{border-left:1px solid var(--upf-input-number-active-border-color)!important}.das-ui-input-number.default.input-inner-hover[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper{border:none}.das-ui-input-number.default.input-inner-hover[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper .el-input__inner{border-top:1px solid var(--upf-input-number-active-border-color);border-bottom:1px solid var(--upf-input-number-active-border-color)}.das-ui-input-number.default.decrease-btn-hover[data-v-de1c2dce] .el-input-number .el-input-number__decrease{border:1px solid var(--upf-input-number-active-border-color)}.das-ui-input-number.default.decrease-btn-hover[data-v-de1c2dce] .el-input-number .el-input-number__increase{border:1px solid var(--upf-border-color)!important}.das-ui-input-number.default.decrease-btn-hover[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper{border:none}.das-ui-input-number.default.decrease-btn-hover[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper .el-input__inner{border-top:1px solid var(--upf-border-color);border-bottom:1px solid var(--upf-border-color)}.das-ui-input-number.default.increase-btn-hover[data-v-de1c2dce] .el-input-number .el-input-number__increase{border:1px solid var(--upf-input-number-active-border-color)}.das-ui-input-number.default.increase-btn-hover[data-v-de1c2dce] .el-input-number .el-input-number__decrease{border:1px solid var(--upf-border-color)!important}.das-ui-input-number.default.increase-btn-hover[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper{border:none}.das-ui-input-number.default.increase-btn-hover[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper .el-input__inner{border-top:1px solid var(--upf-border-color);border-bottom:1px solid var(--upf-border-color)}.das-ui-input-number.default.input-inner-hover[data-v-de1c2dce] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.input-inner-hover[data-v-de1c2dce] .el-input-number .el-input-number__increase,.das-ui-input-number.default.decrease-btn-hover[data-v-de1c2dce] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.decrease-btn-hover[data-v-de1c2dce] .el-input-number .el-input-number__increase,.das-ui-input-number.default.increase-btn-hover[data-v-de1c2dce] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.increase-btn-hover[data-v-de1c2dce] .el-input-number .el-input-number__increase{width:var(--bca97e78)!important;height:var(--bca97e78);top:0}.das-ui-input-number.default.input-inner-hover[data-v-de1c2dce] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.decrease-btn-hover[data-v-de1c2dce] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.increase-btn-hover[data-v-de1c2dce] .el-input-number .el-input-number__decrease{left:0}.das-ui-input-number.default.input-inner-hover[data-v-de1c2dce] .el-input-number .el-input-number__increase,.das-ui-input-number.default.decrease-btn-hover[data-v-de1c2dce] .el-input-number .el-input-number__increase,.das-ui-input-number.default.increase-btn-hover[data-v-de1c2dce] .el-input-number .el-input-number__increase{right:0}.das-ui-input-number.default.is-disabled[data-v-de1c2dce] .el-input-number .el-input__inner,.das-ui-input-number.default.is-disabled[data-v-de1c2dce] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.is-disabled[data-v-de1c2dce] .el-input-number .el-input-number__increase{cursor:not-allowed;color:var(--upf-text-disabled)}.das-ui-input-number.default.is-view[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper{border-color:var(--upf-divider-color)}.das-ui-input-number.default.is-view[data-v-de1c2dce] .el-input-number .el-input-number__decrease,.das-ui-input-number.default.is-view[data-v-de1c2dce] .el-input-number .el-input-number__increase{display:none}.das-ui-input-number.controls-right[data-v-de1c2dce] .el-input-number{width:var(--v37989689);height:var(--bca97e78);box-sizing:border-box}.das-ui-input-number.controls-right[data-v-de1c2dce] .el-input-number .el-input-number__decrease,.das-ui-input-number.controls-right[data-v-de1c2dce] .el-input-number .el-input-number__increase{visibility:hidden;width:16px;height:50%;box-sizing:border-box;color:var(--upf-text-secondary);background-color:var(--upf-bg-primary)}.das-ui-input-number.controls-right[data-v-de1c2dce] .el-input-number .el-input-number__decrease.is-disabled,.das-ui-input-number.controls-right[data-v-de1c2dce] .el-input-number .el-input-number__increase.is-disabled{color:var(--upf-text-disabled)}.das-ui-input-number.controls-right[data-v-de1c2dce] .el-input-number:hover .el-input-number__decrease,.das-ui-input-number.controls-right[data-v-de1c2dce] .el-input-number:hover .el-input-number__increase{visibility:visible}.das-ui-input-number.controls-right[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper{height:var(--bca97e78);padding-left:8px;padding-right:16px}.das-ui-input-number.controls-right[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper:hover,.das-ui-input-number.controls-right[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--upf-input-number-active-border-color) inset}.das-ui-input-number.controls-right[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper .el-input__inner{height:calc(var(--bca97e78) - 2px);text-align:left;box-sizing:border-box}.das-ui-input-number.controls-right.is-disabled[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper:hover,.das-ui-input-number.controls-right.is-disabled[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper.is-focus,.das-ui-input-number.controls-right.is-view[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper:hover,.das-ui-input-number.controls-right.is-view[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--upf-divider-color) inset}.das-ui-input-number.controls-right.is-disabled[data-v-de1c2dce] .el-input-number .el-input-number__decrease,.das-ui-input-number.controls-right.is-disabled[data-v-de1c2dce] .el-input-number .el-input-number__increase,.das-ui-input-number.controls-right.is-view[data-v-de1c2dce] .el-input-number .el-input-number__decrease,.das-ui-input-number.controls-right.is-view[data-v-de1c2dce] .el-input-number .el-input-number__increase{visibility:hidden}.das-ui-input-number.controls-right.is-disabled[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper .el-input__inner{color:var(--upf-text-disabled);cursor:not-allowed}.das-ui-input-number.base-line[data-v-de1c2dce] .el-input-number{width:var(--v37989689);height:var(--bca97e78)}.das-ui-input-number.base-line[data-v-de1c2dce] .el-input-number .el-input-number__decrease,.das-ui-input-number.base-line[data-v-de1c2dce] .el-input-number .el-input-number__increase{visibility:hidden;width:16px;height:50%;box-sizing:border-box;color:var(--upf-text-secondary);background-color:var(--upf-bg-primary);border:none}.das-ui-input-number.base-line[data-v-de1c2dce] .el-input-number .el-input-number__decrease:hover,.das-ui-input-number.base-line[data-v-de1c2dce] .el-input-number .el-input-number__increase:hover{color:var(--upf-color-primary)}.das-ui-input-number.base-line[data-v-de1c2dce] .el-input-number .el-input-number__decrease.is-disabled,.das-ui-input-number.base-line[data-v-de1c2dce] .el-input-number .el-input-number__increase.is-disabled{color:var(--upf-text-disabled)}.das-ui-input-number.base-line[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper{height:var(--bca97e78);padding-left:0;padding-right:24px;box-shadow:none;border-bottom:1px solid var(--upf-text-disabled);border-radius:0}.das-ui-input-number.base-line[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper:hover,.das-ui-input-number.base-line[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper.is-focus{border-color:var(--upf-input-number-active-border-color)}.das-ui-input-number.base-line[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper .el-input__inner{height:calc(var(--bca97e78) - 2px);text-align:left;box-sizing:border-box}.das-ui-input-number.base-line[data-v-de1c2dce] .el-input-number:hover .el-input-number__decrease,.das-ui-input-number.base-line[data-v-de1c2dce] .el-input-number:hover .el-input-number__increase{visibility:visible}.das-ui-input-number.base-line.is-disabled[data-v-de1c2dce] .el-input-number .el-input-number__decrease,.das-ui-input-number.base-line.is-disabled[data-v-de1c2dce] .el-input-number .el-input-number__increase,.das-ui-input-number.base-line.is-view[data-v-de1c2dce] .el-input-number .el-input-number__decrease,.das-ui-input-number.base-line.is-view[data-v-de1c2dce] .el-input-number .el-input-number__increase{visibility:hidden}.das-ui-input-number.base-line.is-disabled[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper,.das-ui-input-number.base-line.is-view[data-v-de1c2dce] .el-input-number .el-input .el-input__wrapper{border-bottom:1px solid var(--upf-divider-color)}.das-ui-input-number.base-line.is-disabled[data-v-de1c2dce] .el-input-number .el-input__wrapper .el-input__inner{cursor:not-allowed}.das-ui-input-number[data-v-de1c2dce]:not(.base-line) .el-input-number.das-input-number-error .el-input__wrapper{border:1px solid var(--upf-color-error)!important;box-shadow:none!important}.das-ui-input-number.base-line[data-v-de1c2dce] .el-input-number.das-input-number-error .el-input__wrapper{border-bottom:1px solid var(--upf-color-error)!important}.das-ui-input-number .das-input-number-error-label-content[data-v-de1c2dce]{width:var(--v37989689);font-size:12px}.das-ui-input-number .das-input-number-error-label-content .label[data-v-de1c2dce]{display:block;color:var(--upf-color-error);white-space:break-spaces}.das-ui-input-number .das-input-number-overlay-error-label-content[data-v-de1c2dce]{position:absolute;top:100%;left:0;width:var(--v37989689)}.das-ui-input-number.is-view[data-v-de1c2dce] .el-input .el-input__inner{cursor:default}

package/packages/components/live-player/index.d.ts

@@ -41,9 +41,9 @@ declare const getDasLivePlayerRef: () => import("vue").Ref<({
     $data: {};
     $props: {
         readonly src?: string | undefined;
-        readonly type?: "flv" | "mpegts" | "m2ts" | undefined;
+        readonly type?: ("flv" | "mpegts" | "m2ts") | undefined;
         readonly config?: any;
-        readonly fit?: "contain" | "cover" | "fill" | "none" | "scale-down" | undefined;
+        readonly fit?: ("contain" | "cover" | "fill" | "none" | "scale-down") | undefined;
         readonly loading?: boolean | undefined;
         readonly loadingText?: string | undefined;
         readonly error?: boolean | undefined;
@@ -108,9 +108,9 @@ declare const getDasLivePlayerRef: () => import("vue").Ref<({
     $data: {};
     $props: {
         readonly src?: string | undefined;
-        readonly type?: "flv" | "mpegts" | "m2ts" | undefined;
+        readonly type?: ("flv" | "mpegts" | "m2ts") | undefined;
         readonly config?: any;
-        readonly fit?: "contain" | "cover" | "fill" | "none" | "scale-down" | undefined;
+        readonly fit?: ("contain" | "cover" | "fill" | "none" | "scale-down") | undefined;
         readonly loading?: boolean | undefined;
         readonly loadingText?: string | undefined;
         readonly error?: boolean | undefined;

package/packages/components/live-player/index.js

@@ -4416,16 +4416,26 @@ const Rt = /* @__PURE__ */ di(ui), li = ["element-loading-text", "element-loadin
           onClick: T
         }, [
           ii(l.$slots, "error", {}, () => [
-            ri(ni(We(f)), 1)
+            ri(
+              ni(We(f)),
+              1
+              /* TEXT */
+            )
           ], !0)
-        ])) : (dt(), ut("video", {
-          key: 0,
-          ref_key: "video",
-          ref: H,
-          class: "video",
-          style: ti({ "object-fit": We(B) }),
-          muted: ""
-        }, null, 4))
+        ])) : (dt(), ut(
+          "video",
+          {
+            key: 0,
+            ref_key: "video",
+            ref: H,
+            class: "video",
+            style: ti({ "object-fit": We(B) }),
+            muted: ""
+          },
+          null,
+          4
+          /* STYLE */
+        ))
       ], 8, li)), [
         [_, We(b)]
       ]);

package/packages/components/loading/index.js

@@ -3,7 +3,7 @@ import { setI18nRule as de, t as le } from "@das-fed/upf-web/packages/i18n/index
 import '@das-fed/upf-ui/packages/components/loading/style.css';
 ;
 /**
-* @vue/shared v3.5.17
+* @vue/shared v3.5.25
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -12,8 +12,8 @@ process.env.NODE_ENV !== "production" && Object.freeze([]);
 const G = (t) => typeof t == "string", q = (t) => t !== null && typeof t == "object", M = (t) => {
   const e = /* @__PURE__ */ Object.create(null);
   return (n) => e[n] || (e[n] = t(n));
-}, ie = /-(\w)/g, ue = M(
-  (t) => t.replace(ie, (e, n) => n ? n.toUpperCase() : "")
+}, ie = /-\w/g, ue = M(
+  (t) => t.replace(ie, (e) => e.slice(1).toUpperCase())
 ), fe = /\B([A-Z])/g, me = M(
   (t) => t.replace(fe, "-$1").toLowerCase()
 ), ve = (t) => typeof t == "number";
@@ -104,23 +104,29 @@ const z = (t, e) => {
   return n;
 }, $e = {}, Ie = { class: "das-loading-container das-loading-page" };
 function he(t, e) {
-  return V(), A("div", Ie, e[0] || (e[0] = [
+  return V(), A("div", Ie, [...e[0] || (e[0] = [
     K('<div class="das-loading-dot-loading" data-v-556fdb62><i class="das-loading-dot-item" data-v-556fdb62></i><i class="das-loading-dot-item" data-v-556fdb62></i><i class="das-loading-dot-item" data-v-556fdb62></i><i class="das-loading-dot-item" data-v-556fdb62></i></div>', 1)
-  ]));
+  ])]);
 }
 const T = /* @__PURE__ */ z($e, [["render", he], ["__scopeId", "data-v-556fdb62"]]), Le = {}, we = { class: "das-loading-container das-loading-component" };
 function Ne(t, e) {
-  return V(), A("div", we, e[0] || (e[0] = [
-    E("div", { class: "das-loading-dot-loading" }, [
-      E("i", { class: "das-loading-dot-item" })
-    ], -1)
-  ]));
+  return V(), A("div", we, [...e[0] || (e[0] = [
+    E(
+      "div",
+      { class: "das-loading-dot-loading" },
+      [
+        E("i", { class: "das-loading-dot-item" })
+      ],
+      -1
+      /* CACHED */
+    )
+  ])]);
 }
 const Ve = /* @__PURE__ */ z(Le, [["render", Ne], ["__scopeId", "data-v-00355f8b"]]), Ae = {}, ke = { class: "das-loading-container das-loading-containerload" };
 function ze(t, e) {
-  return V(), A("div", ke, e[0] || (e[0] = [
+  return V(), A("div", ke, [...e[0] || (e[0] = [
     K('<div class="das-loading-dot-loading" data-v-80a6a49a><i class="das-loading-dot-item" data-v-80a6a49a></i><i class="das-loading-dot-item" data-v-80a6a49a></i><i class="das-loading-dot-item" data-v-80a6a49a></i><i class="das-loading-dot-item" data-v-80a6a49a></i></div>', 1)
-  ]));
+  ])]);
 }
 const Be = /* @__PURE__ */ z(Ae, [["render", ze], ["__scopeId", "data-v-80a6a49a"]]);
 function Ee(t) {

package/packages/components/loading/src/loading.d.ts

@@ -0,0 +1,26 @@
+import type { LoadingOptionsResolved } from './type';
+export declare function createLoadingComponent(options: LoadingOptionsResolved): {
+    setText: (text: string) => void;
+    removeElLoadingChild: () => void;
+    close: () => void;
+    handleAfterLeave: () => void;
+    vm: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any>;
+    $el: HTMLElement;
+    originalPosition: import("vue").Ref<string, string>;
+    originalOverflow: import("vue").Ref<string, string>;
+    visible: import("vue").Ref<boolean, boolean>;
+    parent: import("vue").Ref<import("./type").LoadingParentElement, import("./type").LoadingParentElement>;
+    background: import("vue").Ref<string, string>;
+    svg: import("vue").Ref<string, string>;
+    svgViewBox: import("vue").Ref<string, string>;
+    spinner: import("vue").Ref<string | boolean, string | boolean>;
+    text: import("vue").Ref<string, string>;
+    fullscreen: import("vue").Ref<boolean, boolean>;
+    lock: import("vue").Ref<boolean, boolean>;
+    customClass: import("vue").Ref<string, string>;
+    type: import("vue").Ref<string, string>;
+    target: import("vue").Ref<HTMLElement, HTMLElement>;
+    beforeClose?: import("vue").Ref<(() => boolean) | undefined, (() => boolean) | undefined> | undefined;
+    closed?: import("vue").Ref<(() => void) | undefined, (() => void) | undefined> | undefined;
+};
+export type LoadingInstance = ReturnType<typeof createLoadingComponent>;