@vunk/plus 1.9.4 → 1.10.1

package/components/routes-menu-content/src/item/index.vue.d.ts

@@ -164,117 +164,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         popperClass: string;
         basePath: string;
     }, {}, {
-        ElSubMenu: {
-            new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-                readonly index: {
-                    readonly type: import("vue").PropType<string>;
-                    readonly required: true;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-                readonly showTimeout: NumberConstructor;
-                readonly hideTimeout: NumberConstructor;
-                readonly popperClass: StringConstructor;
-                readonly disabled: BooleanConstructor;
-                readonly teleported: {
-                    readonly type: import("vue").PropType<boolean>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                } & {
-                    readonly default: undefined;
-                };
-                readonly popperOffset: NumberConstructor;
-                readonly expandCloseIcon: {
-                    readonly type: import("vue").PropType<string | import("vue").Component>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-                readonly expandOpenIcon: {
-                    readonly type: import("vue").PropType<string | import("vue").Component>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-                readonly collapseCloseIcon: {
-                    readonly type: import("vue").PropType<string | import("vue").Component>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-                readonly collapseOpenIcon: {
-                    readonly type: import("vue").PropType<string | import("vue").Component>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-            }>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
-                readonly disabled: boolean;
-                readonly teleported: boolean;
-            }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<import("vue").ExtractPropTypes<{
-                readonly index: {
-                    readonly type: import("vue").PropType<string>;
-                    readonly required: true;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-                readonly showTimeout: NumberConstructor;
-                readonly hideTimeout: NumberConstructor;
-                readonly popperClass: StringConstructor;
-                readonly disabled: BooleanConstructor;
-                readonly teleported: {
-                    readonly type: import("vue").PropType<boolean>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                } & {
-                    readonly default: undefined;
-                };
-                readonly popperOffset: NumberConstructor;
-                readonly expandCloseIcon: {
-                    readonly type: import("vue").PropType<string | import("vue").Component>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-                readonly expandOpenIcon: {
-                    readonly type: import("vue").PropType<string | import("vue").Component>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-                readonly collapseCloseIcon: {
-                    readonly type: import("vue").PropType<string | import("vue").Component>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-                readonly collapseOpenIcon: {
-                    readonly type: import("vue").PropType<string | import("vue").Component>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-            }>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, {}, {}, {}, {
-                readonly disabled: boolean;
-                readonly teleported: boolean;
-            }>;
-            __isFragment?: never;
-            __isTeleport?: never;
-            __isSuspense?: never;
-        } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        ElSubMenu: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
             readonly index: {
                 readonly type: import("vue").PropType<string>;
                 readonly required: true;
@@ -284,58 +174,93 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly showTimeout: NumberConstructor;
             readonly hideTimeout: NumberConstructor;
             readonly popperClass: StringConstructor;
-            readonly disabled: BooleanConstructor;
-            readonly teleported: {
-                readonly type: import("vue").PropType<boolean>;
+            readonly popperStyle: {
+                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | import("vue").CSSProperties) | (() => string | import("vue").CSSProperties) | ((new (...args: any[]) => string | import("vue").CSSProperties) | (() => string | import("vue").CSSProperties))[], unknown, unknown>>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
-            } & {
-                readonly default: undefined;
             };
+            readonly disabled: BooleanConstructor;
+            readonly teleported: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
             readonly popperOffset: NumberConstructor;
             readonly expandCloseIcon: {
-                readonly type: import("vue").PropType<string | import("vue").Component>;
+                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
             readonly expandOpenIcon: {
-                readonly type: import("vue").PropType<string | import("vue").Component>;
+                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
             readonly collapseCloseIcon: {
-                readonly type: import("vue").PropType<string | import("vue").Component>;
+                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
             readonly collapseOpenIcon: {
-                readonly type: import("vue").PropType<string | import("vue").Component>;
+                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
-        }>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
-        }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+        }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            readonly index: {
+                readonly type: import("vue").PropType<string>;
+                readonly required: true;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly showTimeout: NumberConstructor;
+            readonly hideTimeout: NumberConstructor;
+            readonly popperClass: StringConstructor;
+            readonly popperStyle: {
+                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | import("vue").CSSProperties) | (() => string | import("vue").CSSProperties) | ((new (...args: any[]) => string | import("vue").CSSProperties) | (() => string | import("vue").CSSProperties))[], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly disabled: BooleanConstructor;
+            readonly teleported: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+            readonly popperOffset: NumberConstructor;
+            readonly expandCloseIcon: {
+                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly expandOpenIcon: {
+                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly collapseCloseIcon: {
+                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly collapseOpenIcon: {
+                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+        }>>, {
             readonly disabled: boolean;
-            readonly teleported: boolean;
-        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
-        ElMenuItem: {
+            readonly teleported: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+        ElMenuItem: import("element-plus/es/utils").SFCWithInstall<{
             new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-                readonly index: {
-                    readonly type: import("vue").PropType<string | null>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                } & {
-                    readonly default: null;
-                };
+                readonly index: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string) | (() => string | null) | ((new (...args: any[]) => string) | (() => string | null))[], unknown, unknown, null, boolean>;
                 readonly route: {
-                    readonly type: import("vue").PropType<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric>;
+                    readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("vue-router").RouteLocationRaw & {}) | (() => import("vue-router").RouteLocationRaw) | ((new (...args: any[]) => import("vue-router").RouteLocationRaw & {}) | (() => import("vue-router").RouteLocationRaw))[], unknown, unknown>>;
                     readonly required: false;
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
@@ -388,7 +313,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 click: (item: import("element-plus").MenuItemRegistered) => void;
             }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
                 readonly disabled: boolean;
-                readonly index: string | null;
+                readonly index: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string) | (() => string | null) | ((new (...args: any[]) => string) | (() => string | null))[], unknown, unknown>;
             }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
                 B: {};
@@ -397,16 +322,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 M: {};
                 Defaults: {};
             }, Readonly<import("vue").ExtractPropTypes<{
-                readonly index: {
-                    readonly type: import("vue").PropType<string | null>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                } & {
-                    readonly default: null;
-                };
+                readonly index: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string) | (() => string | null) | ((new (...args: any[]) => string) | (() => string | null))[], unknown, unknown, null, boolean>;
                 readonly route: {
-                    readonly type: import("vue").PropType<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric>;
+                    readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("vue-router").RouteLocationRaw & {}) | (() => import("vue-router").RouteLocationRaw) | ((new (...args: any[]) => import("vue-router").RouteLocationRaw & {}) | (() => import("vue-router").RouteLocationRaw))[], unknown, unknown>>;
                     readonly required: false;
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
@@ -457,22 +375,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 handleClick: () => void;
             }, {}, {}, {}, {
                 readonly disabled: boolean;
-                readonly index: string | null;
+                readonly index: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string) | (() => string | null) | ((new (...args: any[]) => string) | (() => string | null))[], unknown, unknown>;
             }>;
             __isFragment?: never;
             __isTeleport?: never;
             __isSuspense?: never;
         } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            readonly index: {
-                readonly type: import("vue").PropType<string | null>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            } & {
-                readonly default: null;
-            };
+            readonly index: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => string) | (() => string | null) | ((new (...args: any[]) => string) | (() => string | null))[], unknown, unknown, null, boolean>;
             readonly route: {
-                readonly type: import("vue").PropType<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric>;
+                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("vue-router").RouteLocationRaw & {}) | (() => import("vue-router").RouteLocationRaw) | ((new (...args: any[]) => import("vue-router").RouteLocationRaw & {}) | (() => import("vue-router").RouteLocationRaw))[], unknown, unknown>>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -525,7 +436,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             click: (item: import("element-plus").MenuItemRegistered) => void;
         }, string, {
             readonly disabled: boolean;
-            readonly index: string | null;
+            readonly index: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string) | (() => string | null) | ((new (...args: any[]) => string) | (() => string | null))[], unknown, unknown>;
         }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
             $slots: {
                 title?(_: {}): any;
@@ -533,7 +444,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default?(_: {}): any;
                 default?(_: {}): any;
             };
-        }) & import("vue").Plugin;
+        })>;
     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/components/sankeyDiagram-4UZDY2LN-BAHB7dMS.mjs

@@ -4,6 +4,7 @@ import './index3.mjs';
 import 'vue';
 import '@vunk/plus/components/bubble-templates';
 import 'element-plus';
+import './index4.mjs';
 import '@vueuse/core';
 import '@vunk/plus/components/scrollbar';
 import './_plugin-vue_export-helper.mjs';

package/components/scrollbar/index.mjs

@@ -1,7 +1,8 @@
 import { defineComponent, inject, ref, computed, onBeforeUnmount, toRef, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, withModifiers, normalizeStyle, vShow, createElementBlock, Fragment, createVNode, watch, nextTick, provide, reactive, onActivated, onMounted, onUpdated, resolveDynamicComponent, renderSlot, createCommentVNode } from 'vue';
-import { useEventListener, isClient, useResizeObserver, isObject } from '@vueuse/core';
+import { useEventListener, isClient, useResizeObserver, useMutationObserver, isObject } from '@vueuse/core';
 import { VkAsyncTeleport } from '@vunk/core/components/async-teleport';
 import { scrollbarContextKey, useNamespace, BAR_MAP, renderThumbStyle, GAP, SCOPE, scrollbarProps, scrollbarEmits } from 'element-plus';
+import { sleep } from '@vunk/shared/promise';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 
 const barProps = {
@@ -12,6 +13,10 @@ const barProps = {
   minSize: {
     type: Number,
     required: true
+  },
+  hideAfter: {
+    type: Number,
+    default: 0
   }
 };
 
@@ -23,7 +28,11 @@ const thumbProps = {
     type: Number,
     required: true
   },
-  always: Boolean
+  always: Boolean,
+  hideAfter: {
+    type: Number,
+    default: 0
+  }
 };
 
 var _sfc_main$2 = /* @__PURE__ */ defineComponent({
@@ -113,8 +122,8 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
       document.removeEventListener("mousemove", mouseMoveDocumentHandler);
       document.removeEventListener("mouseup", mouseUpDocumentHandler);
       restoreOnselectstart();
-      if (cursorLeave)
-        visible.value = false;
+      const hidden = () => cursorLeave && (visible.value = false);
+      sleep(props.hideAfter).then(hidden);
     }
     function mouseMoveScrollbarHandler() {
       cursorLeave = false;
@@ -122,7 +131,14 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
     }
     function mouseLeaveScrollbarHandler() {
       cursorLeave = true;
-      visible.value = cursorDown;
+      if (cursorDown) {
+        visible.value = true;
+      } else {
+        sleep(props.hideAfter).then(() => {
+          if (cursorLeave)
+            visible.value = false;
+        });
+      }
     }
     onBeforeUnmount(() => {
       restoreOnselectstart();
@@ -180,6 +196,8 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
           ref: "instance",
           class: normalizeClass([$setup.ns.e("bar"), $setup.ns.is($setup.bar.key)]),
           onMousedown: $setup.clickTrackHandler,
+          onMousemove: $setup.mouseMoveScrollbarHandler,
+          onMouseleave: $setup.mouseLeaveScrollbarHandler,
           onClick: _cache[0] || (_cache[0] = withModifiers(() => {
           }, ["stop"]))
         },
@@ -263,15 +281,17 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
         move: $setup.moveX,
         ratio: $setup.ratioX,
         size: $setup.sizeWidth,
-        always: _ctx.always
-      }, null, 8, ["move", "ratio", "size", "always"]),
+        always: _ctx.always,
+        "hide-after": _ctx.hideAfter
+      }, null, 8, ["move", "ratio", "size", "always", "hide-after"]),
       createVNode($setup["Thumb"], {
         move: $setup.moveY,
         ratio: $setup.ratioY,
         size: $setup.sizeHeight,
         vertical: "",
-        always: _ctx.always
-      }, null, 8, ["move", "ratio", "size", "always"])
+        always: _ctx.always,
+        "hide-after": _ctx.hideAfter
+      }, null, 8, ["move", "ratio", "size", "always", "hide-after"])
     ],
     64
     /* STABLE_FRAGMENT */
