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

package/dist/treeshaking/components/doc-layout/ODocLayout.css

@@ -0,0 +1,286 @@
+.hover-icon-rotate .o-icon[data-v-966cd0b4] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-966cd0b4] {
+    transform: rotate(-180deg);
+}
+}
+.o-doc-layout[data-v-966cd0b4] {
+  --o-doc-layout-screen-width: 100vw;
+  --o-doc-layout-page-header-height: var(--layout-header-height);
+  --o-doc-layout-height: calc(100vh - var(--o-doc-layout-page-header-height));
+  --o-doc-layout-min-padding: 64px;
+  --o-doc-layout-padding: max(calc(var(--o-doc-layout-min-padding) + (var(--o-doc-layout-screen-width) - 1920px) / 2), var(--o-doc-layout-min-padding));
+  --o-doc-layout-gap: 40px;
+  --o-doc-layout-header-height: 0px;
+  --o-doc-layout-header-top: var(--o-doc-layout-page-header-height);
+  --o-doc-layout-sider-content-width-default: 256px;
+  --o-doc-layout-sider-content-width: var(--o-doc-layout-sider-content-width-default);
+  --o-doc-layout-sider-padding-left: var(--o-doc-layout-padding);
+  --o-doc-layout-sider-padding-right: 16px;
+  --o-doc-layout-sider-padding-top: 16px;
+  --o-doc-layout-sider-padding-bottom: 16px;
+  --o-doc-layout-sider-width: calc(var(--o-doc-layout-padding) + var(--o-doc-layout-sider-content-width) + var(--o-doc-layout-sider-padding-right));
+  --o-doc-layout-anchor-content-width: 272px;
+  --o-doc-layout-anchor-padding-top: 52px;
+  --o-doc-layout-anchor-top: calc(var(--o-doc-layout-page-header-height) + var(--o-doc-layout-anchor-padding-top));
+  --o-doc-layout-anchor-right: var(--o-doc-layout-padding);
+  --o-doc-layout-float-z-index: 36;
+  --o-doc-layout-float-bottom: 40px;
+  --o-doc-layout-float-content-width: 48px;
+  --o-doc-layout-float-right: calc(
+    var(--o-doc-layout-padding) +
+      max(var(--o-doc-layout-anchor-content-width), var(--o-doc-layout-float-content-width)) - var(--o-doc-layout-float-content-width)
+  );
+  --o-doc-layout-content-padding-top: var(--o-doc-layout-header-height);
+  --o-doc-layout-content-padding-left: calc(var(--o-doc-layout-sider-width) + var(--o-doc-layout-gap));
+  --o-doc-layout-content-padding-right: calc(
+    max(var(--o-doc-layout-anchor-content-width), var(--o-doc-layout-float-content-width)) + var(--o-doc-layout-gap) + var(--o-doc-layout-padding)
+  );
+  --o-doc-layout-opener-width: 9px;
+  --o-doc-layout-opener-height: 60px;
+  --o-doc-layout-opener-radius: 0 8px 8px 0;
+  --o-doc-layout-opener-left: var(--o-doc-layout-sider-width);
+}
+@media (max-width: 1680px) {
+.o-doc-layout[data-v-966cd0b4] {
+    --o-doc-layout-min-padding: 40px;
+    --o-doc-layout-gap: 24px;
+    --o-doc-layout-sider-content-width-default: 196px;
+    --o-doc-layout-sider-padding-right: 12px;
+    --o-doc-layout-anchor-content-width: 208px;
+    --o-doc-layout-anchor-padding-top: 48px;
+    --o-doc-layout-float-bottom: 32px;
+}
+}
+@media (max-width: 1200px) {
+.o-doc-layout[data-v-966cd0b4] {
+    --o-doc-layout-min-padding: 32px;
+    --o-doc-layout-gap: 16px;
+    --o-doc-layout-sider-content-width-default: 222px;
+    --o-doc-layout-anchor-content-width: 40px;
+    --o-doc-layout-anchor-padding-top: 42px;
+    --o-doc-layout-content-padding-left: var(--o-doc-layout-padding);
+    --o-doc-layout-float-right: 32px;
+}
+}
+@media (max-width: 840px) {
+.o-doc-layout[data-v-966cd0b4] {
+    --o-doc-layout-gap: 16px;
+    --o-doc-layout-header-height: 48px;
+    --o-doc-layout-sider-content-width-default: 222px;
+    --o-doc-layout-anchor-content-width: 0px;
+    --o-doc-layout-content-padding-right: var(--o-doc-layout-padding);
+}
+}
+@media (max-width: 600px) {
+.o-doc-layout[data-v-966cd0b4] {
+    --o-doc-layout-min-padding: 24px;
+    --o-doc-layout-sider-padding-top: 12px;
+    --o-doc-layout-sider-padding-right: 8px;
+    --o-doc-layout-float-right: 24px;
+}
+}
+.o-doc-layout[data-v-966cd0b4]:not(.has-anchor) {
+  --o-doc-layout-anchor-content-width: 0px;
+}
+.o-doc-layout[data-v-966cd0b4]:not(.has-sider) {
+  --o-doc-layout-content-padding-left: var(--o-doc-layout-padding);
+}
+.o-doc-layout .o-doc-layout-container[data-v-966cd0b4] {
+  height: var(--o-doc-layout-height);
+}
+.o-doc-layout .o-doc-layout-header[data-v-966cd0b4] {
+  position: fixed;
+  top: var(--o-doc-layout-header-top);
+  left: 0;
+  right: 0;
+  height: var(--o-doc-layout-header-height);
+  z-index: 36;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 var(--o-doc-layout-padding);
+  background-color: var(--o-color-fill2);
+  box-shadow: var(--o-shadow-1);
+}
+.o-doc-layout .o-doc-layout-header-toggle[data-v-966cd0b4] {
+  flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  border: none;
+  background: none;
+  color: var(--o-color-info1);
+  cursor: pointer;
+}
+.o-doc-layout .o-doc-layout-header-toggle svg[data-v-966cd0b4] {
+  width: 24px;
+  height: 24px;
+}
+.o-doc-layout .o-doc-layout-header-title[data-v-966cd0b4] {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.o-doc-layout .o-doc-layout-header-right[data-v-966cd0b4] {
+  flex-shrink: 0;
+}
+.o-doc-layout .o-doc-layout-content[data-v-966cd0b4] {
+  padding-top: var(--o-doc-layout-content-padding-top);
+  padding-left: var(--o-doc-layout-content-padding-left);
+  padding-right: var(--o-doc-layout-content-padding-right);
+  transition: padding-left 0.3s;
+}
+.o-doc-layout .o-doc-layout-sider[data-v-966cd0b4] {
+  box-sizing: content-box;
+  position: fixed;
+  top: var(--o-doc-layout-page-header-height);
+  left: 0;
+  bottom: 0;
+  width: var(--o-doc-layout-sider-content-width);
+  padding-left: var(--o-doc-layout-sider-padding-left);
+  padding-right: var(--o-doc-layout-sider-padding-right);
+  padding-top: var(--o-doc-layout-sider-padding-top);
+  padding-bottom: var(--o-doc-layout-sider-padding-bottom);
+  background-color: rgba(var(--o-brand-6), 0.03);
+  z-index: 35;
+  transition: transform 0.3s;
+}
+.o-doc-layout .o-doc-layout-anchor[data-v-966cd0b4] {
+  position: fixed;
+  top: var(--o-doc-layout-anchor-top);
+  right: var(--o-doc-layout-anchor-right);
+  width: var(--o-doc-layout-anchor-content-width);
+  z-index: 33;
+}
+.o-doc-layout .o-doc-layout-float[data-v-966cd0b4] {
+  position: fixed;
+  right: var(--o-doc-layout-float-right);
+  bottom: var(--o-doc-layout-float-bottom);
+  z-index: var(--o-doc-layout-float-z-index);
+}
+.o-doc-layout .o-doc-layout-mask[data-v-966cd0b4] {
+  position: fixed;
+  inset: 0;
+  z-index: 34;
+  background-color: var(--o-color-mask1);
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.3s;
+}
+.o-doc-layout .o-doc-layout-opener[data-v-966cd0b4] {
+  position: fixed;
+  top: 50%;
+  left: var(--o-doc-layout-opener-left);
+  transform: translateY(-50%);
+  z-index: 36;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  width: var(--o-doc-layout-opener-width);
+  height: var(--o-doc-layout-opener-height);
+  background-color: rgba(var(--o-brand-6), 0.03);
+  border-top: 1px solid var(--o-color-control4);
+  border-right: 1px solid var(--o-color-control4);
+  border-bottom: 1px solid var(--o-color-control4);
+  border-left: none;
+  border-radius: var(--o-doc-layout-opener-radius);
+  cursor: pointer;
+  transition: transform 0.3s, box-shadow 0.3s;
+}
+.o-doc-layout .o-doc-layout-opener[data-v-966cd0b4]::before, .o-doc-layout .o-doc-layout-opener[data-v-966cd0b4]::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  width: 1px;
+  background-color: var(--o-color-control4);
+  pointer-events: none;
+  transition: opacity 0.3s;
+}
+.o-doc-layout .o-doc-layout-opener[data-v-966cd0b4]::before {
+  bottom: 100%;
+  height: 100vh;
+}
+.o-doc-layout .o-doc-layout-opener[data-v-966cd0b4]::after {
+  top: 100%;
+  height: 100vh;
+}
+.o-doc-layout .o-doc-layout-opener .o-doc-layout-opener-thumb[data-v-966cd0b4] {
+  width: 2px;
+  height: 24px;
+  border-radius: 2px;
+  background-color: var(--o-color-info4);
+  transition: background-color 0.3s;
+}
+.o-doc-layout .o-doc-layout-opener:hover .o-doc-layout-opener-thumb[data-v-966cd0b4] {
+  background-color: var(--o-color-primary1);
+}
+.o-doc-layout .o-doc-layout-resizer[data-v-966cd0b4] {
+  position: fixed;
+  top: var(--o-doc-layout-page-header-height);
+  bottom: 0;
+  left: calc(var(--o-doc-layout-opener-left) - 4px);
+  width: 8px;
+  z-index: 35;
+  cursor: ew-resize;
+  touch-action: none;
+  user-select: none;
+  -webkit-user-select: none;
+  transition: transform 0.3s;
+}
+.o-doc-layout.is-collapsed .o-doc-layout-sider[data-v-966cd0b4] {
+  transform: translateX(-100%);
+}
+.o-doc-layout.is-collapsed .o-doc-layout-content[data-v-966cd0b4] {
+  padding-left: var(--o-doc-layout-padding);
+}
+.o-doc-layout.is-collapsed .o-doc-layout-mask[data-v-966cd0b4] {
+  opacity: 0;
+  pointer-events: none;
+}
+.o-doc-layout.is-collapsed .o-doc-layout-opener[data-v-966cd0b4] {
+  transform: translateY(-50%) translateX(calc(-1 * var(--o-doc-layout-opener-left)));
+  box-shadow: var(--o-shadow-2);
+}
+.o-doc-layout.is-collapsed .o-doc-layout-opener[data-v-966cd0b4]::before, .o-doc-layout.is-collapsed .o-doc-layout-opener[data-v-966cd0b4]::after {
+  opacity: 0;
+}
+.o-doc-layout.is-collapsed .o-doc-layout-resizer[data-v-966cd0b4] {
+  transform: translateX(calc(4px - var(--o-doc-layout-opener-left)));
+}
+.o-doc-layout.is-resizing .o-doc-layout-sider[data-v-966cd0b4],
+.o-doc-layout.is-resizing .o-doc-layout-content[data-v-966cd0b4],
+.o-doc-layout.is-resizing .o-doc-layout-opener[data-v-966cd0b4],
+.o-doc-layout.is-resizing .o-doc-layout-resizer[data-v-966cd0b4] {
+  transition: none;
+}
+@media (max-width: 1200px) {
+.o-doc-layout .o-doc-layout-sider[data-v-966cd0b4] {
+    background-color: var(--o-color-fill2);
+    background-image: linear-gradient(rgba(var(--o-brand-6), 0.03), rgba(var(--o-brand-6), 0.03));
+}
+.o-doc-layout .o-doc-layout-mask[data-v-966cd0b4] {
+    opacity: 1;
+    pointer-events: auto;
+}
+.o-doc-layout .o-doc-layout-opener[data-v-966cd0b4] {
+    background-color: var(--o-color-fill2);
+    background-image: linear-gradient(rgba(var(--o-brand-6), 0.03), rgba(var(--o-brand-6), 0.03));
+}
+}
+@media (max-width: 840px) {
+.o-doc-layout .o-doc-layout-sider[data-v-966cd0b4] {
+    top: calc(var(--o-doc-layout-page-header-height) + var(--o-doc-layout-header-height));
+}
+.o-doc-layout .o-doc-layout-opener[data-v-966cd0b4],
+  .o-doc-layout .o-doc-layout-resizer[data-v-966cd0b4] {
+    display: none;
+}
+}

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.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./ODocLayout.vue2.mjs";
+import './ODocLayout.css';
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const _ODocLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-966cd0b4"]]);
+export {
+  _ODocLayout as default
+};