@opendesign-plus/components 0.0.1-rc.100 → 0.0.1-rc.102

package/dist/components/article-anchor/index.d.ts

@@ -1,21 +1,158 @@
 import { App } from '../../../vue/dist/vue.esm-bundler.js';
 declare const OArticleAnchor: {
-    new (...args: any[]): import('../../../vue/dist/vue.esm-bundler.js').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').ArticleAnchorPropsT> & Readonly<{}>, {
+    new (...args: any[]): import('../../../vue/dist/vue.esm-bundler.js').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').ArticleAnchorPropsT> & Readonly<{
+        onChange?: ((link: string) => any) | undefined;
+        onClick?: ((ev: MouseEvent, link?: string | undefined) => any) | undefined;
+    }>, {
         collect: () => void;
         items: import('../../../vue/dist/vue.esm-bundler.js').ComputedRef<import('../../index').ArticleAnchorItemT[]>;
-    }, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {}, import('../../../vue/dist/vue.esm-bundler.js').PublicProps, {
+    }, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
+        change: (link: string) => any;
+        click: (ev: MouseEvent, link?: string | undefined) => any;
+    }, import('../../../vue/dist/vue.esm-bundler.js').PublicProps, {
         size: "pc" | "pad" | "mobile";
         items: import('../../index').ArticleAnchorItemT[];
+        bounds: number;
+        changeHash: boolean;
         radius: string;
         showTitle: boolean;
         selector: string | HTMLElement;
         autoExtract: boolean;
         maxLevel: number;
         writeId: boolean;
+        idPrefix: string;
     }, false, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, {
         pcSlotRef: HTMLDivElement;
         padSlotRef: HTMLDivElement;
         hiddenSlotRef: HTMLDivElement;
+        anchorRef: ({
+            $: import('../../../vue/dist/vue.esm-bundler.js').ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                size: "medium" | "small" | "menu";
+                layout: "h" | "v";
+                bounds: number;
+                targetOffset: number;
+                changeHash: boolean;
+            }> & Omit<{
+                readonly size: "small" | "medium" | "menu";
+                readonly layout: "v" | "h";
+                readonly targetOffset: number;
+                readonly bounds: number;
+                readonly changeHash: boolean;
+                readonly container?: string | Window | HTMLElement | undefined;
+                readonly onChange?: ((link: string) => any) | undefined | undefined;
+                readonly onClick?: ((ev: MouseEvent, link?: string | undefined) => any) | undefined | undefined;
+            } & import('../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps, "size" | "layout" | "targetOffset" | "bounds" | "changeHash">;
+            $attrs: import('../../../vue/dist/vue.esm-bundler.js').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                anchorRef: HTMLDivElement;
+                anchorItemsRef: HTMLDivElement;
+            };
+            $slots: Readonly<{
+                [name: string]: import('../../../vue/dist/vue.esm-bundler.js').Slot<any> | undefined;
+            }>;
+            $root: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
+            $parent: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "change", link: string) => void) & ((event: "click", ev: MouseEvent, link?: string | undefined) => void);
+            $el: HTMLDivElement;
+            $options: import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<import('../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
+                layout: {
+                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').AnchorDirectionT>;
+                    default: string;
+                };
+                size: {
+                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').AnchorSizeT>;
+                    default: string;
+                };
+                container: {
+                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<string | HTMLElement | Window>;
+                };
+                bounds: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                targetOffset: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                changeHash: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                onChange?: ((link: string) => any) | undefined;
+                onClick?: ((ev: MouseEvent, link?: string | undefined) => any) | undefined;
+            }>, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
+                change: (link: string) => any;
+                click: (ev: MouseEvent, link?: string | undefined) => any;
+            }, string, {
+                size: "medium" | "small" | "menu";
+                layout: "h" | "v";
+                bounds: number;
+                targetOffset: number;
+                changeHash: boolean;
+            }, {}, string, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('../../../vue/dist/vue.esm-bundler.js').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('../../../vue/dist/vue.esm-bundler.js').WatchOptions): import('../../../vue/dist/vue.esm-bundler.js').WatchStopHandle;
+        } & Readonly<{
+            size: "medium" | "small" | "menu";
+            layout: "h" | "v";
+            bounds: number;
+            targetOffset: number;
+            changeHash: boolean;
+        }> & Omit<Readonly<import('../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
+            layout: {
+                type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').AnchorDirectionT>;
+                default: string;
+            };
+            size: {
+                type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').AnchorSizeT>;
+                default: string;
+            };
+            container: {
+                type: import('../../../vue/dist/vue.esm-bundler.js').PropType<string | HTMLElement | Window>;
+            };
+            bounds: {
+                type: NumberConstructor;
+                default: number;
+            };
+            targetOffset: {
+                type: NumberConstructor;
+                default: number;
+            };
+            changeHash: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            onChange?: ((link: string) => any) | undefined;
+            onClick?: ((ev: MouseEvent, link?: string | undefined) => any) | undefined;
+        }>, "size" | "layout" | "targetOffset" | "bounds" | "changeHash"> & {} & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+            };
+        }) | null;
     }, any, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -23,34 +160,49 @@ declare const OArticleAnchor: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('../../index').ArticleAnchorPropsT> & Readonly<{}>, {
+    }, Readonly<import('../../index').ArticleAnchorPropsT> & Readonly<{
+        onChange?: ((link: string) => any) | undefined;
+        onClick?: ((ev: MouseEvent, link?: string | undefined) => any) | undefined;
+    }>, {
         collect: () => void;
         items: import('../../../vue/dist/vue.esm-bundler.js').ComputedRef<import('../../index').ArticleAnchorItemT[]>;
     }, {}, {}, {}, {
         size: "pc" | "pad" | "mobile";
         items: import('../../index').ArticleAnchorItemT[];
+        bounds: number;
+        changeHash: boolean;
         radius: string;
         showTitle: boolean;
         selector: string | HTMLElement;
         autoExtract: boolean;
         maxLevel: number;
         writeId: boolean;
+        idPrefix: string;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<import('../../index').ArticleAnchorPropsT> & Readonly<{}>, {
+} & import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<import('../../index').ArticleAnchorPropsT> & Readonly<{
+    onChange?: ((link: string) => any) | undefined;
+    onClick?: ((ev: MouseEvent, link?: string | undefined) => any) | undefined;
+}>, {
     collect: () => void;
     items: import('../../../vue/dist/vue.esm-bundler.js').ComputedRef<import('../../index').ArticleAnchorItemT[]>;
-}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {}, string, {
+}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
+    change: (link: string) => any;
+    click: (ev: MouseEvent, link?: string | undefined) => any;
+}, string, {
     size: "pc" | "pad" | "mobile";
     items: import('../../index').ArticleAnchorItemT[];
+    bounds: number;
+    changeHash: boolean;
     radius: string;
     showTitle: boolean;
     selector: string | HTMLElement;
     autoExtract: boolean;
     maxLevel: number;
     writeId: boolean;
+    idPrefix: string;
 }, {}, string, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions> & import('../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps & {
     install(app: App): void;
 };