@@ -314,9 +334,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     ...scrollbarProps,
-    appendTo: null
+    appendTo: null,
+    hideAfter: {
+      type: Number,
+      default: 0
+    }
+  },
+  emits: {
+    ...scrollbarEmits,
+    contentInsufficient: (_) => true
   },
-  emits: scrollbarEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -333,6 +360,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       right: false,
       left: false
     };
+    let hasEmittedInsufficient = false;
+    let stopContentMutationObserver;
     const scrollbarRef = ref();
     const wrapRef = ref();
     const resizeRef = ref();
@@ -434,6 +463,27 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     function update() {
       barRef.value?.update();
       distanceScrollState[direction] = false;
+      checkContentInsufficient();
+    }
+    function checkContentInsufficient() {
+      if (!wrapRef.value)
+        return;
+      const verticalInsufficient = wrapRef.value.scrollHeight <= wrapRef.value.clientHeight;
+      const horizontalInsufficient = wrapRef.value.scrollWidth <= wrapRef.value.clientWidth;
+      const isInsufficient = verticalInsufficient || horizontalInsufficient;
+      if (isInsufficient) {
+        if (!hasEmittedInsufficient) {
+          hasEmittedInsufficient = true;
+          nextTick(() => {
+            emit("contentInsufficient", {
+              vertical: verticalInsufficient,
+              horizontal: horizontalInsufficient
+            });
+          });
+        }
+      } else {
+        hasEmittedInsufficient = false;
+      }
     }
     watch(
       () => props.noresize,
@@ -482,8 +532,23 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           update();
         });
       }
