@vunk/plus 1.8.5 → 1.8.6

package/components/architecture-O4VJ6CD3-ZoZ2IAk2.mjs

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

package/components/architectureDiagram-SUXI7LT5-kyYGGrHN.mjs

@@ -8,6 +8,7 @@ import 'vue';
 import '@vunk/plus/components/bubble-templates';
 import '@vunk/core/components/spread-to';
 import 'element-plus';
+import '@vueuse/core';
 import '@vunk/plus/components/scrollbar';
 import './_plugin-vue_export-helper.mjs';
 import '@vunk/shared/function';

package/components/blockDiagram-6J76NXCF-IAr4zDV3.mjs

@@ -8,6 +8,7 @@ import 'vue';
 import '@vunk/plus/components/bubble-templates';
 import '@vunk/core/components/spread-to';
 import 'element-plus';
+import '@vueuse/core';
 import '@vunk/plus/components/scrollbar';
 import './_plugin-vue_export-helper.mjs';
 import '@vunk/shared/function';

package/components/bubble-list/index.mjs

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

package/components/bubble-list/src/core/index.vue.d.ts

@@ -1,5 +1,5 @@
 import type { __VkAgentChatProvider } from '@vunk/plus/components/agent-chat-provider';
-import type { PropType, TeleportProps } from 'vue';
+import type { PropType, Ref, TeleportProps } from 'vue';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     list: {
         type: PropType<__VkAgentChatProvider.BubbleItem[]>;
@@ -9,6 +9,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    autoScrollThreshold: {
+        type: NumberConstructor;
+        default: number;
+    };
     maxHeight: {
         type: StringConstructor;
         default: string;
@@ -61,6 +65,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        autoScrollThreshold: {
+            type: NumberConstructor;
+            default: number;
+        };
         maxHeight: {
             type: StringConstructor;
             default: string;
@@ -106,7 +114,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>> & Readonly<{
         onComplete?: ((...args: any[]) => any) | undefined;
     }> & {}>;
-    scrollbarRef: import("vue").Ref<({
+    scrollbarRef: Ref<({
         scrollToBottom: () => void;
         scrollToTop: () => void;
     } & {
@@ -267,7 +275,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }) => any) | undefined;
             "onEnd-reached"?: ((direction: import("element-plus").ScrollbarDirection) => any) | undefined;
         }, {
-            wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
+            wrapRef: Ref<HTMLDivElement | undefined>;
             update: () => void;
             scrollTo: {
                 (xCord: number, yCord?: number): void;
@@ -430,7 +438,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }) => any) | undefined;
         "onEnd-reached"?: ((direction: import("element-plus").ScrollbarDirection) => any) | undefined;
     }, "always" | "height" | "minSize" | "handleScroll" | "update" | "distance" | "maxHeight" | "native" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "noresize" | "tag" | "tabindex" | "wrapRef" | "scrollTo" | "setScrollTop" | "setScrollLeft"> & import("vue").ShallowUnwrapRef<{
-        wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
+        wrapRef: Ref<HTMLDivElement | undefined>;
         update: () => void;
         scrollTo: {
             (xCord: number, yCord?: number): void;
@@ -604,7 +612,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }) => any) | undefined;
             "onEnd-reached"?: ((direction: import("element-plus").ScrollbarDirection) => any) | undefined;
         }, {
-            wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
+            wrapRef: Ref<HTMLDivElement | undefined>;
             update: () => void;
             scrollTo: {
                 (xCord: number, yCord?: number): void;
@@ -767,7 +775,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }) => any) | undefined;
         "onEnd-reached"?: ((direction: import("element-plus").ScrollbarDirection) => any) | undefined;
     }, "always" | "height" | "minSize" | "handleScroll" | "update" | "distance" | "maxHeight" | "native" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "noresize" | "tag" | "tabindex" | "wrapRef" | "scrollTo" | "setScrollTop" | "setScrollLeft"> & import("vue").ShallowUnwrapRef<{
-        wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
+        wrapRef: Ref<HTMLDivElement | undefined>;
         update: () => void;
         scrollTo: {
             (xCord: number, yCord?: number): void;
@@ -782,9 +790,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }) | undefined>;
     initStyle: () => void;
-    distanceToBottom: import("vue").Ref<number | undefined, number | undefined>;
+    distanceToBottom: Ref<number | undefined, number | undefined>;
+    scrollViewEl: Ref<HTMLDivElement, HTMLDivElement>;
     btnShow: import("vue").ComputedRef<boolean>;
