@wfrog/vc-ui 1.3.0 → 1.4.0

package/dist/es/components/scrollbar/scrollbar.vue.d.ts

@@ -25,8 +25,8 @@ declare function __VLS_template(): {
             }> & Omit<{
                 readonly tag: string;
                 readonly height: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-                readonly maxHeight: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
                 readonly distance: number;
+                readonly maxHeight: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
                 readonly native: boolean;
                 readonly wrapStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
                 readonly wrapClass: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
@@ -45,7 +45,7 @@ declare function __VLS_template(): {
                     scrollLeft: number;
                 }) => any) | undefined | undefined;
                 "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "tag" | "tabindex" | "height" | "maxHeight" | "distance" | "native" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "noresize" | "always" | "minSize">;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "tag" | "tabindex" | "height" | "distance" | "maxHeight" | "native" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "noresize" | "always" | "minSize">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -185,7 +185,7 @@ declare function __VLS_template(): {
                 scrollLeft: number;
             }) => any) | undefined;
             "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined;
-        }, "tag" | "tabindex" | "height" | "maxHeight" | "distance" | "native" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "noresize" | "always" | "minSize" | "wrapRef" | "update" | "scrollTo" | "setScrollTop" | "setScrollLeft" | "handleScroll"> & import('vue').ShallowUnwrapRef<{
+        }, "tag" | "tabindex" | "height" | "update" | "distance" | "maxHeight" | "native" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "noresize" | "always" | "minSize" | "wrapRef" | "scrollTo" | "setScrollTop" | "setScrollLeft" | "handleScroll"> & import('vue').ShallowUnwrapRef<{
             wrapRef: import('vue').Ref<HTMLDivElement | undefined>;
             update: () => void;
             scrollTo: {
@@ -205,9 +205,144 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<IScrollbarProps, {
-    $: import('vue').ComponentInternalInstance;
-    $data: {};
-    $props: Partial<{
+    instance: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            readonly tabindex: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            readonly height: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            readonly maxHeight: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            readonly always: boolean;
+            readonly tag: string;
+            readonly minSize: number;
+            readonly distance: number;
+            readonly wrapStyle: import('vue').StyleValue;
+            readonly wrapClass: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+            readonly viewClass: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+            readonly viewStyle: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], unknown, unknown>;
+            readonly native: boolean;
+            readonly noresize: boolean;
+        }> & Omit<{
+            readonly tag: string;
+            readonly height: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            readonly distance: number;
+            readonly maxHeight: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            readonly native: boolean;
+            readonly wrapStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+            readonly wrapClass: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+            readonly viewClass: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+            readonly viewStyle: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], unknown, unknown>;
+            readonly noresize: boolean;
+            readonly always: boolean;
+            readonly minSize: number;
+            readonly ariaLabel?: string | undefined;
+            readonly id?: string | undefined;
+            readonly tabindex?: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+            readonly ariaOrientation?: string | undefined;
+            readonly role?: string | undefined;
+            onScroll?: ((args_0: {
+                scrollTop: number;
+                scrollLeft: number;
+            }) => any) | undefined | undefined;
+            "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "tag" | "tabindex" | "height" | "distance" | "maxHeight" | "native" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "noresize" | "always" | "minSize">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: globalThis.Slot | undefined;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "scroll", args_0: {
+            scrollTop: number;
+            scrollLeft: number;
+        }) => void) & ((event: "end-reached", direction: import('element-plus').ScrollbarDirection) => void);
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<globalThis.ExtractPropTypes<{
+            readonly ariaLabel: StringConstructor;
+            readonly ariaOrientation: {
+                readonly type: import('vue').PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly distance: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+            readonly height: import('element-plus/es/utils/index.mjs').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+            readonly maxHeight: import('element-plus/es/utils/index.mjs').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+            readonly native: BooleanConstructor;
+            readonly wrapStyle: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string | false | import('vue').CSSProperties | import('vue').StyleValue[]) | (() => import('vue').StyleValue) | ((new (...args: any[]) => string | false | import('vue').CSSProperties | import('vue').StyleValue[]) | (() => import('vue').StyleValue))[], unknown, unknown, "", boolean>;
+            readonly wrapClass: import('element-plus/es/utils/index.mjs').EpPropFinalized<readonly [StringConstructor, ArrayConstructor], unknown, unknown, "", boolean>;
+            readonly viewClass: import('element-plus/es/utils/index.mjs').EpPropFinalized<readonly [StringConstructor, ArrayConstructor], unknown, unknown, "", boolean>;
+            readonly viewStyle: import('element-plus/es/utils/index.mjs').EpPropFinalized<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], unknown, unknown, "", boolean>;
+            readonly noresize: BooleanConstructor;
+            readonly tag: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
+            readonly always: BooleanConstructor;
+            readonly minSize: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 20, boolean>;
+            readonly tabindex: import('element-plus/es/utils/index.mjs').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, undefined, boolean>;
+            readonly id: StringConstructor;
+            readonly role: StringConstructor;
+        }>> & {
+            onScroll?: ((args_0: {
+                scrollTop: number;
+                scrollLeft: number;
+            }) => any) | undefined;
+            "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined;
+        }, {
+            wrapRef: import('vue').Ref<HTMLDivElement | undefined>;
+            update: () => void;
+            scrollTo: {
+                (xCord: number, yCord?: number): void;
+                (options: ScrollToOptions): void;
+            };
+            setScrollTop: (value: number) => void;
+            setScrollLeft: (value: number) => void;
+            handleScroll: () => void;
+        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            scroll: (args_0: {
+                scrollTop: number;
+                scrollLeft: number;
+            }) => void;
+            "end-reached": (direction: import('element-plus').ScrollbarDirection) => void;
+        }, string, {
+            readonly tabindex: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            readonly height: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            readonly maxHeight: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            readonly always: boolean;
+            readonly tag: string;
+            readonly minSize: number;
+            readonly distance: number;
+            readonly wrapStyle: import('vue').StyleValue;
+            readonly wrapClass: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+            readonly viewClass: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+            readonly viewStyle: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], unknown, unknown>;
+            readonly native: boolean;
+            readonly noresize: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
         readonly tabindex: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
         readonly height: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
         readonly maxHeight: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