+      ({ stop: stopContentMutationObserver } = useMutationObserver(
+        resizeRef,
+        () => {
+          hasEmittedInsufficient = false;
+          checkContentInsufficient();
+        },
+        { childList: true, subtree: true }
+      ));
+    });
+    onUpdated(() => {
+      nextTick(() => {
+        update();
+      });
+    });
+    onBeforeUnmount(() => {
+      stopContentMutationObserver?.();
     });
-    onUpdated(() => update());
     function scrollToBottom(options) {
       if (!wrapRef.value) {
         return;
@@ -546,7 +611,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return direction;
     }, set direction(v) {
       direction = v;
-    }, distanceScrollState, scrollbarRef, wrapRef, resizeRef, barRef, wrapStyle, wrapKls, resizeKls, shouldSkipDirection, DIRECTION_PAIRS, updateTriggerStatus, handleScroll, scrollTo, setScrollTop, setScrollLeft, update, scrollToBottom, scrollToTop, get VkAsyncTeleport() {
+    }, distanceScrollState, get hasEmittedInsufficient() {
+      return hasEmittedInsufficient;
+    }, set hasEmittedInsufficient(v) {
+      hasEmittedInsufficient = v;
+    }, get stopContentMutationObserver() {
+      return stopContentMutationObserver;
+    }, set stopContentMutationObserver(v) {
+      stopContentMutationObserver = v;
+    }, scrollbarRef, wrapRef, resizeRef, barRef, wrapStyle, wrapKls, resizeKls, shouldSkipDirection, DIRECTION_PAIRS, updateTriggerStatus, handleScroll, scrollTo, setScrollTop, setScrollLeft, update, checkContentInsufficient, scrollToBottom, scrollToTop, get VkAsyncTeleport() {
       return VkAsyncTeleport;
     }, Bar };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