-    getDistanceToBottom: () => void;
+    getDistanceToBottom: () => number | undefined;
     scrollToBottom: () => void;
     scrollToBubble: (index: number) => void;
     readonly ArrowDownBold: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -1019,10 +1028,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             right: boolean;
             left: boolean;
         };
-        scrollbarRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
-        wrapRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
-        resizeRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        barRef: import("vue").Ref<import("../../../scrollbar/src/bar").BarInstance | undefined, import("../../../scrollbar/src/bar").BarInstance | undefined>;
+        scrollbarRef: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+        wrapRef: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+        resizeRef: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        barRef: Ref<import("../../../scrollbar/src/bar").BarInstance | undefined, import("../../../scrollbar/src/bar").BarInstance | undefined>;
         wrapStyle: import("vue").ComputedRef<import("vue").StyleValue>;
         wrapKls: import("vue").ComputedRef<(string | unknown[] | {
             [x: string]: boolean;
@@ -1101,12 +1110,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
             }>> & Readonly<{}> & {}>;
             scrollbar: import("element-plus").ScrollbarContext | undefined;
-            moveX: import("vue").Ref<number, number>;
-            moveY: import("vue").Ref<number, number>;
-            sizeWidth: import("vue").Ref<string, string>;
-            sizeHeight: import("vue").Ref<string, string>;
-            ratioY: import("vue").Ref<number, number>;
-            ratioX: import("vue").Ref<number, number>;
+            moveX: Ref<number, number>;
+            moveY: Ref<number, number>;
+            sizeWidth: Ref<string, string>;
+            sizeHeight: Ref<string, string>;
+            ratioY: Ref<number, number>;
+            ratioX: Ref<number, number>;
             handleScroll: (wrap: HTMLDivElement) => void;
             update: () => void;
             Thumb: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -1148,16 +1157,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     cssVarBlock: (object: Record<string, string>) => Record<string, string>;
                     cssVarBlockName: (name: string) => string;
                 };
-                instance: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
-                thumb: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
-                thumbState: import("vue").Ref<{
+                instance: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+                thumb: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+                thumbState: Ref<{
                     X?: number | undefined;
                     Y?: number | undefined;
                 }, Partial<Record<"X" | "Y", number>> | {
                     X?: number | undefined;
                     Y?: number | undefined;
                 }>;
-                visible: import("vue").Ref<boolean, boolean>;
+                visible: Ref<boolean, boolean>;
                 cursorDown: boolean;
                 cursorLeave: boolean;
                 baseScrollHeight: number;
@@ -1519,6 +1528,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    autoScrollThreshold: {
+        type: NumberConstructor;
+        default: number;
+    };
     maxHeight: {
         type: StringConstructor;
         default: string;
@@ -1567,6 +1580,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     maxHeight: string;
     list: __VkAgentChatProvider.BubbleItem[];
     autoScroll: boolean;
+    autoScrollThreshold: number;
     alwaysShowScrollbar: boolean;
     backButtonThreshold: number;
     showBackButton: boolean;

package/components/bubble-list/src/ctx.d.ts

@@ -25,5 +25,9 @@ export declare const props: {
         default: AnyFunc;
     };
     scrollbarAppendTo: null;
+    autoScrollThreshold: {
+        type: NumberConstructor;
+        default: number;
+    };
 };
 export declare const emits: {};

package/components/bubble-list/src/index.vue.d.ts

@@ -24,6 +24,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: import("@vunk/shared").AnyFunc;
     };
     scrollbarAppendTo: null;
