@sdata/web-vue 1.14.0 → 1.19.0

package/es/layout/sider.vue.d.ts

@@ -1,4 +1,5 @@
 import { PropType, Ref } from 'vue';
+declare const SIDER_LOCATIONS: readonly ["start", "end", "left", "right", "top", "bottom"];
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -6,72 +7,962 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: 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: PropType<(typeof SIDER_LOCATIONS)[number]>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    floating: {
+        type: BooleanConstructor;
+    };
+    sticky: {
+        type: BooleanConstructor;
+    };
+    reverseArrow: {
+        type: BooleanConstructor;
+    };
+    breakpoint: {
+        type: PropType<"xxl" | "xl" | "lg" | "md" | "sm" | "xs">;
+    };
+    resizeDirections: {
+        type: PropType<Array<"left" | "right" | "top" | "bottom">>;
+        default: undefined;
+    };
+    hideTrigger: {
+        type: BooleanConstructor;
+    };
+}>, {
+    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: 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: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+            onMoveStart: (direction: import("../resize-box/resize-box.vue").DirectionType, e: MouseEvent) => void;
+            isHorizontal: (direction: import("../resize-box/resize-box.vue").DirectionType) => boolean;
+            allowDirections: import("vue").ComputedRef<("top" | "bottom" | "left" | "right")[]>;
+            onTiggerResize: (direction: import("../resize-box/resize-box.vue").DirectionType, entry: ResizeObserverEntry) => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            'update:width': (_width: number) => true;
+            'update:height': (_height: number) => true;
+            movingStart: (_ev: MouseEvent) => true;
+            moving: (_size: {
+                width: number;
+                height: number;
+            }, _ev: MouseEvent) => true;
+            movingEnd: (_ev: MouseEvent) => true;
+        }, import("vue").PublicProps, {
+            component: string;
+            directions: ("top" | "bottom" | "left" | "right")[];
+        }, true, {}, {}, {
+            ResizeTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                prefixCls: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                direction: {
+                    type: 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: 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: import("vue").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: import("vue").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: 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: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+            onMoveStart: (direction: import("../resize-box/resize-box.vue").DirectionType, e: MouseEvent) => void;
+            isHorizontal: (direction: import("../resize-box/resize-box.vue").DirectionType) => boolean;
+            allowDirections: import("vue").ComputedRef<("top" | "bottom" | "left" | "right")[]>;
+            onTiggerResize: (direction: import("../resize-box/resize-box.vue").DirectionType, entry: ResizeObserverEntry) => void;
+        }, {}, {}, {}, {
+            component: string;
+            directions: ("top" | "bottom" | "left" | "right")[];
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        width: {
+            type: NumberConstructor;
+        };
+        height: {
+            type: NumberConstructor;
+        };
+        component: {
+            type: StringConstructor;
+            default: string;
+        };
+        directions: {
+            type: 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: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+        onMoveStart: (direction: import("../resize-box/resize-box.vue").DirectionType, e: MouseEvent) => void;
+        isHorizontal: (direction: import("../resize-box/resize-box.vue").DirectionType) => boolean;
+        allowDirections: import("vue").ComputedRef<("top" | "bottom" | "left" | "right")[]>;
+        onTiggerResize: (direction: import("../resize-box/resize-box.vue").DirectionType, entry: ResizeObserverEntry) => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        'update:width': (_width: number) => true;
+        'update:height': (_height: number) => true;
+        movingStart: (_ev: MouseEvent) => true;
+        moving: (_size: {
+            width: number;
+            height: number;
+        }, _ev: MouseEvent) => true;
+        movingEnd: (_ev: MouseEvent) => true;
+    }, string, {
+        component: string;
+        directions: ("top" | "bottom" | "left" | "right")[];
+    }, {}, string, {}, {
+        ResizeTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            prefixCls: {
+                type: StringConstructor;
+                required: true;
+            };
+            direction: {
+                type: 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: 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: import("vue").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: import("vue").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: import("vue").App, options?: import("../_utils/types").SDOptions) => void;
+    })>;
+    handleMaskClick: () => void;
+    handleMouseEnter: () => void;
+    handleMouseLeave: () => void;
+    localCollapsed: import("vue").ComputedRef<boolean>;
+    prefixCls: string;
+    resizeDirectionsProps: import("vue").ComputedRef<{
+        directions: ("top" | "bottom" | "left" | "right")[];
+    } | {
+        directions?: undefined;
+    }>;
+    showMask: import("vue").ComputedRef<boolean>;
+    maskStyles: import("vue").ComputedRef<Record<string, string | number | undefined>>;
+    showTrigger: import("vue").ComputedRef<boolean>;
+    siderStyles: import("vue").ComputedRef<{
+        width: string;
+        height?: undefined;
+    } | {
+        height: string;
+        width?: undefined;
+    } | {
+        position: string;
+        top: string;
+        alignSelf: string;
+        maxHeight: string;
+        width: string;
+        height?: undefined;
+    } | {
+        position: string;
+        top: string;
+        alignSelf: string;
+        maxHeight: string;
+        height: string;
+        width?: undefined;
+    } | {
+        zIndex: number | undefined;
+        width: string;
+        height?: undefined;
+    } | {
+        zIndex: number | undefined;
+        height: string;
+        width?: undefined;
+    }>;
+    toggleTrigger: () => void;
+    triggerClassNames: import("vue").ComputedRef<(string | {
+        [x: string]: boolean;
+    })[]>;
+    triggerStyles: import("vue").ComputedRef<{
+        width: string;
+    }>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("collapse" | "update:modelValue" | "update:rail" | "update:collapsed" | "breakpoint")[], "collapse" | "update:modelValue" | "update:rail" | "update:collapsed" | "breakpoint", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    theme: {
+        type: PropType<"dark" | "light">;
+        default: string;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     collapsed: {
         type: BooleanConstructor;
         default: undefined;
     };
     defaultCollapsed: {
         type: BooleanConstructor;
+        default: boolean;
     };
     collapsible: {
         type: BooleanConstructor;
     };
+    rail: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultRail: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    railWidth: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    expandOnHover: {
+        type: BooleanConstructor;
+    };
+    disableResizeWatcher: {
+        type: BooleanConstructor;
+    };
+    disableRouteWatcher: {
+        type: BooleanConstructor;
+    };
     width: {
-        type: NumberConstructor;
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
     collapsedWidth: {
         type: NumberConstructor;
         default: number;
     };
-    reverseArrow: {
+    temporary: {
         type: BooleanConstructor;
     };
-    breakpoint: {
-        type: PropType<"xxl" | "xl" | "lg" | "md" | "sm" | "xs">;
-    };
-    resizeDirections: {
-        type: PropType<Array<"left" | "right" | "top" | "bottom">>;
-        default: undefined;
-    };
-    hideTrigger: {
+    permanent: {
         type: BooleanConstructor;
     };
-}>, {
-    componentTag: import("vue").ComputedRef<"div" | "ResizeBox">;
-    prefixCls: string;
-    classNames: import("vue").ComputedRef<(string | {
-        [x: string]: boolean | undefined;
-    })[]>;
-    triggerClassNames: import("vue").ComputedRef<(string | {
-        [x: string]: boolean;
-    })[]>;
-    localCollapsed: import("vue").ComputedRef<boolean>;
-    siderWidth: import("vue").ComputedRef<string>;
-    showTrigger: import("vue").ComputedRef<boolean>;
-    toggleTrigger: () => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("collapse" | "update:collapsed" | "breakpoint")[], "collapse" | "update:collapsed" | "breakpoint", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    theme: {
-        type: PropType<"dark" | "light">;
-        default: string;
+    persistent: {
+        type: BooleanConstructor;
     };
-    collapsed: {
+    mask: {
         type: BooleanConstructor;
-        default: undefined;
+        default: boolean;
     };
-    defaultCollapsed: {
+    maskClosable: {
         type: BooleanConstructor;
+        default: boolean;
     };
-    collapsible: {
+    escToClose: {
         type: BooleanConstructor;
+        default: boolean;
     };
-    width: {
-        type: NumberConstructor;
-        default: number;
+    location: {
+        type: PropType<(typeof SIDER_LOCATIONS)[number]>;
+        default: string;
+        validator: (value: string) => boolean;
     };
-    collapsedWidth: {
-        type: NumberConstructor;
-        default: number;
+    floating: {
+        type: BooleanConstructor;
+    };
+    sticky: {
+        type: BooleanConstructor;
     };
     reverseArrow: {
         type: BooleanConstructor;
@@ -87,17 +978,37 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         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;
 }>, {
-    width: number;
+    mask: boolean;
+    height: string | number;
+    sticky: boolean;
+    modelValue: boolean;
+    width: string | number;
+    defaultVisible: boolean;
     hideTrigger: boolean;
-    theme: "dark" | "light";
     collapsed: boolean;
+    location: "top" | "bottom" | "left" | "right" | "end" | "start";
+    theme: "dark" | "light";
+    maskClosable: boolean;
+    escToClose: boolean;
+    floating: boolean;
     defaultCollapsed: boolean;
     collapsible: boolean;
+    rail: boolean;
+    defaultRail: boolean;
+    railWidth: string | number;
+    expandOnHover: boolean;
+    disableResizeWatcher: boolean;
+    disableRouteWatcher: boolean;
     collapsedWidth: number;
+    temporary: boolean;
+    permanent: boolean;
+    persistent: boolean;
     reverseArrow: boolean;
     resizeDirections: ("top" | "bottom" | "left" | "right")[];
 }, {}, {