package/dist/components/article-anchor/types.d.ts

@@ -1,8 +1,10 @@
 export interface ArticleAnchorItemT {
-    /** 锚点 id（不含 #），对应页面元素 id */
-    id: string;
+    /** 锚点链接（含 # 前缀），如 '#manual-a'，对应页面元素 id */
+    href: string;
     /** 展示标题 */
     title: string;
+    /** 透传 OAnchorItem：锚点监听的目标元素（含 # 前缀），不传时监听 href */
+    observeHref?: string;
     /** 子锚点（嵌套渲染缩进） */
     children?: ArticleAnchorItemT[];
 }
@@ -23,10 +25,16 @@ export interface ArticleAnchorPropsT {
     maxLevel?: number;
     /** 无 id 标题自动生成 slug 并回写到元素 id（保证锚点可用），默认 true */
     writeId?: boolean;
+    /** 自动收集时，元素 id 若以该前缀开头（如 'user-content-'），则 item.href 去掉前缀展示（#a），observeHref 指向完整 id（#user-content-a）；默认 '' 不处理 */
+    idPrefix?: string;
     /** 透传 OAnchor：滚动容器，默认 window */
     container?: string | HTMLElement | Window;
     /** 透传 OAnchor：滚动偏移量 */
     targetOffset?: number;
+    /** 透传 OAnchor：锚点激活的边界范围，默认 5 */
+    bounds?: number;
+    /** 透传 OAnchor：点击锚点时是否改变地址栏 hash，默认 true */
+    changeHash?: boolean;
     /** 卡片圆角 */
     radius?: string;
 }

