@das-fed/upf-ui 6.4.0-dev.286 → 6.4.0-dev.287

package/packages/components/loading/index.js

@@ -1,5 +1,5 @@
-import { inject as D, ref as I, computed as x, unref as Z, openBlock as N, createElementBlock as V, createStaticVNode as R, createElementVNode as z, reactive as J, defineComponent as Q, h as _, Transition as W, withCtx as X, withDirectives as ee, createVNode as te, vShow as ne, createApp as se, toRefs as ae, nextTick as j, isRef as oe } from "vue";
-import { setI18nRule as re, t as ce } from "@das-fed/upf-web/packages/i18n/index"
+import { inject as R, ref as I, computed as b, unref as j, openBlock as V, createElementBlock as A, createStaticVNode as K, createElementVNode as E, reactive as W, defineComponent as X, h as _, Transition as ee, withCtx as te, withDirectives as ne, createVNode as se, vShow as ae, createApp as oe, toRefs as re, nextTick as F, isRef as ce } from "vue";
+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';
 ;
 /**
@@ -9,187 +9,189 @@ import '@das-fed/upf-ui/packages/components/loading/style.css';
 **/
 process.env.NODE_ENV !== "production" && Object.freeze({});
 process.env.NODE_ENV !== "production" && Object.freeze([]);
