@aplus-frontend/ui 0.4.19 → 0.4.20

package/lib/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/lib/src/business/hooks/useTableRefresh.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue");require("../../index.js");const y=require("../../config-provider/hooks/use-global-config.js");function d(e=""){return document.querySelector(e)}function R(e=""){const l=d(e);return l==null?void 0:l.scrollTop}function Y(e,l=""){const r=d(l);r&&(r.scrollTop=e)}function h(e){const l=y.useGlobalConfig("scrollYDomName"),r=u.ref(0),b=u.ref(0),g=(["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 v=!0;return u.onMounted(()=>{u.nextTick(()=>{v=!1})}),u.onActivated(()=>{v||T!=null&&T()&&setTimeout(()=>{var s,c,a,f,m,t,S;(c=(s=e==null?void 0:e.apTableRef)==null?void 0:s.value)==null||c[g](),(S=(t=(m=(f=(a=e==null?void 0:e.apTableRef)==null?void 0:a.value)==null?void 0:f.scrollBar)==null?void 0:m.x)==null?void 0:t.scroll)==null||S.call(t,r.value),Y(b.value,l.value)})}),u.onDeactivated(()=>{var s,c,a,f;v||(r.value=((f=(a=(c=(s=e==null?void 0:e.apTableRef)==null?void 0:s.value)==null?void 0:c.scrollBar)==null?void 0:a.x)==null?void 0:f.currentScroll)??0,b.value=R(l.value)??0)}),{tableScrollX:r,tableScrollY:b}}exports.useTableRefresh=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue");require("../../index.js");const y=require("../../config-provider/hooks/use-global-config.js");function b(e){return document.querySelector(e)}function R(e=".demo"){const l=b(e);return l==null?void 0:l.scrollTop}function Y(e,l=".demo"){const s=b(l);s&&(s.scrollTop=e)}function q(e){const l=y.useGlobalConfig("scrollYDomName");let s=!0;const d=c.ref(0),v=c.ref(0),h=(["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 n=!0;const S=u=>{if(s===!1)return;const r=u.target;v.value=r.scrollTop};return c.onMounted(()=>{c.nextTick(()=>{n=!1})}),c.onActivated(()=>{setTimeout(()=>{const r=b(l.value);r&&r.addEventListener("scroll",S)});const u=T==null?void 0:T();n||u&&setTimeout(()=>{var r,a,t,f,g,m,o;s=!0,(a=(r=e==null?void 0:e.apTableRef)==null?void 0:r.value)==null||a[h](),(o=(m=(g=(f=(t=e==null?void 0:e.apTableRef)==null?void 0:t.value)==null?void 0:f.scrollBar)==null?void 0:g.x)==null?void 0:m.scroll)==null||o.call(m,d.value),Y(v.value,l.value)})}),c.onDeactivated(()=>{var r,a,t,f;s=!1,d.value=((f=(t=(a=(r=e==null?void 0:e.apTableRef)==null?void 0:r.value)==null?void 0:a.scrollBar)==null?void 0:t.x)==null?void 0:f.currentScroll)??0,v.value=R(l.value)??0;const u=b(l.value);u&&u.removeEventListener("scroll",S)}),{tableScrollX:d,tableScrollY:v}}exports.useTableRefresh=q;

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/src/scroll-bar/internal.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("../config-provider/index.js");const T=require("./hooks/use-track.js"),p=require("./utils/index.js"),P=require("../config-provider/hooks/use-namespace.js"),B=t.defineComponent({__name:"internal",props:{direction:{default:"vertical"},scroll:{default:0},barLength:{default:35},width:{},barColor:{},trackColor:{},trackWidth:{},disabled:{type:Boolean,default:!1},showTrack:{type:Boolean,default:!0},trackSpeed:{default:2},onScrollStart:{},onScroll:{},onScrollEnd:{}},setup(y,{expose:E}){const n=y,h=t.ref(),c=t.ref(),l=t.ref(),{b:L,e:b,m:C,em:u,cssVar:R}=P.useNamespace("scroll-bar"),o=t.ref(n.scroll),{handleMouseDown:k}=T.useTrack({currentScroll:o,track:c,bar:l,type:t.toRef(n,"direction"),trackSpeed:t.toRef(n,"trackSpeed"),barLength:t.toRef(n,"barLength"),disabled:t.toRef(n,"disabled"),onDown:e=>{var r;(r=n.onScrollStart)==null||r.call(n,e)},onUp:e=>{var r;(r=n.onScrollEnd)==null||r.call(n,e)},onScroll:e=>{var r;(r=n.onScroll)==null||r.call(n,e)}});t.watch(()=>n.scroll,e=>{o.value=e}),t.watchEffect(()=>{if(!t.unref(l))return;const e=`${(100-n.barLength)*o.value/n.barLength}%`,r=`${n.barLength}%`;n.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 f,s,d;function M(e){var w;if(n.disabled||e.button!==0)return;e.preventDefault(),e.stopPropagation();const r=t.unref(c),i=t.unref(l);if(!r||!i)return;document.addEventListener("pointermove",v),document.addEventListener("pointerup",m);const a=r.getBoundingClientRect(),S=i.getBoundingClientRect();n.direction==="vertical"?(f=a.height,s=S.top-a.top,d=e.clientY):(f=a.width,s=S.left-a.left,d=e.clientX),(w=n.onScrollStart)==null||w.call(n,t.unref(o))}function v(e){var a;e.stopPropagation(),e.preventDefault();let r;n.direction==="vertical"?r=s+e.clientY-d:r=s+e.clientX-d;const i=r/f/(100-n.barLength)*1e4;o.value=p.ensureRangeValue(i),(a=n.onScroll)==null||a.call(n,t.unref(o))}function m(e){var r;e.preventDefault(),document.removeEventListener("pointermove",v),document.removeEventListener("pointerup",m),(r=n.onScrollEnd)==null||r.call(n,t.unref(o))}function g(e){e.cancelable&&(e.stopPropagation(),e.preventDefault())}function D(e){Math.abs(t.unref(o)-e)<=.001||(o.value=p.ensureRangeValue(e))}return E({currentScroll:o,container:h,bar:l,track:c,scroll:D}),(e,r)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"container",ref:h,class:t.normalizeClass([t.unref(L)(),t.unref(C)(e.direction)]),style:t.normalizeStyle(t.unref(R)({"bar-color":e.barColor,"track-color":e.trackColor,"bar-width":e.width?`${e.width}px`:void 0,"track-width":e.trackWidth?`${e.trackWidth}px`:void 0}))},[t.createElementVNode("div",{ref_key:"track",ref:c,class:t.normalizeClass([t.unref(b)("track"),e.disabled?t.unref(u)("track","disabled"):null,e.showTrack?null:t.unref(u)("track","hidden")]),onPointerdown:r[0]||(r[0]=(...i)=>t.unref(k)&&t.unref(k)(...i)),onTouchstart:g},null,34),t.createElementVNode("div",{ref_key:"bar",ref:l,class:t.normalizeClass([t.unref(b)("bar"),t.unref(u)("bar",e.direction),e.disabled?t.unref(u)("bar","disabled"):null]),onPointerdown:M,onTouchstart:g},null,34)],6))}});exports.default=B;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("../config-provider/index.js");const T=require("./hooks/use-track.js"),y=require("./utils/index.js"),P=require("../config-provider/hooks/use-namespace.js"),B=t.defineComponent({__name:"internal",props:{direction:{default:"vertical"},scroll:{default:0},barLength:{default:35},width:{},barColor:{},trackColor:{},trackWidth:{},disabled:{type:Boolean,default:!1},showTrack:{type:Boolean,default:!0},trackSpeed:{default:2},onScrollStart:{},onScroll:{},onScrollEnd:{}},setup(E,{expose:p}){const n=E,h=t.ref(),c=t.ref(),l=t.ref(),{b:L,e:b,m:C,em:u,cssVar:R}=P.useNamespace("scroll-bar"),o=t.ref(n.scroll),{handleMouseDown:k}=T.useTrack({currentScroll:o,track:c,bar:l,type:t.toRef(n,"direction"),trackSpeed:t.toRef(n,"trackSpeed"),barLength:t.toRef(n,"barLength"),disabled:t.toRef(n,"disabled"),onDown:e=>{var r;(r=n.onScrollStart)==null||r.call(n,e)},onUp:e=>{var r;(r=n.onScrollEnd)==null||r.call(n,e)},onScroll:e=>{var r;(r=n.onScroll)==null||r.call(n,e)}});t.watch(()=>n.scroll,e=>{o.value=e}),t.watchEffect(()=>{if(!t.unref(l))return;const e=`${(100-n.barLength)*o.value/n.barLength}%`,r=`${n.barLength}%`;n.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 f,s,d;function M(e){var w;if(n.disabled||e.button!==0)return;e.preventDefault(),e.stopPropagation();const r=t.unref(c),i=t.unref(l);if(!r||!i)return;document.addEventListener("pointermove",v),document.addEventListener("pointerup",m);const a=r.getBoundingClientRect(),S=i.getBoundingClientRect();n.direction==="vertical"?(f=a.height,s=S.top-a.top,d=e.clientY):(f=a.width,s=S.left-a.left,d=e.clientX),(w=n.onScrollStart)==null||w.call(n,t.unref(o))}function v(e){var a;e.stopPropagation(),e.preventDefault();let r;n.direction==="vertical"?r=s+e.clientY-d:r=s+e.clientX-d;const i=r/f/(100-n.barLength)*1e4;o.value=y.ensureRangeValue(i),(a=n.onScroll)==null||a.call(n,t.unref(o))}function m(e){var r;e.preventDefault(),document.removeEventListener("pointermove",v),document.removeEventListener("pointerup",m),(r=n.onScrollEnd)==null||r.call(n,t.unref(o))}function g(e){e.cancelable&&(e.stopPropagation(),e.preventDefault())}function D(e){var r;Math.abs(t.unref(o)-e)<=.001||(o.value=y.ensureRangeValue(e),(r=n.onScroll)==null||r.call(n,e))}return p({currentScroll:o,container:h,bar:l,track:c,scroll:D}),(e,r)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"container",ref:h,class:t.normalizeClass([t.unref(L)(),t.unref(C)(e.direction)]),style:t.normalizeStyle(t.unref(R)({"bar-color":e.barColor,"track-color":e.trackColor,"bar-width":e.width?`${e.width}px`:void 0,"track-width":e.trackWidth?`${e.trackWidth}px`:void 0}))},[t.createElementVNode("div",{ref_key:"track",ref:c,class:t.normalizeClass([t.unref(b)("track"),e.disabled?t.unref(u)("track","disabled"):null,e.showTrack?null:t.unref(u)("track","hidden")]),onPointerdown:r[0]||(r[0]=(...i)=>t.unref(k)&&t.unref(k)(...i)),onTouchstart:g},null,34),t.createElementVNode("div",{ref_key:"bar",ref:l,class:t.normalizeClass([t.unref(b)("bar"),t.unref(u)("bar",e.direction),e.disabled?t.unref(u)("bar","disabled"):null]),onPointerdown:M,onTouchstart:g},null,34)],6))}});exports.default=B;