+    autoScrollThreshold: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>, {
     getContentWraper: (e: VNode) => import("vue").RendererNode | null;
     readonly VkBubbleRenderer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -400,6 +404,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        autoScrollThreshold: {
+            type: NumberConstructor;
+            default: number;
+        };
         maxHeight: {
             type: StringConstructor;
             default: string;
@@ -452,6 +460,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            autoScrollThreshold: {
+                type: NumberConstructor;
+                default: number;
+            };
             maxHeight: {
                 type: StringConstructor;
                 default: string;
@@ -1174,8 +1186,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }) | undefined>;
         initStyle: () => void;
         distanceToBottom: import("vue").Ref<number | undefined, number | undefined>;
+        scrollViewEl: import("vue").Ref<HTMLDivElement, HTMLDivElement>;
         btnShow: import("vue").ComputedRef<boolean>;
-        getDistanceToBottom: () => void;
+        getDistanceToBottom: () => number | undefined;
         scrollToBottom: () => void;
         scrollToBubble: (index: number) => void;
         readonly ArrowDownBold: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -1910,6 +1923,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        autoScrollThreshold: {
+            type: NumberConstructor;
+            default: number;
+        };
         maxHeight: {
             type: StringConstructor;
             default: string;
@@ -1958,6 +1975,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         maxHeight: string;
         list: import("../../agent-chat-provider/src/types").BubbleItem[];
         autoScroll: boolean;
+        autoScrollThreshold: number;
         alwaysShowScrollbar: boolean;
         backButtonThreshold: number;
         showBackButton: boolean;
@@ -1995,7 +2013,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: import("@vunk/shared").AnyFunc;
     };
     scrollbarAppendTo: null;
+    autoScrollThreshold: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>> & Readonly<{}>, {
+    autoScrollThreshold: number;
     items: any[];
     elRef: import("@vunk/shared").AnyFunc;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/components/c4Diagram-6F6E4RAY-Dv27rXcJ.mjs

@@ -5,6 +5,7 @@ import 'vue';
 import '@vunk/plus/components/bubble-templates';
 import '@vunk/core/components/spread-to';
 import 'element-plus';
+import '@vueuse/core';
 import '@vunk/plus/components/scrollbar';
 import './_plugin-vue_export-helper.mjs';
 import '@vunk/shared/function';

package/components/chat-independent/src/index.vue.d.ts

@@ -573,6 +573,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: import("@vunk/shared").AnyFunc;
         };
         scrollbarAppendTo: null;
+        autoScrollThreshold: {
+            type: NumberConstructor;
+            default: number;
+        };
     }>, {
         getContentWraper: (e: import("vue").VNode) => import("vue").RendererNode | null;
         readonly VkBubbleRenderer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -949,6 +953,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            autoScrollThreshold: {
+                type: NumberConstructor;
+                default: number;
+            };
             maxHeight: {
                 type: StringConstructor;
                 default: string;
@@ -1001,6 +1009,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                autoScrollThreshold: {
+                    type: NumberConstructor;
+                    default: number;
+                };
                 maxHeight: {
                     type: StringConstructor;
                     default: string;
@@ -1723,8 +1735,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }) | undefined>;
             initStyle: () => void;
             distanceToBottom: import("vue").Ref<number | undefined, number | undefined>;
+            scrollViewEl: import("vue").Ref<HTMLDivElement, HTMLDivElement>;
             btnShow: import("vue").ComputedRef<boolean>;
-            getDistanceToBottom: () => void;
+            getDistanceToBottom: () => number | undefined;
             scrollToBottom: () => void;
             scrollToBubble: (index: number) => void;
             readonly ArrowDownBold: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -2459,6 +2472,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            autoScrollThreshold: {
+                type: NumberConstructor;
+                default: number;
+            };
             maxHeight: {
                 type: StringConstructor;
                 default: string;
@@ -2507,6 +2524,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             maxHeight: string;
             list: import("../../agent-chat-provider/src/types").BubbleItem[];
             autoScroll: boolean;
+            autoScrollThreshold: number;
             alwaysShowScrollbar: boolean;
             backButtonThreshold: number;
             showBackButton: boolean;
@@ -2544,7 +2562,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: import("@vunk/shared").AnyFunc;
         };
         scrollbarAppendTo: null;
+        autoScrollThreshold: {
+            type: NumberConstructor;
+            default: number;
+        };
     }>> & Readonly<{}>, {
+        autoScrollThreshold: number;
         items: any[];
         elRef: import("@vunk/shared").AnyFunc;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/components/classDiagram-M3E45YP4-D0ySDe-v.mjs

@@ -8,6 +8,7 @@ import 'vue';
 import '@vunk/plus/components/bubble-templates';
 import '@vunk/core/components/spread-to';
 import 'element-plus';
+import '@vueuse/core';
 import '@vunk/plus/components/scrollbar';
 import './_plugin-vue_export-helper.mjs';
 import '@vunk/shared/function';

package/components/classDiagram-v2-YAWTLIQI-D0ySDe-v.mjs

@@ -8,6 +8,7 @@ import 'vue';
 import '@vunk/plus/components/bubble-templates';
 import '@vunk/core/components/spread-to';
 import 'element-plus';
+import '@vueuse/core';
 import '@vunk/plus/components/scrollbar';
 import './_plugin-vue_export-helper.mjs';
 import '@vunk/shared/function';

package/components/dagre-JOIXM2OF-5zx0JY2T.mjs

@@ -8,6 +8,7 @@ import 'vue';
 import '@vunk/plus/components/bubble-templates';
 import '@vunk/core/components/spread-to';
 import 'element-plus';
+import '@vueuse/core';
 import '@vunk/plus/components/scrollbar';
 import './_plugin-vue_export-helper.mjs';
 import '@vunk/shared/function';

package/components/diagram-5UYTHUR4-C19nyAKc.mjs

@@ -6,6 +6,7 @@ import 'vue';
 import '@vunk/plus/components/bubble-templates';
 import '@vunk/core/components/spread-to';
 import 'element-plus';
+import '@vueuse/core';
 import '@vunk/plus/components/scrollbar';
 import './_plugin-vue_export-helper.mjs';
 import '@vunk/shared/function';

package/components/diagram-VMROVX33-DkGwo-hj.mjs

@@ -9,6 +9,7 @@ import 'vue';
 import '@vunk/plus/components/bubble-templates';
 import '@vunk/core/components/spread-to';
 import 'element-plus';
+import '@vueuse/core';
 import '@vunk/plus/components/scrollbar';
 import './_plugin-vue_export-helper.mjs';
 import '@vunk/shared/function';

package/components/diagram-ZTM2IBQH-CBgHCu9L.mjs

@@ -6,6 +6,7 @@ import 'vue';
 import '@vunk/plus/components/bubble-templates';
 import '@vunk/core/components/spread-to';
 import 'element-plus';
+import '@vueuse/core';
 import '@vunk/plus/components/scrollbar';
 import './_plugin-vue_export-helper.mjs';
 import '@vunk/shared/function';

package/components/erDiagram-3M52JZNH-cttdAJXW.mjs

@@ -7,6 +7,7 @@ import 'vue';
 import '@vunk/plus/components/bubble-templates';
 import '@vunk/core/components/spread-to';
 import 'element-plus';
+import '@vueuse/core';
 import '@vunk/plus/components/scrollbar';
 import './_plugin-vue_export-helper.mjs';
 import '@vunk/shared/function';

package/components/flowDiagram-KYDEHFYC-9HpsqDdB.mjs

@@ -8,6 +8,7 @@ import 'vue';
 import '@vunk/plus/components/bubble-templates';
 import '@vunk/core/components/spread-to';
 import 'element-plus';
+import '@vueuse/core';
 import '@vunk/plus/components/scrollbar';
 import './_plugin-vue_export-helper.mjs';
 import '@vunk/shared/function';

package/components/ganttDiagram-EK5VF46D-8QB3ofs6.mjs

@@ -6,6 +6,7 @@ import 'vue';
 import '@vunk/plus/components/bubble-templates';
 import '@vunk/core/components/spread-to';
 import 'element-plus';
+import '@vueuse/core';
 import '@vunk/plus/components/scrollbar';
 import './_plugin-vue_export-helper.mjs';
 import '@vunk/shared/function';

package/components/gitGraph-ZV4HHKMB-BSmtVGRu.mjs

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

package/components/gitGraphDiagram-GW3U2K7C-DNzc0Vx_.mjs

@@ -7,6 +7,7 @@ import 'vue';
 import '@vunk/plus/components/bubble-templates';
 import '@vunk/core/components/spread-to';
 import 'element-plus';
+import '@vueuse/core';
 import '@vunk/plus/components/scrollbar';
 import './_plugin-vue_export-helper.mjs';
 import '@vunk/shared/function';

package/components/index3.mjs

@@ -2,6 +2,7 @@ import { defineComponent, openBlock, createElementBlock, createElementVNode, com
 import { VkBubbleRenderer, VkBubbleRenderTemplates, VkBubbleTemplates } from '@vunk/plus/components/bubble-templates';
 import { VkSpreadTo } from '@vunk/core/components/spread-to';
 import { ElAutoResizer } from 'element-plus';
+import { useResizeObserver as useResizeObserver$1 } from '@vueuse/core';
 import { VkScrollbar } from '@vunk/plus/components/scrollbar';
 import { _ as _export_sfc$2 } from './_plugin-vue_export-helper.mjs';
 import { noop as noop$1 } from '@vunk/shared/function';
@@ -79152,6 +79153,10 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
       type: Boolean,
       default: true
     },
+    autoScrollThreshold: {
+      type: Number,
+      default: 200
+    },
     maxHeight: {
       type: String,
       default: ""
@@ -79217,6 +79222,7 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }
     );
     const distanceToBottom = ref();