package/dist/components/doc-layout/ODocLayout.vue.d.ts

@@ -1,6 +1,7 @@
 type __VLS_Props = {
     collapsed?: boolean;
-    hasRight?: boolean;
+    hasSider?: boolean;
+    hasAnchor?: boolean;
     hasFloat?: boolean;
 };
 declare function __VLS_template(): {
@@ -8,12 +9,196 @@ declare function __VLS_template(): {
     slots: {
         'header-title'?(_: {}): any;
         'header-right'?(_: {}): any;
-        left?(_: {}): any;
-        content?(_: {}): any;
-        right?(_: {}): any;
-        float?(_: {}): any;
+        sider?(_: {
+            scroller: HTMLElement | undefined;
+        }): any;
+        content?(_: {
+            scroller: HTMLElement | undefined;
+        }): any;
+        anchor?(_: {
+            scroller: HTMLElement | undefined;
+        }): any;
+        float?(_: {
+            scroller: HTMLElement | undefined;
+        }): any;
     };
     refs: {
+        scrollerRef: ({
+            $: import('../../../vue/dist/vue.esm-bundler.js').ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                size: "medium" | "small";
+                duration: number;
+                disabledX: boolean;
+                disabledY: boolean;
+                showType: "auto" | "always" | "never" | "hover";
+                autoUpdateOnScrollSize: boolean;
+            }> & Omit<{
+                readonly size: "small" | "medium";
+                readonly duration: number;
+                readonly disabledX: boolean;
+                readonly disabledY: boolean;
+                readonly showType: "auto" | "hover" | "always" | "never";
+                readonly autoUpdateOnScrollSize: boolean;
+                readonly wrapClass?: string | {
+                    [k: string]: boolean;
+                } | (string | {
+                    [k: string]: boolean;
+                })[] | undefined;
+                readonly barClass?: string | {
+                    [k: string]: boolean;
+                } | (string | {
+                    [k: string]: boolean;
+                })[] | undefined;
+                readonly onScroll?: ((event: Event) => any) | undefined | undefined;
+            } & import('../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
+            $attrs: import('../../../vue/dist/vue.esm-bundler.js').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                targetRef: HTMLDivElement;
+            };
+            $slots: Readonly<{
+                [name: string]: import('../../../vue/dist/vue.esm-bundler.js').Slot<any> | undefined;
+            }>;
+            $root: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
+            $parent: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: "scroll", event: Event) => void;
+            $el: HTMLDivElement;
+            $options: import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<import('../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
+                wrapClass: {
+                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<string | {
+                        [k: string]: boolean;
+                    } | Array<{
+                        [k: string]: boolean;
+                    } | string>>;
+                };
+                disabledX: {
+                    type: BooleanConstructor;
+                    required: false;
+                };
+                disabledY: {
+                    type: BooleanConstructor;
+                };
+                duration: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                showType: {
+                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"auto" | "always" | "hover" | "never">;
+                    default: string;
+                };
+                size: {
+                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').ScrollerSizeT>;
+                    default: string;
+                };
+                autoUpdateOnScrollSize: {
+                    type: BooleanConstructor;
+                };
+                barClass: {
+                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<string | {
+                        [k: string]: boolean;
+                    } | Array<{
+                        [k: string]: boolean;
+                    } | string>>;
+                };
+            }>> & Readonly<{
+                onScroll?: ((event: Event) => any) | undefined;
+            }>, {
+                scrollTo: (options?: ScrollToOptions | undefined) => void;
+                scrollBy: (options?: ScrollToOptions | undefined) => void;
+                getContainerEl(): HTMLElement | null;
+            }, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
+                scroll: (event: Event) => any;
+            }, string, {
+                size: "medium" | "small";
+                duration: number;
+                disabledX: boolean;
+                disabledY: boolean;
+                showType: "auto" | "always" | "never" | "hover";
+                autoUpdateOnScrollSize: boolean;
+            }, {}, string, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('../../../vue/dist/vue.esm-bundler.js').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('../../../vue/dist/vue.esm-bundler.js').WatchOptions): import('../../../vue/dist/vue.esm-bundler.js').WatchStopHandle;
+        } & Readonly<{
+            size: "medium" | "small";
+            duration: number;
+            disabledX: boolean;
+            disabledY: boolean;
+            showType: "auto" | "always" | "never" | "hover";
+            autoUpdateOnScrollSize: boolean;
+        }> & Omit<Readonly<import('../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
+            wrapClass: {
+                type: import('../../../vue/dist/vue.esm-bundler.js').PropType<string | {
+                    [k: string]: boolean;
+                } | Array<{
+                    [k: string]: boolean;
+                } | string>>;
+            };
+            disabledX: {
+                type: BooleanConstructor;
+                required: false;
+            };
+            disabledY: {
+                type: BooleanConstructor;
+            };
+            duration: {
+                type: NumberConstructor;
+                default: number;
+            };
+            showType: {
+                type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"auto" | "always" | "hover" | "never">;
+                default: string;
+            };
+            size: {
+                type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').ScrollerSizeT>;
+                default: string;
+            };
+            autoUpdateOnScrollSize: {
+                type: BooleanConstructor;
+            };
+            barClass: {
+                type: import('../../../vue/dist/vue.esm-bundler.js').PropType<string | {
+                    [k: string]: boolean;
+                } | Array<{
+                    [k: string]: boolean;
+                } | string>>;
+            };
+        }>> & Readonly<{
+            onScroll?: ((event: Event) => any) | undefined;
+        }>, "size" | "scrollTo" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize" | "scrollBy" | "getContainerEl"> & {
+            scrollTo: (options?: ScrollToOptions | undefined) => void;
+            scrollBy: (options?: ScrollToOptions | undefined) => void;
+            getContainerEl: () => HTMLElement | null;
+        } & {} & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProperties & {} & {
+            $slots: Readonly<{
+                default?(): any;
+                thumb?(props: import('@opensig/opendesign').ScrollbarSlotProps): any;
+                track?(props: import('@opensig/opendesign').ScrollbarSlotProps): any;
+            }> & {
+                default?(): any;
+                thumb?(props: import('@opensig/opendesign').ScrollbarSlotProps): any;
+                track?(props: import('@opensig/opendesign').ScrollbarSlotProps): any;
+            };
+        }) | null;
         containerRef: HTMLDivElement;
     };
     rootEl: HTMLDivElement;
