@sdata/web-vue 2.1.1 → 2.2.1

package/es/layout/index.d.ts

@@ -10,11 +10,7 @@ declare const Layout: {
         hasSider: {
             type: BooleanConstructor;
         };
-    }>> & Readonly<{}>, {
-        classNames: import("vue").ComputedRef<(string | {
-            [x: string]: number | true;
-        })[]>;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+    }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         hasSider: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -27,11 +23,7 @@ declare const Layout: {
         hasSider: {
             type: BooleanConstructor;
         };
-    }>> & Readonly<{}>, {
-        classNames: import("vue").ComputedRef<(string | {
-            [x: string]: number | true;
-        })[]>;
-    }, {}, {}, {}, {
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
         hasSider: boolean;
     }>;
     __isFragment?: never;
@@ -41,13 +33,13 @@ declare const Layout: {
     hasSider: {
         type: BooleanConstructor;
     };
-}>> & Readonly<{}>, {
-    classNames: import("vue").ComputedRef<(string | {
-        [x: string]: number | true;
-    })[]>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+}>> & Readonly<{}>, {}, {}, {}, {}, 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 & {
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?: (props: {}) => any;
+    };
+}) & {
     Header: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./interface").LayoutHeaderProps> & Readonly<{
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -56,9 +48,9 @@ declare const Layout: {
         }, import("vue").PublicProps, {
             flat: boolean;
             fixed: boolean;
+            height: number | string;
             absolute: boolean;
             sticky: boolean;
-            height: number | string;
             defaultVisible: boolean;
             location: "top" | "bottom";
             density: import("./interface").LayoutHeaderDensity;
@@ -77,9 +69,9 @@ declare const Layout: {
         }>, {}, {}, {}, {}, {
             flat: boolean;
             fixed: boolean;
+            height: number | string;
             absolute: boolean;
             sticky: boolean;
-            height: number | string;
             defaultVisible: boolean;
             location: "top" | "bottom";
             density: import("./interface").LayoutHeaderDensity;
@@ -97,9 +89,9 @@ declare const Layout: {
     }, string, {
         flat: boolean;
         fixed: boolean;
+        height: number | string;
         absolute: boolean;
         sticky: boolean;
-        height: number | string;
         defaultVisible: boolean;
         location: "top" | "bottom";
         density: import("./interface").LayoutHeaderDensity;
@@ -121,886 +113,331 @@ declare const Layout: {
             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>;
-    Footer: import("vue").DefineComponent<{}, {
-        classNames: string[];
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    Sider: import("vue").DefineComponent<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<"end" | "start" | "left" | "right" | "bottom" | "top">;
-            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;
+    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: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & 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: {
+            default?: (props: {}) => any;
         };
-        hideTrigger: {
-            type: BooleanConstructor;
+    });
+    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: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & 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: {
+            default?: (props: {}) => any;
         };
-    }>, {
-        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<("left" | "right" | "bottom" | "top")[]>;
-                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: ("left" | "right" | "bottom" | "top")[];
-            }, 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<("left" | "right" | "bottom" | "top")[]>;
-                onTiggerResize: (direction: import("../resize-box/resize-box.vue").DirectionType, entry: ResizeObserverEntry) => void;
-            }, {}, {}, {}, {
-                component: string;
-                directions: ("left" | "right" | "bottom" | "top")[];
-            }>;
-            __isFragment?: never;
-            __isTeleport?: never;
-            __isSuspense?: never;
-        } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    });
+    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: {
+                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<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">;
+            };
+            resizeDirections: {
+                type: import("vue").PropType<Array<"left" | "right" | "top" | "bottom">>;
+                default: undefined;
+            };
+            hideTrigger: {
+                type: BooleanConstructor;
+            };
+        }>> & 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;
+        }, import("vue").PublicProps, {
+            mask: boolean;
+            height: string | number;
+            sticky: boolean;
+            modelValue: boolean;
+            defaultVisible: boolean;
+            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;
+            reverseArrow: boolean;
+            resizeDirections: ("top" | "bottom" | "left" | "right")[];
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, 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;
             };
-            component: {
-                type: StringConstructor;
+            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;
             };
-            directions: {
-                type: import("vue").PropType<("left" | "right" | "top" | "bottom")[]>;
-                default: () => string[];
+            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<{
-            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<("left" | "right" | "bottom" | "top")[]>;
-            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: ("left" | "right" | "bottom" | "top")[];
-        }, {}, 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: ("left" | "right" | "bottom" | "top")[];
-        } | {
-            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;
+            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;
+        }>, {}, {}, {}, {}, {
+            mask: boolean;
+            height: string | number;
+            sticky: boolean;
+            modelValue: boolean;
+            defaultVisible: boolean;
+            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;
+            reverseArrow: boolean;
+            resizeDirections: ("top" | "bottom" | "left" | "right")[];
         }>;
-    }, {}, {}, {}, 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<{
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
         theme: {
             type: import("vue").PropType<"dark" | "light">;
             default: string;
@@ -1079,7 +516,7 @@ declare const Layout: {
             default: boolean;
         };
         location: {
-            type: import("vue").PropType<"end" | "start" | "left" | "right" | "bottom" | "top">;
+            type: import("vue").PropType<typeof import("./utils").SIDER_LOCATIONS[number]>;
             default: string;
             validator: (value: string) => boolean;
         };
@@ -1103,24 +540,30 @@ declare const Layout: {
             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;
-    }>, {
-        sticky: boolean;
+        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;
+    }, string, {
         mask: boolean;
         height: string | number;
+        sticky: boolean;
         modelValue: boolean;
-        width: string | number;
         defaultVisible: boolean;
+        width: string | number;
         hideTrigger: boolean;
         collapsed: boolean;
-        location: "end" | "start" | "left" | "right" | "bottom" | "top";
-        theme: "dark" | "light";
+        location: "top" | "bottom" | "left" | "right" | "end" | "start";
         maskClosable: boolean;
         escToClose: boolean;
+        theme: "dark" | "light";
         floating: boolean;
         defaultCollapsed: boolean;
         collapsible: boolean;
@@ -1135,969 +578,22 @@ declare const Layout: {
         permanent: boolean;
         persistent: boolean;
         reverseArrow: boolean;
-        resizeDirections: ("left" | "right" | "bottom" | "top")[];
-    }, {}, {
-        IconLeft: {
-            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;
-        };
-        IconRight: {
-            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;
-        };
-        ResizeBox: {
-            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<("left" | "right" | "bottom" | "top")[]>;
-                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: ("left" | "right" | "bottom" | "top")[];
-            }, 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<("left" | "right" | "bottom" | "top")[]>;
-                onTiggerResize: (direction: import("../resize-box/resize-box.vue").DirectionType, entry: ResizeObserverEntry) => void;
-            }, {}, {}, {}, {
-                component: string;
-                directions: ("left" | "right" | "bottom" | "top")[];
-            }>;
-            __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<("left" | "right" | "bottom" | "top")[]>;
-            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: ("left" | "right" | "bottom" | "top")[];
-        }, {}, 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;
+        resizeDirections: ("top" | "bottom" | "left" | "right")[];
+    }, {}, 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;
+        } & {
+            default?: (props: {}) => any;
+        } & {
+            append?: (props: {}) => any;
+        } & {
+            trigger?: (props: {
+                collapsed: boolean;
+            }) => any;
         };
-    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    });
     install: (app: App, options?: SDOptions) => void;
 };
 export type LayoutInstance = InstanceType<typeof _Layout>;