+    const scrollViewEl = computed(() => scrollbarRef.value?.wrapRef?.firstElementChild);
     const btnShow = computed(() => {
       return props.showBackButton && distanceToBottom.value !== void 0 && distanceToBottom.value > props.backButtonThreshold;
     });
@@ -79230,10 +79236,20 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
         return;
       }
       distanceToBottom.value = wrap.scrollHeight - wrap.scrollTop - wrap.clientHeight;
+      return distanceToBottom.value;
     }
     function scrollToBottom() {
       scrollbarRef.value?.scrollToBottom();
     }
+    if (props.autoScroll) {
+      useResizeObserver$1(scrollViewEl, () => {
+        const distance = getDistanceToBottom();
+        if (distance !== void 0 && distance > props.autoScrollThreshold) {
+          return;
+        }
+        scrollToBottom();
+      });
+    }
     function scrollToBubble(index) {
       const container = scrollbarRef.value?.wrapRef;
       if (!container)
@@ -79255,7 +79271,7 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
       scrollToBottom,
       scrollToBubble
     });
-    const __returned__ = { props, scrollbarRef, initStyle, distanceToBottom, btnShow, getDistanceToBottom, scrollToBottom, scrollToBubble, get ArrowDownBold() {
+    const __returned__ = { props, scrollbarRef, initStyle, distanceToBottom, scrollViewEl, btnShow, getDistanceToBottom, scrollToBottom, scrollToBubble, get ArrowDownBold() {
       return arrow_down_bold_default$1;
     }, get VkScrollbar() {
       return VkScrollbar;
@@ -79398,7 +79414,11 @@ const props = {
     type: Function,
     default: noop$1
   },
-  scrollbarAppendTo: null
+  scrollbarAppendTo: null,
+  autoScrollThreshold: {
+    type: Number,
+    default: 200
+  }
 };
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -79443,6 +79463,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             "btn-icon-size": 18,
             "max-height": `${height}px`,
             "scrollbar-append-to": _ctx.scrollbarAppendTo,
+            "auto-scroll-threshold": _ctx.autoScrollThreshold,
             style: {
               "--el-bubble-list-max-height": `${height}px`
             },
@@ -79491,7 +79512,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               ]),
               key: "3"
             } : void 0
