@quoreadmin/ui 1.10.10 → 1.10.11

package/dist/index105.js

@@ -1,7 +1,7 @@
 import { defineComponent as S, ref as r, computed as v } from "vue";
 import { useDropZone as h } from "./index173.js";
 import z from "./index57.js";
-import M from "./index193.js";
+import M from "./index192.js";
 import T from "./index6.js";
 import I from "./index30.js";
 import L from "./index34.js";

package/dist/index111.js

@@ -1,5 +1,5 @@
 import { defineComponent as c, onMounted as l, computed as n } from "vue";
-import s from "./index194.js";
+import s from "./index193.js";
 let t = !1;
 const i = "quore-svg-sprite-container";
 function o() {

package/dist/index115.js

@@ -1,7 +1,7 @@
 import { defineComponent as $, ref as a, computed as s, onMounted as Z, onUnmounted as q } from "vue";
 import { useSwipe as K } from "./index173.js";
 import { useI18n as X } from "vue-i18n";
-import J from "./index195.js";
+import J from "./index194.js";
 import Y from "./index6.js";
 import ee from "./index7.js";
 import te from "./index33.js";

package/dist/index136.js

@@ -1,5 +1,5 @@
 import { defineComponent as x, ref as s, onMounted as y, nextTick as P } from "vue";
-import { getDocument as C, version as k, GlobalWorkerOptions as E } from "./index196.js";
+import { getDocument as C, version as k, GlobalWorkerOptions as E } from "./index195.js";
 import D from "./index22.js";
 E.workerSrc = `https://cdn.jsdelivr.net/npm/pdfjs-dist@${k}/legacy/build/pdf.worker.min.mjs`;
 const S = x({

package/dist/index138.js

@@ -1,7 +1,7 @@
-import { defineComponent as j, ref as m, computed as Y, onMounted as D, onUnmounted as J, watch as K, nextTick as B } from "vue";
-import { onClickOutside as k } from "./index173.js";
-import { useThrottleFn as z } from "./index184.js";
-const oe = j({
+import { defineComponent as J, ref as d, computed as z, onMounted as K, onUnmounted as Z, watch as ee, nextTick as q } from "vue";
+import { onClickOutside as L } from "./index173.js";
+import { useThrottleFn as A } from "./index183.js";
+const ne = J({
   name: "QPopover",
   props: {
     /** Aligns the popover accordingly with the trigger.
@@ -84,58 +84,58 @@ const oe = j({
     }
   },
   emits: ["update:modelValue"],
-  setup(o, { emit: v }) {
-    const w = m(!1), p = m(""), u = m(null), b = m(null), V = m(!1), I = m({
+  setup(t, { emit: w }) {
+    const p = d(!1), b = d(""), s = d(null), V = d(null), y = d(null), S = d(null), H = d(!1), x = d({
       top: "0",
       left: "0",
       transform: "none"
-    }), S = m({}), H = Y(() => w.value === !0 && o.reposition === !0 ? T(o.align) : o.align), E = Y(() => w.value === !0 && o.reposition === !0 ? W(o.position) : o.position), T = (t) => {
-      if (!u.value) return t;
-      const e = o.teleport ? document.querySelector(".q-popover.teleported") : u.value.children[1];
-      if (!e || y(e)) return t;
-      const n = u.value.children[0].getBoundingClientRect(), r = e.getBoundingClientRect();
-      if (t === "left" || t === "right" || t === "center") {
-        const l = n.left;
-        return window.innerWidth - l < r.width ? "right" : "left";
+    }), v = d({}), C = z(() => V.value !== null ? V.value : p.value === !0 && t.reposition === !0 ? B(t.align) : t.align), R = z(() => y.value !== null ? y.value : p.value === !0 && t.reposition === !0 ? I(t.position) : t.position), B = (o) => {
+      if (!s.value) return o;
+      const e = t.teleport ? document.querySelector(".q-popover.teleported") : s.value.children[1];
+      if (!e || E(e)) return o;
+      const l = s.value.children[0].getBoundingClientRect(), r = e.getBoundingClientRect();
+      if (o === "left" || o === "right" || o === "center") {
+        const n = l.left;
+        return window.innerWidth - n < r.width ? "right" : "left";
       } else {
-        const l = n.top;
-        return window.innerHeight - l < r.height ? "bottom" : "top";
+        const n = l.top;
+        return window.innerHeight - n < r.height ? "bottom" : "top";
       }
-    }, W = (t) => {
-      if (!u.value) return t;
-      const e = o.teleport ? document.querySelector(".q-popover.teleported") : u.value.children[1];
-      if (!e || y(e)) return t;
-      const n = u.value.children[0].getBoundingClientRect(), r = e.getBoundingClientRect();
-      if (t === "top" || t === "bottom") {
-        const l = n.top;
-        return window.innerHeight - l < r.height ? "top" : "bottom";
+    }, I = (o) => {
+      if (!s.value) return o;
+      const e = t.teleport ? document.querySelector(".q-popover.teleported") : s.value.children[1];
+      if (!e || E(e)) return o;
+      const l = s.value.children[0].getBoundingClientRect(), r = e.getBoundingClientRect();
+      if (o === "top" || o === "bottom") {
+        const n = l.top;
+        return window.innerHeight - n < r.height ? "top" : "bottom";
       } else {
-        const l = n.left;
-        return window.innerWidth - l < r.width ? "left" : "right";
+        const n = l.left;
+        return window.innerWidth - n < r.width ? "left" : "right";
       }
-    }, y = (t) => {
-      if (!t) return !1;
-      const e = t.getBoundingClientRect();
+    }, E = (o) => {
+      if (!o) return !1;
+      const e = o.getBoundingClientRect();
       return e ? e.top >= 0 && e.left >= 0 && e.bottom <= (window.innerHeight || document.documentElement.clientHeight) && e.right <= (window.innerWidth || document.documentElement.clientWidth) : !1;
-    }, L = () => {
-      if (!u.value) return !0;
-      const t = u.value.children[0];
-      if (!t) return !0;
-      const e = t.getBoundingClientRect();
-      let n = t.parentElement;
-      for (; n; ) {
-        const c = getComputedStyle(n), s = c.overflowY, f = c.overflowX;
-        if (s === "auto" || s === "scroll" || (f === "auto" || f === "scroll")) {
-          const g = n.getBoundingClientRect();
-          if (!(e.bottom > g.top && e.top < g.bottom && e.right > g.left && e.left < g.right))
+    }, X = () => {
+      if (!s.value) return !0;
+      const o = s.value.children[0];
+      if (!o) return !0;
+      const e = o.getBoundingClientRect();
+      let l = o.parentElement;
+      for (; l; ) {
+        const c = getComputedStyle(l), u = c.overflowY, f = c.overflowX;
+        if (u === "auto" || u === "scroll" || (f === "auto" || f === "scroll")) {
+          const m = l.getBoundingClientRect();
+          if (!(e.bottom > m.top && e.top < m.bottom && e.right > m.left && e.left < m.right))
             return !1;
         }
-        n = n.parentElement;
+        l = l.parentElement;
       }
-      const r = window.innerHeight || document.documentElement.clientHeight, l = window.innerWidth || document.documentElement.clientWidth;
-      return e.bottom > 0 && e.top < r && e.right > 0 && e.left < l;
-    }, X = (t) => {
-      let e = t.parentElement;
+      const r = window.innerHeight || document.documentElement.clientHeight, n = window.innerWidth || document.documentElement.clientWidth;
+      return e.bottom > 0 && e.top < r && e.right > 0 && e.left < n;
+    }, $ = (o) => {
+      let e = o.parentElement;
       for (; e && e !== document.documentElement; ) {
         const r = getComputedStyle(e).overflowY;
         if ((r === "auto" || r === "scroll") && e.scrollHeight > e.clientHeight)
@@ -143,17 +143,17 @@ const oe = j({
         e = e.parentElement;
       }
       return null;
-    }, q = () => {
-      if (!o.teleport || !o.scrollIntoView || !o.modelValue) return;
-      const t = document.querySelector(".q-popover.teleported");
-      if (!t) return;
-      const e = t.getBoundingClientRect(), n = o.scrollIntoViewPadding, r = window.innerHeight, l = window.innerWidth;
+    }, O = () => {
+      if (!t.teleport || !t.scrollIntoView || !t.modelValue) return;
+      const o = document.querySelector(".q-popover.teleported");
+      if (!o) return;
+      const e = o.getBoundingClientRect(), l = t.scrollIntoViewPadding, r = window.innerHeight, n = window.innerWidth;
       let i = 0, c = 0;
-      if (e.bottom + n > r ? c = e.bottom + n - r : e.top - n < 0 && (c = e.top - n), e.right + n > l ? i = e.right + n - l : e.left - n < 0 && (i = e.left - n), !(i === 0 && c === 0)) {
-        if (u.value) {
-          const s = u.value.children[0];
-          if (s) {
-            const f = X(s);
+      if (e.bottom + l > r ? c = e.bottom + l - r : e.top - l < 0 && (c = e.top - l), e.right + l > n ? i = e.right + l - n : e.left - l < 0 && (i = e.left - l), !(i === 0 && c === 0)) {
+        if (s.value) {
+          const u = s.value.children[0];
+          if (u) {
+            const f = $(u);
             if (f) {
               const a = f.scrollTop;
               f.scrollBy({
@@ -161,7 +161,7 @@ const oe = j({
                 left: i,
                 behavior: "smooth"
               }), requestAnimationFrame(() => {
-                f.scrollTop !== a && (d(), h());
+                f.scrollTop !== a && (g(), h());
               });
               return;
             }
@@ -173,142 +173,142 @@ const oe = j({
           behavior: "smooth"
         });
       }
-    }, $ = () => {
-      if (!o.teleport || !o.scrollIntoView) return;
-      C();
-      const t = document.querySelector(".q-popover.teleported");
-      t && (b.value = new ResizeObserver(() => {
-        V.value || (V.value = !0, setTimeout(() => {
-          d(), h(), q(), B(() => {
+    }, M = () => {
+      if (!t.teleport || !t.scrollIntoView) return;
+      T();
+      const o = document.querySelector(".q-popover.teleported");
+      o && (S.value = new ResizeObserver(() => {
+        H.value || (H.value = !0, setTimeout(() => {
+          g(), h(), O(), q(() => {
             requestAnimationFrame(() => {
-              V.value = !1;
+              H.value = !1;
             });
           });
         }, 50));
-      }), b.value.observe(t));
-    }, C = () => {
-      b.value && (b.value.disconnect(), b.value = null);
+      }), S.value.observe(o));
+    }, T = () => {
+      S.value && (S.value.disconnect(), S.value = null);
     }, h = () => {
-      if (!o.teleport || !o.scrollIntoView || !o.modelValue || !u.value) return;
-      const t = u.value.children[0];
-      if (!t) return;
+      if (!t.teleport || !t.scrollIntoView || !t.modelValue || !s.value) return;
+      const o = s.value.children[0];
+      if (!o) return;
       const e = document.querySelector(".q-popover.teleported");
       if (!e) return;
-      const n = t.getBoundingClientRect(), r = 10, l = o.scrollIntoViewPadding, i = window.innerHeight, c = E.value, s = 200, f = 30;
+      const l = o.getBoundingClientRect(), r = 10, n = t.scrollIntoViewPadding, i = window.innerHeight, c = R.value, u = 200, f = 30;
       let a;
       if (c === "bottom") {
-        const P = n.bottom + r;
-        a = i - P - l;
-      } else c === "top" ? a = n.top - r - l : a = i - l * 2;
-      a = Math.max(a, s);
-      const R = e.scrollHeight, g = !!S.value.maxHeight;
-      !g && R > a ? S.value = {
+        const k = l.bottom + r;
+        a = i - k - n;
+      } else c === "top" ? a = l.top - r - n : a = i - n * 2;
+      a = Math.max(a, u);
+      const W = e.scrollHeight, m = !!v.value.maxHeight;
+      !m && W > a ? v.value = {
         maxHeight: `${a}px`,
         overflowY: "auto"
-      } : g && (S.value = {
+      } : m && (v.value = {
         maxHeight: `${a}px`,
         overflowY: "auto"
-      }, R < a - f && (S.value = {}));
-    }, A = () => {
-      (o.trigger === "click" || o.trigger === "both") && v("update:modelValue", !o.modelValue);
-    }, M = () => {
-      o.trigger !== "click" && v("update:modelValue", !1);
+      }, W < a - f && (v.value = {}));
     }, F = () => {
-      o.trigger !== "click" && v("update:modelValue", !0);
+      (t.trigger === "click" || t.trigger === "both") && w("update:modelValue", !t.modelValue);
     }, N = () => {
-      const t = u.value?.children[0];
-      if (t) {
-        const e = t.clientWidth, n = t.clientHeight;
-        switch (H.value) {
+      t.trigger !== "click" && w("update:modelValue", !1);
+    }, U = () => {
+      t.trigger !== "click" && w("update:modelValue", !0);
+    }, Q = () => {
+      const o = s.value?.children[0];
+      if (o) {
+        const e = o.clientWidth, l = o.clientHeight;
+        switch (C.value) {
           case "left":
-            p.value = `margin-left: ${e / 2 - 10}px;`;
+            b.value = `margin-left: ${e / 2 - 10}px;`;
             break;
           case "right":
-            p.value = `margin-right: ${e / 2 - 10}px;`;
+            b.value = `margin-right: ${e / 2 - 10}px;`;
             break;
           case "top":
-            p.value = `margin-top: ${n / 2 - 10}px;`;
+            b.value = `margin-top: ${l / 2 - 10}px;`;
             break;
           case "bottom":
-            p.value = `margin-bottom: ${n / 2 - 10}px;`;
+            b.value = `margin-bottom: ${l / 2 - 10}px;`;
             break;
         }
       }
-    }, d = () => {
-      if (!u.value || !o.teleport) return;
-      const t = u.value.children[0];
-      if (!t) return;
-      const e = t.getBoundingClientRect(), n = 10, r = E.value, l = H.value;
-      let i = 0, c = 0, s = "none";
-      r === "bottom" ? (i = e.bottom + n, l === "left" ? (c = e.left, s = "none") : l === "right" ? (c = e.right, s = "translateX(-100%)") : l === "center" && (c = e.left + e.width / 2, s = "translateX(-50%)")) : r === "top" ? (i = e.top - n, s = "translateY(-100%)", l === "left" ? c = e.left : l === "right" ? (c = e.right, s = "translate(-100%, -100%)") : l === "center" && (c = e.left + e.width / 2, s = "translate(-50%, -100%)")) : r === "left" ? (c = e.left - n, s = "translateX(-100%)", l === "top" ? i = e.top : l === "bottom" ? (i = e.bottom, s = "translate(-100%, -100%)") : l === "middle" && (i = e.top + e.height / 2, s = "translate(-100%, -50%)")) : r === "right" && (c = e.right + n, l === "top" ? (i = e.top, s = "none") : l === "bottom" ? (i = e.bottom, s = "translateY(-100%)") : l === "middle" && (i = e.top + e.height / 2, s = "translateY(-50%)")), I.value = {
+    }, g = () => {
+      if (!s.value || !t.teleport) return;
+      const o = s.value.children[0];
+      if (!o) return;
+      const e = o.getBoundingClientRect(), l = 10, r = R.value, n = C.value;
+      let i = 0, c = 0, u = "none";
+      r === "bottom" ? (i = e.bottom + l, n === "left" ? (c = e.left, u = "none") : n === "right" ? (c = e.right, u = "translateX(-100%)") : n === "center" && (c = e.left + e.width / 2, u = "translateX(-50%)")) : r === "top" ? (i = e.top - l, u = "translateY(-100%)", n === "left" ? c = e.left : n === "right" ? (c = e.right, u = "translate(-100%, -100%)") : n === "center" && (c = e.left + e.width / 2, u = "translate(-50%, -100%)")) : r === "left" ? (c = e.left - l, u = "translateX(-100%)", n === "top" ? i = e.top : n === "bottom" ? (i = e.bottom, u = "translate(-100%, -100%)") : n === "middle" && (i = e.top + e.height / 2, u = "translate(-100%, -50%)")) : r === "right" && (c = e.right + l, n === "top" ? (i = e.top, u = "none") : n === "bottom" ? (i = e.bottom, u = "translateY(-100%)") : n === "middle" && (i = e.top + e.height / 2, u = "translateY(-50%)")), x.value = {
         top: `${i}px`,
         left: `${c}px`,
-        transform: s
+        transform: u
       };
-    }, U = () => {
-      o.teleport && o.modelValue && (d(), h());
-    }, Q = () => {
-      if (o.teleport && o.modelValue) {
-        if (o.closeOnScrollOutOfView && !L()) {
-          v("update:modelValue", !1);
+    }, _ = () => {
+      t.teleport && t.modelValue && (g(), h());
+    }, G = () => {
+      if (t.teleport && t.modelValue) {
+        if (t.closeOnScrollOutOfView && !X()) {
+          w("update:modelValue", !1);
           return;
         }
-        o.followScroll && (d(), h());
+        t.followScroll && (g(), h());
       }
-    }, x = z(U, 16, !0), O = z(Q, 16, !0);
-    k(u, (t) => {
-      if (o.teleport) {
+    }, P = A(_, 16, !0), Y = A(G, 16, !0);
+    L(s, (o) => {
+      if (t.teleport) {
         const e = document.querySelector(".q-popover.teleported");
-        if (e && e.contains(t.target))
+        if (e && e.contains(o.target))
           return;
       }
-      o.modelValue && v("update:modelValue", !1);
+      t.modelValue && w("update:modelValue", !1);
     });
-    function _() {
-      w.value = !1, V.value = !1, C();
+    function j() {
+      p.value = !1, V.value = null, y.value = null, H.value = !1, v.value = {}, T();
     }
-    function G() {
-      w.value = !0, o.teleport ? B(() => {
-        d(), o.scrollIntoView && setTimeout(() => {
-          h(), $(), q();
+    function D() {
+      p.value = !0, t.teleport ? q(() => {
+        t.reposition && (V.value = B(t.align), y.value = I(t.position)), g(), t.scrollIntoView && setTimeout(() => {
+          h(), M(), O();
         }, 100);
-      }) : !y(u.value?.children[1]) && o.reposition === !0 && N();
+      }) : !E(s.value?.children[1]) && t.reposition === !0 && Q();
     }
-    return D(() => {
-      o.teleport && (window.addEventListener("resize", x), window.addEventListener("scroll", O, !0));
-    }), J(() => {
-      o.teleport && (window.removeEventListener("resize", x), window.removeEventListener("scroll", O, !0)), C();
-    }), K(
-      () => o.modelValue,
-      (t) => {
-        o.teleport && t && B(() => {
-          d(), h();
+    return K(() => {
+      t.teleport && (window.addEventListener("resize", P), window.addEventListener("scroll", Y, !0));
+    }), Z(() => {
+      t.teleport && (window.removeEventListener("resize", P), window.removeEventListener("scroll", Y, !0)), T();
+    }), ee(
+      () => t.modelValue,
+      (o) => {
+        t.teleport && o && q(() => {
+          g(), h();
         });
       }
     ), {
       // Refs
-      entered: w,
-      offsetStyle: p,
-      popover: u,
-      teleportedContentStyle: S,
-      teleportedStyle: I,
+      entered: p,
+      offsetStyle: b,
+      popover: s,
+      teleportedContentStyle: v,
+      teleportedStyle: x,
       // Computed
-      alignment: H,
-      positioning: E,
+      alignment: C,
+      positioning: R,
       // Methods
-      getAlignment: T,
-      getPositioning: W,
-      isElementInView: y,
-      onAfterLeave: _,
-      onClick: A,
-      onClickOutside: k,
-      onEnter: G,
-      onMouseLeave: M,
-      onMouseOver: F,
-      updateTeleportedPosition: d
+      getAlignment: B,
+      getPositioning: I,
+      isElementInView: E,
+      onAfterLeave: j,
+      onClick: F,
+      onClickOutside: L,
+      onEnter: D,
+      onMouseLeave: N,
+      onMouseOver: U,
+      updateTeleportedPosition: g
     };
   }
 });
 export {
-  oe as default
+  ne as default
 };

package/dist/index151.js

@@ -6,11 +6,11 @@ import ne from "./index204.js";
 import ce from "./index6.js";
 import ie from "./index52.js";
 import N from "./index28.js";
-import ue from "./index185.js";
+import ue from "./index184.js";
 import de from "./index57.js";
 import fe from "./index58.js";
 import { filterData as ve } from "./index56.js";
-import { useDebounceFn as he } from "./index184.js";
+import { useDebounceFn as he } from "./index183.js";
 const ke = te({
   name: "QTable",
   components: {

package/dist/index162.js

@@ -1,5 +1,5 @@
 import { defineComponent as c, ref as u, computed as v, onMounted as g, onUnmounted as h, watch as y, nextTick as m } from "vue";
-import { useThrottleFn as b } from "./index184.js";
+import { useThrottleFn as b } from "./index183.js";
 const T = c({
   name: "QTooltip",
   props: {

package/dist/index173.js

@@ -1,5 +1,5 @@
-import { noop as j, tryOnMounted as U, isClient as K, toArray as X, watchImmediate as re, notNullish as le, tryOnScopeDispose as ee, injectLocal as ue, pxValue as H, increaseWithUnit as se, isObject as ie, useThrottleFn as ae, useDebounceFn as ce } from "./index184.js";
-import { createFilterWrapper as We, debounceFilter as De, getLifeCycleTarget as Fe, throttleFilter as Ce } from "./index184.js";
+import { noop as j, tryOnMounted as U, isClient as K, toArray as X, watchImmediate as re, notNullish as le, tryOnScopeDispose as ee, injectLocal as ue, pxValue as H, increaseWithUnit as se, isObject as ie, useThrottleFn as ae, useDebounceFn as ce } from "./index183.js";
+import { createFilterWrapper as We, debounceFilter as De, getLifeCycleTarget as Fe, throttleFilter as Ce } from "./index183.js";
 import { shallowRef as T, computed as A, toValue as S, reactive as Y, watch as _, hasInjectionContext as de, watchEffect as fe, getCurrentInstance as ve, onMounted as me, unref as te } from "vue";
 const C = K ? window : void 0;
 function W(t) {