@@ -221,50 +356,7 @@ declare const __VLS_component: import('vue').DefineComponent<IScrollbarProps, {
         readonly viewStyle: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], unknown, unknown>;
         readonly native: boolean;
         readonly noresize: boolean;
-    }> & Omit<{
-        readonly tag: string;
-        readonly height: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-        readonly maxHeight: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-        readonly distance: number;
-        readonly native: boolean;
-        readonly wrapStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
-        readonly wrapClass: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
-        readonly viewClass: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
-        readonly viewStyle: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], unknown, unknown>;
-        readonly noresize: boolean;
-        readonly always: boolean;
-        readonly minSize: number;
-        readonly ariaLabel?: string | undefined;
-        readonly id?: string | undefined;
-        readonly tabindex?: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
-        readonly ariaOrientation?: string | undefined;
-        readonly role?: string | undefined;
-        onScroll?: ((args_0: {
-            scrollTop: number;
-            scrollLeft: number;
-        }) => any) | undefined | undefined;
-        "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "tag" | "tabindex" | "height" | "maxHeight" | "distance" | "native" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "noresize" | "always" | "minSize">;
-    $attrs: {
-        [x: string]: unknown;
-    };
-    $refs: {
-        [x: string]: unknown;
-    };
-    $slots: Readonly<{
-        [name: string]: globalThis.Slot | undefined;
-    }> & {
-        default?: (props: {}) => any;
-    };
-    $root: ComponentPublicInstance | null;
-    $parent: ComponentPublicInstance | null;
-    $host: Element | null;
-    $emit: ((event: "scroll", args_0: {
-        scrollTop: number;
-        scrollLeft: number;
-    }) => void) & ((event: "end-reached", direction: import('element-plus').ScrollbarDirection) => void);
-    $el: any;
-    $options: import('vue').ComponentOptionsBase<Readonly<globalThis.ExtractPropTypes<{
+    }> & Omit<Readonly<globalThis.ExtractPropTypes<{
         readonly ariaLabel: StringConstructor;
         readonly ariaOrientation: {
             readonly type: import('vue').PropType<string>;
@@ -293,7 +385,7 @@ declare const __VLS_component: import('vue').DefineComponent<IScrollbarProps, {
             scrollLeft: number;
         }) => any) | undefined;
         "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined;
