vft 0.0.312 → 0.0.313

package/es/components/upload/index.d.ts

@@ -3,16 +3,19 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
         data: {
             type: import("vue").PropType<Record<string, any>>;
         };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
         drag: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        onChange: {
-            type: import("vue").PropType<(uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
-        };
         onProgress: {
             type: import("vue").PropType<(evt: import("./types").UploadProgressEvent, uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
         };
+        onChange: {
+            type: import("vue").PropType<(uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
+        };
         onError: {
             type: import("vue").PropType<(error: Error, uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
         };
@@ -24,9 +27,6 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
             default: string;
         };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
         method: {
             type: import("vue").PropType<string>;
             default: string;
@@ -163,16 +163,19 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
         data: {
             type: import("vue").PropType<Record<string, any>>;
         };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
         drag: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        onChange: {
-            type: import("vue").PropType<(uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
-        };
         onProgress: {
             type: import("vue").PropType<(evt: import("./types").UploadProgressEvent, uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
         };
+        onChange: {
+            type: import("vue").PropType<(uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
+        };
         onError: {
             type: import("vue").PropType<(error: Error, uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
         };
@@ -184,9 +187,6 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
             default: string;
         };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
         method: {
             type: import("vue").PropType<string>;
             default: string;
@@ -320,16 +320,19 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
     data: {
         type: import("vue").PropType<Record<string, any>>;
     };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
     drag: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    onChange: {
-        type: import("vue").PropType<(uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
-    };
     onProgress: {
         type: import("vue").PropType<(evt: import("./types").UploadProgressEvent, uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
     };
+    onChange: {
+        type: import("vue").PropType<(uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
+    };
     onError: {
         type: import("vue").PropType<(error: Error, uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
     };
@@ -341,9 +344,6 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
     method: {
         type: import("vue").PropType<string>;
         default: string;

package/es/components/upload/index.js

@@ -1,15 +1,16 @@
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import { withInstall as o } from "../../utils/vue/install.js";
 import "lodash-es";
 import "vue";
 import t from "./upload.vue2.js";
-import { genFileId as s, uploadContextKey as x } from "./constants.js";
-const l = o(t);
+import { genFileId as x, uploadContextKey as c } from "./constants.js";
+const n = o(t);
 export {
-  l as VftUpload,
-  l as default,
-  s as genFileId,
-  x as uploadContextKey
+  n as VftUpload,
+  n as default,
+  x as genFileId,
+  c as uploadContextKey
 };

package/es/components/upload/upload-content.vue2.js

@@ -2,6 +2,7 @@ import { defineComponent as D, shallowRef as E, createElementBlock as M, openBlo
 import { isObject as q, entriesOf as z } from "@vft/utils";
 import "../form/index.js";
 import "@vueuse/core";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import { cloneDeep as P, isEqual as H } from "lodash-es";
 import { useNamespace as I } from "../../hooks/use-namespace/index.js";
@@ -15,7 +16,7 @@ import { useFormDisabled as Q } from "../form/hooks/use-form-common-props.js";
 const W = ["onKeydown"], Y = ["name", "multiple", "accept"], Z = D({
   name: "VftUploadContent",
   inheritAttrs: !1
-}), me = /* @__PURE__ */ D({
+}), he = /* @__PURE__ */ D({
   ...Z,
   props: {
     action: { default: "#" },
@@ -156,5 +157,5 @@ const W = ["onKeydown"], Y = ["name", "multiple", "accept"], Z = D({
   }
 });
 export {
-  me as default
+  he as default
 };

package/es/components/upload/upload-dragger.vue2.js

@@ -3,6 +3,7 @@ import "../form/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import { throwError as k } from "../../utils/error.js";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as w } from "../../hooks/use-namespace/index.js";
@@ -13,7 +14,7 @@ import { uploadContextKey as A } from "./constants.js";
 import { useFormDisabled as F } from "../form/hooks/use-form-common-props.js";
 const v = "VftUploadDrag", O = d({
   name: v
-}), L = /* @__PURE__ */ d({
+}), Q = /* @__PURE__ */ d({
   ...O,
   props: {
     disabled: { type: Boolean }
@@ -25,32 +26,32 @@ const v = "VftUploadDrag", O = d({
       v,
       "usage: <vft-upload><vft-upload-dragger /></vft-upload>"
     );
-    const l = w("upload"), t = E(!1), f = F(), g = (o) => {
-      if (f.value) return;
+    const l = w("upload"), t = E(!1), p = F(), g = (o) => {
+      if (p.value) return;
       t.value = !1, o.stopPropagation();
-      const r = Array.from(o.dataTransfer.files), s = i.accept.value;
+      const e = Array.from(o.dataTransfer.files), s = i.accept.value;
       if (!s) {
-        a("file", r);
+        a("file", e);
         return;
       }
-      const D = r.filter(($) => {
-        const { type: p, name: m } = $, b = m.includes(".") ? `.${m.split(".").pop()}` : "", C = p.replace(/\/.*$/, "");
-        return s.split(",").map((e) => e.trim()).filter((e) => e).some((e) => e.startsWith(".") ? b === e : /\/\*$/.test(e) ? C === e.replace(/\/\*$/, "") : /^[^/]+\/[^/]+$/.test(e) ? p === e : !1);
+      const D = e.filter(($) => {
+        const { type: f, name: m } = $, b = m.includes(".") ? `.${m.split(".").pop()}` : "", C = f.replace(/\/.*$/, "");
+        return s.split(",").map((r) => r.trim()).filter((r) => r).some((r) => r.startsWith(".") ? b === r : /\/\*$/.test(r) ? C === r.replace(/\/\*$/, "") : /^[^/]+\/[^/]+$/.test(r) ? f === r : !1);
       });
       a("file", D);
     }, _ = () => {
-      f.value || (t.value = !0);
+      p.value || (t.value = !0);
     };
-    return (o, r) => (B(), N("div", {
+    return (o, e) => (B(), N("div", {
       class: M([u(l).b("dragger"), u(l).is("dragover", t.value)]),
       onDrop: n(g, ["prevent"]),
       onDragover: n(_, ["prevent"]),
-      onDragleave: r[0] || (r[0] = n((s) => t.value = !1, ["prevent"]))
+      onDragleave: e[0] || (e[0] = n((s) => t.value = !1, ["prevent"]))
     }, [
       h(o.$slots, "default")
     ], 34));
   }
 });
 export {
-  L as default
+  Q as default
 };

package/es/components/upload/upload-list.vue2.js

@@ -1,9 +1,10 @@
-import { defineComponent as h, ref as $, createBlock as d, openBlock as n, TransitionGroup as V, unref as e, normalizeClass as t, withCtx as B, createElementBlock as r, renderSlot as g, Fragment as N, renderList as z, withKeys as F, createCommentVNode as a, createElementVNode as k, withModifiers as P, createVNode as v, toDisplayString as K, normalizeStyle as L } from "vue";
+import { defineComponent as h, ref as $, createBlock as d, openBlock as n, TransitionGroup as V, unref as e, normalizeClass as s, withCtx as B, createElementBlock as r, renderSlot as g, Fragment as N, renderList as z, withKeys as F, createCommentVNode as a, createElementVNode as k, withModifiers as P, createVNode as v, toDisplayString as K, normalizeStyle as L } from "vue";
 import "../form/index.js";
 import { VftIcon as m } from "../icon/index.js";
 import { VftProgress as S } from "../progress/index.js";
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as f } from "../../hooks/use-namespace/index.js";
@@ -24,22 +25,22 @@ const E = ["onKeydown"], I = ["src"], U = ["onClick"], G = ["onClick"], M = ["on
   },
   emits: ["remove"],
   setup(j, { emit: C }) {
-    const T = C, i = f("upload"), o = f("icon"), w = f("list"), p = D(), y = $(!1), b = (s) => {
-      T("remove", s);
+    const T = C, i = f("upload"), o = f("icon"), w = f("list"), p = D(), y = $(!1), b = (t) => {
+      T("remove", t);
     };
-    return (s, u) => (n(), d(V, {
+    return (t, u) => (n(), d(V, {
       tag: "ul",
-      class: t([
+      class: s([
         e(i).b("list"),
-        e(i).bm("list", s.listType),
+        e(i).bm("list", t.listType),
         e(i).is("disabled", e(p))
       ]),
       name: e(w).b()
     }, {
       default: B(() => [
-        (n(!0), r(N, null, z(s.files, (l) => (n(), r("li", {
+        (n(!0), r(N, null, z(t.files, (l) => (n(), r("li", {
           key: l.uid || l.name,
-          class: t([
+          class: s([
             e(i).be("list", "item"),
             e(i).is(l.status),
             { focusing: y.value }
@@ -50,87 +51,87 @@ const E = ["onKeydown"], I = ["src"], U = ["onClick"], G = ["onClick"], M = ["on
           onBlur: u[1] || (u[1] = (c) => y.value = !1),
           onClick: u[2] || (u[2] = (c) => y.value = !1)
         }, [
-          g(s.$slots, "default", { file: l }, () => [
-            s.listType === "picture" || l.status !== "uploading" && s.listType === "picture-card" ? (n(), r("img", {
+          g(t.$slots, "default", { file: l }, () => [
+            t.listType === "picture" || l.status !== "uploading" && t.listType === "picture-card" ? (n(), r("img", {
               key: 0,
-              class: t(e(i).be("list", "item-thumbnail")),
+              class: s(e(i).be("list", "item-thumbnail")),
               src: l.url,
               alt: ""
             }, null, 10, I)) : a("", !0),
-            l.status === "uploading" || s.listType !== "picture-card" ? (n(), r("div", {
+            l.status === "uploading" || t.listType !== "picture-card" ? (n(), r("div", {
               key: 1,
-              class: t(e(i).be("list", "item-info"))
+              class: s(e(i).be("list", "item-info"))
             }, [
               k("a", {
-                class: t(e(i).be("list", "item-name")),
-                onClick: P((c) => s.handlePreview(l), ["prevent"])
+                class: s(e(i).be("list", "item-name")),
+                onClick: P((c) => t.handlePreview(l), ["prevent"])
               }, [
                 v(e(m), {
-                  class: t(e(o).m("document")),
+                  class: s(e(o).m("document")),
                   icon: "icon-document"
                 }, null, 8, ["class"]),
                 k("span", {
-                  class: t(e(i).be("list", "item-file-name"))
+                  class: s(e(i).be("list", "item-file-name"))
                 }, K(l.name), 3)
               ], 10, U),
               l.status === "uploading" ? (n(), d(e(S), {
                 key: 0,
-                type: s.listType === "picture-card" ? "circle" : "line",
-                "stroke-width": s.listType === "picture-card" ? 6 : 2,
+                type: t.listType === "picture-card" ? "circle" : "line",
+                "stroke-width": t.listType === "picture-card" ? 6 : 2,
                 percentage: Number(l.percentage),
-                style: L(s.listType === "picture-card" ? "" : "margin-top: 0.5rem")
+                style: L(t.listType === "picture-card" ? "" : "margin-top: 0.5rem")
               }, null, 8, ["type", "stroke-width", "percentage", "style"])) : a("", !0)
             ], 2)) : a("", !0),
             k("label", {
-              class: t(e(i).be("list", "item-status-label"))
+              class: s(e(i).be("list", "item-status-label"))
             }, [
-              s.listType === "text" ? (n(), d(e(m), {
+              t.listType === "text" ? (n(), d(e(m), {
                 key: 0,
                 icon: "icon-circle-check",
-                class: t([e(o).m("upload-success"), e(o).m("circle-check")])
-              }, null, 8, ["class"])) : ["picture-card", "picture"].includes(s.listType) ? (n(), d(e(m), {
+                class: s([e(o).m("upload-success"), e(o).m("circle-check")])
+              }, null, 8, ["class"])) : ["picture-card", "picture"].includes(t.listType) ? (n(), d(e(m), {
                 key: 1,
                 icon: "icon-check",
-                class: t([e(o).m("upload-success"), e(o).m("check")])
+                class: s([e(o).m("upload-success"), e(o).m("check")])
               }, null, 8, ["class"])) : a("", !0)
             ], 2),
             e(p) ? a("", !0) : (n(), d(e(m), {
               key: 2,
               icon: "icon-close",
-              class: t(e(o).m("close")),
+              class: s(e(o).m("close")),
               onClick: (c) => b(l)
             }, null, 8, ["class", "onClick"])),
             e(p) ? a("", !0) : (n(), r("i", {
               key: 3,
-              class: t(e(o).m("close-tip"))
+              class: s(e(o).m("close-tip"))
             }, " 按 delete 键可删除 ", 2)),
-            s.listType === "picture-card" ? (n(), r("span", {
+            t.listType === "picture-card" ? (n(), r("span", {
               key: 4,
-              class: t(e(i).be("list", "item-actions"))
+              class: s(e(i).be("list", "item-actions"))
             }, [
               k("span", {
-                class: t(e(i).be("list", "item-preview")),
-                onClick: (c) => s.handlePreview(l)
+                class: s(e(i).be("list", "item-preview")),
+                onClick: (c) => t.handlePreview(l)
               }, [
                 v(e(m), {
                   icon: "icon-zoom-in",
-                  class: t(e(o).m("zoom-in"))
+                  class: s(e(o).m("zoom-in"))
                 }, null, 8, ["class"])
               ], 10, G),
               e(p) ? a("", !0) : (n(), r("span", {
                 key: 0,
-                class: t(e(i).be("list", "item-delete")),
+                class: s(e(i).be("list", "item-delete")),
                 onClick: (c) => b(l)
               }, [
                 v(e(m), {
                   icon: "icon-delete",
-                  class: t(e(o).m("delete"))
+                  class: s(e(o).m("delete"))
                 }, null, 8, ["class"])
               ], 10, M))
             ], 2)) : a("", !0)
           ])
         ], 42, E))), 128)),
-        g(s.$slots, "append")
+        g(t.$slots, "append")
       ]),
       _: 3
     }, 8, ["class", "name"]));

package/es/components/upload/use-handlers.js

@@ -1,13 +1,14 @@
 import { useVModel as L } from "@vueuse/core";
 import "@vft/utils";
 import { throwError as U, debugWarn as E } from "../../utils/error.js";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import { isNil as F } from "lodash-es";
 import { watch as l } from "vue";
 import { genFileId as d } from "./constants.js";
 const v = "VftUpload", O = (o) => {
   o.url?.startsWith("blob:") && URL.revokeObjectURL(o.url);
-}, k = (o, c) => {
+}, p = (o, c) => {
   const a = L(
     o,
     "fileList",
@@ -97,5 +98,5 @@ const v = "VftUpload", O = (o) => {
   };
 };
 export {
-  k as useHandlers
+  p as useHandlers
 };

package/es/components/verify-code/index.js

@@ -1,12 +1,13 @@
 import "@vueuse/core";
 import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
 import "../../utils/ns-cover.js";
 import { withInstall as t } from "../../utils/vue/install.js";
 import "lodash-es";
 import "vue";
 import o from "./verify-code.vue2.js";
-const s = t(o);
+const l = t(o);
 export {
-  s as VftVerifyCode,
-  s as default
+  l as VftVerifyCode,
+  l as default
 };

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

@@ -2,6 +2,7 @@ import { defineComponent as It, getCurrentInstance as Wt, ref as T, computed as
 import { useEventListener as $t } from "@vueuse/core";
 import { isNumber as E, isClient as kt, isString as X, hasOwn as Ft } from "@vft/utils";
 import { getScrollBarWidth as Gt } from "../../../utils/dom/scroll.js";
+import "../../config-provider/hooks/use-global-config.js";
 import "../../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as Nt } from "../../../hooks/use-namespace/index.js";
@@ -14,7 +15,7 @@ import { useCache as Vt } from "../hooks/use-cache.js";
 import { virtualizedGridProps as Ht } from "../props.js";
 import { getScrollDir as A, getRTLOffsetType as j, isRTL as J } from "../utils.js";
 import { ITEM_RENDER_EVT as Q, SCROLL_EVT as Z, FORWARD as _, AUTO_ALIGNMENT as Bt, BACKWARD as p, RTL as qt, RTL_OFFSET_POS_ASC as Ut, RTL_OFFSET_NAG as tt, RTL_OFFSET_POS_DESC as Kt } from "../defaults.js";
-const ae = ({
+const he = ({
   name: et,
   clearCache: I,
   getColumnPosition: k,
@@ -25,8 +26,8 @@ const ae = ({
   getColumnOffset: nt,
   getRowOffset: rt,
   getRowPosition: ct,
-  getRowStartIndexForOffset: st,
-  getRowStopIndexForStartIndex: it,
+  getRowStartIndexForOffset: it,
+  getRowStopIndexForStartIndex: st,
   initCache: at,
   injectToInstance: ht,
   validateProps: dt
@@ -49,43 +50,43 @@ const ae = ({
     }), D = Vt(), y = m(
       () => Number.parseInt(`${e.height}`, 10)
     ), C = m(() => Number.parseInt(`${e.width}`, 10)), B = m(() => {
-      const { totalColumn: l, totalRow: t, columnCache: o } = e, { isScrolling: r, xAxisScrollDir: c, scrollLeft: s } = n(h);
+      const { totalColumn: l, totalRow: t, columnCache: o } = e, { isScrolling: r, xAxisScrollDir: c, scrollLeft: i } = n(h);
       if (l === 0 || t === 0)
         return [0, 0, 0, 0];
-      const i = lt(
+      const s = lt(
         e,
-        s,
+        i,
         n(w)
       ), a = ot(
         e,
-        i,
         s,
+        i,
         n(w)
       ), d = !r || c === p ? Math.max(1, o) : 1, u = !r || c === _ ? Math.max(1, o) : 1;
       return [
-        Math.max(0, i - d),
+        Math.max(0, s - d),
         Math.max(0, Math.min(l - 1, a + u)),
-        i,
+        s,
         a
       ];
     }), q = m(() => {
-      const { totalColumn: l, totalRow: t, rowCache: o } = e, { isScrolling: r, yAxisScrollDir: c, scrollTop: s } = n(h);
+      const { totalColumn: l, totalRow: t, rowCache: o } = e, { isScrolling: r, yAxisScrollDir: c, scrollTop: i } = n(h);
       if (l === 0 || t === 0)
         return [0, 0, 0, 0];
-      const i = st(
+      const s = it(
         e,
-        s,
+        i,
         n(w)
-      ), a = it(
+      ), a = st(
         e,
-        i,
         s,
+        i,
         n(w)
       ), d = !r || c === p ? Math.max(1, o) : 1, u = !r || c === _ ? Math.max(1, o) : 1;
       return [
-        Math.max(0, i - d),
+        Math.max(0, s - d),
         Math.max(0, Math.min(t - 1, a + u)),
-        i,
+        s,
         a
       ];
     }), x = m(
@@ -136,13 +137,13 @@ const ae = ({
         scrollLeft: o,
         scrollTop: r,
         updateRequested: c,
-        xAxisScrollDir: s,
-        yAxisScrollDir: i
+        xAxisScrollDir: i,
+        yAxisScrollDir: s
       } = n(h);
       N(Z, {
-        xAxisScrollDir: s,
+        xAxisScrollDir: i,
         scrollLeft: o,
-        yAxisScrollDir: i,
+        yAxisScrollDir: s,
         scrollTop: r,
         updateRequested: c
       });
@@ -152,10 +153,10 @@ const ae = ({
         clientWidth: o,
         scrollHeight: r,
         scrollLeft: c,
-        scrollTop: s,
-        scrollWidth: i
+        scrollTop: i,
+        scrollWidth: s
       } = l.currentTarget, a = n(h);
-      if (a.scrollTop === s && a.scrollLeft === c)
+      if (a.scrollTop === i && a.scrollLeft === c)
         return;
       let d = c;
       if (J(e.direction))
@@ -164,7 +165,7 @@ const ae = ({
             d = -c;
             break;
           case Kt:
-            d = i - o - c;
+            d = s - o - c;
             break;
         }
       h.value = {
@@ -173,11 +174,11 @@ const ae = ({
         scrollLeft: d,
         scrollTop: Math.max(
           0,
-          Math.min(s, r - t)
+          Math.min(i, r - t)
         ),
         updateRequested: !0,
         xAxisScrollDir: A(a.scrollLeft, d),
-        yAxisScrollDir: A(a.scrollTop, s)
+        yAxisScrollDir: A(a.scrollTop, i)
       }, $(() => U()), K(), O();
     }, vt = (l, t) => {
       const o = n(y), r = (x.value - o) / t * l;
@@ -235,14 +236,14 @@ const ae = ({
     }, Tt = (l = 0, t = 0, o = Bt) => {
       const r = n(h);
       t = Math.max(0, Math.min(t, e.totalColumn - 1)), l = Math.max(0, Math.min(l, e.totalRow - 1));
-      const c = Gt(b.namespace.value), s = n(w), i = F(e, s), a = G(e, s);
+      const c = Gt(b.namespace.value), i = n(w), s = F(e, i), a = G(e, i);
       R({
         scrollLeft: nt(
           e,
           t,
           o,
           r.scrollLeft,
-          s,
+          i,
           a > e.width ? c : 0
         ),
         scrollTop: rt(
@@ -250,28 +251,28 @@ const ae = ({
           l,
           o,
           r.scrollTop,
-          s,
-          i > e.height ? c : 0
+          i,
+          s > e.height ? c : 0
         )
       });
     }, Lt = (l, t) => {
-      const { columnWidth: o, direction: r, rowHeight: c } = e, s = D.value(
+      const { columnWidth: o, direction: r, rowHeight: c } = e, i = D.value(
         I && o,
         I && c,
         I && r
-      ), i = `${l},${t}`;
-      if (Ft(s, i))
-        return s[i];
+      ), s = `${l},${t}`;
+      if (Ft(i, s))
+        return i[s];
       {
         const [, a] = k(e, t, n(w)), d = n(w), u = J(r), [f, S] = ct(e, l, d), [v] = k(e, t, d);
-        return s[i] = {
+        return i[s] = {
           position: "absolute",
           left: u ? void 0 : `${a}px`,
           right: u ? `${a}px` : void 0,
           top: `${S}px`,
           height: `${f}px`,
           width: `${v}px`
-        }, s[i];
+        }, i[s];
       }
     }, U = () => {
       h.value.isScrolling = !1, $(() => {
@@ -297,8 +298,8 @@ const ae = ({
               break;
             }
             default: {
-              const { clientWidth: s, scrollWidth: i } = c;
-              c.scrollLeft = i - s - t;
+              const { clientWidth: i, scrollWidth: s } = c;
+              c.scrollLeft = s - i - t;
               break;
             }
           }
@@ -325,17 +326,17 @@ const ae = ({
         scrollbarEndGap: o,
         totalColumn: r,
         totalRow: c
-      } = e, s = n(C), i = n(y), a = n(g), d = n(x), { scrollLeft: u, scrollTop: f } = n(h), S = L(Y, {
+      } = e, i = n(C), s = n(y), a = n(g), d = n(x), { scrollLeft: u, scrollTop: f } = n(h), S = L(Y, {
         ref: z,
         alwaysOn: l,
         startGap: t,
         endGap: o,
         class: b.e("horizontal"),
-        clientSize: s,
+        clientSize: i,
         layout: "horizontal",
         onScroll: xt,
-        ratio: s * 100 / a,
-        scrollFrom: u / (a - s),
+        ratio: i * 100 / a,
+        scrollFrom: u / (a - i),
         total: c,
         visible: !0
       }), v = L(Y, {
@@ -344,11 +345,11 @@ const ae = ({
         startGap: t,
         endGap: o,
         class: b.e("vertical"),
-        clientSize: i,
+        clientSize: s,
         layout: "vertical",
         onScroll: vt,
-        ratio: i * 100 / d,
-        scrollFrom: f / (d - i),
+        ratio: s * 100 / d,
+        scrollFrom: f / (d - s),
         total: r,
         visible: !0
       });
@@ -357,8 +358,8 @@ const ae = ({
         verticalScrollbar: v
       };
     }, yt = () => {
-      const [l, t] = n(B), [o, r] = n(q), { data: c, totalColumn: s, totalRow: i, useIsScrolling: a, itemKey: d } = e, u = [];
-      if (i > 0 && s > 0)
+      const [l, t] = n(B), [o, r] = n(q), { data: c, totalColumn: i, totalRow: s, useIsScrolling: a, itemKey: d } = e, u = [];
+      if (s > 0 && i > 0)
         for (let f = o; f <= r; f++)
           for (let S = l; S <= t; S++) {
             const v = d({ columnIndex: S, data: c, rowIndex: f });
@@ -422,5 +423,5 @@ const ae = ({
   }
 });
 export {
-  ae as default
+  he as default
 };