vft 0.0.239 → 0.0.240

package/es/components/virtual-list/builders/build-grid.js

@@ -1,97 +1,97 @@
-import { isNumber as T, isString as X, hasOwn as Wt } from "@vft/utils";
-import { isClient as Dt } from "@vueuse/core";
-import { getScrollBarWidth as Ot } from "../../../utils/dom/scroll.js";
+import { isNumber as T, isString as K, hasOwn as It } from "@vft/utils";
+import { isClient as Wt } from "@vueuse/core";
+import { getScrollBarWidth as Dt } from "../../../utils/dom/scroll.js";
 import "../../../utils/ns-cover.js";
 import "lodash-es";
-import { defineComponent as It, getCurrentInstance as $t, ref as L, computed as m, unref as r, onMounted as kt, nextTick as G, resolveDynamicComponent as Y, h as R } from "vue";
+import { defineComponent as Ot, getCurrentInstance as $t, ref as g, computed as m, unref as n, onMounted as kt, nextTick as k, resolveDynamicComponent as P, h as R } from "vue";
 import { useNamespace as Ft } from "../../../hooks/use-namespace/index.js";
 import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
-import J from "../components/scrollbar.js";
-import { ITEM_RENDER_EVT as Q, SCROLL_EVT as Z, FORWARD as A, AUTO_ALIGNMENT as Gt, BACKWARD as j, RTL as Nt, RTL_OFFSET_POS_ASC as Vt, RTL_OFFSET_NAG as p, RTL_OFFSET_POS_DESC as zt } from "../defaults.js";
+import X from "../components/scrollbar.js";
+import { ITEM_RENDER_EVT as Y, SCROLL_EVT as j, FORWARD as A, AUTO_ALIGNMENT as Gt, BACKWARD as J, RTL as Nt, RTL_OFFSET_POS_ASC as Vt, RTL_OFFSET_NAG as Q, RTL_OFFSET_POS_DESC as zt } from "../defaults.js";
 import { useCache as Ht } from "../hooks/use-cache.js";
 import { useGridWheel as Bt } from "../hooks/use-grid-wheel.js";
 import { virtualizedGridProps as qt } from "../props.js";