-    }, {
+    }, "tag" | "tabindex" | "height" | "update" | "distance" | "maxHeight" | "native" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "noresize" | "always" | "minSize" | "wrapRef" | "scrollTo" | "setScrollTop" | "setScrollLeft" | "handleScroll"> & import('vue').ShallowUnwrapRef<{
         wrapRef: import('vue').Ref<HTMLDivElement | undefined>;
         update: () => void;
         scrollTo: {
@@ -303,86 +395,16 @@ declare const __VLS_component: import('vue').DefineComponent<IScrollbarProps, {
         setScrollTop: (value: number) => void;
         setScrollLeft: (value: number) => void;
         handleScroll: () => void;
-    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        scroll: (args_0: {
-            scrollTop: number;
-            scrollLeft: number;
-        }) => void;
-        "end-reached": (direction: import('element-plus').ScrollbarDirection) => void;
-    }, string, {
-        readonly tabindex: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-        readonly height: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-        readonly maxHeight: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-        readonly always: boolean;
-        readonly tag: string;
-        readonly minSize: number;
-        readonly distance: number;
-        readonly wrapStyle: import('vue').StyleValue;
-        readonly wrapClass: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
-        readonly viewClass: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
-        readonly viewStyle: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], unknown, unknown>;
-        readonly native: boolean;
-        readonly noresize: boolean;
-    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-        beforeCreate?: (() => void) | (() => void)[];
-        created?: (() => void) | (() => void)[];
-        beforeMount?: (() => void) | (() => void)[];
-        mounted?: (() => void) | (() => void)[];
-        beforeUpdate?: (() => void) | (() => void)[];
-        updated?: (() => void) | (() => void)[];
-        activated?: (() => void) | (() => void)[];
-        deactivated?: (() => void) | (() => void)[];
-        beforeDestroy?: (() => void) | (() => void)[];
-        beforeUnmount?: (() => void) | (() => void)[];
-        destroyed?: (() => void) | (() => void)[];
-        unmounted?: (() => void) | (() => void)[];
-        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-        errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
-    };
-    $forceUpdate: () => void;
-    $nextTick: typeof import('vue').nextTick;
-    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-    tabindex: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-    height: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-    maxHeight: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-    always: boolean;
-    tag: string;
-    minSize: number;
-    distance: number;
-    wrapStyle: import('vue').StyleValue;
-    wrapClass: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
-    viewClass: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
-    viewStyle: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], unknown, unknown>;
-    native: boolean;
-    noresize: boolean;
-    onScroll?: ((args_0: {
-        scrollTop: number;
-        scrollLeft: number;
-    }) => any) | undefined | undefined;
-    ariaLabel?: string | undefined;
-    id?: string | undefined;
-    ariaOrientation?: string | undefined;
-    role?: string | undefined;
-    "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined | undefined;
-    wrapRef: HTMLDivElement | undefined;
-    update: () => void;
-    scrollTo: {
-        (xCord: number, yCord?: number): void;
-        (options: ScrollToOptions): void;
-    };
-    setScrollTop: (value: number) => void;
-    setScrollLeft: (value: number) => void;
-    handleScroll: () => void;
-    $message: typeof import("element-plus")["ElMessage"];
-    $notify: typeof import("element-plus")["ElNotification"];
-    $msgbox: typeof import("element-plus")["ElMessageBox"];
-    $messageBox: typeof import("element-plus")["ElMessageBox"];
-    $alert: typeof import("element-plus")["ElMessageBox"]["alert"];
-    $confirm: typeof import("element-plus")["ElMessageBox"]["confirm"];
-    $prompt: typeof import("element-plus")["ElMessageBox"]["prompt"];
-    $loading: typeof import("element-plus")["ElLoadingService"];
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IScrollbarProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    }) | null;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IScrollbarProps> & Readonly<{}>, {
+    flex: boolean;
+    padding: number;
+    fillHeight: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     scrollbarRef: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
@@ -403,8 +425,8 @@ declare const __VLS_component: import('vue').DefineComponent<IScrollbarProps, {
         }> & Omit<{
             readonly tag: string;
             readonly height: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-            readonly maxHeight: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
             readonly distance: number;
+            readonly maxHeight: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
             readonly native: boolean;
             readonly wrapStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
             readonly wrapClass: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
@@ -423,7 +445,7 @@ declare const __VLS_component: import('vue').DefineComponent<IScrollbarProps, {
                 scrollLeft: number;
             }) => any) | undefined | undefined;
             "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "tag" | "tabindex" | "height" | "maxHeight" | "distance" | "native" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "noresize" | "always" | "minSize">;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "tag" | "tabindex" | "height" | "distance" | "maxHeight" | "native" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "noresize" | "always" | "minSize">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -563,7 +585,7 @@ declare const __VLS_component: import('vue').DefineComponent<IScrollbarProps, {
             scrollLeft: number;
         }) => any) | undefined;
         "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined;
