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

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

@@ -9,12 +9,196 @@ declare function __VLS_template(): {
     slots: {
         'header-title'?(_: {}): any;
         'header-right'?(_: {}): any;
-        sider?(_: {}): any;
-        content?(_: {}): any;
-        anchor?(_: {}): 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').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').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
+            $attrs: import('vue').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                targetRef: HTMLDivElement;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: "scroll", event: Event) => void;
+            $el: HTMLDivElement;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+                wrapClass: {
+                    type: import('vue').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').PropType<"auto" | "always" | "hover" | "never">;
+                    default: string;
+                };
+                size: {
+                    type: import('vue').PropType<import('@opensig/opendesign').ScrollerSizeT>;
+                    default: string;
+                };
+                autoUpdateOnScrollSize: {
+                    type: BooleanConstructor;
+                };
+                barClass: {
+                    type: import('vue').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').ComponentOptionsMixin, import('vue').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').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').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').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').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').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            size: "medium" | "small";
+            duration: number;
+            disabledX: boolean;
+            disabledY: boolean;
+            showType: "auto" | "always" | "never" | "hover";
+            autoUpdateOnScrollSize: boolean;
+        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+            wrapClass: {
+                type: import('vue').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').PropType<"auto" | "always" | "hover" | "never">;
+                default: string;
+            };
+            size: {
+                type: import('vue').PropType<import('@opensig/opendesign').ScrollerSizeT>;
+                default: string;
+            };
+            autoUpdateOnScrollSize: {
+                type: BooleanConstructor;
+            };
+            barClass: {
+                type: import('vue').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').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;
@@ -29,6 +213,182 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     hasAnchor: boolean;
     hasFloat: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    scrollerRef: ({
+        $: import('vue').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').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            targetRef: HTMLDivElement;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "scroll", event: Event) => void;
+        $el: HTMLDivElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            wrapClass: {
+                type: import('vue').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').PropType<"auto" | "always" | "hover" | "never">;
+                default: string;
+            };
+            size: {
+                type: import('vue').PropType<import('@opensig/opendesign').ScrollerSizeT>;
+                default: string;
+            };
+            autoUpdateOnScrollSize: {
+                type: BooleanConstructor;
+            };
+            barClass: {
+                type: import('vue').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').ComponentOptionsMixin, import('vue').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').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').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').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').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').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        size: "medium" | "small";
+        duration: number;
+        disabledX: boolean;
+        disabledY: boolean;
+        showType: "auto" | "always" | "never" | "hover";
+        autoUpdateOnScrollSize: boolean;
+    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+        wrapClass: {
+            type: import('vue').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').PropType<"auto" | "always" | "hover" | "never">;
+            default: string;
+        };
+        size: {
+            type: import('vue').PropType<import('@opensig/opendesign').ScrollerSizeT>;
+            default: string;
+        };
+        autoUpdateOnScrollSize: {
+            type: BooleanConstructor;
+        };
+        barClass: {
+            type: import('vue').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').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"]>;

package/dist/treeshaking/components/doc-layout/ODocLayout.vue_vue_type_script_setup_true_lang.mjs

@@ -51,6 +51,8 @@ var ODocLayout_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 			set: (value) => emit("update:collapsed", value)
 		});
 		const containerRef = ref();
+		const scrollerRef = ref();
+		const scrollerEl = ref();
 		const isResizing = ref(false);
 		let resizeTimer;
 		const getRoot = () => containerRef.value?.closest(".o-doc-layout");
@@ -62,6 +64,7 @@ var ODocLayout_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 			resizeTimer = window.setTimeout(() => root.classList.remove("is-resizing"), 300);
 		};
 		onMounted(() => {
+			scrollerEl.value = scrollerRef.value?.getContainerEl() || void 0;
 			window.addEventListener("resize", onWindowResize);
 		});
 		onUnmounted(() => {
@@ -105,12 +108,16 @@ var ODocLayout_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 			window.addEventListener("pointerup", onUp);
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(OScroller), { class: normalizeClass(["o-doc-layout", {
-				"is-collapsed": collapsed.value,
-				"is-resizing": isResizing.value,
-				"has-sider": __props.hasSider,
-				"has-anchor": __props.hasAnchor
-			}]) }, {
+			return openBlock(), createBlock(unref(OScroller), {
+				ref_key: "scrollerRef",
+				ref: scrollerRef,
+				class: normalizeClass(["o-doc-layout", {
+					"is-collapsed": collapsed.value,
+					"is-resizing": isResizing.value,
+					"has-sider": __props.hasSider,
+					"has-anchor": __props.hasAnchor
+				}])
+			}, {
 				default: withCtx(() => [createElementVNode("div", {
 					ref_key: "containerRef",
 					ref: containerRef,
@@ -122,16 +129,16 @@ var ODocLayout_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 							class: "o-doc-layout-header-toggle",
 							onClick: _cache[0] || (_cache[0] = ($event) => collapsed.value = !collapsed.value)
 						}, {
-							default: withCtx(() => [collapsed.value ? (openBlock(), createBlock(unref(icon_menu_unfold_default), { key: 0 })) : (openBlock(), createBlock(unref(icon_menu_fold_default), { key: 1 }))]),
+							default: withCtx(() => [collapsed.value ? (openBlock(), createBlock(unref(icon_menu_fold_default), { key: 0 })) : (openBlock(), createBlock(unref(icon_menu_unfold_default), { key: 1 }))]),
 							_: 1
 						})) : createCommentVNode("", true),
 						createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "header-title", {}, void 0, true)]),
 						createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "header-right", {}, void 0, true)])
 					])) : createCommentVNode("", true),
-					__props.hasSider ? (openBlock(), createElementBlock("div", _hoisted_4, [renderSlot(_ctx.$slots, "sider", {}, void 0, true)])) : createCommentVNode("", true),
-					createElementVNode("div", _hoisted_5, [renderSlot(_ctx.$slots, "content", {}, void 0, true)]),
-					__props.hasAnchor ? (openBlock(), createElementBlock("div", _hoisted_6, [renderSlot(_ctx.$slots, "anchor", {}, void 0, true)])) : createCommentVNode("", true),
-					__props.hasFloat ? (openBlock(), createElementBlock("div", _hoisted_7, [renderSlot(_ctx.$slots, "float", {}, void 0, true)])) : createCommentVNode("", true),
+					__props.hasSider ? (openBlock(), createElementBlock("div", _hoisted_4, [renderSlot(_ctx.$slots, "sider", { scroller: scrollerEl.value }, void 0, true)])) : createCommentVNode("", true),
+					createElementVNode("div", _hoisted_5, [renderSlot(_ctx.$slots, "content", { scroller: scrollerEl.value }, void 0, true)]),
+					__props.hasAnchor ? (openBlock(), createElementBlock("div", _hoisted_6, [renderSlot(_ctx.$slots, "anchor", { scroller: scrollerEl.value }, void 0, true)])) : createCommentVNode("", true),
+					__props.hasFloat ? (openBlock(), createElementBlock("div", _hoisted_7, [renderSlot(_ctx.$slots, "float", { scroller: scrollerEl.value }, void 0, true)])) : createCommentVNode("", true),
 					__props.hasSider && unref(lePad) ? (openBlock(), createElementBlock("div", {
 						key: 4,
 						class: "o-doc-layout-mask",