@aplus-frontend/ui 0.4.19 → 0.4.20

package/es/src/business/batch-input-group/popover-input/index.vue.d.ts

@@ -1,8 +1,273 @@
 import { BatchInputGroupPopoverInputProps } from '../interface';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, GlobalComponents, GlobalDirectives } from 'vue';
+import { AutoSizeType } from '@aplus-frontend/antdv/es/input/inputProps';
+import { CompositionEventHandler, FocusEventHandler, ChangeEventHandler, KeyboardEventHandler, MouseEventHandler } from '@aplus-frontend/antdv/es/_util/EventInterface';
+import { SizeType } from '@aplus-frontend/antdv/es/button';
+import { ShowCountProps } from '@aplus-frontend/antdv/es/vc-input/inputProps';
+import { VueTypeValidableDef } from '../../../../node_modules/vue-types';
+import { VueNode } from '@aplus-frontend/antdv/es/_util/type';
 declare const _default: DefineComponent<BatchInputGroupPopoverInputProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:value": (...args: any[]) => void;
 }, string, PublicProps, Readonly<BatchInputGroupPopoverInputProps> & Readonly<{
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    textAreaRef: CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
+        rows: NumberConstructor;
+        autosize: {
+            type: PropType<boolean | AutoSizeType>;
+            default: any;
+        };
+        autoSize: {
+            type: PropType<boolean | AutoSizeType>;
+            default: any;
+        };
+        onResize: {
+            type: PropType<(size: {
+                width: number;
+                height: number;
+            }) => void>;
+        };
+        onCompositionstart: {
+            type: PropType< CompositionEventHandler | CompositionEventHandler[]>;
+        };
+        onCompositionend: {
+            type: PropType< CompositionEventHandler | CompositionEventHandler[]>;
+        };
+        valueModifiers: ObjectConstructor;
+        size: {
+            type: PropType<SizeType>;
+        };
+        value: {
+            type: PropType<string | number>;
+            default: any;
+        };
+        name: StringConstructor;
+        type: {
+            type: PropType<"number" | "reset" | "submit" | "button" | "time" | "image" | "text" | "search" | "hidden" | "color" | "checkbox" | "radio" | "range" | "date" | "url" | "email" | "week" | "month" | "datetime-local" | "file" | "password" | "tel">;
+            default: "number" | "reset" | "submit" | "button" | "time" | "image" | "text" | "search" | "hidden" | "color" | "checkbox" | "radio" | "range" | "date" | "url" | "email" | "week" | "month" | "datetime-local" | "file" | "password" | "tel";
+        };
+        onFocus: PropType<FocusEventHandler>;
+        onBlur: PropType<FocusEventHandler>;
+        onChange: PropType<ChangeEventHandler>;
+        onInput: PropType<ChangeEventHandler>;
+        onKeydown: PropType<KeyboardEventHandler>;
+        onKeyup: PropType<KeyboardEventHandler>;
+        onMousedown: {
+            type: PropType<MouseEventHandler>;
+            default: any;
+        };
+        focused: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        hidden: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        prefixCls: StringConstructor;
+        id: StringConstructor;
+        autofocus: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        autocomplete: StringConstructor;
+        readonly: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        status: PropType<"" | "error" | "warning">;
+        defaultValue: {
+            type: PropType<string | number>;
+            default: any;
+        };
+        'onUpdate:value': PropType<(val: string) => void>;
+        loading: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        placeholder: {
+            type: PropType<string | number>;
+        };
+        lazy: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxlength: NumberConstructor;
+        bordered: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        showCount: {
+            type: PropType<boolean | ShowCountProps>;
+        };
+        htmlSize: NumberConstructor;
+        onPressEnter: PropType<KeyboardEventHandler>;
+        onMouseUp: {
+            type: PropType<MouseEventHandler>;
+            default: any;
+        };
+        onRawInput: PropType<ChangeEventHandler>;
+        inputElement: VueTypeValidableDef<any>;
+        triggerFocus: PropType<() => void>;
+        handleReset: PropType<MouseEventHandler>;
+        clearIcon: VueTypeValidableDef<any>;
+        allowClear: {
+            type: BooleanConstructor;
+            default: any;
+        };
+    }>> & Readonly<{}>, () => VueNode, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
+        value: string | number;
+        type: "number" | "reset" | "submit" | "button" | "time" | "image" | "text" | "search" | "hidden" | "color" | "checkbox" | "radio" | "range" | "date" | "url" | "email" | "week" | "month" | "datetime-local" | "file" | "password" | "tel";
+        onMousedown: MouseEventHandler;
+        focused: boolean;
+        hidden: boolean;
+        disabled: boolean;
+        autofocus: boolean;
+        readonly: boolean;
+        defaultValue: string | number;
+        loading: boolean;
+        lazy: boolean;
+        bordered: boolean;
+        onMouseUp: MouseEventHandler;
+        allowClear: boolean;
+        autosize: any;
+        autoSize: any;
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        rows: NumberConstructor;
+        autosize: {
+            type: PropType<boolean | AutoSizeType>;
+            default: any;
+        };
+        autoSize: {
+            type: PropType<boolean | AutoSizeType>;
+            default: any;
+        };
+        onResize: {
+            type: PropType<(size: {
+                width: number;
+                height: number;
+            }) => void>;
+        };
+        onCompositionstart: {
+            type: PropType< CompositionEventHandler | CompositionEventHandler[]>;
+        };
+        onCompositionend: {
+            type: PropType< CompositionEventHandler | CompositionEventHandler[]>;
+        };
+        valueModifiers: ObjectConstructor;
+        size: {
+            type: PropType<SizeType>;
+        };
+        value: {
+            type: PropType<string | number>;
+            default: any;
+        };
+        name: StringConstructor;
+        type: {
+            type: PropType<"number" | "reset" | "submit" | "button" | "time" | "image" | "text" | "search" | "hidden" | "color" | "checkbox" | "radio" | "range" | "date" | "url" | "email" | "week" | "month" | "datetime-local" | "file" | "password" | "tel">;
+            default: "number" | "reset" | "submit" | "button" | "time" | "image" | "text" | "search" | "hidden" | "color" | "checkbox" | "radio" | "range" | "date" | "url" | "email" | "week" | "month" | "datetime-local" | "file" | "password" | "tel";
+        };
+        onFocus: PropType<FocusEventHandler>;
+        onBlur: PropType<FocusEventHandler>;
+        onChange: PropType<ChangeEventHandler>;
+        onInput: PropType<ChangeEventHandler>;
+        onKeydown: PropType<KeyboardEventHandler>;
+        onKeyup: PropType<KeyboardEventHandler>;
+        onMousedown: {
+            type: PropType<MouseEventHandler>;
+            default: any;
+        };
+        focused: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        hidden: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        prefixCls: StringConstructor;
+        id: StringConstructor;
+        autofocus: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        autocomplete: StringConstructor;
+        readonly: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        status: PropType<"" | "error" | "warning">;
+        defaultValue: {
+            type: PropType<string | number>;
+            default: any;
+        };
+        'onUpdate:value': PropType<(val: string) => void>;
+        loading: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        placeholder: {
+            type: PropType<string | number>;
+        };
+        lazy: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxlength: NumberConstructor;
+        bordered: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        showCount: {
+            type: PropType<boolean | ShowCountProps>;
+        };
+        htmlSize: NumberConstructor;
+        onPressEnter: PropType<KeyboardEventHandler>;
+        onMouseUp: {
+            type: PropType<MouseEventHandler>;
+            default: any;
+        };
+        onRawInput: PropType<ChangeEventHandler>;
+        inputElement: VueTypeValidableDef<any>;
+        triggerFocus: PropType<() => void>;
+        handleReset: PropType<MouseEventHandler>;
+        clearIcon: VueTypeValidableDef<any>;
+        allowClear: {
+            type: BooleanConstructor;
+            default: any;
+        };
+    }>> & Readonly<{}>, () => VueNode, {}, {}, {}, {
+        value: string | number;
+        type: "number" | "reset" | "submit" | "button" | "time" | "image" | "text" | "search" | "hidden" | "color" | "checkbox" | "radio" | "range" | "date" | "url" | "email" | "week" | "month" | "datetime-local" | "file" | "password" | "tel";
+        onMousedown: MouseEventHandler;
+        focused: boolean;
+        hidden: boolean;
+        disabled: boolean;
+        autofocus: boolean;
+        readonly: boolean;
+        defaultValue: string | number;
+        loading: boolean;
+        lazy: boolean;
+        bordered: boolean;
+        onMouseUp: MouseEventHandler;
+        allowClear: boolean;
+        autosize: any;
+        autoSize: any;
+    }> | null;
+}, HTMLDivElement>;
 export default _default;