-    }, "tag" | "tabindex" | "height" | "maxHeight" | "distance" | "native" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "noresize" | "always" | "minSize" | "wrapRef" | "update" | "scrollTo" | "setScrollTop" | "setScrollLeft" | "handleScroll"> & import('vue').ShallowUnwrapRef<{
+    }, "tag" | "tabindex" | "height" | "update" | "distance" | "maxHeight" | "native" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "noresize" | "always" | "minSize" | "wrapRef" | "scrollTo" | "setScrollTop" | "setScrollLeft" | "handleScroll"> & import('vue').ShallowUnwrapRef<{
         wrapRef: import('vue').Ref<HTMLDivElement | undefined>;
         update: () => void;
         scrollTo: {

package/dist/es/components/select/select.mjs

@@ -1,9 +1,9 @@
 import './index.css'
-import '../../chunk/DO-mBaf5.mjs';
-import '../../chunk/DFxeI_lP.mjs';
-import { E as ElSelect } from '../../chunk/BQHHM_Gw.mjs';
-import '../../chunk/DcTh6n4x.mjs';
-import '../../chunk/DGGhWn1A.mjs';
+import '../../chunk/By7FMB3I.mjs';
+/* empty css                    */
+import { E as ElSelect } from '../../chunk/DQi1QPak.mjs';
+import '../../chunk/D_Mvdscy.mjs';
+import '../../chunk/BfjuZmry.mjs';
 import { defineComponent, useCssVars, unref, computed, useCssModule, createBlock, openBlock, mergeProps } from 'vue';
 import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
 
@@ -55,9 +55,9 @@ const cssModules = {
 };
 const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
 
-const __vite_glob_0_30 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+const __vite_glob_0_41 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
   default: Component
 }, Symbol.toStringTag, { value: 'Module' }));
 
-export { Component as C, __vite_glob_0_30 as _ };
+export { Component as C, __vite_glob_0_41 as _ };

package/dist/es/components/single-player/index.css

@@ -1,45 +1,45 @@
 /* source: src/components/single-player/single-player.vue */
