@king-one/antdv 1.0.75 → 1.0.76

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @king-one/antdv
 
+## 1.0.76
+
+### Patch Changes
+
+- fix: 修复虚拟列表,scrollTop 的小数点问题
+
 ## 1.0.75
 
 ### Patch Changes

package/dist/es/components/collapse-transtion/src/collapse-transtion.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as a, openBlock as s, createBlock as p, Transition as i, mergeProps as l, unref as o, toHandlers as m, withCtx as c, renderSlot as f } from "vue";
+import { defineComponent as a, createBlock as s, openBlock as p, Transition as i, mergeProps as l, unref as o, toHandlers as m, withCtx as c, renderSlot as f } from "vue";
 import { defaultNamespace as r } from "../../../hooks/use-namespace/index.mjs";
 import { useCollapseTranstion as u } from "../hooks/use-collapse-transtion.mjs";
 import { collapseProps as d } from "./types.mjs";
@@ -8,7 +8,7 @@ const z = /* @__PURE__ */ a({
   props: d,
   setup(t) {
     const n = u(t);
-    return (e, h) => (s(), p(i, l({
+    return (e, h) => (p(), s(i, l({
       name: e.mode === "horizontal" ? `${o(r)}-horizontal-transition` : `${o(r)}-vertical-transition`
     }, m(o(n))), {
       default: c(() => [

package/dist/es/components/form/component/form-item.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as p, computed as f, ref as d, toRaw as u, openBlock as v, createElementBlock as g, normalizeClass as e, createElementVNode as r, unref as s, renderSlot as _, toDisplayString as b } from "vue";
+import { defineComponent as p, computed as f, ref as d, toRaw as u, createElementBlock as v, openBlock as g, normalizeClass as e, createElementVNode as r, unref as s, renderSlot as _, toDisplayString as b } from "vue";
 import { useNamespace as I } from "../../../hooks/use-namespace/index.mjs";
 import { useProvideFormItem as k } from "../content/form-content.mjs";
 import { formItemProps as y } from "./form.mjs";
@@ -10,7 +10,7 @@ const P = /* @__PURE__ */ p({
     const l = a, { b: m, e: o } = I("form-item"), n = f(() => [m()]), c = async (t) => {
       console.log("trigger", t);
     }, i = d("请输入姓名");
-    return k({ ...u(l), validate: c }), (t, B) => (v(), g(
+    return k({ ...u(l), validate: c }), (t, B) => (g(), v(
       "div",
       {
         class: e(n.value)

package/dist/es/components/form/component/form.vue2.mjs

@@ -1,11 +1,11 @@
-import { defineComponent as t, computed as m, openBlock as n, createElementBlock as s, normalizeClass as a, renderSlot as c } from "vue";
+import { defineComponent as t, computed as m, createElementBlock as n, openBlock as s, normalizeClass as a, renderSlot as c } from "vue";
 import { useNamespace as l } from "../../../hooks/use-namespace/index.mjs";
 const d = /* @__PURE__ */ t({
   name: "KForm",
   __name: "form",
   setup(p) {
     const { b: e } = l("form"), o = m(() => [e()]);
-    return (r, f) => (n(), s(
+    return (r, f) => (s(), n(
       "form",
       {
         class: a(o.value)

package/dist/es/components/icon/src/icon.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as l, computed as e, openBlock as a, createElementBlock as m, normalizeClass as i, normalizeStyle as p } from "vue";
+import { defineComponent as l, computed as e, createElementBlock as a, openBlock as m, normalizeStyle as i, normalizeClass as p } from "vue";
 import { useNamespace as u } from "../../../hooks/use-namespace/index.mjs";
 import { iconProps as f } from "./types.mjs";
 const x = /* @__PURE__ */ l({
@@ -9,11 +9,11 @@ const x = /* @__PURE__ */ l({
       fontSize: `${o.size}px`,
       color: o.color
     })), s = e(() => [c(), t.value]);
-    return (_, z) => (a(), m(
+    return (_, z) => (m(), a(
       "i",
       {
-        class: i(s.value),
-        style: p(r.value)
+        class: p(s.value),
+        style: i(r.value)
       },
       null,
       6

package/dist/es/components/pro-area/src/ProArea.vue2.mjs

@@ -1,11 +1,11 @@
-import { defineComponent as B, mergeModels as F, useModel as P, computed as u, openBlock as i, createBlock as m, unref as d, withCtx as f, createElementBlock as w, Fragment as y, renderList as A, createVNode as E, normalizeClass as I } from "vue";
+import { defineComponent as B, useModel as F, computed as u, createBlock as m, openBlock as i, unref as d, withCtx as f, createElementBlock as P, Fragment as w, renderList as y, createVNode as A, normalizeClass as E, mergeModels as I } from "vue";
 import { Form as M, Row as N, Col as k, Select as U } from "ant-design-vue";
 import { useNamespace as j } from "../../../hooks/use-namespace/index.mjs";
 import { ProAreaProps as q } from "./types.mjs";
 const R = /* @__PURE__ */ B({
   name: "ProArea",
   __name: "ProArea",
-  props: /* @__PURE__ */ F(q, {
+  props: /* @__PURE__ */ I(q, {
     modelValue: {
       required: !0
     },
@@ -15,7 +15,7 @@ const R = /* @__PURE__ */ B({
   setup(p) {
     const n = p;
     M.useInjectFormItemContext();
-    const a = P(p, "modelValue"), { b: v } = j("pro-area-select"), h = u(() => (e) => `请选择${e === 1 ? "请选择省份" : e === 2 ? "请选择城市" : "请选择区县"}`), g = u(() => (e) => n.options.length > 0 ? C(e) : []);
+    const a = F(p, "modelValue"), { b: v } = j("pro-area-select"), h = u(() => (e) => `请选择${e === 1 ? "请选择省份" : e === 2 ? "请选择城市" : "请选择区县"}`), g = u(() => (e) => n.options.length > 0 ? C(e) : []);
     function C(e) {
       var t;
       if (e === 1)
@@ -67,19 +67,19 @@ const R = /* @__PURE__ */ B({
     }
     return (e, t) => (i(), m(d(N), { gutter: 10 }, {
       default: f(() => [
-        (i(!0), w(
-          y,
+        (i(!0), P(
+          w,
           null,
-          A(c.value, (l, o) => (i(), m(d(k), {
+          y(c.value, (l, o) => (i(), m(d(k), {
             key: l,
             span: 24 / e.level
           }, {
             default: f(() => [
-              E(d(U), {
+              A(d(U), {
                 value: a.value[l],
                 "onUpdate:value": (b) => a.value[l] = b,
                 placeholder: h.value(o + 1),
-                class: I(V.value),
+                class: E(V.value),
                 options: g.value(o + 1),
                 onChange: () => _(o + 1)
               }, null, 8, ["value", "onUpdate:value", "placeholder", "class", "options", "onChange"])

package/dist/es/components/pro-modal/src/ProModal.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as X, mergeModels as y, ref as e, useModel as Y, computed as M, watch as R, watchEffect as E, openBlock as b, createBlock as w, unref as N, mergeProps as q, createSlots as z, withCtx as r, createElementVNode as k, toDisplayString as O, normalizeStyle as U, resolveDynamicComponent as _, renderSlot as P } from "vue";
+import { defineComponent as X, ref as e, useModel as Y, computed as y, watch as M, watchEffect as E, createBlock as R, openBlock as b, unref as N, mergeProps as q, createSlots as z, withCtx as r, renderSlot as w, createElementVNode as k, normalizeStyle as O, resolveDynamicComponent as U, toDisplayString as _, mergeModels as P } from "vue";
 import { Modal as j } from "ant-design-vue";
 import { useNamespace as A } from "../../../hooks/use-namespace/index.mjs";
 import { useDraggable as F } from "@vueuse/core";
@@ -6,13 +6,13 @@ import { ProModalProps as G } from "./types.mjs";
 const Q = /* @__PURE__ */ X({
   name: "ProModal",
   __name: "ProModal",
-  props: /* @__PURE__ */ y(G, {
+  props: /* @__PURE__ */ P(G, {
     modelValue: { required: !0, type: Boolean },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ y(["onConfirm", "onCancel"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ P(["onConfirm", "onCancel"], ["update:modelValue"]),
   setup(B, { emit: D }) {
-    const c = D, l = e(null), f = Y(B, "modelValue"), { b: S } = A("pro-modal"), $ = M(() => S());
+    const c = D, l = e(null), f = Y(B, "modelValue"), { b: S } = A("pro-modal"), $ = y(() => S());
     function T() {
       c("onConfirm");
     }
@@ -20,22 +20,22 @@ const Q = /* @__PURE__ */ X({
       c("onCancel");
     }
     const { x: s, y: u, isDragging: v } = F(l), p = e(0), g = e(0), n = e(!1), m = e(0), i = e(0), h = e(0), C = e(0), o = e({ left: 0, right: 0, top: 0, bottom: 0 });
-    R([s, u], () => {
+    M([s, u], () => {
       if (!n.value && l.value) {
         p.value = s.value, g.value = u.value;
         const t = document.body.getBoundingClientRect(), a = l.value.getBoundingClientRect();
         o.value.right = t.width - a.width, o.value.bottom = t.height - a.height, h.value = m.value, C.value = i.value;
       }
       n.value = !0;
-    }), R(v, () => {
+    }), M(v, () => {
       v || (n.value = !1);
     }), E(() => {
       n.value && (m.value = h.value + Math.min(Math.max(o.value.left, s.value), o.value.right) - p.value, i.value = C.value + Math.min(Math.max(o.value.top, u.value), o.value.bottom) - g.value);
     });
-    const x = M(() => ({
+    const x = y(() => ({
       transform: `translate(${m.value}px, ${i.value}px)`
     }));
-    return (t, a) => (b(), w(N(j), q({
+    return (t, a) => (b(), R(N(j), q({
       open: f.value,
       "onUpdate:open": a[0] || (a[0] = (d) => f.value = d)
     }, t.modalProps, {
@@ -51,7 +51,7 @@ const Q = /* @__PURE__ */ X({
             ref: l,
             class: "pro-modal-title"
           },
-          O(t.title),
+          _(t.title),
           513
           /* TEXT, NEED_PATCH */
         )
@@ -60,17 +60,17 @@ const Q = /* @__PURE__ */ X({
         k(
           "div",
           {
-            style: U(x.value)
+            style: O(x.value)
           },
           [
-            (b(), w(_(d)))
+            (b(), R(U(d)))
           ],
           4
           /* STYLE */
         )
       ]),
       default: r(() => [
-        P(t.$slots, "default")
+        w(t.$slots, "default")
       ]),
       _: 2
       /* DYNAMIC */
@@ -78,7 +78,7 @@ const Q = /* @__PURE__ */ X({
       t.$slots.footer ? {
         name: "footer",
         fn: r(() => [
-          P(t.$slots, "footer")
+          w(t.$slots, "footer")
         ]),
         key: "0"
       } : void 0

package/dist/es/components/pro-picker/src/ProPicker.vue2.mjs

@@ -1,8 +1,8 @@
-import { defineComponent as g, mergeModels as d, useModel as y, reactive as b, watch as P, openBlock as k, createBlock as S, unref as s, createSlots as C, withCtx as w, createVNode as A } from "vue";
+import { defineComponent as g, useModel as y, reactive as b, watch as P, createBlock as k, openBlock as S, unref as s, createSlots as C, withCtx as w, createVNode as A, mergeModels as d } from "vue";
 import { debounce as M } from "lodash-es";
 import { Select as O, Spin as B } from "ant-design-vue";
 import { proPickerApi as p } from "../apis/pro-picker.api.mjs";
-import { ProPickerProps as _, PickerApiEnum as u } from "./types.mjs";
+import { PickerApiEnum as u, ProPickerProps as _ } from "./types.mjs";
 const N = /* @__PURE__ */ g({
   name: "ProPicker",
   __name: "ProPicker",
@@ -59,7 +59,7 @@ const N = /* @__PURE__ */ g({
     function v(e, o) {
       m("change", o);
     }
-    return (e, o) => (k(), S(s(O), {
+    return (e, o) => (S(), k(s(O), {
       value: i.value,
       "onUpdate:value": o[0] || (o[0] = (n) => i.value = n),
       mode: e.mode,

package/dist/es/components/pro-signature/src/ProSignature.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as A, ref as o, computed as k, watch as F, onMounted as N, onBeforeUnmount as $, reactive as H, openBlock as Q, createElementBlock as G, normalizeStyle as K, withModifiers as V } from "vue";
+import { defineComponent as A, ref as o, computed as k, watch as F, onMounted as N, onBeforeUnmount as $, reactive as H, createElementBlock as Q, openBlock as G, withModifiers as K, normalizeStyle as V } from "vue";
 import { ProSignatureProps as Z } from "./types.mjs";
 const te = /* @__PURE__ */ A({
   __name: "ProSignature",
@@ -121,18 +121,18 @@ const te = /* @__PURE__ */ A({
     return X({
       generate: U,
       reset: J
-    }), (e, l) => (Q(), G(
+    }), (e, l) => (G(), Q(
       "canvas",
       {
         ref_key: "canvas",
         ref: a,
-        style: K(O),
+        style: V(O),
         onMousedown: B,
         onMousemove: I,
         onMouseup: E,
         onTouchstartPassive: _,
         onTouchmovePassive: L,
-        onTouchend: V(W, ["prevent"])
+        onTouchend: K(W, ["prevent"])
       },
       null,
       36

package/dist/es/components/pro-tag/src/ProTag.vue2.mjs

@@ -1,26 +1,26 @@
-import { defineComponent as c, mergeModels as p, useModel as s, computed as i, openBlock as d, createBlock as m, unref as g, withCtx as f, createTextVNode as T, toDisplayString as _ } from "vue";
+import { defineComponent as c, useModel as p, computed as s, createBlock as i, openBlock as d, unref as m, withCtx as g, createTextVNode as f, toDisplayString as T, mergeModels as _ } from "vue";
 import { Tag as v } from "ant-design-vue";
 import { proTagProps as x } from "./types.mjs";
 const S = /* @__PURE__ */ c({
   name: "ProTag",
   __name: "ProTag",
-  props: /* @__PURE__ */ p(x, {
+  props: /* @__PURE__ */ _(x, {
     tag: { type: [String, Number, Boolean], required: !0 },
     tagModifiers: {}
   }),
   emits: ["update:tag"],
   setup(e) {
-    const n = e, l = s(e, "tag"), t = i(() => n.options.find((o) => o.value === l.value));
+    const n = e, l = p(e, "tag"), t = s(() => n.options.find((o) => o.value === l.value));
     return (u, o) => {
       var a;
-      return d(), m(g(v), {
+      return d(), i(m(v), {
         color: ((a = t.value) == null ? void 0 : a.color) || "default"
       }, {
-        default: f(() => {
+        default: g(() => {
           var r;
           return [
-            T(
-              _(((r = t.value) == null ? void 0 : r.label) || ""),
+            f(
+              T(((r = t.value) == null ? void 0 : r.label) || ""),
               1
               /* TEXT */
             )

package/dist/es/components/pro-title/src/ProTitle.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as s, computed as i, openBlock as a, createElementBlock as c, normalizeClass as m, createVNode as p, unref as u, createElementVNode as f, normalizeStyle as d, toDisplayString as z, renderSlot as S } from "vue";
+import { defineComponent as s, computed as i, createElementBlock as a, openBlock as c, normalizeClass as m, createVNode as p, createElementVNode as u, renderSlot as f, unref as d, normalizeStyle as z, toDisplayString as S } from "vue";
 import { useNamespace as y } from "../../../hooks/use-namespace/index.mjs";
 import { KIcon as B } from "../../icon/index.mjs";
 import { TitleProps as N } from "./types.mjs";
@@ -8,28 +8,28 @@ const C = /* @__PURE__ */ s({
   props: N,
   setup(r) {
     const t = r, { b: o, m: n } = y("pro-title"), l = i(() => t.unBorder ? [o(), n("unborder")] : [o()]);
-    return (e, P) => (a(), c(
+    return (e, P) => (c(), a(
       "div",
       {
         class: m(l.value)
       },
       [
-        p(u(B), {
+        p(d(B), {
           name: "title-icon",
           class: "icon",
           size: e.size,
           color: e.color
         }, null, 8, ["size", "color"]),
-        f(
+        u(
           "span",
           {
-            style: d({ fontSize: `${e.size}px`, color: e.color })
+            style: z({ fontSize: `${e.size}px`, color: e.color })
           },
-          z(e.title),
+          S(e.title),
           5
           /* TEXT, STYLE */
         ),
-        S(e.$slots, "default")
+        f(e.$slots, "default")
       ],
       2
       /* CLASS */

package/dist/es/components/scale-virtual-list/component/scale-virtual-list.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as h, ref as B, computed as E, toRefs as P, openBlock as a, createElementBlock as l, mergeProps as i, unref as e, createElementVNode as p, normalizeClass as c, normalizeStyle as R, Fragment as S, renderList as z, renderSlot as L } from "vue";
+import { defineComponent as h, ref as B, computed as E, toRefs as P, createElementBlock as a, openBlock as l, mergeProps as i, unref as e, createElementVNode as p, normalizeStyle as R, normalizeClass as c, Fragment as S, renderList as z, renderSlot as L } from "vue";
 import { defaultNamespace as s } from "../../../hooks/use-namespace/index.mjs";
 import { useElementBounding as T } from "@vueuse/core";
 import { useVirtualList as V } from "../hooks/useVirtualList.mjs";
@@ -18,7 +18,7 @@ const q = /* @__PURE__ */ h({
       scrollTo: k,
       scaleTo: C,
       state: N
-    }), g((t) => f("update:state", t)), (t, F) => (a(), l(
+    }), g((t) => f("update:state", t)), (t, F) => (l(), a(
       "div",
       i({
         class: `${e(s)}-scale-virtual-list`
@@ -39,10 +39,10 @@ const q = /* @__PURE__ */ h({
                 class: `${e(s)}-scale-vittual-wrapper`
               }),
               [
-                (a(!0), l(
+                (l(!0), a(
                   S,
                   null,
-                  z(e(x), (r) => (a(), l(
+                  z(e(x), (r) => (l(), a(
                     "div",
                     {
                       key: r.index,

package/dist/es/components/scale-virtual-list/hooks/useVirtualList.mjs

@@ -1,13 +1,13 @@
-import { createEventHook as O } from "@vueuse/shared";
+import { createEventHook as x } from "@vueuse/shared";
 import { ref as H, shallowRef as _, watch as F, computed as y } from "vue";
 import { useElementSize as X } from "@vueuse/core";
 function I(r, t) {
-  const { containerStyle: a, wrapperProps: n, scrollTo: c, calculateRange: e, currentList: o, containerRef: l, scaleTo: u, state: s, onUpdate: f } = "itemHeight" in t ? Y(t, r) : S(t, r);
+  const { containerStyle: a, wrapperProps: o, scrollTo: c, calculateRange: e, currentList: n, containerRef: l, scaleTo: u, state: s, onUpdate: f } = "itemHeight" in t ? Y(t, r) : S(t, r);
   return {
     onUpdate: f,
     state: s,
     scaleTo: u,
-    list: o,
+    list: n,
     scrollTo: c,
     containerProps: {
       ref: l,
@@ -16,54 +16,54 @@ function I(r, t) {
       },
       style: a
     },
-    wrapperProps: n
+    wrapperProps: o
   };
 }
-function z(r) {
-  const t = H(null), a = X(t), n = H([]), c = _(r);
-  return { state: H({ start: 0, end: 10, current: 0, scale: 1 }), source: c, currentList: n, size: a, containerRef: t };
+function O(r) {
+  const t = H(null), a = X(t), o = H([]), c = _(r);
+  return { state: H({ start: 0, end: 10, current: 0, scale: 1 }), source: c, currentList: o, size: a, containerRef: t };
 }
-function M(r, t, a) {
-  return (n) => {
+function z(r, t, a) {
+  return (o) => {
     const { start: c = 0, scale: e = 1 } = r.value;
     if (typeof a == "number")
-      return Math.ceil(n / (a * e));
-    let o = 0, l = 0;
+      return Math.ceil(o / (a * e));
+    let n = 0, l = 0;
     for (let u = c; u < t.value.length; u++) {
       const s = a(u) * e;
-      if (o += s, l = u, o > n)
+      if (n += s, l = u, n > o)
         break;
     }
     return l - c;
   };
 }
 function P(r, t, a) {
-  return (n) => {
+  return (o) => {
     const { scale: c = 1 } = a.value;
     if (typeof t == "number")
-      return Math.floor(n / (t * c)) + 1;
-    let e = 0, o = 0;
+      return Math.floor(o / (t * c)) + 1;
+    let e = 0, n = 0;
     for (let l = 0; l < r.value.length; l++) {
       const u = t(l) * c;
-      if (e += u, e > n) {
-        o = l;
+      if (e += u, e > o) {
+        n = l;
         break;
       }
     }
-    return o + 1;
+    return n + 1;
   };
 }
-function W(r, t, a, n, { containerRef: c, state: e, currentList: o, source: l }, u) {
+function W(r, t, a, o, { containerRef: c, state: e, currentList: n, source: l }, u) {
   return () => {
     const s = c.value;
     if (s) {
-      const f = a(r === "vertical" ? s.scrollTop : s.scrollLeft), i = n(r === "vertical" ? s.clientHeight : s.clientWidth), p = f - t, g = f + i + t;
+      const f = a(Math.ceil(r === "vertical" ? s.scrollTop : s.scrollLeft)), i = o(r === "vertical" ? s.clientHeight : s.clientWidth), p = f - t, g = f + i + t;
       e.value = {
         start: p < 0 ? 0 : p,
         end: g > l.value.length ? l.value.length : g,
         current: f - 1,
         scale: e.value.scale
-      }, o.value = l.value.slice(e.value.start, e.value.end).map((h, v) => ({
+      }, n.value = l.value.slice(e.value.start, e.value.end).map((h, v) => ({
         data: h,
         index: v + e.value.start
       })), u(e.value);
@@ -71,50 +71,51 @@ function W(r, t, a, n, { containerRef: c, state: e, currentList: o, source: l },
   };
 }
 function k(r, t, a) {
-  return (n) => {
+  return (o) => {
     const { scale: c = 1 } = a.value;
     if (typeof r == "number") {
-      const o = n * (r * c);
-      return Math.ceil(o);
+      const n = o * (r * c);
+      return Math.ceil(n);
     }
-    const e = t.value.slice(0, n).reduce((o, l, u) => o + r(u) * c, 0);
+    const e = t.value.slice(0, o).reduce((n, l, u) => n + r(u) * c, 0);
     return Math.ceil(e);
   };
 }
-function D(r, t, a, n) {
+function D(r, t, a, o) {
   F([r.width, r.height, t, a], () => {
-    n();
+    o();
   });
 }
 function E(r, t, a) {
   return y(() => {
-    const { scale: n = 1 } = a.value;
-    return typeof r == "number" ? t.value.length * r * n : t.value.reduce((c, e, o) => c + r(o) * n, 0);
+    const { scale: o = 1 } = a.value;
+    return typeof r == "number" ? t.value.length * r * o : t.value.reduce((c, e, n) => c + r(n) * o, 0);
   });
 }
 const K = {
   horizontal: "scrollLeft",
   vertical: "scrollTop"
 };
-function G(r, t, a, n) {
+function G(r, t, a, o) {
   return (c) => {
-    if (n.value) {
+    if (o.value) {
       if (c < 0)
         return;
-      n.value[K[r]] = a(c), t();
+      const e = a(c);
+      o.value[K[r]] = e, t();
     }
   };
 }
 function S(r, t) {
-  const { on: a, trigger: n } = O(), c = z(t), { state: e, source: o, currentList: l, size: u, containerRef: s } = c, f = { overflowX: "auto" }, { itemWidth: i, overscan: p = 5 } = r, g = M(e, o, i), h = P(o, i, e), v = W("horizontal", p, h, g, c, n), m = k(i, o, e), d = y(() => m(e.value.start)), R = E(i, o, e);
+  const { on: a, trigger: o } = x(), c = O(t), { state: e, source: n, currentList: l, size: u, containerRef: s } = c, f = { overflowX: "auto" }, { itemWidth: i, overscan: p = 5 } = r, g = z(e, n, i), h = P(n, i, e), v = W("horizontal", p, h, g, c, o), m = k(i, n, e), T = y(() => m(e.value.start)), R = E(i, n, e);
   D(u, t, s, v);
-  const V = G("horizontal", v, m, s), b = (T) => {
-    e.value.scale = T;
+  const V = G("horizontal", v, m, s), b = (d) => {
+    e.value.scale = d;
   }, C = y(() => ({
     style: {
       height: "100%",
-      width: `${R.value - d.value}px`,
-      marginLeft: `${d.value}px`,
+      width: `${R.value - T.value}px`,
+      marginLeft: `${T.value}px`,
       display: "flex",
       transform: `scale(${e.value.scale})`,
       transformOrigin: "0% 0%"
@@ -135,19 +136,19 @@ function S(r, t) {
   };
 }
 function Y(r, t) {
-  const { on: a, trigger: n } = O(), c = z(t), { state: e, source: o, currentList: l, size: u, containerRef: s } = c, f = { overflowY: "auto" }, { itemHeight: i, overscan: p = 5 } = r, g = M(e, o, i), h = P(o, i, e), v = W("vertical", p, h, g, c, n), m = k(i, o, e), d = y(() => m(e.value.start)), R = E(i, o, e);
+  const { on: a, trigger: o } = x(), c = O(t), { state: e, source: n, currentList: l, size: u, containerRef: s } = c, f = { overflowY: "auto" }, { itemHeight: i, overscan: p = 5 } = r, g = z(e, n, i), h = P(n, i, e), v = W("vertical", p, h, g, c, o), m = k(i, n, e), T = y(() => m(e.value.start)), R = E(i, n, e);
   D(u, t, s, v);
-  const V = G("vertical", v, m, s), b = (T) => {
+  const V = G("vertical", v, m, s), b = (d) => {
     const w = s.value;
     if (w) {
-      const { current: $ } = e.value;
+      const { current: M } = e.value;
       let L = 0;
-      typeof i == "number" ? L = $ * (T * i - e.value.scale * i) : L = o.value.slice(0, $).reduce((U, j, x) => U + T * i(x) - e.value.scale * i(x), 0), w.scrollTop = w.scrollTop + L >= 0 ? w.scrollTop + L : 0, e.value.scale = T;
+      typeof i == "number" ? L = M * (d * i - e.value.scale * i) : L = n.value.slice(0, M).reduce((U, j, $) => U + d * i($) - e.value.scale * i($), 0), w.scrollTop = w.scrollTop + L >= 0 ? w.scrollTop + L : 0, e.value.scale = d;
     }
   }, C = y(() => ({
     style: {
-      height: `${R.value - d.value}px`,
-      marginTop: `${d.value}px`,
+      height: `${R.value - T.value}px`,
+      marginTop: `${T.value}px`,
       transform: `translateX(-50%) scale(${e.value.scale})`,
       transformOrigin: "50% 0%"
     }

package/dist/es/components/scroll-bar/src/scroll-bar.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as ue, onMounted as se, ref as l, computed as r, createVNode as h, mergeProps as fe } from "vue";
+import { defineComponent as ue, createVNode as h, mergeProps as se, onMounted as fe, ref as l, computed as r } from "vue";
 import { useResizeObserver as k } from "@vueuse/core";
 import { off as T, on as X } from "evtd";
 import { defaultNamespace as s } from "../../../hooks/use-namespace/index.mjs";
@@ -8,7 +8,7 @@ const Me = /* @__PURE__ */ ue({
   props: de,
   inheritAttrs: !1,
   setup(o) {
-    se(() => {
+    fe(() => {
       o.container || v();
     });
     const R = l(null), m = l(null), x = l(null), Y = l(null), d = l(null), f = l(null), u = l(null), S = l(null), b = l(null), L = l(null), q = r(() => {
@@ -230,7 +230,7 @@ const Me = /* @__PURE__ */ ue({
         left: this.xBarLeftPxRef
       },
       onMousedown: this.handleXScrollMouseDown
-    }, null, 44, ["onMousedown"])], 512), x = () => h("div", {
+    }, null, 46, ["onMousedown"])], 2), x = () => h("div", {
       class: `${s}-scrollbar-rail ${s}-scrollbar-rail--vertical`,
       ref: "yRailRef"
     }, [this.needYBarRef && this.showYBarRef && h("div", {
@@ -240,10 +240,10 @@ const Me = /* @__PURE__ */ ue({
         top: this.yBarTopPxRef
       },
       onMousedown: this.handleYScrollMouseDown
-    }, null, 44, ["onMousedown"])], 512);
+    }, null, 46, ["onMousedown"])], 2);
     return (() => {
       var f, u;
-      return h("div", fe({
+      return h("div", se({
         class: `${s}-scrollbar`
       }, this.$attrs, {
         onMouseenter: this.handleMouseEnter,
@@ -255,7 +255,7 @@ const Me = /* @__PURE__ */ ue({
       }, [h("div", {
         ref: "contentRef",
         class: `${s}-scrollbar-content`
-      }, [(u = o.default) == null ? void 0 : u.call(o)], 512)], 40, ["onScroll"]), x(), R && m()], 16, ["onMouseenter", "onMouseleave"]);
+      }, [(u = o.default) == null ? void 0 : u.call(o)], 2)], 42, ["onScroll"]), x(), R && m()], 16, ["onMouseenter", "onMouseleave"]);
     })();
   }
 });

package/dist/lib/components/scale-virtual-list/hooks/useVirtualList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("@vueuse/shared"),f=require("vue"),G=require("@vueuse/core");function S(r,t){const{containerStyle:a,wrapperProps:o,scrollTo:n,calculateRange:e,currentList:c,containerRef:l,scaleTo:u,state:s,onUpdate:v}="itemHeight"in t?F(t,r):_(t,r);return{onUpdate:v,state:s,scaleTo:u,list:c,scrollTo:n,containerProps:{ref:l,onScroll:()=>{e()},style:a},wrapperProps:o}}function M(r){const t=f.ref(null),a=G.useElementSize(t),o=f.ref([]),n=f.shallowRef(r);return{state:f.ref({start:0,end:10,current:0,scale:1}),source:n,currentList:o,size:a,containerRef:t}}function P(r,t,a){return o=>{const{start:n=0,scale:e=1}=r.value;if(typeof a=="number")return Math.ceil(o/(a*e));let c=0,l=0;for(let u=n;u<t.value.length;u++){const s=a(u)*e;if(c+=s,l=u,c>o)break}return l-n}}function k(r,t,a){return o=>{const{scale:n=1}=a.value;if(typeof t=="number")return Math.floor(o/(t*n))+1;let e=0,c=0;for(let l=0;l<r.value.length;l++){const u=t(l)*n;if(e+=u,e>o){c=l;break}}return c+1}}function x(r,t,a,o,{containerRef:n,state:e,currentList:c,source:l},u){return()=>{const s=n.value;if(s){const v=a(r==="vertical"?s.scrollTop:s.scrollLeft),i=o(r==="vertical"?s.clientHeight:s.clientWidth),g=v-t,h=v+i+t;e.value={start:g<0?0:g,end:h>l.value.length?l.value.length:h,current:v-1,scale:e.value.scale},c.value=l.value.slice(e.value.start,e.value.end).map((d,p)=>({data:d,index:p+e.value.start})),u(e.value)}}}function z(r,t,a){return o=>{const{scale:n=1}=a.value;if(typeof r=="number"){const c=o*(r*n);return Math.ceil(c)}const e=t.value.slice(0,o).reduce((c,l,u)=>c+r(u)*n,0);return Math.ceil(e)}}function E(r,t,a,o){f.watch([r.width,r.height,t,a],()=>{o()})}function W(r,t,a){return f.computed(()=>{const{scale:o=1}=a.value;return typeof r=="number"?t.value.length*r*o:t.value.reduce((n,e,c)=>n+r(c)*o,0)})}const U={horizontal:"scrollLeft",vertical:"scrollTop"};function q(r,t,a,o){return n=>{if(o.value){if(n<0)return;o.value[U[r]]=a(n),t()}}}function _(r,t){const{on:a,trigger:o}=$.createEventHook(),n=M(t),{state:e,source:c,currentList:l,size:u,containerRef:s}=n,v={overflowX:"auto"},{itemWidth:i,overscan:g=5}=r,h=P(e,c,i),d=k(c,i,e),p=x("horizontal",g,d,h,n,o),m=z(i,c,e),y=f.computed(()=>m(e.value.start)),b=W(i,c,e);E(u,t,s,p);const R=q("horizontal",p,m,s),V=T=>{e.value.scale=T},H=f.computed(()=>({style:{height:"100%",width:`${b.value-y.value}px`,marginLeft:`${y.value}px`,display:"flex",transform:`scale(${e.value.scale})`,transformOrigin:"0% 0%"}}));return{onUpdate:a,state:e,scaleTo:V,scrollTo:R,calculateRange:p,wrapperProps:H,containerStyle:v,currentList:l,containerRef:s}}function F(r,t){const{on:a,trigger:o}=$.createEventHook(),n=M(t),{state:e,source:c,currentList:l,size:u,containerRef:s}=n,v={overflowY:"auto"},{itemHeight:i,overscan:g=5}=r,h=P(e,c,i),d=k(c,i,e),p=x("vertical",g,d,h,n,o),m=z(i,c,e),y=f.computed(()=>m(e.value.start)),b=W(i,c,e);E(u,t,s,p);const R=q("vertical",p,m,s),V=T=>{const L=s.value;if(L){const{current:C}=e.value;let w=0;typeof i=="number"?w=C*(T*i-e.value.scale*i):w=c.value.slice(0,C).reduce((D,X,O)=>D+T*i(O)-e.value.scale*i(O),0),L.scrollTop=L.scrollTop+w>=0?L.scrollTop+w:0,e.value.scale=T}},H=f.computed(()=>({style:{height:`${b.value-y.value}px`,marginTop:`${y.value}px`,transform:`translateX(-50%) scale(${e.value.scale})`,transformOrigin:"50% 0%"}}));return{onUpdate:a,state:e,scaleTo:V,calculateRange:p,scrollTo:R,containerStyle:v,wrapperProps:H,currentList:l,containerRef:s}}exports.useVirtualList=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("@vueuse/shared"),f=require("vue"),G=require("@vueuse/core");function S(r,t){const{containerStyle:a,wrapperProps:c,scrollTo:n,calculateRange:e,currentList:o,containerRef:l,scaleTo:u,state:s,onUpdate:v}="itemHeight"in t?F(t,r):_(t,r);return{onUpdate:v,state:s,scaleTo:u,list:o,scrollTo:n,containerProps:{ref:l,onScroll:()=>{e()},style:a},wrapperProps:c}}function $(r){const t=f.ref(null),a=G.useElementSize(t),c=f.ref([]),n=f.shallowRef(r);return{state:f.ref({start:0,end:10,current:0,scale:1}),source:n,currentList:c,size:a,containerRef:t}}function P(r,t,a){return c=>{const{start:n=0,scale:e=1}=r.value;if(typeof a=="number")return Math.ceil(c/(a*e));let o=0,l=0;for(let u=n;u<t.value.length;u++){const s=a(u)*e;if(o+=s,l=u,o>c)break}return l-n}}function k(r,t,a){return c=>{const{scale:n=1}=a.value;if(typeof t=="number")return Math.floor(c/(t*n))+1;let e=0,o=0;for(let l=0;l<r.value.length;l++){const u=t(l)*n;if(e+=u,e>c){o=l;break}}return o+1}}function x(r,t,a,c,{containerRef:n,state:e,currentList:o,source:l},u){return()=>{const s=n.value;if(s){const v=a(Math.ceil(r==="vertical"?s.scrollTop:s.scrollLeft)),i=c(r==="vertical"?s.clientHeight:s.clientWidth),g=v-t,h=v+i+t;e.value={start:g<0?0:g,end:h>l.value.length?l.value.length:h,current:v-1,scale:e.value.scale},o.value=l.value.slice(e.value.start,e.value.end).map((d,p)=>({data:d,index:p+e.value.start})),u(e.value)}}}function z(r,t,a){return c=>{const{scale:n=1}=a.value;if(typeof r=="number"){const o=c*(r*n);return Math.ceil(o)}const e=t.value.slice(0,c).reduce((o,l,u)=>o+r(u)*n,0);return Math.ceil(e)}}function E(r,t,a,c){f.watch([r.width,r.height,t,a],()=>{c()})}function W(r,t,a){return f.computed(()=>{const{scale:c=1}=a.value;return typeof r=="number"?t.value.length*r*c:t.value.reduce((n,e,o)=>n+r(o)*c,0)})}const U={horizontal:"scrollLeft",vertical:"scrollTop"};function q(r,t,a,c){return n=>{if(c.value){if(n<0)return;const e=a(n);c.value[U[r]]=e,t()}}}function _(r,t){const{on:a,trigger:c}=O.createEventHook(),n=$(t),{state:e,source:o,currentList:l,size:u,containerRef:s}=n,v={overflowX:"auto"},{itemWidth:i,overscan:g=5}=r,h=P(e,o,i),d=k(o,i,e),p=x("horizontal",g,d,h,n,c),m=z(i,o,e),T=f.computed(()=>m(e.value.start)),b=W(i,o,e);E(u,t,s,p);const R=q("horizontal",p,m,s),V=y=>{e.value.scale=y},H=f.computed(()=>({style:{height:"100%",width:`${b.value-T.value}px`,marginLeft:`${T.value}px`,display:"flex",transform:`scale(${e.value.scale})`,transformOrigin:"0% 0%"}}));return{onUpdate:a,state:e,scaleTo:V,scrollTo:R,calculateRange:p,wrapperProps:H,containerStyle:v,currentList:l,containerRef:s}}function F(r,t){const{on:a,trigger:c}=O.createEventHook(),n=$(t),{state:e,source:o,currentList:l,size:u,containerRef:s}=n,v={overflowY:"auto"},{itemHeight:i,overscan:g=5}=r,h=P(e,o,i),d=k(o,i,e),p=x("vertical",g,d,h,n,c),m=z(i,o,e),T=f.computed(()=>m(e.value.start)),b=W(i,o,e);E(u,t,s,p);const R=q("vertical",p,m,s),V=y=>{const L=s.value;if(L){const{current:M}=e.value;let w=0;typeof i=="number"?w=M*(y*i-e.value.scale*i):w=o.value.slice(0,M).reduce((D,X,C)=>D+y*i(C)-e.value.scale*i(C),0),L.scrollTop=L.scrollTop+w>=0?L.scrollTop+w:0,e.value.scale=y}},H=f.computed(()=>({style:{height:`${b.value-T.value}px`,marginTop:`${T.value}px`,transform:`translateX(-50%) scale(${e.value.scale})`,transformOrigin:"50% 0%"}}));return{onUpdate:a,state:e,scaleTo:V,calculateRange:p,scrollTo:R,containerStyle:v,wrapperProps:H,currentList:l,containerRef:s}}exports.useVirtualList=S;