-          ]), 1040, ["max-height", "scrollbar-append-to", "style", "list"])
+          ]), 1040, ["max-height", "scrollbar-append-to", "auto-scroll-threshold", "style", "list"])
         ]),
         _: 3
         /* FORWARDED */

package/components/info-63CPKGFF-C8sYWczU.mjs

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

package/components/infoDiagram-LHK5PUON-C-vFFPTf.mjs

@@ -5,6 +5,7 @@ import 'vue';
 import '@vunk/plus/components/bubble-templates';
 import '@vunk/core/components/spread-to';
 import 'element-plus';
+import '@vueuse/core';
 import '@vunk/plus/components/scrollbar';
 import './_plugin-vue_export-helper.mjs';
 import '@vunk/shared/function';

package/components/journeyDiagram-EWQZEKCU-BJrw4-AG.mjs

@@ -7,6 +7,7 @@ import 'vue';
 import '@vunk/plus/components/bubble-templates';
 import '@vunk/core/components/spread-to';
 import 'element-plus';
+import '@vueuse/core';
 import '@vunk/plus/components/scrollbar';
 import './_plugin-vue_export-helper.mjs';
 import '@vunk/shared/function';

package/components/kanban-definition-ZSS6B67P-BptAnqU-.mjs

@@ -5,6 +5,7 @@ import 'vue';
 import '@vunk/plus/components/bubble-templates';
 import '@vunk/core/components/spread-to';
 import 'element-plus';
+import '@vueuse/core';
 import '@vunk/plus/components/scrollbar';
 import './_plugin-vue_export-helper.mjs';
 import '@vunk/shared/function';

package/components/mermaid.core-CAqkCmS1.mjs

@@ -3,6 +3,7 @@ import 'vue';
 import '@vunk/plus/components/bubble-templates';
 import '@vunk/core/components/spread-to';
 import 'element-plus';
+import '@vueuse/core';
 import '@vunk/plus/components/scrollbar';
 import './_plugin-vue_export-helper.mjs';
 import '@vunk/shared/function';

package/components/mindmap-definition-6CBA2TL7-Cp_EeEsh.mjs

@@ -5,6 +5,7 @@ import 'vue';
 import '@vunk/plus/components/bubble-templates';
 import '@vunk/core/components/spread-to';
 import 'element-plus';
