@sdata/web-vue 2.2.1 → 2.6.0

package/es/layout/index.d.ts

@@ -1,14 +1,15 @@
 import type { App } from 'vue';
 import type { SDOptions } from '../_utils/types';
-import _LayoutContent from './content.vue';
-import _LayoutFooter from './footer.vue';
-import _LayoutHeader from './header.vue';
+import _Content from './content.vue';
+import _Footer from './footer.vue';
+import _Header from './header.vue';
 import _Layout from './layout.vue';
-import _LayoutSider from './sider.vue';
+import _Sider from './sider.vue';
 declare const Layout: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         hasSider: {
             type: BooleanConstructor;
+            default: undefined;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         hasSider: boolean;
@@ -22,6 +23,7 @@ declare const Layout: {
     }, Readonly<import("vue").ExtractPropTypes<{
         hasSider: {
             type: BooleanConstructor;
+            default: undefined;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, {
         hasSider: boolean;
@@ -32,6 +34,7 @@ declare const Layout: {
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     hasSider: {
         type: BooleanConstructor;
+        default: undefined;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     hasSider: boolean;
@@ -41,79 +44,23 @@ declare const Layout: {
     };
 }) & {
     Header: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./interface").LayoutHeaderProps> & Readonly<{
-            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-            "update:modelValue": (value: boolean) => any;
-        }, import("vue").PublicProps, {
-            flat: boolean;
-            fixed: boolean;
-            height: number | string;
-            absolute: boolean;
-            sticky: boolean;
-            defaultVisible: boolean;
-            location: "top" | "bottom";
-            density: import("./interface").LayoutHeaderDensity;
-            extensionHeight: number | string;
-            floating: boolean;
-            scrollThreshold: number | string;
-        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import("./interface").LayoutHeaderProps> & Readonly<{
-            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        }>, {}, {}, {}, {}, {
-            flat: boolean;
-            fixed: boolean;
-            height: number | string;
-            absolute: boolean;
-            sticky: boolean;
-            defaultVisible: boolean;
-            location: "top" | "bottom";
-            density: import("./interface").LayoutHeaderDensity;
-            extensionHeight: number | string;
-            floating: boolean;
-            scrollThreshold: number | string;
-        }>;
+        }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("./interface").LayoutHeaderProps> & Readonly<{
-        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-        "update:modelValue": (value: boolean) => any;
-    }, string, {
-        flat: boolean;
-        fixed: boolean;
-        height: number | string;
-        absolute: boolean;
-        sticky: boolean;
-        defaultVisible: boolean;
-        location: "top" | "bottom";
-        density: import("./interface").LayoutHeaderDensity;
-        extensionHeight: number | string;
-        floating: boolean;
-        scrollThreshold: number | string;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    } & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
-            image?: (props: {}) => any;
-        } & {
-            prepend?: (props: {}) => any;
-        } & {
-            title?: (props: {}) => any;
-        } & {
             default?: (props: {}) => any;
-        } & {
-            append?: (props: {}) => any;
-        } & {
-            extension?: (props: {}) => any;
         };
     });
-    Content: {
+    Footer: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
@@ -130,7 +77,7 @@ declare const Layout: {
             default?: (props: {}) => any;
         };
     });