package/es/src/business/hooks/useTableRefresh.mjs

@@ -1,37 +1,51 @@
-import { ref as S, onMounted as R, nextTick as h, onActivated as x, onDeactivated as y } from "vue";
+import { ref as h, onMounted as R, nextTick as g, onActivated as x, onDeactivated as y } from "vue";
 import "../../index.mjs";
 import { useGlobalConfig as D } from "../../config-provider/hooks/use-global-config.mjs";
-function d(e = "") {
+function v(e) {
   return document.querySelector(e);
 }
-function g(e = "") {
-  const l = d(e);
+function q(e = ".demo") {
+  const l = v(e);
   return l == null ? void 0 : l.scrollTop;
 }
-function q(e, l = "") {
-  const r = d(l);
-  r && (r.scrollTop = e);
+function A(e, l = ".demo") {
+  const s = v(l);
+  s && (s.scrollTop = e);
 }
-function A(e) {
-  const l = D("scrollYDomName"), r = S(0), t = S(0), Y = (["reset", "submit", void 0].includes(e == null ? void 0 : e.refreshType) ? e == null ? void 0 : e.refreshType : "submit") ?? "submit", m = (e == null ? void 0 : e.refreshBefore) ?? (() => !0);
-  let T = !0;
+function N(e) {
+  const l = D("scrollYDomName");
+  let s = !0;
+  const d = h(0), f = h(0), o = (["reset", "submit", void 0].includes(e == null ? void 0 : e.refreshType) ? e == null ? void 0 : e.refreshType : "submit") ?? "submit", T = (e == null ? void 0 : e.refreshBefore) ?? (() => !0);
+  let b = !0;
+  const n = (c) => {
+    if (s === !1) return;
+    const r = c.target;
+    f.value = r.scrollTop;
+  };
   return R(() => {
-    h(() => {
-      T = !1;
+    g(() => {
+      b = !1;
     });
   }), x(() => {
-    T || m != null && m() && setTimeout(() => {
-      var u, c, s, a, b, f, v;
-      (c = (u = e == null ? void 0 : e.apTableRef) == null ? void 0 : u.value) == null || c[Y](), (v = (f = (b = (a = (s = e == null ? void 0 : e.apTableRef) == null ? void 0 : s.value) == null ? void 0 : a.scrollBar) == null ? void 0 : b.x) == null ? void 0 : f.scroll) == null || v.call(f, r.value), q(t.value, l.value);
+    setTimeout(() => {
+      const r = v(l.value);
+      r && r.addEventListener("scroll", n);
+    });
+    const c = T == null ? void 0 : T();
+    b || c && setTimeout(() => {
+      var r, a, u, t, S, m, Y;
+      s = !0, (a = (r = e == null ? void 0 : e.apTableRef) == null ? void 0 : r.value) == null || a[o](), (Y = (m = (S = (t = (u = e == null ? void 0 : e.apTableRef) == null ? void 0 : u.value) == null ? void 0 : t.scrollBar) == null ? void 0 : S.x) == null ? void 0 : m.scroll) == null || Y.call(m, d.value), A(f.value, l.value);
     });
   }), y(() => {
-    var u, c, s, a;
-    T || (r.value = ((a = (s = (c = (u = e == null ? void 0 : e.apTableRef) == null ? void 0 : u.value) == null ? void 0 : c.scrollBar) == null ? void 0 : s.x) == null ? void 0 : a.currentScroll) ?? 0, t.value = g(l.value) ?? 0);
+    var r, a, u, t;
+    s = !1, d.value = ((t = (u = (a = (r = e == null ? void 0 : e.apTableRef) == null ? void 0 : r.value) == null ? void 0 : a.scrollBar) == null ? void 0 : u.x) == null ? void 0 : t.currentScroll) ?? 0, f.value = q(l.value) ?? 0;
+    const c = v(l.value);
+    c && c.removeEventListener("scroll", n);
   }), {
-    tableScrollX: r,
-    tableScrollY: t
+    tableScrollX: d,
+    tableScrollY: f
   };
 }
 export {
-  A as useTableRefresh
+  N as useTableRefresh
 };

package/es/src/check-card/group.vue.d.ts

@@ -1,11 +1,12 @@
 import { CheckCardGroupProps, CheckCardValueType } from './interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, CSSProperties, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<CheckCardGroupProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {

package/es/src/check-card/index.vue.d.ts

@@ -6,9 +6,10 @@ type CheckCardSlots = {
     }): void;
 };
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: Readonly<CheckCardSlots> & CheckCardSlots;
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<CheckCardProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
@@ -22,7 +23,7 @@ declare const __VLS_component: DefineComponent<CheckCardProps, {}, {}, {}, {}, C
     checked: boolean;
     stopPropagation: boolean | ((event: MouseEvent) => boolean);
     indicatorSize: number;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/es/src/editable-table/form-item.vue.d.ts

@@ -3,7 +3,7 @@ import { StandardBehaviorOptions } from '../../node_modules/scroll-into-view-if-
 import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode, RendererNode, RendererElement } from 'vue';
 import { UnwrapRefSimple } from '@vue/reactivity';
 declare const _default: <RecordType = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & EditableTableFormItemProps<RecordType>> & PublicProps;
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, never> & EditableTableFormItemProps<RecordType> & Partial<{}>> & PublicProps;
     expose(exposed: ShallowUnwrapRef<{
         add: (defaultValue?: any, insertIndex?: number) => void;
         remove: (index: number | number[]) => void;

package/es/src/editable-table/index.vue.d.ts

@@ -6,7 +6,7 @@ import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, S
 declare const _default: <RecordType extends Recordable = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onUpdate:value"> & EditableTableProps<RecordType>> & PublicProps;
+    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onUpdate:value"> & EditableTableProps<RecordType> & Partial<{}>> & PublicProps;
     expose(exposed: ShallowUnwrapRef<{
         resetFields: () => void;
         validateFields: (nameList?: NamePath[] | string, options?: ValidateOptions) => Promise<any>;

package/es/src/full-screen/index.vue.d.ts

@@ -4,6 +4,7 @@ declare function enter(mode: FullScreenMode, force?: boolean): Promise<void>;
 declare function exit(force?: boolean): Promise<void>;
 declare function toggle(mode: FullScreenMode, force?: boolean): Promise<void>;
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {
             full: boolean;
@@ -18,7 +19,7 @@ declare function __VLS_template(): {
         target: unknown;
         portalRootRef: HTMLDivElement;
     };
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<FullScreenProps, {
@@ -29,7 +30,10 @@ declare const __VLS_component: DefineComponent<FullScreenProps, {
     enter: typeof enter;
     exit: typeof exit;
     toggle: typeof toggle;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<FullScreenProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<FullScreenProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    target: unknown;
+    portalRootRef: HTMLDivElement;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/es/src/portal/index.vue.d.ts

@@ -1,10 +1,11 @@
 import { DefineComponent, TeleportProps, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<Partial< TeleportProps>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Partial< TeleportProps>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

package/es/src/resize-observer/index.vue.d.ts

@@ -3,11 +3,12 @@ import { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, Compo
 declare function observe(): void;
 declare function unobserve(): void;
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<ResizeObserverProps, {

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

@@ -1,5 +1,5 @@
-import { ScrollBarProps, ScrollBarDirection } from './interface';
-import { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { ScrollBarProps, ScrollBarDirection, InternalScrollBarProps } from './interface';
+import { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, Ref, GlobalComponents, GlobalDirectives } from 'vue';
 declare const _default: DefineComponent<ScrollBarProps, {
     currentScroll: ComputedRef<number | undefined>;
     scroll: (percent: number) => void | undefined;
@@ -12,5 +12,44 @@ declare const _default: DefineComponent<ScrollBarProps, {
     trackSpeed: number;
     barLength: number;
     showTrack: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, 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>;
+        scroll: (percent: number) => void;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
+        scroll: number;
+        disabled: boolean;
+        direction: ScrollBarDirection;
+        trackSpeed: number;
+        barLength: number;
+        showTrack: boolean;
+    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
+        container: HTMLDivElement;
+        track: HTMLDivElement;
+        bar: HTMLDivElement;
+    }, HTMLDivElement, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        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>;
+        scroll: (percent: number) => void;
+    }, {}, {}, {}, {
+        scroll: number;
+        disabled: boolean;
+        direction: ScrollBarDirection;
+        trackSpeed: number;
+        barLength: number;
+        showTrack: boolean;
+    }> | null;
+}, any>;
 export default _default;

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

@@ -14,5 +14,9 @@ declare const _default: DefineComponent<InternalScrollBarProps, {
     trackSpeed: number;
     barLength: number;
     showTrack: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    container: HTMLDivElement;
+    track: HTMLDivElement;
+    bar: HTMLDivElement;
+}, HTMLDivElement>;
 export default _default;

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

@@ -21,7 +21,7 @@ const I = /* @__PURE__ */ V({
     onScrollEnd: {}
   },
   setup(D, { expose: M }) {
-    const t = D, k = f(), c = f(), l = f(), { b: B, e: v, m: P, em: d, cssVar: R } = Y("scroll-bar"), r = f(t.scroll), { handleMouseDown: p } = X({
+    const t = D, k = f(), c = f(), l = f(), { b: B, e: v, m: P, em: d, cssVar: R } = Y("scroll-bar"), r = f(t.scroll), { handleMouseDown: g } = X({
       currentScroll: r,
       track: c,
       bar: l,
@@ -60,11 +60,11 @@ const I = /* @__PURE__ */ V({
       const n = o(c), i = o(l);
       if (!n || !i)
         return;
-      document.addEventListener("pointermove", g), document.addEventListener("pointerup", S);
+      document.addEventListener("pointermove", S), document.addEventListener("pointerup", w);
       const a = n.getBoundingClientRect(), y = i.getBoundingClientRect();
       t.direction === "vertical" ? (b = a.height, s = y.top - a.top, u = e.clientY) : (b = a.width, s = y.left - a.left, u = e.clientX), (E = t.onScrollStart) == null || E.call(t, o(r));
     }
-    function g(e) {
+    function S(e) {
       var a;
       e.stopPropagation(), e.preventDefault();
       let n;
@@ -72,15 +72,16 @@ const I = /* @__PURE__ */ V({
       const i = n / b / (100 - t.barLength) * 1e4;
       r.value = C(i), (a = t.onScroll) == null || a.call(t, o(r));
     }
-    function S(e) {
+    function w(e) {
       var n;
-      e.preventDefault(), document.removeEventListener("pointermove", g), document.removeEventListener("pointerup", S), (n = t.onScrollEnd) == null || n.call(t, o(r));
+      e.preventDefault(), document.removeEventListener("pointermove", S), document.removeEventListener("pointerup", w), (n = t.onScrollEnd) == null || n.call(t, o(r));
     }
-    function w(e) {
+    function p(e) {
       e.cancelable && (e.stopPropagation(), e.preventDefault());
     }
     function $(e) {
-      Math.abs(o(r) - e) <= 1e-3 || (r.value = C(e));
+      var n;
+      Math.abs(o(r) - e) <= 1e-3 || (r.value = C(e), (n = t.onScroll) == null || n.call(t, e));
     }
     return M({
       currentScroll: r,
@@ -110,8 +111,8 @@ const I = /* @__PURE__ */ V({
           e.showTrack ? null : o(d)("track", "hidden")
         ]),
         onPointerdown: n[0] || (n[0] = //@ts-ignore
-        (...i) => o(p) && o(p)(...i)),
-        onTouchstart: w
+        (...i) => o(g) && o(g)(...i)),
+        onTouchstart: p
       }, null, 34),
       L("div", {
         ref_key: "bar",
@@ -122,7 +123,7 @@ const I = /* @__PURE__ */ V({
           e.disabled ? o(d)("bar", "disabled") : null
         ]),
         onPointerdown: T,
-        onTouchstart: w
+        onTouchstart: p
       }, null, 34)
     ], 6));
   }