-import { getScrollDir as _, getRTLOffsetType as tt, isRTL as et } from "../utils.js";
+import { getScrollDir as _, getRTLOffsetType as Z, isRTL as p } from "../utils.js";
 const ie = ({
-  name: lt,
-  clearCache: W,
-  getColumnPosition: N,
-  getColumnStartIndexForOffset: ot,
-  getColumnStopIndexForStartIndex: rt,
-  getEstimatedTotalHeight: V,
-  getEstimatedTotalWidth: z,
-  getColumnOffset: nt,
-  getRowOffset: ct,
-  getRowPosition: it,
-  getRowStartIndexForOffset: at,
-  getRowStopIndexForStartIndex: st,
-  initCache: ht,
-  injectToInstance: D,
-  validateProps: dt
-}) => It({
-  name: lt ?? "VftVirtualList",
+  name: tt,
+  clearCache: I,
+  getColumnPosition: F,
+  getColumnStartIndexForOffset: et,
+  getColumnStopIndexForStartIndex: ot,
+  getEstimatedTotalHeight: G,
+  getEstimatedTotalWidth: N,
+  getColumnOffset: lt,
+  getRowOffset: nt,
+  getRowPosition: rt,
+  getRowStartIndexForOffset: ct,
+  getRowStopIndexForStartIndex: it,
+  initCache: st,
+  injectToInstance: at,
+  validateProps: ht
+}) => Ot({
+  name: tt ?? "VftVirtualList",
   props: qt,
-  emits: [Q, Z],
-  setup(e, { emit: H, expose: ut, slots: O }) {
+  emits: [Y, j],
+  setup(e, { emit: V, expose: dt, slots: ut }) {
     const E = Ft("vl");
-    dt(e);
-    const I = $t(), w = L(ht(e, I));
-    D == null || D(I, w);
-    const b = L(), $ = L(), mt = L(), B = L(null), h = L({
+    ht(e);
+    const W = $t(), w = g(st(e, W));
+    at?.(W, w);
+    const b = g(), D = g(), mt = g(), z = g(null), h = g({
       isScrolling: !1,
       scrollLeft: T(e.initScrollLeft) ? e.initScrollLeft : 0,
       scrollTop: T(e.initScrollTop) ? e.initScrollTop : 0,
       updateRequested: !1,
       xAxisScrollDir: A,
       yAxisScrollDir: A
-    }), k = Ht(), y = m(
+    }), O = Ht(), y = m(
       () => Number.parseInt(`${e.height}`, 10)
-    ), C = m(() => Number.parseInt(`${e.width}`, 10)), q = m(() => {
-      const { totalColumn: l, totalRow: t, columnCache: o } = e, { isScrolling: a, xAxisScrollDir: n, scrollLeft: c } = r(h);
-      if (l === 0 || t === 0)
+    ), C = m(() => Number.parseInt(`${e.width}`, 10)), H = m(() => {
+      const { totalColumn: o, totalRow: t, columnCache: l } = e, { isScrolling: r, xAxisScrollDir: c, scrollLeft: i } = n(h);
+      if (o === 0 || t === 0)
         return [0, 0, 0, 0];
-      const i = ot(
+      const s = et(
         e,
-        c,
-        r(w)
-      ), s = rt(
+        i,
+        n(w)
+      ), a = ot(
         e,
+        s,
         i,
-        c,
-        r(w)
-      ), d = !a || n === j ? Math.max(1, o) : 1, u = !a || n === A ? Math.max(1, o) : 1;
+        n(w)
+      ), d = !r || c === J ? Math.max(1, l) : 1, u = !r || c === A ? Math.max(1, l) : 1;
       return [
-        Math.max(0, i - d),
-        Math.max(0, Math.min(l - 1, s + u)),
-        i,
-        s
+        Math.max(0, s - d),
+        Math.max(0, Math.min(o - 1, a + u)),
+        s,
+        a
       ];
-    }), U = m(() => {
-      const { totalColumn: l, totalRow: t, rowCache: o } = e, { isScrolling: a, yAxisScrollDir: n, scrollTop: c } = r(h);
-      if (l === 0 || t === 0)
+    }), B = m(() => {
+      const { totalColumn: o, totalRow: t, rowCache: l } = e, { isScrolling: r, yAxisScrollDir: c, scrollTop: i } = n(h);
+      if (o === 0 || t === 0)
         return [0, 0, 0, 0];
-      const i = at(
+      const s = ct(
         e,
-        c,
-        r(w)
-      ), s = st(
+        i,
+        n(w)
+      ), a = it(
         e,
+        s,
         i,
-        c,
-        r(w)
-      ), d = !a || n === j ? Math.max(1, o) : 1, u = !a || n === A ? Math.max(1, o) : 1;
+        n(w)
+      ), d = !r || c === J ? Math.max(1, l) : 1, u = !r || c === A ? Math.max(1, l) : 1;
       return [
-        Math.max(0, i - d),
-        Math.max(0, Math.min(t - 1, s + u)),
-        i,
-        s
+        Math.max(0, s - d),
+        Math.max(0, Math.min(t - 1, a + u)),
+        s,
+        a
       ];
-    }), v = m(
-      () => V(e, r(w))
-    ), g = m(
-      () => z(e, r(w))
+    }), x = m(
+      () => G(e, n(w))
+    ), v = m(
+      () => N(e, n(w))
     ), ft = m(() => [
       {
         position: "relative",
@@ -106,210 +106,209 @@ const ie = ({
       },
       e.style ?? {}
     ]), St = m(() => {
-      const l = `${r(g)}px`;
+      const o = `${n(v)}px`;
       return {
-        height: `${r(v)}px`,
-        pointerEvents: r(h).isScrolling ? "none" : void 0,
-        width: l
+        height: `${n(x)}px`,
+        pointerEvents: n(h).isScrolling ? "none" : void 0,
+        width: o
       };
-    }), F = () => {
-      const { totalColumn: l, totalRow: t } = e;
-      if (l > 0 && t > 0) {
+    }), $ = () => {
+      const { totalColumn: o, totalRow: t } = e;
+      if (o > 0 && t > 0) {
         const [
-          s,
+          a,
           d,
           u,
-          x
-        ] = r(q), [f, S, At, _t] = r(U);
-        H(Q, {
-          columnCacheStart: s,
+          f
+        ] = n(H), [S, M, At, _t] = n(B);
+        V(Y, {
+          columnCacheStart: a,
           columnCacheEnd: d,
-          rowCacheStart: f,
-          rowCacheEnd: S,
+          rowCacheStart: S,
+          rowCacheEnd: M,
           columnVisibleStart: u,
-          columnVisibleEnd: x,
+          columnVisibleEnd: f,
           rowVisibleStart: At,
           rowVisibleEnd: _t
         });
       }
       const {
-        scrollLeft: o,
-        scrollTop: a,
-        updateRequested: n,
-        xAxisScrollDir: c,
-        yAxisScrollDir: i
-      } = r(h);
-      H(Z, {
-        xAxisScrollDir: c,
-        scrollLeft: o,
-        yAxisScrollDir: i,
-        scrollTop: a,
-        updateRequested: n
+        scrollLeft: l,
+        scrollTop: r,
+        updateRequested: c,
+        xAxisScrollDir: i,
+        yAxisScrollDir: s
+      } = n(h);
+      V(j, {
+        xAxisScrollDir: i,
+        scrollLeft: l,
+        yAxisScrollDir: s,
+        scrollTop: r,
+        updateRequested: c
       });
-    }, wt = (l) => {
+    }, wt = (o) => {
       const {
         clientHeight: t,
-        clientWidth: o,
-        scrollHeight: a,
-        scrollLeft: n,
-        scrollTop: c,
-        scrollWidth: i
-      } = l.currentTarget, s = r(h);
-      if (s.scrollTop === c && s.scrollLeft === n)
+        clientWidth: l,
+        scrollHeight: r,
+        scrollLeft: c,
+        scrollTop: i,
+        scrollWidth: s
+      } = o.currentTarget, a = n(h);
+      if (a.scrollTop === i && a.scrollLeft === c)
         return;
-      let d = n;
-      if (et(e.direction))
-        switch (tt()) {
-          case p:
-            d = -n;
+      let d = c;
+      if (p(e.direction))
+        switch (Z()) {
+          case Q:
+            d = -c;
             break;
           case zt:
-            d = i - o - n;
+            d = s - l - c;
             break;
         }
       h.value = {
-        ...s,
+        ...a,
         isScrolling: !0,
         scrollLeft: d,
         scrollTop: Math.max(
           0,
-          Math.min(c, a - t)
+          Math.min(i, r - t)
         ),
         updateRequested: !0,
-        xAxisScrollDir: _(s.scrollLeft, d),
-        yAxisScrollDir: _(s.scrollTop, c)
-      }, G(() => K()), P(), F();
-    }, xt = (l, t) => {
-      const o = r(y), a = (v.value - o) / t * l;
-      M({
-        scrollTop: Math.min(v.value - o, a)
+        xAxisScrollDir: _(a.scrollLeft, d),
+        yAxisScrollDir: _(a.scrollTop, i)
+      }, k(() => q()), U(), $();
+    }, xt = (o, t) => {
+      const l = n(y), r = (x.value - l) / t * o;
+      L({
+        scrollTop: Math.min(x.value - l, r)
       });
-    }, vt = (l, t) => {
-      const o = r(C), a = (g.value - o) / t * l;
-      M({
-        scrollLeft: Math.min(g.value - o, a)
+    }, vt = (o, t) => {
+      const l = n(C), r = (v.value - l) / t * o;
+      L({
+        scrollLeft: Math.min(v.value - l, r)
       });
-    }, { onWheel: gt } = Bt(
+    }, { onWheel: Tt } = Bt(
       {
         atXStartEdge: m(() => h.value.scrollLeft <= 0),
         atXEndEdge: m(
-          () => h.value.scrollLeft >= g.value - r(C)
+          () => h.value.scrollLeft >= v.value - n(C)
         ),
         atYStartEdge: m(() => h.value.scrollTop <= 0),
         atYEndEdge: m(
-          () => h.value.scrollTop >= v.value - r(y)
+          () => h.value.scrollTop >= x.value - n(y)
         )
       },
-      (l, t) => {
-        var n, c, i, s;
-        (c = (n = $.value) == null ? void 0 : n.onMouseUp) == null || c.call(n), (s = (i = $.value) == null ? void 0 : i.onMouseUp) == null || s.call(i);
-        const o = r(C), a = r(y);
-        M({
+      (o, t) => {
+        D.value?.onMouseUp?.(), D.value?.onMouseUp?.();
+        const l = n(C), r = n(y);
+        L({
           scrollLeft: Math.min(
-            h.value.scrollLeft + l,
-            g.value - o
+            h.value.scrollLeft + o,
+            v.value - l
           ),
           scrollTop: Math.min(
             h.value.scrollTop + t,
-            v.value - a
+            x.value - r
           )
         });
       }
-    ), M = ({
-      scrollLeft: l = h.value.scrollLeft,
+    ), L = ({
+      scrollLeft: o = h.value.scrollLeft,
       scrollTop: t = h.value.scrollTop
     }) => {
-      l = Math.max(l, 0), t = Math.max(t, 0);
-      const o = r(h);
-      t === o.scrollTop && l === o.scrollLeft || (h.value = {
-        ...o,
-        xAxisScrollDir: _(o.scrollLeft, l),
-        yAxisScrollDir: _(o.scrollTop, t),
-        scrollLeft: l,
+      o = Math.max(o, 0), t = Math.max(t, 0);
+      const l = n(h);
+      t === l.scrollTop && o === l.scrollLeft || (h.value = {
+        ...l,
+        xAxisScrollDir: _(l.scrollLeft, o),
+        yAxisScrollDir: _(l.scrollTop, t),
+        scrollLeft: o,
         scrollTop: t,
         updateRequested: !0
-      }, G(() => K()), P(), F());
-    }, Tt = (l = 0, t = 0, o = Gt) => {
-      const a = r(h);
-      t = Math.max(0, Math.min(t, e.totalColumn - 1)), l = Math.max(0, Math.min(l, e.totalRow - 1));
-      const n = Ot(E.namespace.value), c = r(w), i = V(e, c), s = z(e, c);
-      M({
-        scrollLeft: nt(
+      }, k(() => q()), U(), $());
+    }, gt = (o = 0, t = 0, l = Gt) => {
+      const r = n(h);
+      t = Math.max(0, Math.min(t, e.totalColumn - 1)), o = Math.max(0, Math.min(o, e.totalRow - 1));
+      const c = Dt(E.namespace.value), i = n(w), s = G(e, i), a = N(e, i);
+      L({
+        scrollLeft: lt(
           e,
           t,
-          o,
-          a.scrollLeft,
-          c,
-          s > e.width ? n : 0
+          l,
+          r.scrollLeft,
+          i,
+          a > e.width ? c : 0
         ),
-        scrollTop: ct(
+        scrollTop: nt(
           e,
-          l,
           o,
-          a.scrollTop,
-          c,
-          i > e.height ? n : 0
+          l,
+          r.scrollTop,
+          i,
+          s > e.height ? c : 0
         )
       });
-    }, Lt = (l, t) => {
-      const { columnWidth: o, direction: a, rowHeight: n } = e, c = k.value(
-        W && o,
-        W && n,
-        W && a
-      ), i = `${l},${t}`;
-      if (Wt(c, i))
-        return c[i];
+    }, Lt = (o, t) => {
+      const { columnWidth: l, direction: r, rowHeight: c } = e, i = O.value(
+        I && l,
+        I && c,
+        I && r
+      ), s = `${o},${t}`;
+      if (It(i, s))
+        return i[s];
       {
-        const [, s] = N(e, t, r(w)), d = r(w), u = et(a), [x, f] = it(e, l, d), [S] = N(e, t, d);
-        return c[i] = {
+        const [, a] = F(e, t, n(w)), d = n(w), u = p(r), [f, S] = rt(e, o, d), [M] = F(e, t, d);
+        return i[s] = {
           position: "absolute",
-          left: u ? void 0 : `${s}px`,
-          right: u ? `${s}px` : void 0,
-          top: `${f}px`,
-          height: `${x}px`,
-          width: `${S}px`
-        }, c[i];
+          left: u ? void 0 : `${a}px`,
+          right: u ? `${a}px` : void 0,
+          top: `${S}px`,
+          height: `${f}px`,
+          width: `${M}px`
+        }, i[s];
       }
-    }, K = () => {
-      h.value.isScrolling = !1, G(() => {
-        k.value(-1, null, null);
+    }, q = () => {
+      h.value.isScrolling = !1, k(() => {
+        O.value(-1, null, null);
       });
     };
     kt(() => {
-      if (!Dt) return;
-      const { initScrollLeft: l, initScrollTop: t } = e, o = r(b);
-      o && (T(l) && (o.scrollLeft = l), T(t) && (o.scrollTop = t)), F();
+      if (!Wt) return;
+      const { initScrollLeft: o, initScrollTop: t } = e, l = n(b);
+      l && (T(o) && (l.scrollLeft = o), T(t) && (l.scrollTop = t)), $();
     });
-    const P = () => {
-      const { direction: l } = e, { scrollLeft: t, scrollTop: o, updateRequested: a } = r(h), n = r(b);
-      if (a && n) {
-        if (l === Nt)
-          switch (tt()) {
-            case p: {
-              n.scrollLeft = -t;
+    const U = () => {
+      const { direction: o } = e, { scrollLeft: t, scrollTop: l, updateRequested: r } = n(h), c = n(b);
+      if (r && c) {
+        if (o === Nt)
+          switch (Z()) {
+            case Q: {
+              c.scrollLeft = -t;
               break;
             }
             case Vt: {
-              n.scrollLeft = t;
+              c.scrollLeft = t;
               break;
             }
             default: {
-              const { clientWidth: c, scrollWidth: i } = n;
-              n.scrollLeft = i - c - t;
+              const { clientWidth: i, scrollWidth: s } = c;
+              c.scrollLeft = s - i - t;
               break;
             }
           }
         else
-          n.scrollLeft = Math.max(0, t);
-        n.scrollTop = Math.max(0, o);
+          c.scrollLeft = Math.max(0, t);
+        c.scrollTop = Math.max(0, l);
       }
-    }, { resetAfterColumnIndex: Mt, resetAfterRowIndex: Rt, resetAfter: Et } = I.proxy;
-    ut({
+    }, { resetAfterColumnIndex: Mt, resetAfterRowIndex: Rt, resetAfter: Et } = W.proxy;
+    dt({
       windowRef: b,
-      innerRef: B,
-      getItemStyleCache: k,
-      scrollTo: M,
-      scrollToItem: Tt,
+      innerRef: z,
+      getItemStyleCache: O,
+      scrollTo: L,
+      scrollToItem: gt,
       states: h,
       resetAfterColumnIndex: Mt,
       resetAfterRowIndex: Rt,
@@ -317,78 +316,77 @@ const ie = ({
     });
     const bt = () => {
       const {
-        scrollbarAlwaysOn: l,
+        scrollbarAlwaysOn: o,
         scrollbarStartGap: t,
-        scrollbarEndGap: o,
-        totalColumn: a,
-        totalRow: n
-      } = e, c = r(C), i = r(y), s = r(g), d = r(v), { scrollLeft: u, scrollTop: x } = r(h), f = R(J, {
-        ref: $,
-        alwaysOn: l,
+        scrollbarEndGap: l,
+        totalColumn: r,
+        totalRow: c
+      } = e, i = n(C), s = n(y), a = n(v), d = n(x), { scrollLeft: u, scrollTop: f } = n(h), S = R(X, {
+        ref: D,
+        alwaysOn: o,
         startGap: t,
-        endGap: o,
+        endGap: l,
         class: E.e("horizontal"),
-        clientSize: c,
+        clientSize: i,
         layout: "horizontal",
         onScroll: vt,
-        ratio: c * 100 / s,
-        scrollFrom: u / (s - c),
-        total: n,
+        ratio: i * 100 / a,
+        scrollFrom: u / (a - i),
+        total: c,
         visible: !0
-      }), S = R(J, {
+      }), M = R(X, {
         ref: mt,
-        alwaysOn: l,
+        alwaysOn: o,
         startGap: t,
-        endGap: o,
+        endGap: l,
         class: E.e("vertical"),
-        clientSize: i,
+        clientSize: s,
         layout: "vertical",
         onScroll: xt,
-        ratio: i * 100 / d,
-        scrollFrom: x / (d - i),
-        total: a,
+        ratio: s * 100 / d,
+        scrollFrom: f / (d - s),
+        total: r,
         visible: !0
       });
       return {
-        horizontalScrollbar: f,
-        verticalScrollbar: S
+        horizontalScrollbar: S,
+        verticalScrollbar: M
       };
     }, yt = () => {
-      var x;
-      const [l, t] = r(q), [o, a] = r(U), { data: n, totalColumn: c, totalRow: i, useIsScrolling: s, itemKey: d } = e, u = [];
-      if (i > 0 && c > 0)
-        for (let f = o; f <= a; f++)
-          for (let S = l; S <= t; S++)
+      const [o, t] = n(H), [l, r] = n(B), { data: c, totalColumn: i, totalRow: s, useIsScrolling: a, itemKey: d } = e, u = [];
+      if (s > 0 && i > 0)
+        for (let f = l; f <= r; f++)
+          for (let S = o; S <= t; S++)
             u.push(
-              (x = O.default) == null ? void 0 : x.call(O, {
+              ut.default?.({
                 columnIndex: S,
-                data: n,
-                key: d({ columnIndex: S, data: n, rowIndex: f }),
-                isScrolling: s ? r(h).isScrolling : void 0,
+                data: c,
+                key: d({ columnIndex: S, data: c, rowIndex: f }),
+                isScrolling: a ? n(h).isScrolling : void 0,
                 style: Lt(f, S),
                 rowIndex: f
               })
             );
       return u;
     }, Ct = () => {
-      const l = Y(e.innerElement), t = yt();
+      const o = P(e.innerElement), t = yt();
       return [
         R(
-          l,
+          o,
           {
-            style: r(St),
-            ref: B
+            style: n(St),
+            ref: z
           },
-          X(l) ? t : {
+          K(o) ? t : {
             default: () => t
           }
         )
       ];
     };
     return () => {
-      const l = Y(
+      const o = P(
         e.containerElement
-      ), { horizontalScrollbar: t, verticalScrollbar: o } = bt(), a = Ct();
+      ), { horizontalScrollbar: t, verticalScrollbar: l } = bt(), r = Ct();
       return R(
         "div",
         {
@@ -398,18 +396,18 @@ const ie = ({
         },
         [
           R(
-            l,
+            o,
             {
               class: e.className,
-              style: r(ft),
+              style: n(ft),
               onScroll: wt,
-              onWheel: gt,
+              onWheel: Tt,
               ref: b
             },
-            X(l) ? a : { default: () => a }
+            K(o) ? r : { default: () => r }
           ),
           t,
-          o
+          l
         ]
       );
     };