@@ -24,9 +209,186 @@ declare const __VLS_component: import('../../../vue/dist/vue.esm-bundler.js').De
 }, string, import('../../../vue/dist/vue.esm-bundler.js').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
 }>, {
-    hasRight: boolean;
+    hasSider: boolean;
+    hasAnchor: boolean;
     hasFloat: boolean;
 }, {}, {}, {}, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, false, {
+    scrollerRef: ({
+        $: import('../../../vue/dist/vue.esm-bundler.js').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            size: "medium" | "small";
+            duration: number;
+            disabledX: boolean;
+            disabledY: boolean;
+            showType: "auto" | "always" | "never" | "hover";
+            autoUpdateOnScrollSize: boolean;
+        }> & Omit<{
+            readonly size: "small" | "medium";
+            readonly duration: number;
+            readonly disabledX: boolean;
+            readonly disabledY: boolean;
+            readonly showType: "auto" | "hover" | "always" | "never";
+            readonly autoUpdateOnScrollSize: boolean;
+            readonly wrapClass?: string | {
+                [k: string]: boolean;
+            } | (string | {
+                [k: string]: boolean;
+            })[] | undefined;
+            readonly barClass?: string | {
+                [k: string]: boolean;
+            } | (string | {
+                [k: string]: boolean;
+            })[] | undefined;
+            readonly onScroll?: ((event: Event) => any) | undefined | undefined;
+        } & import('../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
+        $attrs: import('../../../vue/dist/vue.esm-bundler.js').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            targetRef: HTMLDivElement;
+        };
+        $slots: Readonly<{
+            [name: string]: import('../../../vue/dist/vue.esm-bundler.js').Slot<any> | undefined;
+        }>;
+        $root: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
+        $parent: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "scroll", event: Event) => void;
+        $el: HTMLDivElement;
+        $options: import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<import('../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
+            wrapClass: {
+                type: import('../../../vue/dist/vue.esm-bundler.js').PropType<string | {
+                    [k: string]: boolean;
+                } | Array<{
+                    [k: string]: boolean;
+                } | string>>;
+            };
+            disabledX: {
+                type: BooleanConstructor;
+                required: false;
+            };
+            disabledY: {
+                type: BooleanConstructor;
+            };
+            duration: {
+                type: NumberConstructor;
+                default: number;
+            };
+            showType: {
+                type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"auto" | "always" | "hover" | "never">;
+                default: string;
+            };
+            size: {
+                type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').ScrollerSizeT>;
+                default: string;
+            };
+            autoUpdateOnScrollSize: {
+                type: BooleanConstructor;
+            };
+            barClass: {
+                type: import('../../../vue/dist/vue.esm-bundler.js').PropType<string | {
+                    [k: string]: boolean;
+                } | Array<{
+                    [k: string]: boolean;
+                } | string>>;
+            };
+        }>> & Readonly<{
+            onScroll?: ((event: Event) => any) | undefined;
+        }>, {
+            scrollTo: (options?: ScrollToOptions | undefined) => void;
+            scrollBy: (options?: ScrollToOptions | undefined) => void;
+            getContainerEl(): HTMLElement | null;
+        }, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
+            scroll: (event: Event) => any;
+        }, string, {
+            size: "medium" | "small";
+            duration: number;
+            disabledX: boolean;
+            disabledY: boolean;
+            showType: "auto" | "always" | "never" | "hover";
+            autoUpdateOnScrollSize: boolean;
+        }, {}, string, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('../../../vue/dist/vue.esm-bundler.js').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('../../../vue/dist/vue.esm-bundler.js').WatchOptions): import('../../../vue/dist/vue.esm-bundler.js').WatchStopHandle;
+    } & Readonly<{
+        size: "medium" | "small";
+        duration: number;
+        disabledX: boolean;
+        disabledY: boolean;
+        showType: "auto" | "always" | "never" | "hover";
+        autoUpdateOnScrollSize: boolean;
+    }> & Omit<Readonly<import('../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
+        wrapClass: {
+            type: import('../../../vue/dist/vue.esm-bundler.js').PropType<string | {
+                [k: string]: boolean;
+            } | Array<{
+                [k: string]: boolean;
+            } | string>>;
+        };
+        disabledX: {
+            type: BooleanConstructor;
+            required: false;
+        };
+        disabledY: {
+            type: BooleanConstructor;
+        };
+        duration: {
+            type: NumberConstructor;
+            default: number;
+        };
+        showType: {
+            type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"auto" | "always" | "hover" | "never">;
+            default: string;
+        };
+        size: {
+            type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').ScrollerSizeT>;
+            default: string;
+        };
+        autoUpdateOnScrollSize: {
+            type: BooleanConstructor;
+        };
+        barClass: {
+            type: import('../../../vue/dist/vue.esm-bundler.js').PropType<string | {
+                [k: string]: boolean;
+            } | Array<{
+                [k: string]: boolean;
+            } | string>>;
+        };
+    }>> & Readonly<{
+        onScroll?: ((event: Event) => any) | undefined;
+    }>, "size" | "scrollTo" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize" | "scrollBy" | "getContainerEl"> & {
+        scrollTo: (options?: ScrollToOptions | undefined) => void;
+        scrollBy: (options?: ScrollToOptions | undefined) => void;
+        getContainerEl: () => HTMLElement | null;
+    } & {} & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProperties & {} & {
+        $slots: Readonly<{
+            default?(): any;
+            thumb?(props: import('@opensig/opendesign').ScrollbarSlotProps): any;
+            track?(props: import('@opensig/opendesign').ScrollbarSlotProps): any;
+        }> & {
+            default?(): any;
+            thumb?(props: import('@opensig/opendesign').ScrollbarSlotProps): any;
+            track?(props: import('@opensig/opendesign').ScrollbarSlotProps): any;
+        };
+    }) | null;
     containerRef: HTMLDivElement;
 }, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;