-    Footer: {
+    Content: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
@@ -149,15 +96,7 @@ declare const Layout: {
     });
     Sider: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-            theme: {
-                type: import("vue").PropType<"dark" | "light">;
-                default: string;
-            };
-            modelValue: {
-                type: BooleanConstructor;
-                default: undefined;
-            };
-            defaultVisible: {
+            collapsible: {
                 type: BooleanConstructor;
                 default: boolean;
             };
@@ -169,127 +108,56 @@ declare const Layout: {
                 type: BooleanConstructor;
                 default: boolean;
             };
-            collapsible: {
+            reverseArrow: {
                 type: BooleanConstructor;
+                default: boolean;
             };
-            rail: {
-                type: BooleanConstructor;
+            zeroWidthTriggerStyle: {
+                type: ObjectConstructor;
                 default: undefined;
             };
-            defaultRail: {
+            hideTrigger: {
                 type: BooleanConstructor;
                 default: boolean;
             };
-            railWidth: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: number;
-            };
-            expandOnHover: {
-                type: BooleanConstructor;
-            };
-            disableResizeWatcher: {
-                type: BooleanConstructor;
-            };
-            disableRouteWatcher: {
-                type: BooleanConstructor;
-            };
             width: {
                 type: (StringConstructor | NumberConstructor)[];
                 default: number;
             };
-            height: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: undefined;
-            };
             collapsedWidth: {
-                type: NumberConstructor;
+                type: (StringConstructor | NumberConstructor)[];
                 default: number;
             };
-            temporary: {
-                type: BooleanConstructor;
-            };
-            permanent: {
-                type: BooleanConstructor;
-            };
-            persistent: {
-                type: BooleanConstructor;
-            };
-            mask: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            maskClosable: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            escToClose: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            location: {
-                type: import("vue").PropType<typeof import("./utils").SIDER_LOCATIONS[number]>;
-                default: string;
-                validator: (value: string) => boolean;
-            };
-            floating: {
-                type: BooleanConstructor;
-            };
-            sticky: {
-                type: BooleanConstructor;
-            };
-            reverseArrow: {
-                type: BooleanConstructor;
-            };
             breakpoint: {
-                type: import("vue").PropType<"xxl" | "xl" | "lg" | "md" | "sm" | "xs">;
+                type: import("vue").PropType<import("../_utils/responsive-observe.ts").SiderBreakpoint>;
+                default: undefined;
             };
-            resizeDirections: {
-                type: import("vue").PropType<Array<"left" | "right" | "top" | "bottom">>;
+            theme: {
+                type: () => "light" | "dark";
                 default: undefined;
             };
-            hideTrigger: {
-                type: BooleanConstructor;
+            scrollbar: {
+                type: import("vue").PropType<boolean | import("../index.ts").ScrollbarProps>;
+                default: undefined;
             };
         }>> & Readonly<{
-            onCollapse?: ((_collapsed: boolean, _type: "responsive" | "clickTrigger") => any) | undefined;
-            "onUpdate:modelValue"?: ((_value: boolean) => any) | undefined;
-            onBreakpoint?: ((_collapsed: boolean) => any) | undefined;
-            "onUpdate:rail"?: ((_value: boolean) => any) | undefined;
-            "onUpdate:collapsed"?: ((_collapsed: boolean) => any) | undefined;
-        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            collapse: (_collapsed: boolean, _type: "responsive" | "clickTrigger") => any;
-            "update:modelValue": (_value: boolean) => any;
-            breakpoint: (_collapsed: boolean) => any;
-            "update:rail": (_value: boolean) => any;
-            "update:collapsed": (_collapsed: boolean) => any;
+            onCollapse?: ((collapsed: boolean, type: import("./interface").CollapseType) => any) | undefined;
+            onBreakpoint?: ((broken: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+            collapse: (collapsed: boolean, type: import("./interface").CollapseType) => any;
+            breakpoint: (broken: boolean) => any;
         }, import("vue").PublicProps, {
-            mask: boolean;
-            height: string | number;
-            sticky: boolean;
-            modelValue: boolean;
-            defaultVisible: boolean;
+            scrollbar: boolean | import("../index.ts").ScrollbarProps;
             width: string | number;
             hideTrigger: boolean;
             collapsed: boolean;
-            location: "top" | "bottom" | "left" | "right" | "end" | "start";
-            maskClosable: boolean;
-            escToClose: boolean;
             theme: "dark" | "light";
-            floating: boolean;
-            defaultCollapsed: boolean;
             collapsible: boolean;
-            rail: boolean;
-            defaultRail: boolean;
-            railWidth: string | number;
-            expandOnHover: boolean;
-            disableResizeWatcher: boolean;
-            disableRouteWatcher: boolean;
-            collapsedWidth: number;
-            temporary: boolean;
-            permanent: boolean;
-            persistent: boolean;
+            defaultCollapsed: boolean;
             reverseArrow: boolean;
-            resizeDirections: ("top" | "bottom" | "left" | "right")[];
+            zeroWidthTriggerStyle: Record<string, any>;
+            collapsedWidth: string | number;
+            breakpoint: import("../_utils/responsive-observe.ts").SiderBreakpoint;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
@@ -298,15 +166,7 @@ declare const Layout: {
             M: {};
             Defaults: {};
         }, Readonly<import("vue").ExtractPropTypes<{
-            theme: {
-                type: import("vue").PropType<"dark" | "light">;
-                default: string;
-            };
-            modelValue: {
-                type: BooleanConstructor;
-                default: undefined;
-            };
-            defaultVisible: {
+            collapsible: {
                 type: BooleanConstructor;
                 default: boolean;
             };
@@ -318,135 +178,59 @@ declare const Layout: {
                 type: BooleanConstructor;
                 default: boolean;
             };
-            collapsible: {
+            reverseArrow: {
                 type: BooleanConstructor;
+                default: boolean;
             };
-            rail: {
-                type: BooleanConstructor;
+            zeroWidthTriggerStyle: {
+                type: ObjectConstructor;
                 default: undefined;
             };
-            defaultRail: {
+            hideTrigger: {
                 type: BooleanConstructor;
                 default: boolean;
             };
-            railWidth: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: number;
-            };
-            expandOnHover: {
-                type: BooleanConstructor;
-            };
-            disableResizeWatcher: {
-                type: BooleanConstructor;
-            };
-            disableRouteWatcher: {
-                type: BooleanConstructor;
-            };
             width: {
                 type: (StringConstructor | NumberConstructor)[];
                 default: number;
             };
-            height: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: undefined;
-            };
             collapsedWidth: {
-                type: NumberConstructor;
+                type: (StringConstructor | NumberConstructor)[];
                 default: number;
             };
-            temporary: {
-                type: BooleanConstructor;
-            };
-            permanent: {
-                type: BooleanConstructor;
-            };
-            persistent: {
-                type: BooleanConstructor;
-            };
-            mask: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            maskClosable: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            escToClose: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            location: {
-                type: import("vue").PropType<typeof import("./utils").SIDER_LOCATIONS[number]>;
-                default: string;
-                validator: (value: string) => boolean;
-            };
-            floating: {
-                type: BooleanConstructor;
-            };
-            sticky: {
-                type: BooleanConstructor;
-            };
-            reverseArrow: {
-                type: BooleanConstructor;
-            };
             breakpoint: {
-                type: import("vue").PropType<"xxl" | "xl" | "lg" | "md" | "sm" | "xs">;
+                type: import("vue").PropType<import("../_utils/responsive-observe.ts").SiderBreakpoint>;
+                default: undefined;
             };
-            resizeDirections: {
-                type: import("vue").PropType<Array<"left" | "right" | "top" | "bottom">>;
+            theme: {
+                type: () => "light" | "dark";
                 default: undefined;
             };
-            hideTrigger: {
-                type: BooleanConstructor;
+            scrollbar: {
+                type: import("vue").PropType<boolean | import("../index.ts").ScrollbarProps>;
+                default: undefined;
             };
         }>> & Readonly<{
-            onCollapse?: ((_collapsed: boolean, _type: "responsive" | "clickTrigger") => any) | undefined;
-            "onUpdate:modelValue"?: ((_value: boolean) => any) | undefined;
-            onBreakpoint?: ((_collapsed: boolean) => any) | undefined;
-            "onUpdate:rail"?: ((_value: boolean) => any) | undefined;
-            "onUpdate:collapsed"?: ((_collapsed: boolean) => any) | undefined;
+            onCollapse?: ((collapsed: boolean, type: import("./interface").CollapseType) => any) | undefined;
+            onBreakpoint?: ((broken: boolean) => any) | undefined;
         }>, {}, {}, {}, {}, {
-            mask: boolean;
-            height: string | number;
-            sticky: boolean;
-            modelValue: boolean;
-            defaultVisible: boolean;
+            scrollbar: boolean | import("../index.ts").ScrollbarProps;
             width: string | number;
             hideTrigger: boolean;
             collapsed: boolean;
-            location: "top" | "bottom" | "left" | "right" | "end" | "start";
-            maskClosable: boolean;
-            escToClose: boolean;
             theme: "dark" | "light";
-            floating: boolean;
-            defaultCollapsed: boolean;
             collapsible: boolean;
-            rail: boolean;
-            defaultRail: boolean;
-            railWidth: string | number;
-            expandOnHover: boolean;
-            disableResizeWatcher: boolean;
-            disableRouteWatcher: boolean;
-            collapsedWidth: number;
-            temporary: boolean;
-            permanent: boolean;
-            persistent: boolean;
+            defaultCollapsed: boolean;
             reverseArrow: boolean;
-            resizeDirections: ("top" | "bottom" | "left" | "right")[];
+            zeroWidthTriggerStyle: Record<string, any>;
+            collapsedWidth: string | number;
+            breakpoint: import("../_utils/responsive-observe.ts").SiderBreakpoint;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        theme: {
-            type: import("vue").PropType<"dark" | "light">;
-            default: string;
-        };
-        modelValue: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        defaultVisible: {
+        collapsible: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -458,149 +242,76 @@ declare const Layout: {
             type: BooleanConstructor;
             default: boolean;
         };
-        collapsible: {
+        reverseArrow: {
             type: BooleanConstructor;
+            default: boolean;
         };
-        rail: {
-            type: BooleanConstructor;
+        zeroWidthTriggerStyle: {
+            type: ObjectConstructor;
             default: undefined;
         };
-        defaultRail: {
+        hideTrigger: {
             type: BooleanConstructor;
             default: boolean;
         };
-        railWidth: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: number;
-        };
-        expandOnHover: {
-            type: BooleanConstructor;
-        };
-        disableResizeWatcher: {
-            type: BooleanConstructor;
-        };
-        disableRouteWatcher: {
-            type: BooleanConstructor;
-        };
         width: {
             type: (StringConstructor | NumberConstructor)[];
             default: number;
         };
-        height: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: undefined;
-        };
         collapsedWidth: {
-            type: NumberConstructor;
+            type: (StringConstructor | NumberConstructor)[];
             default: number;
         };
-        temporary: {
-            type: BooleanConstructor;
-        };
-        permanent: {
-            type: BooleanConstructor;
-        };
-        persistent: {
-            type: BooleanConstructor;
-        };
-        mask: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        maskClosable: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        escToClose: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        location: {
-            type: import("vue").PropType<typeof import("./utils").SIDER_LOCATIONS[number]>;
-            default: string;
-            validator: (value: string) => boolean;
-        };
-        floating: {
-            type: BooleanConstructor;
-        };
-        sticky: {
-            type: BooleanConstructor;
-        };
-        reverseArrow: {
-            type: BooleanConstructor;
-        };
         breakpoint: {
-            type: import("vue").PropType<"xxl" | "xl" | "lg" | "md" | "sm" | "xs">;
+            type: import("vue").PropType<import("../_utils/responsive-observe.ts").SiderBreakpoint>;
+            default: undefined;
         };
-        resizeDirections: {
-            type: import("vue").PropType<Array<"left" | "right" | "top" | "bottom">>;
+        theme: {
+            type: () => "light" | "dark";
             default: undefined;
         };
-        hideTrigger: {
-            type: BooleanConstructor;
+        scrollbar: {
+            type: import("vue").PropType<boolean | import("../index.ts").ScrollbarProps>;
+            default: undefined;
         };
     }>> & Readonly<{
-        onCollapse?: ((_collapsed: boolean, _type: "responsive" | "clickTrigger") => any) | undefined;
-        "onUpdate:modelValue"?: ((_value: boolean) => any) | undefined;
-        onBreakpoint?: ((_collapsed: boolean) => any) | undefined;
-        "onUpdate:rail"?: ((_value: boolean) => any) | undefined;
-        "onUpdate:collapsed"?: ((_collapsed: boolean) => any) | undefined;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        collapse: (_collapsed: boolean, _type: "responsive" | "clickTrigger") => any;
-        "update:modelValue": (_value: boolean) => any;
-        breakpoint: (_collapsed: boolean) => any;
-        "update:rail": (_value: boolean) => any;
-        "update:collapsed": (_collapsed: boolean) => any;
+        onCollapse?: ((collapsed: boolean, type: import("./interface").CollapseType) => any) | undefined;
+        onBreakpoint?: ((broken: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+        collapse: (collapsed: boolean, type: import("./interface").CollapseType) => any;
+        breakpoint: (broken: boolean) => any;
     }, string, {
-        mask: boolean;
-        height: string | number;
-        sticky: boolean;
-        modelValue: boolean;
-        defaultVisible: boolean;
+        scrollbar: boolean | import("../index.ts").ScrollbarProps;
         width: string | number;
         hideTrigger: boolean;
         collapsed: boolean;
-        location: "top" | "bottom" | "left" | "right" | "end" | "start";
-        maskClosable: boolean;
-        escToClose: boolean;
         theme: "dark" | "light";
-        floating: boolean;
-        defaultCollapsed: boolean;
         collapsible: boolean;
-        rail: boolean;
-        defaultRail: boolean;
-        railWidth: string | number;
-        expandOnHover: boolean;
-        disableResizeWatcher: boolean;
-        disableRouteWatcher: boolean;
-        collapsedWidth: number;
-        temporary: boolean;
-        permanent: boolean;
-        persistent: boolean;
+        defaultCollapsed: boolean;
         reverseArrow: boolean;
-        resizeDirections: ("top" | "bottom" | "left" | "right")[];
+        zeroWidthTriggerStyle: Record<string, any>;
+        collapsedWidth: string | number;
+        breakpoint: import("../_utils/responsive-observe.ts").SiderBreakpoint;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
-            image?: (props: {}) => any;
+            header?: (props: {}) => any;
         } & {
-            prepend?: (props: {}) => any;
+            default?: (props: {}) => any;
         } & {
             default?: (props: {}) => any;
         } & {
-            append?: (props: {}) => any;
+            trigger?: (props: {}) => any;
         } & {
-            trigger?: (props: {
-                collapsed: boolean;
-            }) => any;
+            trigger?: (props: {}) => any;
         };
     });
     install: (app: App, options?: SDOptions) => void;
 };
 export type LayoutInstance = InstanceType<typeof _Layout>;
-export type LayoutHeaderInstance = InstanceType<typeof _LayoutHeader>;
-export type LayoutContentInstance = InstanceType<typeof _LayoutContent>;
-export type LayoutFooterInstance = InstanceType<typeof _LayoutFooter>;
-export type LayoutSiderInstance = InstanceType<typeof _LayoutSider>;
-export type { LayoutHeaderDensity, LayoutHeaderProps, LayoutHeaderScrollBehavior, LayoutProps, SiderProps, } from './interface';
-export { _LayoutHeader as LayoutHeader, _LayoutContent as LayoutContent, _LayoutFooter as LayoutFooter, _LayoutSider as LayoutSider, };
+export type LayoutHeaderInstance = InstanceType<typeof _Header>;
+export type LayoutFooterInstance = InstanceType<typeof _Footer>;
+export type LayoutContentInstance = InstanceType<typeof _Content>;
+export type LayoutSiderInstance = InstanceType<typeof _Sider>;
+export type { CollapseType, LayoutProps, SiderProps, SiderTheme } from './interface';
+export { _Content as LayoutContent, _Footer as LayoutFooter, _Header as LayoutHeader, _Sider as LayoutSider, };
 export default Layout;

package/es/layout/index.js

@@ -7,16 +7,16 @@ import sider_default from "./sider.js";
 //#region components/layout/index.ts
 var Layout = Object.assign(layout_default, {
 	Header: header_default,
-	Content: content_default,
 	Footer: footer_default,
+	Content: content_default,
 	Sider: sider_default,
 	install: (app, options) => {
 		setGlobalConfig(app, options);
 		const componentPrefix = getComponentPrefix(options);
 		app.component(componentPrefix + layout_default.name, layout_default);
 		app.component(componentPrefix + header_default.name, header_default);
-		app.component(componentPrefix + content_default.name, content_default);
 		app.component(componentPrefix + footer_default.name, footer_default);
+		app.component(componentPrefix + content_default.name, content_default);
 		app.component(componentPrefix + sider_default.name, sider_default);
 	}
 });