+import '@vueuse/core';
 import '@vunk/plus/components/scrollbar';
 import './_plugin-vue_export-helper.mjs';
 import '@vunk/shared/function';

package/components/packet-HUATNLJX-bfFWFja0.mjs

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

package/components/pie-WTHONI2E-QPrWs3SR.mjs

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

package/components/pieDiagram-NIOCPIFQ-C46Y_4C6.mjs

@@ -8,6 +8,7 @@ import 'vue';
 import '@vunk/plus/components/bubble-templates';
 import '@vunk/core/components/spread-to';
 import 'element-plus';
+import '@vueuse/core';
 import '@vunk/plus/components/scrollbar';
 import './_plugin-vue_export-helper.mjs';
 import '@vunk/shared/function';

package/components/quadrantDiagram-2OG54O6I-Dgf6d6F_.mjs

@@ -5,6 +5,7 @@ import 'vue';
 import '@vunk/plus/components/bubble-templates';
 import '@vunk/core/components/spread-to';
 import 'element-plus';
+import '@vueuse/core';
 import '@vunk/plus/components/scrollbar';
 import './_plugin-vue_export-helper.mjs';
 import '@vunk/shared/function';

package/components/radar-NJJJXTRR-BnUCJhQL.mjs

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

package/components/requirementDiagram-QOLK2EJ7-CSF6N7HA.mjs

@@ -6,6 +6,7 @@ import 'vue';
 import '@vunk/plus/components/bubble-templates';
 import '@vunk/core/components/spread-to';
 import 'element-plus';
+import '@vueuse/core';
 import '@vunk/plus/components/scrollbar';
 import './_plugin-vue_export-helper.mjs';
 import '@vunk/shared/function';

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

@@ -5,6 +5,7 @@ import 'vue';
 import '@vunk/plus/components/bubble-templates';
 import '@vunk/core/components/spread-to';
 import 'element-plus';
+import '@vueuse/core';
 import '@vunk/plus/components/scrollbar';
 import './_plugin-vue_export-helper.mjs';
 import '@vunk/shared/function';

package/components/sequenceDiagram-SKLFT4DO-10gLJ50N.mjs

@@ -6,6 +6,7 @@ import 'vue';
 import '@vunk/plus/components/bubble-templates';
 import '@vunk/core/components/spread-to';
 import 'element-plus';
+import '@vueuse/core';
 import '@vunk/plus/components/scrollbar';
 import './_plugin-vue_export-helper.mjs';
 import '@vunk/shared/function';

package/components/stateDiagram-MI5ZYTHO-D6p6nCaj.mjs

@@ -9,6 +9,7 @@ import 'vue';
 import '@vunk/plus/components/bubble-templates';
 import '@vunk/core/components/spread-to';
 import 'element-plus';
+import '@vueuse/core';
 import '@vunk/plus/components/scrollbar';
 import './_plugin-vue_export-helper.mjs';
 import '@vunk/shared/function';

package/components/stateDiagram-v2-5AN5P6BG-DaN5hC-t.mjs

@@ -7,6 +7,7 @@ import 'vue';
 import '@vunk/plus/components/bubble-templates';
 import '@vunk/core/components/spread-to';
 import 'element-plus';
+import '@vueuse/core';
 import '@vunk/plus/components/scrollbar';
 import './_plugin-vue_export-helper.mjs';
 import '@vunk/shared/function';

package/components/timeline-definition-MYPXXCX6-gLqnWxDu.mjs

@@ -5,6 +5,7 @@ import 'vue';
 import '@vunk/plus/components/bubble-templates';
 import '@vunk/core/components/spread-to';
 import 'element-plus';
+import '@vueuse/core';
 import '@vunk/plus/components/scrollbar';
 import './_plugin-vue_export-helper.mjs';
 import '@vunk/shared/function';

package/components/treemap-75Q7IDZK-B2atdfMH.mjs

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

package/components/xychartDiagram-H2YORKM3-Whqa4ezL.mjs

@@ -7,6 +7,7 @@ import 'vue';
 import '@vunk/plus/components/bubble-templates';
 import '@vunk/core/components/spread-to';
 import 'element-plus';
+import '@vueuse/core';
 import '@vunk/plus/components/scrollbar';
 import './_plugin-vue_export-helper.mjs';
 import '@vunk/shared/function';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vunk/plus",
-  "version": "1.8.5",
+  "version": "1.8.6",
   "description": "",
   "author": "",
   "license": "ISC",