@wfrog/vc-ui 1.3.0 → 1.4.0

package/dist/es/components/explorer-tree/index.css

@@ -0,0 +1,55 @@
+/* source: src/components/explorer-tree/explorer-tree.vue */
+._tree_16vc1_1 .el-tree-node__content {
+  display: flex;
+  align-items: center;
+}
+._tree_16vc1_1 .el-tree-node__content:hover {
+  background-color: var(--el-color-primary-light-9);
+}
+._tree_16vc1_1 .el-tree-node__content:hover .vc-actions {
+  display: inline-flex;
+}
+._tree_16vc1_1 .is-current > .el-tree-node__content {
+  color: var(--el-color-primary);
+  background-color: var(--el-color-primary-light-9);
+}
+._tree_16vc1_1 .el-tree__empty-block {
+  text-align: left;
+  min-height: unset;
+  padding: 4px 8px;
+}
+._tree_16vc1_1 .el-tree__empty-text {
+  position: static;
+}
+._node_16vc1_24 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-grow: 1;
+  padding: 4px 8px 4px 0;
+  box-sizing: border-box;
+  width: 100px;
+}
+._label_16vc1_34 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+._icon_16vc1_40 {
+  margin-right: 4px;
+}
+._actions_16vc1_44 {
+  display: none;
+  column-gap: 4px;
+}
+._actions_16vc1_44 > button {
+  margin-left: 0 !important;
+  font-size: 1.2em;
+}
+._loading_16vc1_53 {
+  padding: 4px 8px;
+  display: flex;
+  align-items: center;
+  column-gap: 4px;
+  color: var(--el-text-color-secondary);
+}

package/dist/es/components/explorer-tree/index.d.ts

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

package/dist/es/components/explorer-tree/index.mjs

@@ -0,0 +1,6 @@
+import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { C as Component } from './explorer-tree.mjs';
+
+const VcExplorerTree = withInstall(Component);
+
+export { VcExplorerTree, VcExplorerTree as default };

package/dist/es/components/icon/icon2.mjs

@@ -1,5 +1,5 @@
-import { Close, CircleClose, CircleCheck, Loading, InfoFilled, CircleCloseFilled, WarningFilled, SuccessFilled } from '@element-plus/icons-vue';
-import { d as definePropType } from '../../chunk/DO-mBaf5.mjs';
+import { CircleClose, CircleCheck, Loading, Close, InfoFilled, CircleCloseFilled, WarningFilled, SuccessFilled } from '@element-plus/icons-vue';
+import { d as definePropType } from '../../chunk/By7FMB3I.mjs';
 
 const iconPropType = definePropType([
   String,

package/dist/es/components/icon-picker/components/collections.vue.d.ts

@@ -12,10 +12,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         $data: {};
         $props: {
             readonly flex?: boolean | undefined;
+            readonly padding?: number | undefined;
+            readonly fillHeight?: boolean | undefined;
             readonly tag?: string | undefined;
             readonly height?: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
-            readonly maxHeight?: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
             readonly distance?: number | undefined;
+            readonly maxHeight?: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
             readonly native?: boolean | undefined;
             readonly wrapStyle?: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null | undefined;
             readonly wrapClass?: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, ArrayConstructor], unknown, unknown> | undefined;
@@ -56,8 +58,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
                 }> & 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>;
@@ -76,7 +78,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
                         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;
                 };
@@ -216,7 +218,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
                     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: {
@@ -241,6 +243,231 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<import('../../scrollbar/scrollbar').IScrollbarProps> & Readonly<{}>, {
+            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>;
+                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<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;
+            }, "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: {
+                    (xCord: number, yCord?: number): void;
+                    (options: ScrollToOptions): void;
+                };
+                setScrollTop: (value: number) => void;
+                setScrollLeft: (value: number) => void;
+                handleScroll: () => void;
+            }> & {} & import('vue').ComponentCustomProperties & {} & {
+                $slots: {
+                    default?: (props: {}) => any;
+                };
+            }) | null;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            flex: boolean;
+            padding: number;
+            fillHeight: 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<{
+        flex: boolean;
+        padding: number;
+        fillHeight: boolean;
+    }> & Omit<Readonly<import('../../scrollbar/scrollbar').IScrollbarProps> & Readonly<{}>, ("flex" | "padding" | "fillHeight") | "instance"> & import('vue').ShallowUnwrapRef<{
+        instance: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: Partial<{
@@ -260,8 +487,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             }> & 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>;
@@ -280,7 +507,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
                     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;
             };
@@ -289,9 +516,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             };
             $slots: Readonly<{
                 [name: string]: globalThis.Slot | undefined;
-            }> & {
-                default?: (props: {}) => any;
-            };
+            }>;
             $root: ComponentPublicInstance | null;
             $parent: ComponentPublicInstance | null;
             $host: Element | null;
@@ -379,69 +604,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             $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, {}, {}, 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<{}> & Omit<Readonly<import('../../scrollbar/scrollbar').IScrollbarProps> & Readonly<{}>, "$" | "$data" | "$props" | "$attrs" | "$refs" | "$slots" | "$root" | "$parent" | "$host" | "$emit" | "$el" | "$options" | "$forceUpdate" | "$nextTick" | "$watch" | "$message" | "$notify" | "$msgbox" | "$messageBox" | "$alert" | "$confirm" | "$prompt" | "$loading" | "onScroll" | "tag" | "ariaLabel" | "id" | "tabindex" | "height" | "maxHeight" | "ariaOrientation" | "distance" | "native" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "noresize" | "always" | "minSize" | "role" | "wrapRef" | "update" | "scrollTo" | "setScrollTop" | "setScrollLeft" | "handleScroll" | "onEnd-reached"> & import('vue').ShallowUnwrapRef<{
-        $: import('vue').ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
+        } & 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>;
@@ -455,50 +618,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             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>;
@@ -527,7 +647,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
                 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: {
@@ -537,85 +657,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             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').ComponentCustomProperties & {} & {
+            $slots: {
+                default?: (props: {}) => any;
+            };
+        }) | null;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;