-.el-slider{--el-slider-main-bg-color:var(--el-color-primary);--el-slider-runway-bg-color:var(--el-border-color-light);--el-slider-stop-bg-color:var(--el-color-white);--el-slider-disabled-color:var(--el-text-color-placeholder);--el-slider-border-radius:3px;--el-slider-height:6px;--el-slider-button-size:20px;--el-slider-button-wrapper-size:36px;--el-slider-button-wrapper-offset:-15px;align-items:center;display:flex;height:32px;width:100%}.el-slider__runway{background-color:var(--el-slider-runway-bg-color);border-radius:var(--el-slider-border-radius);cursor:pointer;flex:1;height:var(--el-slider-height);position:relative}.el-slider__runway.show-input{margin-right:30px;width:auto}.el-slider__runway.is-disabled{cursor:default}.el-slider__runway.is-disabled .el-slider__bar{background-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button{border-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button-wrapper.dragging,.el-slider__runway.is-disabled .el-slider__button-wrapper.hover,.el-slider__runway.is-disabled .el-slider__button-wrapper:hover{cursor:not-allowed}.el-slider__runway.is-disabled .el-slider__button.dragging,.el-slider__runway.is-disabled .el-slider__button.hover,.el-slider__runway.is-disabled .el-slider__button:hover{transform:scale(1)}.el-slider__runway.is-disabled .el-slider__button.dragging,.el-slider__runway.is-disabled .el-slider__button.hover,.el-slider__runway.is-disabled .el-slider__button:hover{cursor:not-allowed}.el-slider__input{flex-shrink:0;width:130px}.el-slider__bar{background-color:var(--el-slider-main-bg-color);border-bottom-left-radius:var(--el-slider-border-radius);border-top-left-radius:var(--el-slider-border-radius);height:var(--el-slider-height);position:absolute}.el-slider__button-wrapper{background-color:transparent;height:var(--el-slider-button-wrapper-size);line-height:normal;outline:none;position:absolute;text-align:center;top:var(--el-slider-button-wrapper-offset);transform:translateX(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--el-slider-button-wrapper-size);z-index:1}.el-slider__button-wrapper:after{content:"";display:inline-block;height:100%;vertical-align:middle}.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover{cursor:grab}.el-slider__button-wrapper.dragging{cursor:grabbing}.el-slider__button{background-color:var(--el-color-white);border:2px solid var(--el-slider-main-bg-color);border-radius:50%;box-sizing:border-box;display:inline-block;height:var(--el-slider-button-size);transition:var(--el-transition-duration-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:var(--el-slider-button-size)}.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover{transform:scale(1.2)}.el-slider__button.hover,.el-slider__button:hover{cursor:grab}.el-slider__button.dragging{cursor:grabbing}.el-slider__stop{background-color:var(--el-slider-stop-bg-color);border-radius:var(--el-border-radius-circle);height:var(--el-slider-height);position:absolute;transform:translateX(-50%);width:var(--el-slider-height)}.el-slider__marks{height:100%;left:12px;top:0;width:18px}.el-slider__marks-text{color:var(--el-color-info);font-size:14px;margin-top:15px;position:absolute;transform:translateX(-50%);white-space:pre}.el-slider.is-vertical{display:inline-flex;flex:0;height:100%;position:relative;width:auto}.el-slider.is-vertical .el-slider__runway{height:100%;margin:0 16px;width:var(--el-slider-height)}.el-slider.is-vertical .el-slider__bar{border-radius:0 0 3px 3px;height:auto;width:var(--el-slider-height)}.el-slider.is-vertical .el-slider__button-wrapper{left:var(--el-slider-button-wrapper-offset);top:auto;transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{transform:translateY(50%)}.el-slider.is-vertical .el-slider__marks-text{left:15px;margin-top:0;transform:translateY(50%)}.el-slider--large{height:40px}.el-slider--small{height:24px}._main_16n2t_1 {
+.el-slider{--el-slider-main-bg-color:var(--el-color-primary);--el-slider-runway-bg-color:var(--el-border-color-light);--el-slider-stop-bg-color:var(--el-color-white);--el-slider-disabled-color:var(--el-text-color-placeholder);--el-slider-border-radius:3px;--el-slider-height:6px;--el-slider-button-size:20px;--el-slider-button-wrapper-size:36px;--el-slider-button-wrapper-offset:-15px;align-items:center;display:flex;height:32px;width:100%}.el-slider__runway{background-color:var(--el-slider-runway-bg-color);border-radius:var(--el-slider-border-radius);cursor:pointer;flex:1;height:var(--el-slider-height);position:relative}.el-slider__runway.show-input{margin-right:30px;width:auto}.el-slider__runway.is-disabled{cursor:default}.el-slider__runway.is-disabled .el-slider__bar{background-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button{border-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button-wrapper.dragging,.el-slider__runway.is-disabled .el-slider__button-wrapper.hover,.el-slider__runway.is-disabled .el-slider__button-wrapper:hover{cursor:not-allowed}.el-slider__runway.is-disabled .el-slider__button.dragging,.el-slider__runway.is-disabled .el-slider__button.hover,.el-slider__runway.is-disabled .el-slider__button:hover{transform:scale(1)}.el-slider__runway.is-disabled .el-slider__button.dragging,.el-slider__runway.is-disabled .el-slider__button.hover,.el-slider__runway.is-disabled .el-slider__button:hover{cursor:not-allowed}.el-slider__input{flex-shrink:0;width:130px}.el-slider__bar{background-color:var(--el-slider-main-bg-color);border-bottom-left-radius:var(--el-slider-border-radius);border-top-left-radius:var(--el-slider-border-radius);height:var(--el-slider-height);position:absolute}.el-slider__button-wrapper{background-color:transparent;height:var(--el-slider-button-wrapper-size);line-height:normal;outline:none;position:absolute;text-align:center;top:var(--el-slider-button-wrapper-offset);transform:translateX(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--el-slider-button-wrapper-size);z-index:1}.el-slider__button-wrapper:after{content:"";display:inline-block;height:100%;vertical-align:middle}.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover{cursor:grab}.el-slider__button-wrapper.dragging{cursor:grabbing}.el-slider__button{background-color:var(--el-color-white);border:2px solid var(--el-slider-main-bg-color);border-radius:50%;box-sizing:border-box;display:inline-block;height:var(--el-slider-button-size);transition:var(--el-transition-duration-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:var(--el-slider-button-size)}.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover{transform:scale(1.2)}.el-slider__button.hover,.el-slider__button:hover{cursor:grab}.el-slider__button.dragging{cursor:grabbing}.el-slider__stop{background-color:var(--el-slider-stop-bg-color);border-radius:var(--el-border-radius-circle);height:var(--el-slider-height);position:absolute;transform:translateX(-50%);width:var(--el-slider-height)}.el-slider__marks{height:100%;left:12px;top:0;width:18px}.el-slider__marks-text{color:var(--el-color-info);font-size:14px;margin-top:15px;position:absolute;transform:translateX(-50%);white-space:pre}.el-slider.is-vertical{display:inline-flex;flex:0;height:100%;position:relative;width:auto}.el-slider.is-vertical .el-slider__runway{height:100%;margin:0 16px;width:var(--el-slider-height)}.el-slider.is-vertical .el-slider__bar{border-radius:0 0 3px 3px;height:auto;width:var(--el-slider-height)}.el-slider.is-vertical .el-slider__button-wrapper{left:var(--el-slider-button-wrapper-offset);top:auto;transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{transform:translateY(50%)}.el-slider.is-vertical .el-slider__marks-text{left:15px;margin-top:0;transform:translateY(50%)}.el-slider--large{height:40px}.el-slider--small{height:24px}._main_15lus_1 {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-left: 10px;
 }
-._main_16n2t_1 .awesome-icon {
+._main_15lus_1 .awesome-icon {
   position: relative;
   z-index: 1;
   width: 38px;
   font-size: 28px;
   text-align: center;
 }
-._volume_16n2t_15 {
+._volume_15lus_15 {
   position: absolute !important;
   bottom: 25px;
   left: 0;
   display: none !important;
   height: auto !important;
   padding: 20px 0;
-  background-color: #f5f5f5;
+  background-color: var(--el-bg-color);
 }
-._volume-container_16n2t_25 {
+._volume-container_15lus_25 {
   position: relative;
   z-index: 1500;
   margin-left: 20px;
 }
-._volume-container_16n2t_25:hover {
+._volume-container_15lus_25:hover {
   color: var(--active-color);
-  background-color: #f5f5f5;
+  background-color: var(--el-bg-color);
 }
-._volume-container_16n2t_25:hover ._volume_16n2t_15 {
+._volume-container_15lus_25:hover ._volume_15lus_15 {
   display: block !important;
 }
-._volume-controll_16n2t_38 {
+._volume-controll_15lus_38 {
   cursor: pointer;
 }
-._play_16n2t_42 {
+._play_15lus_42 {
   font-size: 20px !important;
   cursor: pointer;
 }
-._play_16n2t_42:hover {
+._play_15lus_42:hover {
   color: var(--active-color);
 }

package/dist/es/components/single-player/single-player.mjs

@@ -1,22 +1,23 @@
 import './index.css'
-import { f as isNumber, i as isArray, c as buildProps, d as definePropType, u as useNamespace, h as isString, e as debugWarn, t as throwError } from '../../chunk/DO-mBaf5.mjs';
-import '../../chunk/Vv8g5_A1.mjs';
-import { E as ElInputNumber } from '../../chunk/C540ZOUa.mjs';
+import { c as isArray, b as buildProps, d as definePropType, u as useNamespace, i as isString, a as debugWarn, t as throwError } from '../../chunk/By7FMB3I.mjs';
+import '../../chunk/CKZGL4_3.mjs';
+import { E as ElInputNumber } from '../../chunk/DX84QR5M.mjs';
 /* empty css                    */
-import { E as Ee, a as ElTooltip } from '../../chunk/DGGhWn1A.mjs';
+import { E as Ee, a as ElTooltip } from '../../chunk/BfjuZmry.mjs';
 import { inject, ref, computed, watch, nextTick, defineComponent, reactive, toRefs, createElementBlock, openBlock, unref, normalizeStyle, normalizeClass, createVNode, withCtx, createElementVNode, toDisplayString, h, shallowRef, onMounted, provide, createBlock, createCommentVNode, Fragment, renderList, withModifiers, isRef } from 'vue';
 import { _ as _sfc_main$3 } from '../awesome-icon/awesome-icon.mjs';
 import { useEventListener } from '@vueuse/core';
-import { u as useSizeProp } from '../../chunk/C9ldJ8Hh.mjs';
-import { u as useAriaProps } from '../../chunk/OVbHCQoq.mjs';
+import { u as useSizeProp } from '../../chunk/CPCieLBG.mjs';
+import { u as useAriaProps } from '../../chunk/DCS0eqqM.mjs';
 import { C as CHANGE_EVENT, I as INPUT_EVENT, U as UPDATE_MODEL_EVENT } from '../../chunk/Ct6q2FXg.mjs';
-import { _ as _export_sfc, w as withInstall } from '../../chunk/Dn-BFXcJ.mjs';
+import { b as isNumber } from '../../chunk/DViraU6I.mjs';
+import { _ as _export_sfc, w as withInstall } from '../../chunk/dN0VcQc2.mjs';
 import { g as getEventCode, E as EVENT_CODE } from '../../chunk/BTpNRPQW.mjs';
-import { d as debounce } from '../../chunk/BambM7zX.mjs';
-import { c as clamp } from '../../chunk/BLLKi_0v.mjs';
-import { u as useFormItem, b as useFormDisabled, a as useFormItemInputId, c as useFormSize } from '../../chunk/DEiqPcuO.mjs';
-import { u as useLocale } from '../../chunk/plK2vnjp.mjs';
-import { e as isObjectLike, f as baseGetTag } from '../../chunk/DWcIzeMM.mjs';
+import { d as debounce } from '../../chunk/Cdh3HNZa.mjs';
+import { c as clamp } from '../../chunk/Bu3XHP55.mjs';
+import { u as useFormItem, a as useFormDisabled, b as useFormItemInputId, c as useFormSize } from '../../chunk/BvNFaD5d.mjs';
+import { u as useLocale } from '../../chunk/CJ0afvkJ.mjs';
+import { i as isObjectLike, b as baseGetTag } from '../../chunk/ytiKcA3H.mjs';
 import { _ as _export_sfc$1 } from '../../chunk/pcqpp-6-.mjs';
 
 /** `Object#toString` result references. */
@@ -1247,14 +1248,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const main = "_main_16n2t_1";
-const volume = "_volume_16n2t_15";
-const play = "_play_16n2t_42";
+/* unplugin-vue-components disabled */const main = "_main_15lus_1";
+const volume = "_volume_15lus_15";
+const play = "_play_15lus_42";
 const style0 = {
 	main: main,
 	volume: volume,
-	"volume-container": "_volume-container_16n2t_25",
-	"volume-controll": "_volume-controll_16n2t_38",
+	"volume-container": "_volume-container_15lus_25",
+	"volume-controll": "_volume-controll_15lus_38",
 	play: play
 };
 
@@ -1263,9 +1264,9 @@ const cssModules = {
 };
 const Component = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__cssModules", cssModules]]);
 
-const __vite_glob_0_31 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+const __vite_glob_0_42 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
   default: Component
 }, Symbol.toStringTag, { value: 'Module' }));
 
-export { Component as C, __vite_glob_0_31 as _ };
+export { Component as C, __vite_glob_0_42 as _ };

package/dist/es/components/splitter/index.d.ts

@@ -0,0 +1,4 @@
+import { SFCWithInstall } from '../../utils/typescript';
+import { default as Component } from './splitter.vue';
+export declare const VcSplitter: SFCWithInstall<typeof Component>;
+export default VcSplitter;

package/dist/es/components/splitter/index.mjs

@@ -0,0 +1,6 @@
+import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { _ as _sfc_main } from './splitter.mjs';
+
+const VcSplitter = withInstall(_sfc_main);
+
+export { VcSplitter, VcSplitter as default };

package/dist/es/components/splitter/splitter.d.ts

@@ -0,0 +1,4 @@
+export interface ISplitterProps {
+    layout?: 'horizontal' | 'vertical';
+    lazy?: boolean;
+}

package/dist/es/components/splitter/splitter.mjs

@@ -0,0 +1,28 @@
+import '../../chunk/By7FMB3I.mjs';
+/* empty css                    */
+import { defineComponent, createBlock, openBlock, withCtx, renderSlot } from 'vue';
+import { E as ElSplitter } from '../../chunk/CsjEhAYY.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "splitter",
+  props: {
+    layout: { default: "horizontal" },
+    lazy: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_el_splitter = ElSplitter;
+      return openBlock(), createBlock(_component_el_splitter, {
+        layout: __props.layout,
+        lazy: __props.lazy
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["layout", "lazy"]);
+    };
+  }
+});
+
+export { _sfc_main as _ };

package/dist/es/components/{dual-pane/dual-pane.vue.d.ts → splitter/splitter.vue.d.ts}

@@ -1,18 +1,16 @@
-import { IDualPaneProps } from './dual-pane';
+import { ISplitterProps } from './splitter';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        panel1?(_: {}): any;
-        panel2?(_: {}): any;
+        default?(_: {}): any;
     };
     refs: {};
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<IDualPaneProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IDualPaneProps> & Readonly<{}>, {
+declare const __VLS_component: import('vue').DefineComponent<ISplitterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ISplitterProps> & Readonly<{}>, {
     lazy: boolean;
     layout: "horizontal" | "vertical";
-    padding: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/es/components/splitter-panel/index.css

@@ -0,0 +1,5 @@
+/* source: src/components/splitter-panel/splitter-panel.vue */
+._panel_g5jo5_1 {
+  display: flex;
+  flex-direction: column;
+}

package/dist/es/components/splitter-panel/index.d.ts

@@ -0,0 +1,4 @@
+import { SFCWithInstall } from '../../utils/typescript';
+import { default as Component } from './splitter-panel.vue';
+export declare const VcSplitterPanel: SFCWithInstall<typeof Component>;
+export default VcSplitterPanel;