@aplus-frontend/ui 7.7.3 → 7.7.4

package/es/src/editable-table/index.vue.mjs

@@ -1,19 +1,19 @@
-import { defineComponent as H, useSlots as $, ref as b, watch as v, unref as s, createBlock as q, openBlock as J, withCtx as p, createVNode as w, mergeProps as Q, createSlots as X, renderList as Y, renderSlot as Z, normalizeProps as M, guardReactiveProps as ee } from "vue";
-import { Table as te } from "@aplus-frontend/antdv";
+import { defineComponent as W, useSlots as H, shallowRef as $, ref as q, watch as b, unref as s, createBlock as J, openBlock as Q, withCtx as p, createVNode as w, mergeProps as X, createSlots as Y, renderList as Z, renderSlot as M, normalizeProps as ee, guardReactiveProps as te } from "vue";
+import { Table as ae } from "@aplus-frontend/antdv";
 import { ApForm as m } from "../ap-form/index.mjs";
-import { isEqual as ae, isArray as c, isUndefined as ne, isNumber as h, cloneDeep as oe, omit as x } from "lodash-unified";
+import { isEqual as ne, isArray as c, isUndefined as oe, isNumber as h, cloneDeep as le, omit as v } from "lodash-unified";
 import "../config-provider/index.mjs";
 import "../hooks/index.mjs";
 import "../utils/index.mjs";