@@ -595,8 +668,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           createVNode($setup["Bar"], {
             ref: "barRef",
             always: _ctx.always,
-            "min-size": _ctx.minSize
-          }, null, 8, ["always", "min-size"])
+            "min-size": _ctx.minSize,
+            "hide-after": $props.hideAfter
+          }, null, 8, ["always", "min-size", "hide-after"])
         ]),
         _: 1
         /* STABLE */

package/components/scrollbar/src/bar.d.ts

@@ -1,4 +1,4 @@
-import type { __ExtractPublicPropTypes, ExtractPropTypes } from 'vue';
+import type { ExtractPropTypes } from 'vue';
 import type Bar from './bar.vue';
 export declare const barProps: {
     always: {
@@ -9,7 +9,10 @@ export declare const barProps: {
         type: NumberConstructor;
         required: true;
     };
+    hideAfter: {
+        type: NumberConstructor;
+        default: number;
+    };
 };
 export type BarProps = ExtractPropTypes<typeof barProps>;
-export type BarPropsPublic = __ExtractPublicPropTypes<typeof barProps>;
 export type BarInstance = InstanceType<typeof Bar> & unknown;

package/components/scrollbar/src/bar.vue.d.ts

@@ -7,6 +7,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: NumberConstructor;
         required: true;
     };
+    hideAfter: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>, {
     props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         always: {
@@ -17,6 +21,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: NumberConstructor;
             required: true;
         };
+        hideAfter: {
+            type: NumberConstructor;
+            default: number;
+        };
     }>> & Readonly<{}> & {}>;
     scrollbar: import("element-plus").ScrollbarContext | undefined;
     moveX: import("vue").Ref<number, number>;
@@ -36,6 +44,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             required: true;
         };
         always: BooleanConstructor;
+        hideAfter: {
+            type: NumberConstructor;
+            default: number;
+        };
     }>, {
         props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             vertical: BooleanConstructor;
@@ -46,6 +58,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 required: true;
             };
             always: BooleanConstructor;
+            hideAfter: {
+                type: NumberConstructor;
+                default: number;
+            };
         }>> & Readonly<{}> & {}>;
         scrollbar: import("element-plus").ScrollbarContext;
         ns: {
@@ -119,9 +135,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             required: true;
         };
         always: BooleanConstructor;
+        hideAfter: {
+            type: NumberConstructor;
+            default: number;
+        };
     }>> & Readonly<{}>, {
         vertical: boolean;
         always: boolean;
+        hideAfter: number;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     always: {
@@ -132,7 +153,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: NumberConstructor;
         required: true;
     };
+    hideAfter: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>> & Readonly<{}>, {
     always: boolean;
+    hideAfter: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;