@sdata/web-vue 1.14.0 → 1.19.0

package/es/layout/index.d.ts

@@ -48,9 +48,79 @@ declare const Layout: {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     hasSider: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    Header: import("vue").DefineComponent<{}, {
-        classNames: string[];
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    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, {
+            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;
+        }>;
+        __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 () => {
+        $slots: {
+            image?: (props: {}) => any;
+        } & {
+            prepend?: (props: {}) => any;
+        } & {
+            title?: (props: {}) => any;
+        } & {
+            default?: (props: {}) => any;
+        } & {
+            append?: (props: {}) => any;
+        } & {
+            extension?: (props: {}) => any;
+        };
+    });
     Content: import("vue").DefineComponent<{}, {
         classNames: string[];
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -62,72 +132,89 @@ declare const Layout: {
             type: import("vue").PropType<"dark" | "light">;
             default: string;
         };
+        modelValue: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        defaultVisible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         collapsed: {
             type: BooleanConstructor;
             default: undefined;
         };
         defaultCollapsed: {
             type: BooleanConstructor;
+            default: boolean;
         };
         collapsible: {
             type: BooleanConstructor;
         };
+        rail: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        defaultRail: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        railWidth: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        expandOnHover: {
+            type: BooleanConstructor;
+        };
+        disableResizeWatcher: {
+            type: BooleanConstructor;
+        };
+        disableRouteWatcher: {
+            type: BooleanConstructor;
+        };
         width: {
-            type: NumberConstructor;
+            type: (StringConstructor | NumberConstructor)[];
             default: number;
         };
+        height: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
         collapsedWidth: {
             type: NumberConstructor;
             default: number;
         };
-        reverseArrow: {
+        temporary: {
             type: BooleanConstructor;
         };
-        breakpoint: {
-            type: import("vue").PropType<"xxl" | "xl" | "lg" | "md" | "sm" | "xs">;
-        };
-        resizeDirections: {
-            type: import("vue").PropType<Array<"left" | "right" | "top" | "bottom">>;
-            default: undefined;
-        };
-        hideTrigger: {
+        permanent: {
             type: BooleanConstructor;
         };
-    }>, {
-        componentTag: import("vue").ComputedRef<"div" | "ResizeBox">;
-        prefixCls: string;
-        classNames: import("vue").ComputedRef<(string | {
-            [x: string]: boolean | undefined;
-        })[]>;
-        triggerClassNames: import("vue").ComputedRef<(string | {
-            [x: string]: boolean;
-        })[]>;
-        localCollapsed: import("vue").ComputedRef<boolean>;
-        siderWidth: import("vue").ComputedRef<string>;
-        showTrigger: import("vue").ComputedRef<boolean>;
-        toggleTrigger: () => void;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("collapse" | "update:collapsed" | "breakpoint")[], "collapse" | "update:collapsed" | "breakpoint", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        theme: {
-            type: import("vue").PropType<"dark" | "light">;
-            default: string;
+        persistent: {
+            type: BooleanConstructor;
         };
-        collapsed: {
+        mask: {
             type: BooleanConstructor;
-            default: undefined;
+            default: boolean;
         };
-        defaultCollapsed: {
+        maskClosable: {
             type: BooleanConstructor;
+            default: boolean;
         };
-        collapsible: {
+        escToClose: {
             type: BooleanConstructor;
+            default: boolean;
         };
-        width: {
-            type: NumberConstructor;
-            default: number;
+        location: {
+            type: import("vue").PropType<"top" | "bottom" | "left" | "right" | "end" | "start">;
+            default: string;
+            validator: (value: string) => boolean;
         };
-        collapsedWidth: {
-            type: NumberConstructor;
-            default: number;
+        floating: {
+            type: BooleanConstructor;
+        };
+        sticky: {
+            type: BooleanConstructor;
         };
         reverseArrow: {
             type: BooleanConstructor;
@@ -142,18 +229,911 @@ declare const Layout: {
         hideTrigger: {
             type: BooleanConstructor;
         };
-    }>> & Readonly<{
-        onCollapse?: ((...args: any[]) => any) | undefined;
-        "onUpdate:collapsed"?: ((...args: any[]) => any) | undefined;
-        onBreakpoint?: ((...args: any[]) => any) | undefined;
     }>, {
-        width: number;
-        hideTrigger: boolean;
-        theme: "dark" | "light";
-        collapsed: boolean;
+        classNames: import("vue").ComputedRef<(string | {
+            [x: string]: boolean;
+        })[]>;
+        componentTag: import("vue").ComputedRef<"div" | ({
+            new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+                width: {
+                    type: NumberConstructor;
+                };
+                height: {
+                    type: NumberConstructor;
+                };
+                component: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                directions: {
+                    type: import("vue").PropType<("left" | "right" | "top" | "bottom")[]>;
+                    default: () => string[];
+                };
+            }>> & Readonly<{
+                onMoving?: ((_size: {
+                    width: number;
+                    height: number;
+                }, _ev: MouseEvent) => any) | undefined;
+                "onUpdate:width"?: ((_width: number) => any) | undefined;
+                "onUpdate:height"?: ((_height: number) => any) | undefined;
+                onMovingStart?: ((_ev: MouseEvent) => any) | undefined;
+                onMovingEnd?: ((_ev: MouseEvent) => any) | undefined;
+            }>, {
+                prefixCls: string;
+                classNames: import("vue").ComputedRef<string[]>;
+                styles: import("vue").ComputedRef<{
+                    "padding-bottom"?: string | undefined;
+                    "padding-left"?: string | undefined;
+                    "padding-right"?: string | undefined;
+                    "padding-top"?: string | undefined;
+                    height?: string | undefined;
+                    width?: string | undefined;
+                }>;
+                wrapperRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+                onMoveStart: (direction: import("../resize-box/resize-box.vue").DirectionType, e: MouseEvent) => void;
+                isHorizontal: (direction: import("../resize-box/resize-box.vue").DirectionType) => boolean;
+                allowDirections: import("vue").ComputedRef<("top" | "bottom" | "left" | "right")[]>;
+                onTiggerResize: (direction: import("../resize-box/resize-box.vue").DirectionType, entry: ResizeObserverEntry) => void;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                'update:width': (_width: number) => true;
+                'update:height': (_height: number) => true;
+                movingStart: (_ev: MouseEvent) => true;
+                moving: (_size: {
+                    width: number;
+                    height: number;
+                }, _ev: MouseEvent) => true;
+                movingEnd: (_ev: MouseEvent) => true;
+            }, import("vue").PublicProps, {
+                component: string;
+                directions: ("top" | "bottom" | "left" | "right")[];
+            }, true, {}, {}, {
+                ResizeTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                    prefixCls: {
+                        type: StringConstructor;
+                        required: true;
+                    };
+                    direction: {
+                        type: import("vue").PropType<"horizontal" | "vertical">;
+                        default: string;
+                    };
+                }>, {
+                    classNames: import("vue").ComputedRef<(string | {
+                        [x: string]: boolean;
+                    })[]>;
+                    onResize: (entry: ResizeObserverEntry) => void;
+                    isHorizontal: import("vue").ComputedRef<boolean>;
+                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "resize"[], "resize", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                    prefixCls: {
+                        type: StringConstructor;
+                        required: true;
+                    };
+                    direction: {
+                        type: import("vue").PropType<"horizontal" | "vertical">;
+                        default: string;
+                    };
+                }>> & Readonly<{
+                    onResize?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    direction: "horizontal" | "vertical";
+                }, {}, {
+                    ResizeObserver: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                        [key: string]: any;
+                    }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "resize"[], "resize", import("vue").PublicProps, Readonly<{}> & Readonly<{
+                        onResize?: ((...args: any[]) => any) | undefined;
+                    }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+                    IconDragDot: {
+                        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+                            size: {
+                                type: (StringConstructor | NumberConstructor)[];
+                            };
+                            strokeWidth: {
+                                type: NumberConstructor;
+                                default: number;
+                            };
+                            strokeLinecap: {
+                                type: StringConstructor;
+                                default: string;
+                                validator: (value: any) => boolean;
+                            };
+                            strokeLinejoin: {
+                                type: StringConstructor;
+                                default: string;
+                                validator: (value: any) => boolean;
+                            };
+                            rotate: NumberConstructor;
+                            spin: BooleanConstructor;
+                        }>> & Readonly<{
+                            onClick?: ((ev: MouseEvent) => any) | undefined;
+                        }>, {
+                            cls: import("vue").ComputedRef<(string | {
+                                [x: string]: boolean;
+                            })[]>;
+                            innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
+                            onClick: (ev: MouseEvent) => void;
+                        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                            click: (ev: MouseEvent) => true;
+                        }, import("vue").PublicProps, {
+                            spin: boolean;
+                            strokeWidth: number;
+                            strokeLinecap: string;
+                            strokeLinejoin: string;
+                        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                            P: {};
+                            B: {};
+                            D: {};
+                            C: {};
+                            M: {};
+                            Defaults: {};
+                        }, Readonly<import("vue").ExtractPropTypes<{
+                            size: {
+                                type: (StringConstructor | NumberConstructor)[];
+                            };
+                            strokeWidth: {
+                                type: NumberConstructor;
+                                default: number;
+                            };
+                            strokeLinecap: {
+                                type: StringConstructor;
+                                default: string;
+                                validator: (value: any) => boolean;
+                            };
+                            strokeLinejoin: {
+                                type: StringConstructor;
+                                default: string;
+                                validator: (value: any) => boolean;
+                            };
+                            rotate: NumberConstructor;
+                            spin: BooleanConstructor;
+                        }>> & Readonly<{
+                            onClick?: ((ev: MouseEvent) => any) | undefined;
+                        }>, {
+                            cls: import("vue").ComputedRef<(string | {
+                                [x: string]: boolean;
+                            })[]>;
+                            innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
+                            onClick: (ev: MouseEvent) => void;
+                        }, {}, {}, {}, {
+                            spin: boolean;
+                            strokeWidth: number;
+                            strokeLinecap: string;
+                            strokeLinejoin: string;
+                        }>;
+                        __isFragment?: never;
+                        __isTeleport?: never;
+                        __isSuspense?: never;
+                    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                        size: {
+                            type: (StringConstructor | NumberConstructor)[];
+                        };
+                        strokeWidth: {
+                            type: NumberConstructor;
+                            default: number;
+                        };
+                        strokeLinecap: {
+                            type: StringConstructor;
+                            default: string;
+                            validator: (value: any) => boolean;
+                        };
+                        strokeLinejoin: {
+                            type: StringConstructor;
+                            default: string;
+                            validator: (value: any) => boolean;
+                        };
+                        rotate: NumberConstructor;
+                        spin: BooleanConstructor;
+                    }>> & Readonly<{
+                        onClick?: ((ev: MouseEvent) => any) | undefined;
+                    }>, {
+                        cls: import("vue").ComputedRef<(string | {
+                            [x: string]: boolean;
+                        })[]>;
+                        innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
+                        onClick: (ev: MouseEvent) => void;
+                    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                        click: (ev: MouseEvent) => true;
+                    }, string, {
+                        spin: boolean;
+                        strokeWidth: number;
+                        strokeLinecap: string;
+                        strokeLinejoin: string;
+                    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+                        install: (app: App, options?: import("../_utils/types").SDIconOptions) => void;
+                    };
+                    IconDragDotVertical: {
+                        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+                            size: {
+                                type: (StringConstructor | NumberConstructor)[];
+                            };
+                            strokeWidth: {
+                                type: NumberConstructor;
+                                default: number;
+                            };
+                            strokeLinecap: {
+                                type: StringConstructor;
+                                default: string;
+                                validator: (value: any) => boolean;
+                            };
+                            strokeLinejoin: {
+                                type: StringConstructor;
+                                default: string;
+                                validator: (value: any) => boolean;
+                            };
+                            rotate: NumberConstructor;
+                            spin: BooleanConstructor;
+                        }>> & Readonly<{
+                            onClick?: ((ev: MouseEvent) => any) | undefined;
+                        }>, {
+                            cls: import("vue").ComputedRef<(string | {
+                                [x: string]: boolean;
+                            })[]>;
+                            innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
+                            onClick: (ev: MouseEvent) => void;
+                        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                            click: (ev: MouseEvent) => true;
+                        }, import("vue").PublicProps, {
+                            spin: boolean;
+                            strokeWidth: number;
+                            strokeLinecap: string;
+                            strokeLinejoin: string;
+                        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                            P: {};
+                            B: {};
+                            D: {};
+                            C: {};
+                            M: {};
+                            Defaults: {};
+                        }, Readonly<import("vue").ExtractPropTypes<{
+                            size: {
+                                type: (StringConstructor | NumberConstructor)[];
+                            };
+                            strokeWidth: {
+                                type: NumberConstructor;
+                                default: number;
+                            };
+                            strokeLinecap: {
+                                type: StringConstructor;
+                                default: string;
+                                validator: (value: any) => boolean;
+                            };
+                            strokeLinejoin: {
+                                type: StringConstructor;
+                                default: string;
+                                validator: (value: any) => boolean;
+                            };
+                            rotate: NumberConstructor;
+                            spin: BooleanConstructor;
+                        }>> & Readonly<{
+                            onClick?: ((ev: MouseEvent) => any) | undefined;
+                        }>, {
+                            cls: import("vue").ComputedRef<(string | {
+                                [x: string]: boolean;
+                            })[]>;
+                            innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                            svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
+                            onClick: (ev: MouseEvent) => void;
+                        }, {}, {}, {}, {
+                            spin: boolean;
+                            strokeWidth: number;
+                            strokeLinecap: string;
+                            strokeLinejoin: string;
+                        }>;
+                        __isFragment?: never;
+                        __isTeleport?: never;
+                        __isSuspense?: never;
+                    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                        size: {
+                            type: (StringConstructor | NumberConstructor)[];
+                        };
+                        strokeWidth: {
+                            type: NumberConstructor;
+                            default: number;
+                        };
+                        strokeLinecap: {
+                            type: StringConstructor;
+                            default: string;
+                            validator: (value: any) => boolean;
+                        };
+                        strokeLinejoin: {
+                            type: StringConstructor;
+                            default: string;
+                            validator: (value: any) => boolean;
+                        };
+                        rotate: NumberConstructor;
+                        spin: BooleanConstructor;
+                    }>> & Readonly<{
+                        onClick?: ((ev: MouseEvent) => any) | undefined;
+                    }>, {
+                        cls: import("vue").ComputedRef<(string | {
+                            [x: string]: boolean;
+                        })[]>;
+                        innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
+                        onClick: (ev: MouseEvent) => void;
+                    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                        click: (ev: MouseEvent) => true;
+                    }, string, {
+                        spin: boolean;
+                        strokeWidth: number;
+                        strokeLinecap: string;
+                        strokeLinejoin: string;
+                    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+                        install: (app: App, options?: import("../_utils/types").SDIconOptions) => void;
+                    };
+                }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+            } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import("vue").ExtractPropTypes<{
+                width: {
+                    type: NumberConstructor;
+                };
+                height: {
+                    type: NumberConstructor;
+                };
+                component: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                directions: {
+                    type: import("vue").PropType<("left" | "right" | "top" | "bottom")[]>;
+                    default: () => string[];
+                };
+            }>> & Readonly<{
+                onMoving?: ((_size: {
+                    width: number;
+                    height: number;
+                }, _ev: MouseEvent) => any) | undefined;
+                "onUpdate:width"?: ((_width: number) => any) | undefined;
+                "onUpdate:height"?: ((_height: number) => any) | undefined;
+                onMovingStart?: ((_ev: MouseEvent) => any) | undefined;
+                onMovingEnd?: ((_ev: MouseEvent) => any) | undefined;
+            }>, {
+                prefixCls: string;
+                classNames: import("vue").ComputedRef<string[]>;
+                styles: import("vue").ComputedRef<{
+                    "padding-bottom"?: string | undefined;
+                    "padding-left"?: string | undefined;
+                    "padding-right"?: string | undefined;
+                    "padding-top"?: string | undefined;
+                    height?: string | undefined;
+                    width?: string | undefined;
+                }>;
+                wrapperRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+                onMoveStart: (direction: import("../resize-box/resize-box.vue").DirectionType, e: MouseEvent) => void;
+                isHorizontal: (direction: import("../resize-box/resize-box.vue").DirectionType) => boolean;
+                allowDirections: import("vue").ComputedRef<("top" | "bottom" | "left" | "right")[]>;
+                onTiggerResize: (direction: import("../resize-box/resize-box.vue").DirectionType, entry: ResizeObserverEntry) => void;
+            }, {}, {}, {}, {
+                component: string;
+                directions: ("top" | "bottom" | "left" | "right")[];
+            }>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            width: {
+                type: NumberConstructor;
+            };
+            height: {
+                type: NumberConstructor;
+            };
+            component: {
+                type: StringConstructor;
+                default: string;
+            };
+            directions: {
+                type: import("vue").PropType<("left" | "right" | "top" | "bottom")[]>;
+                default: () => string[];
+            };
+        }>> & Readonly<{
+            onMoving?: ((_size: {
+                width: number;
+                height: number;
+            }, _ev: MouseEvent) => any) | undefined;
+            "onUpdate:width"?: ((_width: number) => any) | undefined;
+            "onUpdate:height"?: ((_height: number) => any) | undefined;
+            onMovingStart?: ((_ev: MouseEvent) => any) | undefined;
+            onMovingEnd?: ((_ev: MouseEvent) => any) | undefined;
+        }>, {
+            prefixCls: string;
+            classNames: import("vue").ComputedRef<string[]>;
+            styles: import("vue").ComputedRef<{
+                "padding-bottom"?: string | undefined;
+                "padding-left"?: string | undefined;
+                "padding-right"?: string | undefined;
+                "padding-top"?: string | undefined;
+                height?: string | undefined;
+                width?: string | undefined;
+            }>;
+            wrapperRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+            onMoveStart: (direction: import("../resize-box/resize-box.vue").DirectionType, e: MouseEvent) => void;
+            isHorizontal: (direction: import("../resize-box/resize-box.vue").DirectionType) => boolean;
+            allowDirections: import("vue").ComputedRef<("top" | "bottom" | "left" | "right")[]>;
+            onTiggerResize: (direction: import("../resize-box/resize-box.vue").DirectionType, entry: ResizeObserverEntry) => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            'update:width': (_width: number) => true;
+            'update:height': (_height: number) => true;
+            movingStart: (_ev: MouseEvent) => true;
+            moving: (_size: {
+                width: number;
+                height: number;
+            }, _ev: MouseEvent) => true;
+            movingEnd: (_ev: MouseEvent) => true;
+        }, string, {
+            component: string;
+            directions: ("top" | "bottom" | "left" | "right")[];
+        }, {}, string, {}, {
+            ResizeTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                prefixCls: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                direction: {
+                    type: import("vue").PropType<"horizontal" | "vertical">;
+                    default: string;
+                };
+            }>, {
+                classNames: import("vue").ComputedRef<(string | {
+                    [x: string]: boolean;
+                })[]>;
+                onResize: (entry: ResizeObserverEntry) => void;
+                isHorizontal: import("vue").ComputedRef<boolean>;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "resize"[], "resize", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                prefixCls: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                direction: {
+                    type: import("vue").PropType<"horizontal" | "vertical">;
+                    default: string;
+                };
+            }>> & Readonly<{
+                onResize?: ((...args: any[]) => any) | undefined;
+            }>, {
+                direction: "horizontal" | "vertical";
+            }, {}, {
+                ResizeObserver: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "resize"[], "resize", import("vue").PublicProps, Readonly<{}> & Readonly<{
+                    onResize?: ((...args: any[]) => any) | undefined;
+                }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+                IconDragDot: {
+                    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+                        size: {
+                            type: (StringConstructor | NumberConstructor)[];
+                        };
+                        strokeWidth: {
+                            type: NumberConstructor;
+                            default: number;
+                        };
+                        strokeLinecap: {
+                            type: StringConstructor;
+                            default: string;
+                            validator: (value: any) => boolean;
+                        };
+                        strokeLinejoin: {
+                            type: StringConstructor;
+                            default: string;
+                            validator: (value: any) => boolean;
+                        };
+                        rotate: NumberConstructor;
+                        spin: BooleanConstructor;
+                    }>> & Readonly<{
+                        onClick?: ((ev: MouseEvent) => any) | undefined;
+                    }>, {
+                        cls: import("vue").ComputedRef<(string | {
+                            [x: string]: boolean;
+                        })[]>;
+                        innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
+                        onClick: (ev: MouseEvent) => void;
+                    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                        click: (ev: MouseEvent) => true;
+                    }, import("vue").PublicProps, {
+                        spin: boolean;
+                        strokeWidth: number;
+                        strokeLinecap: string;
+                        strokeLinejoin: string;
+                    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                        P: {};
+                        B: {};
+                        D: {};
+                        C: {};
+                        M: {};
+                        Defaults: {};
+                    }, Readonly<import("vue").ExtractPropTypes<{
+                        size: {
+                            type: (StringConstructor | NumberConstructor)[];
+                        };
+                        strokeWidth: {
+                            type: NumberConstructor;
+                            default: number;
+                        };
+                        strokeLinecap: {
+                            type: StringConstructor;
+                            default: string;
+                            validator: (value: any) => boolean;
+                        };
+                        strokeLinejoin: {
+                            type: StringConstructor;
+                            default: string;
+                            validator: (value: any) => boolean;
+                        };
+                        rotate: NumberConstructor;
+                        spin: BooleanConstructor;
+                    }>> & Readonly<{
+                        onClick?: ((ev: MouseEvent) => any) | undefined;
+                    }>, {
+                        cls: import("vue").ComputedRef<(string | {
+                            [x: string]: boolean;
+                        })[]>;
+                        innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
+                        onClick: (ev: MouseEvent) => void;
+                    }, {}, {}, {}, {
+                        spin: boolean;
+                        strokeWidth: number;
+                        strokeLinecap: string;
+                        strokeLinejoin: string;
+                    }>;
+                    __isFragment?: never;
+                    __isTeleport?: never;
+                    __isSuspense?: never;
+                } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                    size: {
+                        type: (StringConstructor | NumberConstructor)[];
+                    };
+                    strokeWidth: {
+                        type: NumberConstructor;
+                        default: number;
+                    };
+                    strokeLinecap: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (value: any) => boolean;
+                    };
+                    strokeLinejoin: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (value: any) => boolean;
+                    };
+                    rotate: NumberConstructor;
+                    spin: BooleanConstructor;
+                }>> & Readonly<{
+                    onClick?: ((ev: MouseEvent) => any) | undefined;
+                }>, {
+                    cls: import("vue").ComputedRef<(string | {
+                        [x: string]: boolean;
+                    })[]>;
+                    innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                    svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
+                    onClick: (ev: MouseEvent) => void;
+                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    click: (ev: MouseEvent) => true;
+                }, string, {
+                    spin: boolean;
+                    strokeWidth: number;
+                    strokeLinecap: string;
+                    strokeLinejoin: string;
+                }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+                    install: (app: App, options?: import("../_utils/types").SDIconOptions) => void;
+                };
+                IconDragDotVertical: {
+                    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+                        size: {
+                            type: (StringConstructor | NumberConstructor)[];
+                        };
+                        strokeWidth: {
+                            type: NumberConstructor;
+                            default: number;
+                        };
+                        strokeLinecap: {
+                            type: StringConstructor;
+                            default: string;
+                            validator: (value: any) => boolean;
+                        };
+                        strokeLinejoin: {
+                            type: StringConstructor;
+                            default: string;
+                            validator: (value: any) => boolean;
+                        };
+                        rotate: NumberConstructor;
+                        spin: BooleanConstructor;
+                    }>> & Readonly<{
+                        onClick?: ((ev: MouseEvent) => any) | undefined;
+                    }>, {
+                        cls: import("vue").ComputedRef<(string | {
+                            [x: string]: boolean;
+                        })[]>;
+                        innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
+                        onClick: (ev: MouseEvent) => void;
+                    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                        click: (ev: MouseEvent) => true;
+                    }, import("vue").PublicProps, {
+                        spin: boolean;
+                        strokeWidth: number;
+                        strokeLinecap: string;
+                        strokeLinejoin: string;
+                    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                        P: {};
+                        B: {};
+                        D: {};
+                        C: {};
+                        M: {};
+                        Defaults: {};
+                    }, Readonly<import("vue").ExtractPropTypes<{
+                        size: {
+                            type: (StringConstructor | NumberConstructor)[];
+                        };
+                        strokeWidth: {
+                            type: NumberConstructor;
+                            default: number;
+                        };
+                        strokeLinecap: {
+                            type: StringConstructor;
+                            default: string;
+                            validator: (value: any) => boolean;
+                        };
+                        strokeLinejoin: {
+                            type: StringConstructor;
+                            default: string;
+                            validator: (value: any) => boolean;
+                        };
+                        rotate: NumberConstructor;
+                        spin: BooleanConstructor;
+                    }>> & Readonly<{
+                        onClick?: ((ev: MouseEvent) => any) | undefined;
+                    }>, {
+                        cls: import("vue").ComputedRef<(string | {
+                            [x: string]: boolean;
+                        })[]>;
+                        innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                        svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
+                        onClick: (ev: MouseEvent) => void;
+                    }, {}, {}, {}, {
+                        spin: boolean;
+                        strokeWidth: number;
+                        strokeLinecap: string;
+                        strokeLinejoin: string;
+                    }>;
+                    __isFragment?: never;
+                    __isTeleport?: never;
+                    __isSuspense?: never;
+                } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                    size: {
+                        type: (StringConstructor | NumberConstructor)[];
+                    };
+                    strokeWidth: {
+                        type: NumberConstructor;
+                        default: number;
+                    };
+                    strokeLinecap: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (value: any) => boolean;
+                    };
+                    strokeLinejoin: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (value: any) => boolean;
+                    };
+                    rotate: NumberConstructor;
+                    spin: BooleanConstructor;
+                }>> & Readonly<{
+                    onClick?: ((ev: MouseEvent) => any) | undefined;
+                }>, {
+                    cls: import("vue").ComputedRef<(string | {
+                        [x: string]: boolean;
+                    })[]>;
+                    innerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                    svgAttrs: import("vue").ComputedRef<Record<string, string | number>>;
+                    onClick: (ev: MouseEvent) => void;
+                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    click: (ev: MouseEvent) => true;
+                }, string, {
+                    spin: boolean;
+                    strokeWidth: number;
+                    strokeLinecap: string;
+                    strokeLinejoin: string;
+                }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+                    install: (app: App, options?: import("../_utils/types").SDIconOptions) => void;
+                };
+            }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+            install: (app: App, options?: SDOptions) => void;
+        })>;
+        handleMaskClick: () => void;
+        handleMouseEnter: () => void;
+        handleMouseLeave: () => void;
+        localCollapsed: import("vue").ComputedRef<boolean>;
+        prefixCls: string;
+        resizeDirectionsProps: import("vue").ComputedRef<{
+            directions: ("top" | "bottom" | "left" | "right")[];
+        } | {
+            directions?: undefined;
+        }>;
+        showMask: import("vue").ComputedRef<boolean>;
+        maskStyles: import("vue").ComputedRef<Record<string, string | number | undefined>>;
+        showTrigger: import("vue").ComputedRef<boolean>;
+        siderStyles: import("vue").ComputedRef<{
+            width: string;
+            height?: undefined;
+        } | {
+            height: string;
+            width?: undefined;
+        } | {
+            position: string;
+            top: string;
+            alignSelf: string;
+            maxHeight: string;
+            width: string;
+            height?: undefined;
+        } | {
+            position: string;
+            top: string;
+            alignSelf: string;
+            maxHeight: string;
+            height: string;
+            width?: undefined;
+        } | {
+            zIndex: number | undefined;
+            width: string;
+            height?: undefined;
+        } | {
+            zIndex: number | undefined;
+            height: string;
+            width?: undefined;
+        }>;
+        toggleTrigger: () => void;
+        triggerClassNames: import("vue").ComputedRef<(string | {
+            [x: string]: boolean;
+        })[]>;
+        triggerStyles: import("vue").ComputedRef<{
+            width: string;
+        }>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("collapse" | "update:modelValue" | "update:rail" | "update:collapsed" | "breakpoint")[], "collapse" | "update:modelValue" | "update:rail" | "update:collapsed" | "breakpoint", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        theme: {
+            type: import("vue").PropType<"dark" | "light">;
+            default: string;
+        };
+        modelValue: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        defaultVisible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        collapsed: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        defaultCollapsed: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        collapsible: {
+            type: BooleanConstructor;
+        };
+        rail: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        defaultRail: {
+            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;
+            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<"top" | "bottom" | "left" | "right" | "end" | "start">;
+            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">;
+        };
+        resizeDirections: {
+            type: import("vue").PropType<Array<"left" | "right" | "top" | "bottom">>;
+            default: undefined;
+        };
+        hideTrigger: {
+            type: BooleanConstructor;
+        };
+    }>> & Readonly<{
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onCollapse?: ((...args: any[]) => any) | undefined;
+        "onUpdate:rail"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:collapsed"?: ((...args: any[]) => any) | undefined;
+        onBreakpoint?: ((...args: any[]) => any) | undefined;
+    }>, {
+        mask: boolean;
+        height: string | number;
+        sticky: boolean;
+        modelValue: boolean;
+        width: string | number;
+        defaultVisible: boolean;
+        hideTrigger: boolean;
+        collapsed: boolean;
+        location: "top" | "bottom" | "left" | "right" | "end" | "start";
+        theme: "dark" | "light";
+        maskClosable: boolean;
+        escToClose: boolean;
+        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;
         reverseArrow: boolean;
         resizeDirections: ("top" | "bottom" | "left" | "right")[];
     }, {}, {
@@ -1125,6 +2105,6 @@ 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 { LayoutProps, SiderProps } from './interface';
+export type { LayoutHeaderDensity, LayoutHeaderProps, LayoutHeaderScrollBehavior, LayoutProps, SiderProps, } from './interface';
 export { _LayoutHeader as LayoutHeader, _LayoutContent as LayoutContent, _LayoutFooter as LayoutFooter, _LayoutSider as LayoutSider, };
 export default Layout;