-import { scrollToRowIndex as le } from "./utils.mjs";
-import se from "./hooks/use-get-columns.mjs";
-import { useDevWarning as re } from "../utils/warning.mjs";
-import ue from "./style/index.mjs";
-import { useNamespace as ie } from "../config-provider/hooks/use-namespace.mjs";
-import { useControllableValue as de } from "../hooks/useControllableValue.mjs";
-import { useGlobalConfig as fe } from "../config-provider/hooks/use-global-config.mjs";
-import { isDef as y } from "../utils/is.mjs";
-const Ve = /* @__PURE__ */ H({
+import { scrollToRowIndex as se } from "./utils.mjs";
+import re from "./hooks/use-get-columns.mjs";
+import { useDevWarning as ue } from "../utils/warning.mjs";
+import ie from "./style/index.mjs";
+import { useNamespace as de } from "../config-provider/hooks/use-namespace.mjs";
+import { useControllableValue as fe } from "../hooks/useControllableValue.mjs";
+import { useGlobalConfig as pe } from "../config-provider/hooks/use-global-config.mjs";
+import { isDef as x } from "../utils/is.mjs";
+const Se = /* @__PURE__ */ W({
   name: "EditableTable",
   __name: "index",
   props: {
@@ -113,41 +113,41 @@ const Ve = /* @__PURE__ */ H({
     onFieldChange: {}
   },
   emits: ["update:value"],
-  setup(C, {
-    expose: R,
-    emit: F
+  setup(y, {
+    expose: C,
+    emit: R
   }) {
-    const t = C;
-    re("EditableTable")(!1, "breaking", "EditableTable has been EOL, Please use EditableAgGrid(https://aplus.aplnk.com/aplus-ui/components/ag-grid/editable/) instead.");
+    const t = y;
+    ue("EditableTable")(!1, "breaking", "EditableTable has been EOL, Please use EditableAgGrid(https://aplus.aplnk.com/aplus-ui/components/ag-grid/editable/) instead.");
     const {
-      b: B
-    } = ie("editable-table"), T = ue("editable-table"), E = $(), V = F, g = b(), {
+      b: F
+    } = de("editable-table"), B = ie("editable-table"), T = H(), E = R, g = $(), {
       value: i,
-      updateValue: S
-    } = de(t, V), r = b(), D = fe("valueTypeMap"), f = m.useWatch(t.name, r);
-    v(() => f.value, (e) => {
-      S(e), t.onChange?.(e);
+      updateValue: V
+    } = fe(t, E), r = q(), S = pe("valueTypeMap"), f = m.useWatch(t.name, r);
+    b(() => f.value, (e) => {
+      V(e), t.onChange?.(e);
     }, {
       deep: !0,
       flush: "post"
-    }), v(i, (e) => {
-      e !== s(f) && (ae(e, s(f)) || r.value?.setFieldValue(t.name, e));
+    }), b(i, (e) => {
+      e !== s(f) && (ne(e, s(f)) || r.value?.setFieldValue(t.name, e));
     }, {
       deep: !0
     });
-    const L = se(t, D);
-    function _() {
+    const D = re(t, S);
+    function L() {
       r.value?.resetFields();
     }
-    function k(e) {
+    function _(e) {
       return e ? (c(e) ? e : [e]).map((n) => c(n) ? [t.name, ...n] : [t.name, n]) : void 0;
     }
-    async function N(e, l) {
-      return (await r.value?.validateFields(k(e), l))?.[t.name];
+    async function k(e, l) {
+      return (await r.value?.validateFields(_(e), l))?.[t.name];
     }
-    function A(e, l) {
+    function N(e, l) {
       const n = s(i)?.length || 0;
-      if (y(t.maxLength) && n >= t.maxLength)
+      if (x(t.maxLength) && n >= t.maxLength)
         return;
       const a = {
         ...e || {}
@@ -157,14 +157,14 @@ const Ve = /* @__PURE__ */ H({
           o[u] = [a];
           return;
         }
-        ne(l) ? o[u].push(a) : o[u].splice(l, 0, a);
+        oe(l) ? o[u].push(a) : o[u].splice(l, 0, a);
       });
     }
-    function I(e, l = "suffix") {
+    function A(e, l = "suffix") {
       const n = s(i)?.length || 0, a = h(e) ? e : e.length;
-      if (y(t.maxLength) && n + a > t.maxLength)
+      if (x(t.maxLength) && n + a > t.maxLength)
         return;
-      const o = h(e) ? new Array(e).fill(0).map(() => ({})) : oe(e);
+      const o = h(e) ? new Array(e).fill(0).map(() => ({})) : le(e);
       r.value?.setFieldValue?.(t.name, o, !0, (u, d) => {
         if (!u[d]) {
           u[d] = [...o];
@@ -173,28 +173,28 @@ const Ve = /* @__PURE__ */ H({
         l === "suffix" ? u[d].push(...o) : u[d].unshift(...o);
       });
     }
-    function P(e) {
+    function I(e) {
       const l = new Set(h(e) ? [e] : e);
       r.value?.setFieldValue?.(t.name, void 0, !0, (n, a) => {
         n[a] = n[a].filter((o, u) => !l.has(u));
       });
     }
-    function z(e) {
+    function P(e) {
       const l = new Set(c(e) ? e : [e]);
       l.size !== 0 && r.value?.setFieldValue?.(t.name, void 0, !0, (n, a) => {
         n[a] = n[a].filter((o) => !l.has(o[t.rowKey]));
       });
     }
-    function K() {
+    function z() {
       return s(i);
     }
-    function O(e) {
+    function K(e) {
       r.value?.setFieldValue(t.name, e);
     }
-    function j(e) {
+    function O(e) {
       return s(i)?.[e];
     }
-    function G(e, l, n = !0) {
+    function j(e, l, n = !0) {
       r.value?.setFieldValue?.(t.name, void 0, !0, (a, o) => {
         !a[o] || !a[o][e] || (a[o][e] = {
           ...n ? a[o][e] : {},
@@ -202,27 +202,27 @@ const Ve = /* @__PURE__ */ H({
         });
       });
     }
-    function U(e, l) {
+    function G(e, l) {
       const n = e === "end" ? i.value.length - 1 : e;
-      le(n, g.value?.$el, l);
+      se(n, g.value?.$el, l);
     }
-    function W() {
+    function U() {
       r.value?.setFieldValue?.(t.name, []);
     }
-    return R({
-      resetFields: _,
-      validateFields: N,
-      add: A,
-      remove: P,
-      getRowData: j,
-      getRowsData: K,
-      setRowData: G,
-      addMultiple: I,
-      scrollTo: U,
-      clear: W,
-      setTableData: O,
-      removeByKey: z
-    }), (e, l) => (J(), q(s(m), {
+    return C({
+      resetFields: L,
+      validateFields: k,
+      add: N,
+      remove: I,
+      getRowData: O,
+      getRowsData: z,
+      setRowData: j,
+      addMultiple: A,
+      scrollTo: G,
+      clear: U,
+      setTableData: K,
+      removeByKey: P
+    }), (e, l) => (Q(), J(s(m), {
       ref_key: "formRef",
       ref: r,
       "initial-values": {
@@ -233,17 +233,17 @@ const Ve = /* @__PURE__ */ H({
         name: e.name,
         "no-style": ""
       }, {
-        default: p(() => [w(s(te), Q(s(x)(t, ["name", "value", "onUpdate:value", "maxLength", "onChange"]), {
+        default: p(() => [w(s(ae), X(s(v)(t, ["name", "value", "onUpdate:value", "maxLength", "onChange"]), {
           ref_key: "tableRef",
           ref: g,
-          class: [s(B)(), s(T)],
-          columns: s(L),
+          class: [s(F)(), s(B)],
+          columns: s(D),
           "data-source": s(i)
-        }), X({
+        }), Y({
           _: 2
-        }, [Y(s(x)(E, ["headerCell"]), (n, a) => ({
+        }, [Z(s(v)(T, ["headerCell"]), (n, a) => ({
           name: a,
-          fn: p((o) => [Z(e.$slots, a, M(ee(o || {})))])
+          fn: p((o) => [M(e.$slots, a, ee(te(o || {})))])
         }))]), 1040, ["class", "columns", "data-source"])]),
         _: 3
       }, 8, ["name"])]),
@@ -252,5 +252,5 @@ const Ve = /* @__PURE__ */ H({
   }
 });
 export {
-  Ve as default
+  Se as default
 };

package/es/src/scroll-bar/index.vue.d.ts

@@ -1,5 +1,5 @@
 import { ScrollBarProps, ScrollBarDirection, InternalScrollBarProps } from './interface';
-import { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, Ref, GlobalComponents, GlobalDirectives } from 'vue';
+import { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, Ref, ShallowRef, GlobalComponents, GlobalDirectives } from 'vue';
 declare function handleBarScroll(percent: number): void;
 declare const _default: DefineComponent<ScrollBarProps, {
     currentScroll: ComputedRef<number | undefined>;
@@ -16,9 +16,9 @@ declare const _default: DefineComponent<ScrollBarProps, {
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
     barRef: CreateComponentPublicInstanceWithMixins<Readonly< InternalScrollBarProps> & Readonly<{}>, {
         currentScroll: Ref<number, number>;
-        container: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        bar: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        track: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        container: ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+        bar: ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+        track: ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
         scroll: (percent: number) => void;
     }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
         scroll: number;
@@ -40,9 +40,9 @@ declare const _default: DefineComponent<ScrollBarProps, {
         Defaults: {};
     }, Readonly< InternalScrollBarProps> & Readonly<{}>, {
         currentScroll: Ref<number, number>;
-        container: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        bar: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        track: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        container: ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+        bar: ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+        track: ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
         scroll: (percent: number) => void;
     }, {}, {}, {}, {
         scroll: number;

package/es/src/scroll-bar/index.vue.mjs

@@ -1,10 +1,10 @@
-import { defineComponent as z, toRef as g, ref as p, watchEffect as x, unref as a, watch as _, computed as s, createBlock as k, createCommentVNode as C, openBlock as B, mergeProps as L } from "vue";
+import { defineComponent as b, toRef as z, shallowRef as g, ref as x, watchEffect as _, unref as a, watch as k, computed as s, createBlock as C, createCommentVNode as R, openBlock as B, mergeProps as L } from "vue";
 import "./internal.vue2.mjs";
-import { omit as R } from "lodash-unified";
-import { getScrollable as u, ensureRangeValue as w } from "./utils/index.mjs";
-import { useResizeObserver as y } from "@vueuse/core";
-import E from "./internal.vue.mjs";
-const W = /* @__PURE__ */ z({
+import { omit as w } from "lodash-unified";
+import { getScrollable as u, ensureRangeValue as y } from "./utils/index.mjs";
+import { useResizeObserver as E } from "@vueuse/core";
+import N from "./internal.vue.mjs";
+const j = /* @__PURE__ */ b({
   name: "ScrollBar",
   __name: "index",
   props: {
@@ -24,9 +24,9 @@ const W = /* @__PURE__ */ z({
     onScroll: {},
     onScrollEnd: {}
   },
-  setup(S, { expose: m }) {
-    const r = S, o = g(r, "scrollContainer"), l = p(), n = p(r.barLength);
-    function v() {
+  setup(p, { expose: S }) {
+    const r = p, o = z(r, "scrollContainer"), l = g(), n = x(r.barLength);
+    function m() {
       if (!o.value || !l.value) return;
       const { totalSize: e, visibleSize: t, distance: c } = u(
         o.value,
@@ -39,19 +39,19 @@ const W = /* @__PURE__ */ z({
         o.value,
         r.direction
       );
-      n.value = w(
+      n.value = y(
         e / (t + r.extraSize || 1) * 100
       );
     }
-    y(o, () => {
+    E(o, () => {
       f();
-    }), x(
+    }), _(
       () => {
         const e = a(o.value);
-        e && (f(), e.addEventListener("scroll", v));
+        e && (f(), e.addEventListener("scroll", m));
       },
       { flush: "post" }
-    ), _(
+    ), k(
       () => r.barLength,
       (e) => {
         n.value = e;
@@ -60,29 +60,29 @@ const W = /* @__PURE__ */ z({
     function d(e) {
       const t = a(o);
       if (!t) return;
-      const { totalSize: c, visibleSize: i, topOrLeft: b } = u(
+      const { totalSize: c, visibleSize: i, topOrLeft: v } = u(
         t,
         r.direction
       );
       if (c <= i) return;
-      const h = `scroll${b}`;
+      const h = `scroll${v}`;
       t[h] = e * (c + r.extraSize - i) / 100;
     }
-    return m({
+    return S({
       currentScroll: s(() => a(l.value?.currentScroll)),
       scroll: d,
       visible: s(() => n.value < 100),
       rootElement: s(() => a(l.value?.container))
-    }), (e, t) => n.value !== 100 ? (B(), k(E, L({
+    }), (e, t) => n.value !== 100 ? (B(), C(N, L({
       key: 0,
       ref_key: "barRef",
       ref: l
-    }, a(R)(r, ["onScroll", "extraSize", "scrollContainer"]), {
+    }, a(w)(r, ["onScroll", "extraSize", "scrollContainer"]), {
       "bar-length": n.value,
       onScroll: d
-    }), null, 16, ["bar-length"])) : C("", !0);
+    }), null, 16, ["bar-length"])) : R("", !0);
   }
 });
 export {
-  W as default
+  j as default
 };

package/es/src/scroll-bar/internal.vue.d.ts

@@ -1,11 +1,11 @@
 import { InternalScrollBarProps, ScrollBarDirection } from './interface';
-import { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { DefineComponent, Ref, ShallowRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function scroll(percent: number): void;
 declare const _default: DefineComponent<InternalScrollBarProps, {
     currentScroll: Ref<number, number>;
-    container: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-    bar: Ref<HTMLElement | undefined, HTMLElement | undefined>;
-    track: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    container: ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    bar: ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    track: ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
     scroll: typeof scroll;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<InternalScrollBarProps> & Readonly<{}>, {
     scroll: number;

package/es/src/scroll-bar/internal.vue.mjs

@@ -1,10 +1,10 @@
-import { defineComponent as V, ref as f, toRef as p, watch as W, watchEffect as z, unref as o, createElementBlock as A, openBlock as N, normalizeStyle as U, normalizeClass as b, createElementVNode as E } from "vue";
+import { defineComponent as V, shallowRef as h, ref as W, toRef as f, watch as z, watchEffect as A, unref as o, createElementBlock as N, openBlock as U, normalizeStyle as X, normalizeClass as b, createElementVNode as E } from "vue";
 import "../config-provider/index.mjs";
-import { useTrack as X } from "./hooks/use-track.mjs";
+import { useTrack as Y } from "./hooks/use-track.mjs";
 import { ensureRangeValue as L } from "./utils/index.mjs";
-import Y from "./style/index.mjs";
-import { useNamespace as I } from "../config-provider/hooks/use-namespace.mjs";
-const K = /* @__PURE__ */ V({
+import I from "./style/index.mjs";
+import { useNamespace as j } from "../config-provider/hooks/use-namespace.mjs";
+const O = /* @__PURE__ */ V({
   __name: "internal",
   props: {
     direction: { default: "vertical" },
@@ -22,14 +22,14 @@ const K = /* @__PURE__ */ V({
     onScrollEnd: {}
   },
   setup(C, { expose: D }) {
-    const t = C, m = f(), i = f(), l = f(), { b: M, e: k, m: B, em: c, cssVar: P } = I("scroll-bar"), R = Y("scroll-bar"), n = f(t.scroll), { handleMouseDown: v } = X({
+    const t = C, m = h(), i = h(), l = h(), { b: M, e: k, m: R, em: c, cssVar: B } = j("scroll-bar"), P = I("scroll-bar"), n = W(t.scroll), { handleMouseDown: v } = Y({
       currentScroll: n,
       track: i,
       bar: l,
-      type: p(t, "direction"),
-      trackSpeed: p(t, "trackSpeed"),
-      barLength: p(t, "barLength"),
-      disabled: p(t, "disabled"),
+      type: f(t, "direction"),
+      trackSpeed: f(t, "trackSpeed"),
+      barLength: f(t, "barLength"),
+      disabled: f(t, "disabled"),
       onDown: (e) => {
         t.onScrollStart?.(e);
       },
@@ -40,17 +40,17 @@ const K = /* @__PURE__ */ V({
         t.onScroll?.(e);
       }
     });
-    W(
+    z(
       () => t.scroll,
       (e) => {
         n.value = e;
       }
-    ), z(() => {
+    ), A(() => {
       if (!o(l)) return;
       const e = `${(100 - t.barLength) * n.value / t.barLength}%`, r = `${t.barLength}%`;
       t.direction === "vertical" ? (l.value.style.height = r, l.value.style.transform = `translate3d(0, ${e}, 0)`) : (l.value.style.width = r, l.value.style.transform = `translate3d(${e}, 0, 0)`);
     });
-    let h, s, d;
+    let p, s, d;
     function T(e) {
       if (t.disabled || e.button !== 0) return;
       e.preventDefault(), e.stopPropagation();
@@ -59,13 +59,13 @@ const K = /* @__PURE__ */ V({
         return;
       document.addEventListener("pointermove", g), document.addEventListener("pointerup", S);
       const u = r.getBoundingClientRect(), y = a.getBoundingClientRect();
-      t.direction === "vertical" ? (h = u.height, s = y.top - u.top, d = e.clientY) : (h = u.width, s = y.left - u.left, d = e.clientX), t.onScrollStart?.(o(n));
+      t.direction === "vertical" ? (p = u.height, s = y.top - u.top, d = e.clientY) : (p = u.width, s = y.left - u.left, d = e.clientX), t.onScrollStart?.(o(n));
     }
     function g(e) {
       e.stopPropagation(), e.preventDefault();
       let r;
       t.direction === "vertical" ? r = s + e.clientY - d : r = s + e.clientX - d;
-      const a = r / h / (100 - t.barLength) * 1e4;
+      const a = r / p / (100 - t.barLength) * 1e4;
       n.value = L(a), t.onScroll?.(o(n));
     }
     function S(e) {
@@ -83,12 +83,12 @@ const K = /* @__PURE__ */ V({
       bar: l,
       track: i,
       scroll: $
-    }), (e, r) => (N(), A("div", {
+    }), (e, r) => (U(), N("div", {
       ref_key: "container",
       ref: m,
-      class: b([o(M)(), o(B)(e.direction), o(R)]),
-      style: U(
-        o(P)(
+      class: b([o(M)(), o(R)(e.direction), o(P)]),
+      style: X(
+        o(B)(
           {
             "bar-color": e.barColor,
             "track-color": e.trackColor,
@@ -126,5 +126,5 @@ const K = /* @__PURE__ */ V({
   }
 });
 export {
-  K as default
+  O as default
 };

package/es/src/scroll-view/hooks/use-scroll-wrapper.d.ts

@@ -1,5 +1,5 @@
 import { InternalScrollBarExpose } from '../../scroll-bar';
-import { Ref } from 'vue';
+import { ShallowRef } from 'vue';
 declare const useScrollWrapper: () => {
     maxScrollDistance: {
         x: number;
@@ -9,11 +9,11 @@ declare const useScrollWrapper: () => {
         x: number;
         y: number;
     };
-    xBarRef: Ref<InternalScrollBarExpose | undefined, InternalScrollBarExpose | undefined>;
-    yBarRef: Ref<InternalScrollBarExpose | undefined, InternalScrollBarExpose | undefined>;
+    xBarRef: ShallowRef<InternalScrollBarExpose | undefined, InternalScrollBarExpose | undefined>;
+    yBarRef: ShallowRef<InternalScrollBarExpose | undefined, InternalScrollBarExpose | undefined>;
     scrollYBar: () => void;
     scrollXBar: () => void;
-    containerRef: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    containerRef: ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
     updateMaxScrollDistance: () => void;
 };
 export default useScrollWrapper;

package/es/src/scroll-view/hooks/use-scroll-wrapper.mjs

@@ -1,7 +1,7 @@
 import { getScrollable as r } from "../../scroll-bar/utils/index.mjs";
-import { ref as a, reactive as f, watch as p, unref as b } from "vue";
-const B = () => {
-  const t = a(), c = f({ x: 0, y: 0 }), n = f({ x: 0, y: 0 }), i = a(), s = a();
+import { shallowRef as n, reactive as f, watch as p, unref as b } from "vue";
+const h = () => {
+  const t = n(), c = f({ x: 0, y: 0 }), a = f({ x: 0, y: 0 }), i = n(), s = n();
   p(
     () => t.value,
     () => {
@@ -12,33 +12,33 @@ const B = () => {
     const e = b(t);
     if (!e)
       return;
-    const { visibleSize: o, totalSize: l } = r(
+    const { visibleSize: l, totalSize: o } = r(
       e,
       "horizontal"
     ), { visibleSize: z, totalSize: x } = r(e, "vertical");
-    c.x = l - o, c.y = x - z;
+    c.x = o - l, c.y = x - z;
   }
   function v() {
     if (!t.value)
       return;
-    const { totalSize: e, visibleSize: o } = r(
+    const { totalSize: e, visibleSize: l } = r(
       t.value,
       "vertical"
-    ), l = n.y / (e - o || 1) * 100;
-    s.value?.scroll(l);
+    ), o = a.y / (e - l || 1) * 100;
+    s.value?.scroll(o);
   }
   function S() {
     if (!t.value)
       return;
-    const { totalSize: e, visibleSize: o } = r(
+    const { totalSize: e, visibleSize: l } = r(
       t.value,
       "horizontal"
-    ), l = n.x / (e - o || 1) * 100;
-    i.value?.scroll(l);
+    ), o = a.x / (e - l || 1) * 100;
+    i.value?.scroll(o);
   }
   return {
     maxScrollDistance: c,
-    scrollOffset: n,
+    scrollOffset: a,
     xBarRef: i,
     yBarRef: s,
     scrollYBar: v,
@@ -48,5 +48,5 @@ const B = () => {
   };
 };
 export {
-  B as default
+  h as default
 };