-const K = (t) => typeof t == "string", F = (t) => t !== null && typeof t == "object", G = (t) => {
+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));
-}, de = /-\w/g, ie = G(
-  (t) => t.replace(de, (e) => e.slice(1).toUpperCase())
-), le = /\B([A-Z])/g, ue = G(
-  (t) => t.replace(le, "-$1").toLowerCase()
-), fe = (t) => typeof t == "number";
-var B;
-const A = typeof window < "u";
-A && ((B = window == null ? void 0 : window.navigator) != null && B.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
-const q = (t = "") => t.split(" ").filter((e) => !!e.trim()), E = (t, e) => {
-  !t || !e.trim() || t.classList.add(...q(e));
+}, 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";
+var O;
+const k = typeof window < "u";
+k && ((O = window == null ? void 0 : window.navigator) != null && O.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+const U = (t = "") => t.split(" ").filter((e) => !!e.trim()), S = (t, e) => {
+  !t || !e.trim() || t.classList.add(...U(e));
 }, $ = (t, e) => {
-  !t || !e.trim() || t.classList.remove(...q(e));
-}, b = (t, e) => {
-  var s;
-  if (!A || !t || !e) return "";
-  let n = ie(e);
+  !t || !e.trim() || t.classList.remove(...U(e));
+}, y = (t, e) => {
+  var o;
+  if (!k || !t || !e) return "";
+  let n = ue(e);
   n === "float" && (n = "cssFloat");
   try {
     const c = t.style[n];
     if (c) return c;
-    const o = (s = document.defaultView) == null ? void 0 : s.getComputedStyle(t, "");
-    return o ? o[n] : "";
+    const s = (o = document.defaultView) == null ? void 0 : o.getComputedStyle(t, "");
+    return s ? s[n] : "";
   } catch {
     return t.style[n];
   }
-}, L = "das", me = "is-", v = (t, e, n, s, c) => {
-  let o = `${t}-${e}`;
-  return n && (o += `-${n}`), s && (o += `__${s}`), c && (o += `--${c}`), o;
-}, ve = Symbol("namespaceContextKey"), ge = (t) => {
-  const e = t || D(ve, I(L));
-  return x(() => Z(e) || L);
-}, pe = (t, e) => {
-  const n = ge(e);
+}, w = "das", ge = "is-", f = (t, e, n, o, c) => {
+  let s = `${t}-${e}`;
+  return n && (s += `-${n}`), o && (s += `__${o}`), c && (s += `--${c}`), s;
+}, pe = Symbol("namespaceContextKey"), ye = (t) => {
+  const e = t || R(pe, I(w));
+  return b(() => j(e) || w);
+}, be = (t, e) => {
+  const n = ye(e);
   return {
     namespace: n,
-    b: (a = "") => v(n.value, t, a, "", ""),
-    e: (a) => a ? v(n.value, t, "", a, "") : "",
-    m: (a) => a ? v(n.value, t, "", "", a) : "",
-    be: (a, r) => a && r ? v(n.value, t, a, r, "") : "",
-    em: (a, r) => a && r ? v(n.value, t, "", a, r) : "",
-    bm: (a, r) => a && r ? v(n.value, t, a, "", r) : "",
-    bem: (a, r, i) => a && r && i ? v(n.value, t, a, r, i) : "",
+    b: (a = "") => f(n.value, t, a, "", ""),
+    e: (a) => a ? f(n.value, t, "", a, "") : "",
+    m: (a) => a ? f(n.value, t, "", "", a) : "",
+    be: (a, r) => a && r ? f(n.value, t, a, r, "") : "",
+    em: (a, r) => a && r ? f(n.value, t, "", a, r) : "",
+    bm: (a, r) => a && r ? f(n.value, t, a, "", r) : "",
+    bem: (a, r, l) => a && r && l ? f(n.value, t, a, r, l) : "",
     is: (a, ...r) => {
-      const i = r.length >= 1 ? r[0] : !0;
-      return a && i ? `${me}${a}` : "";
+      const l = r.length >= 1 ? r[0] : !0;
+      return a && l ? `${ge}${a}` : "";
     },
     // css
     cssVar: (a) => {
       const r = {};
-      for (const i in a)
-        a[i] && (r[`--${n.value}-${i}`] = a[i]);
+      for (const l in a)
+        a[l] && (r[`--${n.value}-${l}`] = a[l]);
       return r;
     },
     cssVarName: (a) => `--${n.value}-${a}`,
     cssVarBlock: (a) => {
       const r = {};
-      for (const i in a)
-        a[i] && (r[`--${n.value}-${t}-${i}`] = a[i]);
+      for (const l in a)
+        a[l] && (r[`--${n.value}-${t}-${l}`] = a[l]);
       return r;
     },
     cssVarBlockName: (a) => `--${n.value}-${t}-${a}`
   };
-}, O = I(0), M = 2e3, ye = Symbol("zIndexContextKey"), be = (t) => {
-  const e = t || D(ye, void 0), n = x(() => {
-    const o = Z(e);
-    return fe(o) ? o : M;
-  }), s = x(() => n.value + O.value);
+}, P = I(0), Y = 2e3, xe = Symbol("zIndexContextKey"), _e = (t) => {
+  const e = t || R(xe, void 0), n = b(() => {
+    const s = j(e);
+    return ve(s) ? s : Y;
+  }), o = b(() => n.value + P.value);
   return {
     initialZIndex: n,
-    currentZIndex: s,
-    nextZIndex: () => (O.value++, s.value)
+    currentZIndex: o,
+    nextZIndex: () => (P.value++, o.value)
   };
 };
-function xe(t) {
-  const e = pe(
+function Ce(t) {
+  const e = be(
     t,
-    x(() => L)
-  ), n = be(
-    x(() => M)
+    b(() => w)
+  ), n = _e(
+    b(() => Y)
   );
   return {
     ns: e,
     zIndex: n
   };
 }
-const k = (t, e) => {
+const z = (t, e) => {
   const n = t.__vccOpts || t;
-  for (const [s, c] of e)
-    n[s] = c;
+  for (const [o, c] of e)
+    n[o] = c;
   return n;
-}, _e = {}, Ce = { class: "das-loading-container das-loading-page" };
-function $e(t, e) {
-  return N(), V("div", Ce, [...e[0] || (e[0] = [
-    R('<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)
+}, $e = {}, Ie = { class: "das-loading-container das-loading-page" };
+function he(t, e) {
+  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 S = /* @__PURE__ */ k(_e, [["render", $e], ["__scopeId", "data-v-556fdb62"]]), Ie = {}, he = { class: "das-loading-container das-loading-component" };
-function Le(t, e) {
-  return N(), V("div", he, [...e[0] || (e[0] = [
-    z(
+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" },
       [
-        z("i", { class: "das-loading-dot-item" })
+        E("i", { class: "das-loading-dot-item" })
       ],
       -1
       /* CACHED */
     )
   ])]);
 }
-const we = /* @__PURE__ */ k(Ie, [["render", Le], ["__scopeId", "data-v-00355f8b"]]), Ne = {}, Ve = { class: "das-loading-container das-loading-containerload" };
-function Ae(t, e) {
-  return N(), V("div", Ve, [...e[0] || (e[0] = [
-    R('<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 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] = [
+    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 ke = /* @__PURE__ */ k(Ne, [["render", Ae], ["__scopeId", "data-v-80a6a49a"]]);
-function ze(t) {
-  let e;
-  const n = I(!1), s = J({
+const Be = /* @__PURE__ */ z(Ae, [["render", ze], ["__scopeId", "data-v-80a6a49a"]]);
+function Ee(t) {
+  let e, n = !1, o = !1;
+  const c = I(!1), s = W({
     ...t,
     originalPosition: "",
     originalOverflow: "",
     visible: !1
   });
-  function c(d) {
+  function u(d) {
     s.text = d;
   }
-  function o() {
-    const d = s.parent, m = p.ns;
+  function g() {
+    if (o) return;
+    o = !0;
+    const d = s.parent, a = v.ns;
     if (!d.vLoadingAddClassList) {
-      let f = d.getAttribute("loading-number");
-      f = Number.parseInt(f) - 1, f ? d.setAttribute("loading-number", f.toString()) : ($(d, m.bm("parent", "relative")), d.removeAttribute("loading-number")), $(d, m.bm("parent", "hidden"));
+      let r = d.getAttribute("loading-number");
+      r = Number.parseInt(r) - 1, r ? d.setAttribute("loading-number", r.toString()) : ($(d, a.bm("parent", "relative")), d.removeAttribute("loading-number")), $(d, a.bm("parent", "hidden"));
     }
-    u(), h.unmount();
+    i(), h.unmount();
   }
-  function u() {
-    var d, m;
-    (m = (d = p.$el) == null ? void 0 : d.parentNode) == null || m.removeChild(p.$el);
+  function i() {
+    var d, a;
+    (a = (d = v.$el) == null ? void 0 : d.parentNode) == null || a.removeChild(v.$el);
   }
-  function y() {
+  function m() {
     var d;
-    t.beforeClose && !t.beforeClose() || (n.value = !0, clearTimeout(e), e = window.setTimeout(l, 400), s.visible = !1, (d = t.closed) == null || d.call(t));
+    n || o || t.beforeClose && !t.beforeClose() || (n = !0, c.value = !0, clearTimeout(e), e = window.setTimeout(x, 400), s.visible = !1, (d = t.closed) == null || d.call(t));
   }
-  function l() {
-    if (!n.value) return;
+  function x() {
+    if (!c.value) return;
     const d = s.parent;
-    n.value = !1, d.vLoadingAddClassList = void 0, o();
+    c.value = !1, d.vLoadingAddClassList = void 0, g();
   }
-  const g = Q({
+  const B = X({
     name: "DasLoading",
-    setup(d, { expose: m }) {
-      const { ns: f, zIndex: a } = xe("loading");
-      return m({
-        ns: f,
-        zIndex: a
+    setup(d, { expose: a }) {
+      const { ns: r, zIndex: l } = Ce("loading");
+      return a({
+        ns: r,
+        zIndex: l
       }), () => {
-        let r = s.spinner || s.svg || S;
-        const i = s.type;
-        i == "page" && (r = S), i == "container" && (r = ke), i == "component" && (r = we);
-        const Y = typeof r == "boolean" ? void 0 : _(r), H = s.text ? _("p", { class: f.b("text") }, [s.text]) : void 0;
+        let p = s.spinner || s.svg || T;
+        const L = s.type;
+        L == "page" && (p = T), L == "container" && (p = Be), L == "component" && (p = Ve);
+        const J = typeof p == "boolean" ? void 0 : _(p), Q = s.text ? _("p", { class: r.b("text") }, [s.text]) : void 0;
         return _(
-          W,
+          ee,
           {
-            name: f.b("fade"),
-            onAfterLeave: l
+            name: r.b("fade"),
+            onAfterLeave: x
           },
           {
-            default: X(() => [
-              ee(
-                te(
+            default: te(() => [
+              ne(
+                se(
                   "div",
                   {
                     style: {
                       backgroundColor: s.background || ""
                     },
                     class: [
-                      f.b("mask"),
+                      r.b("mask"),
                       s.customClass,
                       s.fullscreen ? "is-fullscreen" : ""
                     ]
@@ -198,51 +200,51 @@ function ze(t) {
                     _(
                       "div",
                       {
-                        class: f.b("spinner")
+                        class: r.b("spinner")
                       },
-                      [Y, H]
+                      [J, Q]
                     )
                   ]
                 ),
-                [[ne, s.visible]]
+                [[ae, s.visible]]
               )
             ])
           }
         );
       };
     }
-  }), h = se(g), p = h.mount(document.createElement("div"));
+  }), h = oe(B), v = h.mount(document.createElement("div"));
   return {
-    ...ae(s),
-    setText: c,
-    removeElLoadingChild: u,
-    close: y,
-    handleAfterLeave: l,
-    vm: p,
+    ...re(s),
+    setText: u,
+    removeElLoadingChild: i,
+    close: m,
+    handleAfterLeave: x,
+    vm: v,
     get $el() {
-      return p.$el;
+      return v.$el;
     }
   };
 }
 let C;
-const U = function(t = {}) {
-  if (!A) return;
-  const e = Be(t);
+const H = function(t = {}) {
+  if (!k) return;
+  const e = Oe(t);
   if (e.fullscreen && C)
     return C;
-  const n = ze({
+  const n = Ee({
     ...e,
     closed: () => {
       var c;
       (c = e.closed) == null || c.call(e), e.fullscreen && (C = void 0);
     }
   });
-  Ee(e, e.parent, n), P(e, e.parent, n), e.parent.vLoadingAddClassList = () => P(e, e.parent, n);
-  let s = e.parent.getAttribute("loading-number");
-  return s ? s = `${Number.parseInt(s) + 1}` : s = "1", e.parent.setAttribute("loading-number", s), e.parent.appendChild(n.$el), j(() => n.visible.value = e.visible), e.fullscreen && (C = n), n;
-}, Be = (t) => {
+  Se(e, e.parent, n), D(e, e.parent, n), e.parent.vLoadingAddClassList = () => D(e, e.parent, n);
+  let o = e.parent.getAttribute("loading-number");
+  return o ? o = `${Number.parseInt(o) + 1}` : o = "1", e.parent.setAttribute("loading-number", o), e.parent.appendChild(n.$el), F(() => n.visible.value = e.visible), e.fullscreen && (C = n), n;
+}, Oe = (t) => {
   let e;
-  return K(t.target) ? e = document.querySelector(t.target) ?? document.body : e = t.target || document.body, {
+  return G(t.target) ? e = document.querySelector(t.target) ?? document.body : e = t.target || document.body, {
     parent: e === document.body || t.body ? document.body : e,
     background: t.background || "",
     svg: t.svg || "",
@@ -256,70 +258,70 @@ const U = function(t = {}) {
     visible: t.visible ?? !0,
     target: e
   };
-}, Ee = async (t, e, n) => {
-  const { nextZIndex: s } = n.vm.zIndex || n.vm._.exposed.zIndex, c = {};
+}, Se = async (t, e, n) => {
+  const { nextZIndex: o } = n.vm.zIndex || n.vm._.exposed.zIndex, c = {};
   if (t.fullscreen)
-    n.originalPosition.value = b(document.body, "position"), n.originalOverflow.value = b(document.body, "overflow"), c.zIndex = s();
+    n.originalPosition.value = y(document.body, "position"), n.originalOverflow.value = y(document.body, "overflow"), c.zIndex = o();
   else if (t.parent === document.body) {
-    n.originalPosition.value = b(document.body, "position"), await j();
-    for (const o of ["top", "left"]) {
-      const u = o === "top" ? "scrollTop" : "scrollLeft";
-      c[o] = `${t.target.getBoundingClientRect()[o] + document.body[u] + document.documentElement[u] - Number.parseInt(b(document.body, `margin-${o}`), 10)}px`;
+    n.originalPosition.value = y(document.body, "position"), await F();
+    for (const s of ["top", "left"]) {
+      const u = s === "top" ? "scrollTop" : "scrollLeft";
+      c[s] = `${t.target.getBoundingClientRect()[s] + document.body[u] + document.documentElement[u] - Number.parseInt(y(document.body, `margin-${s}`), 10)}px`;
     }
-    for (const o of ["height", "width"])
-      c[o] = `${t.target.getBoundingClientRect()[o]}px`;
+    for (const s of ["height", "width"])
+      c[s] = `${t.target.getBoundingClientRect()[s]}px`;
   } else
-    n.originalPosition.value = b(e, "position");
-  for (const [o, u] of Object.entries(c))
-    n.$el.style[o] = u;
-}, P = (t, e, n) => {
-  const s = n.vm.ns || n.vm._.exposed.ns;
-  ["absolute", "fixed", "sticky"].includes(n.originalPosition.value) ? $(e, s.bm("parent", "relative")) : E(e, s.bm("parent", "relative")), t.fullscreen && t.lock ? E(e, s.bm("parent", "hidden")) : $(e, s.bm("parent", "hidden"));
-}, w = Symbol("DasLoading"), T = (t, e) => {
-  const n = e.instance, s = (l) => F(e.value) ? e.value[l] : void 0, c = (l) => {
-    const g = K(l) && (n == null ? void 0 : n[l]) || l;
-    return g && I(g);
-  }, o = (l) => c(
-    s(l) || t.getAttribute(`das-loading-${ue(l)}`)
-  ), u = s("fullscreen") ?? e.modifiers.fullscreen, y = {
-    type: o("type"),
-    text: o("text"),
-    svg: o("svg"),
-    svgViewBox: o("svgViewBox"),
-    spinner: o("spinner"),
-    background: o("background"),
-    customClass: o("customClass"),
+    n.originalPosition.value = y(e, "position");
+  for (const [s, u] of Object.entries(c))
+    n.$el.style[s] = u;
+}, D = (t, e, n) => {
+  const o = n.vm.ns || n.vm._.exposed.ns;
+  ["absolute", "fixed", "sticky"].includes(n.originalPosition.value) ? $(e, o.bm("parent", "relative")) : S(e, o.bm("parent", "relative")), t.fullscreen && t.lock ? S(e, o.bm("parent", "hidden")) : $(e, o.bm("parent", "hidden"));
+}, N = Symbol("DasLoading"), Z = (t, e) => {
+  const n = e.instance, o = (i) => q(e.value) ? e.value[i] : void 0, c = (i) => {
+    const m = G(i) && (n == null ? void 0 : n[i]) || i;
+    return m && I(m);
+  }, s = (i) => c(
+    o(i) || t.getAttribute(`das-loading-${me(i)}`)
+  ), u = o("fullscreen") ?? e.modifiers.fullscreen, g = {
+    type: s("type"),
+    text: s("text"),
+    svg: s("svg"),
+    svgViewBox: s("svgViewBox"),
+    spinner: s("spinner"),
+    background: s("background"),
+    customClass: s("customClass"),
     fullscreen: u,
-    target: s("target") ?? (u ? void 0 : t),
-    body: s("body") ?? e.modifiers.body,
-    lock: s("lock") ?? e.modifiers.lock
+    target: o("target") ?? (u ? void 0 : t),
+    body: o("body") ?? e.modifiers.body,
+    lock: o("lock") ?? e.modifiers.lock
   };
-  t[w] = {
-    options: y,
-    instance: U(y)
+  t[N] = {
+    options: g,
+    instance: H(g)
   };
-}, Oe = (t, e) => {
+}, Pe = (t, e) => {
   for (const n of Object.keys(e))
-    oe(e[n]) && (e[n].value = t[n]);
-}, De = {
+    ce(e[n]) && (e[n].value = t[n]);
+}, Re = {
   mounted(t, e) {
-    e.value && T(t, e);
+    e.value && Z(t, e);
   },
   updated(t, e) {
-    const n = t[w];
-    e.oldValue !== e.value && (e.value && !e.oldValue ? T(t, e) : e.value && e.oldValue ? F(e.value) && Oe(e.value, n.options) : n == null || n.instance.close());
+    const n = t[N];
+    e.oldValue !== e.value && (e.value && !e.oldValue ? Z(t, e) : e.value && e.oldValue ? q(e.value) && Pe(e.value, n.options) : n == null || n.instance.close());
   },
   unmounted(t) {
     var e;
-    (e = t[w]) == null || e.instance.close();
+    (e = t[N]) == null || e.instance.close();
   }
-}, Se = { 加载: { "zh-CN": "加载", en: "Loading", "zh-MO": "加載", _appCode: "framework" } };
-re(Se);
-const Ze = {
-  service: U
-}, Re = { name: `loading ${ce("加载")}` };
+}, Te = { 加载: { "zh-CN": "加载", en: "Loading", "zh-MO": "加載", _appCode: "framework" } };
+de(Te);
+const je = {
+  service: H
+}, Ke = { name: `loading ${le("加载")}` };
 export {
-  Ze as DasLoading,
-  Re as default,
-  De as vDasLoading
+  je as DasLoading,
+  Ke as default,
+  Re as vDasLoading
 };