vft 0.0.239 → 0.0.240

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

@@ -1,6 +1,6 @@
 import Scrollbar from './scrollbar.vue';
 export declare const VftScrollbar: import("vft/es/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         height: {
             type: import("vue").PropType<string | number>;
         };
@@ -34,66 +34,27 @@ export declare const VftScrollbar: import("vft/es/utils").SFCWithInstall<{
         minSize: {
             type: import("vue").PropType<number>;
         };
-    }>> & {
+    }>> & Readonly<{
         onScroll?: ((args_0: {
             scrollTop: number;
             scrollLeft: number;
         }) => any) | undefined;
-    }, {
-        wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
+    }>, {
+        wrapRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
         update: () => void;
         scrollTo: {
-            (xCord: number, yCord?: number | undefined): void;
+            (xCord: number, yCord?: number): void;
             (options: ScrollToOptions): void;
         };
         setScrollTop: (value: number) => void;
         setScrollLeft: (value: number) => void;
         handleScroll: () => void;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         scroll: (args_0: {
             scrollTop: number;
             scrollLeft: number;
         }) => void;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        height: {
-            type: import("vue").PropType<string | number>;
-        };
-        maxHeight: {
-            type: import("vue").PropType<string | number>;
-        };
-        native: {
-            type: import("vue").PropType<boolean>;
-        };
-        wrapStyle: {
-            type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
-        };
-        wrapClass: {
-            type: import("vue").PropType<string | any[]>;
-        };
-        viewClass: {
-            type: import("vue").PropType<string | any[]>;
-        };
-        viewStyle: {
-            type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
-        };
-        noresize: {
-            type: import("vue").PropType<boolean>;
-        };
-        tag: {
-            type: import("vue").PropType<string>;
-        };
-        always: {
-            type: import("vue").PropType<boolean>;
-        };
-        minSize: {
-            type: import("vue").PropType<number>;
-        };
-    }>> & {
-        onScroll?: ((args_0: {
-            scrollTop: number;
-            scrollLeft: number;
-        }) => any) | undefined;
-    }, {}, true, {}, {}, {
+    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -134,25 +95,25 @@ export declare const VftScrollbar: import("vft/es/utils").SFCWithInstall<{
         minSize: {
             type: import("vue").PropType<number>;
         };
-    }>> & {
+    }>> & Readonly<{
         onScroll?: ((args_0: {
             scrollTop: number;
             scrollLeft: number;
         }) => any) | undefined;
-    }, {
-        wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
+    }>, {
+        wrapRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
         update: () => void;
         scrollTo: {
-            (xCord: number, yCord?: number | undefined): void;
+            (xCord: number, yCord?: number): void;
             (options: ScrollToOptions): void;
         };
         setScrollTop: (value: number) => void;
         setScrollLeft: (value: number) => void;
         handleScroll: () => void;
     }, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     height: {
         type: import("vue").PropType<string | number>;
@@ -187,27 +148,27 @@ export declare const VftScrollbar: import("vft/es/utils").SFCWithInstall<{
     minSize: {
         type: import("vue").PropType<number>;
     };
-}>> & {
+}>> & Readonly<{
     onScroll?: ((args_0: {
         scrollTop: number;
         scrollLeft: number;
     }) => any) | undefined;
-}, {
-    wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
+}>, {
+    wrapRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
     update: () => void;
     scrollTo: {
-        (xCord: number, yCord?: number | undefined): void;
+        (xCord: number, yCord?: number): void;
         (options: ScrollToOptions): void;
     };
     setScrollTop: (value: number) => void;
     setScrollLeft: (value: number) => void;
     handleScroll: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     scroll: (args_0: {
         scrollTop: number;
         scrollLeft: number;
     }) => void;
-}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };

package/es/components/scrollbar/scrollbar.vue.d.ts

@@ -47,9 +47,12 @@ export interface ScrollbarProps {
 }
 declare function scrollTo(xCord: number, yCord?: number): void;
 declare function scrollTo(options: ScrollToOptions): void;
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<ScrollbarProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ScrollbarProps>>, {
     /** @description scrollbar wrap ref */
-    wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
+    wrapRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
     /** @description update scrollbar state manually */
     update: () => void;
     /** @description scrolls to a particular set of coordinates */
@@ -60,19 +63,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     setScrollLeft: (value: number) => void;
     /** @description handle scroll event */
     handleScroll: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     scroll: (args_0: {
         scrollTop: number;
         scrollLeft: number;
     }) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ScrollbarProps>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ScrollbarProps>>> & Readonly<{
     onScroll?: ((args_0: {
         scrollTop: number;
         scrollLeft: number;
     }) => any) | undefined;
-}, {}, {}>, {
-    default?(_: {}): any;
-}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/es/components/scrollbar/scrollbar.vue2.js

@@ -1,7 +1,7 @@
-import { defineComponent as O, ref as o, computed as w, watch as T, nextTick as B, provide as D, reactive as G, onMounted as X, onUpdated as Y, createElementBlock as q, openBlock as g, normalizeClass as b, unref as F, createElementVNode as I, createBlock as E, createCommentVNode as J, normalizeStyle as N, resolveDynamicComponent as Q, withCtx as Z, renderSlot as _ } from "vue";
-import { addUnit as R, isNumber as i, isObject as ee } from "@vft/utils";
+import { defineComponent as W, ref as o, computed as h, watch as k, nextTick as T, provide as D, reactive as G, onMounted as X, onUpdated as Y, createElementBlock as q, openBlock as y, normalizeClass as w, unref as F, createElementVNode as I, createBlock as B, createCommentVNode as J, normalizeStyle as E, resolveDynamicComponent as Q, withCtx as Z, renderSlot as _ } from "vue";
+import { addUnit as N, isNumber as i, isObject as ee } from "@vft/utils";
 import { useResizeObserver as te, useEventListener as le } from "@vueuse/core";
-import { debugWarn as W } from "../../utils/error.js";
+import { debugWarn as O } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as ae } from "../../hooks/use-namespace/index.js";
@@ -10,10 +10,10 @@ import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import oe from "./bar.vue2.js";
 import { scrollbarContextKey as re } from "./constants.js";
-import { GAP as m } from "./util.js";
-const M = "ElScrollbar", ie = O({
+import { GAP as f } from "./util.js";
+const L = "ElScrollbar", ie = W({
   name: "vft-scrollbar"
-}), pe = /* @__PURE__ */ O({
+}), ge = /* @__PURE__ */ W({
   ...ie,
   props: {
     height: { default: "" },
@@ -31,22 +31,21 @@ const M = "ElScrollbar", ie = O({
   emits: {
     scroll: ({
       scrollTop: l,
-      scrollLeft: v
-    }) => [l, v].every(i)
+      scrollLeft: u
+    }) => [l, u].every(i)
   },
-  setup(l, { expose: v, emit: A }) {
-    const s = ae("scrollbar"), L = A;
-    let n, c;
-    const p = o(), t = o(), S = o(), x = o("0"), z = o("0"), d = o(), C = o(1), H = o(1), $ = w(() => {
+  setup(l, { expose: u, emit: M }) {
+    const s = ae("scrollbar"), A = M;
+    let p, b;
+    const g = o(), t = o(), S = o(), z = o("0"), x = o("0"), m = o(), C = o(1), R = o(1), $ = h(() => {
       const e = {};
-      return l.height && (e.height = R(l.height)), l.maxHeight && (e.maxHeight = R(l.maxHeight)), [l.wrapStyle, e];
-    }), j = w(() => [
+      return l.height && (e.height = N(l.height)), l.maxHeight && (e.maxHeight = N(l.maxHeight)), [l.wrapStyle, e];
+    }), j = h(() => [
       l.wrapClass,
       s.e("wrap"),
       { [s.em("wrap", "hidden-default")]: !l.native }
-    ]), K = w(() => [s.e("view"), l.viewClass]), k = () => {
-      var e;
-      t.value && ((e = d.value) == null || e.handleScroll(t.value), L("scroll", {
+    ]), K = h(() => [s.e("view"), l.viewClass]), H = () => {
+      t.value && (m.value?.handleScroll(t.value), A("scroll", {
         scrollTop: t.value.scrollTop,
         scrollLeft: t.value.scrollLeft
       }));
@@ -56,46 +55,45 @@ const M = "ElScrollbar", ie = O({
     }
     const U = (e) => {
       if (!i(e)) {
-        W(M, "value must be a number");
+        O(L, "value must be a number");
         return;
       }
       t.value.scrollTop = e;
     }, V = (e) => {
       if (!i(e)) {
-        W(M, "value must be a number");
+        O(L, "value must be a number");
         return;
       }
       t.value.scrollLeft = e;
     }, r = () => {
       if (!t.value) return;
-      const e = t.value.offsetHeight - m, a = t.value.offsetWidth - m, h = e ** 2 / t.value.scrollHeight, y = a ** 2 / t.value.scrollWidth, f = Math.max(h, l.minSize), u = Math.max(y, l.minSize);
-      C.value = h / (e - h) / (f / (e - f)), H.value = y / (a - y) / (u / (a - u)), z.value = f + m < e ? `${f}px` : "", x.value = u + m < a ? `${u}px` : "";
+      const e = t.value.offsetHeight - f, a = t.value.offsetWidth - f, v = e ** 2 / t.value.scrollHeight, d = a ** 2 / t.value.scrollWidth, n = Math.max(v, l.minSize), c = Math.max(d, l.minSize);
+      C.value = v / (e - v) / (n / (e - n)), R.value = d / (a - d) / (c / (a - c)), x.value = n + f < e ? `${n}px` : "", z.value = c + f < a ? `${c}px` : "";
     };
-    return T(
+    return k(
       () => l.noresize,
       (e) => {
-        e ? (n == null || n(), c == null || c()) : ({ stop: n } = te(S, r), c = le("resize", r));
+        e ? (p?.(), b?.()) : ({ stop: p } = te(S, r), b = le("resize", r));
       },
       { immediate: !0 }
-    ), T(
+    ), k(
       () => [l.maxHeight, l.height],
       () => {
-        l.native || B(() => {
-          var e;
-          r(), t.value && ((e = d.value) == null || e.handleScroll(t.value));
+        l.native || T(() => {
+          r(), t.value && m.value?.handleScroll(t.value);
         });
       }
     ), D(
       re,
       G({
-        scrollbarElement: p,
+        scrollbarElement: g,
         wrapElement: t
       })
     ), X(() => {
-      l.native || B(() => {
+      l.native || T(() => {
         r();
       });
-    }), Y(() => r()), v({
+    }), Y(() => r()), u({
       /** @description scrollbar wrap ref */
       wrapRef: t,
       /** @description update scrollbar state manually */
@@ -107,24 +105,24 @@ const M = "ElScrollbar", ie = O({
       /** @description set distance to scroll left */
       setScrollLeft: V,
       /** @description handle scroll event */
-      handleScroll: k
-    }), (e, a) => (g(), q("div", {
+      handleScroll: H
+    }), (e, a) => (y(), q("div", {
       ref_key: "scrollbarRef",
-      ref: p,
-      class: b(F(s).b())
+      ref: g,
+      class: w(F(s).b())
     }, [
       I("div", {
         ref_key: "wrapRef",
         ref: t,
-        class: b(j.value),
-        style: N($.value),
-        onScroll: k
+        class: w(j.value),
+        style: E($.value),
+        onScroll: H
       }, [
-        (g(), E(Q(e.tag), {
+        (y(), B(Q(e.tag), {
           ref_key: "resizeRef",
           ref: S,
-          class: b(K.value),
-          style: N(e.viewStyle)
+          class: w(K.value),
+          style: E(e.viewStyle)
         }, {
           default: Z(() => [
             _(e.$slots, "default")
@@ -132,19 +130,19 @@ const M = "ElScrollbar", ie = O({
           _: 3
         }, 8, ["class", "style"]))
       ], 38),
-      e.native ? J("", !0) : (g(), E(oe, {
+      e.native ? J("", !0) : (y(), B(oe, {
         key: 0,
         ref_key: "barRef",
-        ref: d,
-        height: z.value,
-        width: x.value,
+        ref: m,
+        height: x.value,
+        width: z.value,
         always: e.always,
-        "ratio-x": H.value,
+        "ratio-x": R.value,
         "ratio-y": C.value
       }, null, 8, ["height", "width", "always", "ratio-x", "ratio-y"]))
     ], 2));
   }
 });
 export {
-  pe as default
+  ge as default
 };

package/es/components/scrollbar/thumb.vue.d.ts

@@ -5,7 +5,7 @@ export interface ThumbProps {
     ratio: number;
     always?: boolean;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<ThumbProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ThumbProps>>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ThumbProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ThumbProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/es/components/scrollbar/thumb.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as T, inject as D, ref as m, computed as E, onBeforeUnmount as N, toRef as S, createBlock as A, openBlock as O, Transition as j, unref as v, withCtx as K, withDirectives as U, createElementVNode as z, normalizeClass as C, normalizeStyle as _, vShow as I } from "vue";
+import { defineComponent as T, inject as D, ref as i, computed as E, onBeforeUnmount as N, toRef as S, createBlock as A, openBlock as O, Transition as j, unref as m, withCtx as K, withDirectives as U, createElementVNode as z, normalizeClass as C, normalizeStyle as _, vShow as I } from "vue";
 import { useEventListener as P, isClient as V } from "@vueuse/core";
 import "@vft/utils";
 import { throwError as q } from "../../utils/error.js";
@@ -19,15 +19,15 @@ const W = "Thumb", ue = /* @__PURE__ */ T({
     ratio: {},
     always: { type: Boolean }
   },
-  setup(s) {
-    const o = D(G), u = F("scrollbar");
+  setup(r) {
+    const o = D(G), s = F("scrollbar");
     o || q(W, "can not inject scrollbar context");
-    const l = m(), a = m(), f = m({}), c = m(!1);
-    let i = !1, d = !1, p = V ? document.onselectstart : null;
-    const e = E(() => J[s.vertical ? "vertical" : "horizontal"]), k = E(
+    const l = i(), a = i(), v = i({}), u = i(!1);
+    let c = !1, f = !1, d = V ? document.onselectstart : null;
+    const e = E(() => J[r.vertical ? "vertical" : "horizontal"]), k = E(
       () => Q({
-        size: s.size,
-        move: s.move,
+        size: r.size,
+        move: r.move,
         bar: e.value
       })
     ), g = E(
@@ -35,40 +35,39 @@ const W = "Thumb", ue = /* @__PURE__ */ T({
         // offsetRatioX = original width of thumb / current width of thumb / ratioX
         // offsetRatioY = original height of thumb / current height of thumb / ratioY
         // instance height = wrap height - GAP
-        l.value[e.value.offset] ** 2 / o.wrapElement[e.value.scrollSize] / s.ratio / a.value[e.value.offset]
+        l.value[e.value.offset] ** 2 / o.wrapElement[e.value.scrollSize] / r.ratio / a.value[e.value.offset]
       )
     ), B = (t) => {
-      var r;
       if (t.stopPropagation(), t.ctrlKey || [1, 2].includes(t.button)) return;
-      (r = window.getSelection()) == null || r.removeAllRanges(), M(t);
+      window.getSelection()?.removeAllRanges(), M(t);
       const n = t.currentTarget;
-      n && (f.value[e.value.axis] = n[e.value.offset] - (t[e.value.client] - n.getBoundingClientRect()[e.value.direction]));
+      n && (v.value[e.value.axis] = n[e.value.offset] - (t[e.value.client] - n.getBoundingClientRect()[e.value.direction]));
     }, L = (t) => {
       if (!a.value || !l.value || !o.wrapElement) return;
       const n = Math.abs(
         t.target.getBoundingClientRect()[e.value.direction] - t[e.value.client]
-      ), r = a.value[e.value.offset] / 2, h = (n - r) * 100 * g.value / l.value[e.value.offset];
+      ), b = a.value[e.value.offset] / 2, h = (n - b) * 100 * g.value / l.value[e.value.offset];
       o.wrapElement[e.value.scroll] = h * o.wrapElement[e.value.scrollSize] / 100;
     }, M = (t) => {
-      t.stopImmediatePropagation(), i = !0, document.addEventListener("mousemove", w), document.addEventListener("mouseup", b), p = document.onselectstart, document.onselectstart = () => !1;
+      t.stopImmediatePropagation(), c = !0, document.addEventListener("mousemove", w), document.addEventListener("mouseup", p), d = document.onselectstart, document.onselectstart = () => !1;
     }, w = (t) => {
-      if (!l.value || !a.value || i === !1) return;
-      const n = f.value[e.value.axis];
+      if (!l.value || !a.value || c === !1) return;
+      const n = v.value[e.value.axis];
       if (!n) return;
-      const r = (l.value.getBoundingClientRect()[e.value.direction] - t[e.value.client]) * -1, h = a.value[e.value.offset] - n, R = (r - h) * 100 * g.value / l.value[e.value.offset];
+      const b = (l.value.getBoundingClientRect()[e.value.direction] - t[e.value.client]) * -1, h = a.value[e.value.offset] - n, R = (b - h) * 100 * g.value / l.value[e.value.offset];
       o.wrapElement[e.value.scroll] = R * o.wrapElement[e.value.scrollSize] / 100;
-    }, b = () => {
-      i = !1, f.value[e.value.axis] = 0, document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", b), y(), d && (c.value = !1);
+    }, p = () => {
+      c = !1, v.value[e.value.axis] = 0, document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", p), y(), f && (u.value = !1);
     }, x = () => {
-      d = !1, c.value = !!s.size;
+      f = !1, u.value = !!r.size;
     }, H = () => {
-      d = !0, c.value = i;
+      f = !0, u.value = c;
     };
     N(() => {
-      y(), document.removeEventListener("mouseup", b);
+      y(), document.removeEventListener("mouseup", p);
     });
     const y = () => {
-      document.onselectstart !== p && (document.onselectstart = p);
+      document.onselectstart !== d && (document.onselectstart = d);
     };
     return P(
       S(o, "scrollbarElement"),
@@ -79,24 +78,24 @@ const W = "Thumb", ue = /* @__PURE__ */ T({
       "mouseleave",
       H
     ), (t, n) => (O(), A(j, {
-      name: v(u).b("fade")
+      name: m(s).b("fade")
     }, {
       default: K(() => [
         U(z("div", {
           ref_key: "instance",
           ref: l,
-          class: C([v(u).e("bar"), v(u).is(e.value.key)]),
+          class: C([m(s).e("bar"), m(s).is(e.value.key)]),
           onMousedown: L
         }, [
           z("div", {
             ref_key: "thumb",
             ref: a,
-            class: C(v(u).e("thumb")),
+            class: C(m(s).e("thumb")),
             style: _(k.value),
             onMousedown: B
           }, null, 38)
         ], 34), [
-          [I, t.always || c.value]
+          [I, t.always || u.value]
         ])
       ]),
       _: 1

package/es/components/scrollbar/util.d.ts

@@ -23,6 +23,6 @@ export declare const BAR_MAP: {
         readonly direction: "left";
     };
 };
-export declare const renderThumbStyle: ({ move, size, bar, }: Pick<ThumbProps, "size" | "move"> & {
+export declare const renderThumbStyle: ({ move, size, bar, }: Pick<ThumbProps, "move" | "size"> & {
     bar: (typeof BAR_MAP)[keyof typeof BAR_MAP];
 }) => CSSProperties;