package/lib/src/scroll-view/index.vue.d.ts

@@ -5,6 +5,7 @@ declare function scroll(x?: number, y?: number): void;
 declare function scrollTo({ smooth, left, top }: ScrollOptions): void;
 declare function scrollIntoView(element: HTMLElement, position?: 'start' | 'center' | 'end'): void;
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
@@ -24,7 +25,11 @@ declare function __VLS_template(): {
             trackSpeed: number;
             barLength: number;
             showTrack: boolean;
-        }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
+            container: HTMLDivElement;
+            track: HTMLDivElement;
+            bar: HTMLDivElement;
+        }, HTMLDivElement, ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -58,7 +63,11 @@ declare function __VLS_template(): {
             trackSpeed: number;
             barLength: number;
             showTrack: boolean;
-        }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
+            container: HTMLDivElement;
+            track: HTMLDivElement;
+            bar: HTMLDivElement;
+        }, HTMLDivElement, ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -80,7 +89,7 @@ declare function __VLS_template(): {
             showTrack: boolean;
         }> | null;
     };
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<ScrollViewProps, {
@@ -116,7 +125,86 @@ declare const __VLS_component: DefineComponent<ScrollViewProps, {
         onScrollStart?: ((percent: number) => void) | undefined;
         onScrollEnd?: ((percent: number) => void) | undefined;
     };
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    containerRef: HTMLDivElement;
+    contentRef: HTMLDivElement;
+    yBarRef: 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;
+    xBarRef: 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;
+}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {