bhd-components 0.10.51 → 0.10.52

package/dist/index.esm.es5.development.js

@@ -14918,10 +14918,13 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
     var _useState4 = _sliced_to_array(useState(""), 2), sendingId = _useState4[0], setSendingId = _useState4[1];
     var _useState5 = _sliced_to_array(useState(contentConfig.pageSize || 30), 2), pageSize = _useState5[0], setPageSize = _useState5[1];
     var _useState6 = _sliced_to_array(useState(0), 2), total = _useState6[0], setTotal = _useState6[1];
+    var _useState7 = _sliced_to_array(useState(false), 2), isSending = _useState7[0], setIsSending = _useState7[1];
     var timerRef = useRef({
         loadMore: null,
         scrollTimer: null
     });
+    var userScrolledUpRef = useRef(false); // 用户滚动啦滚动条
+    var isAutoScrollRef = useRef(true); // 是否自动触底
     var wrapperRef = useRef(null);
     var recordRef = useRef({
         page: page,
@@ -14929,10 +14932,10 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
         total: total,
         dataSource: dataSource,
         maxPage: Math.ceil(total / pageSize),
-        sendingId: ""
+        sendingId: "",
+        isSending: isSending
     });
     var timeRenderCache = useRef(new Map()).current;
-    var autoScrollBottom = useRef(true);
     // const htmlRenderCache = useRef(new Map<string, React.ReactNode>()).current;
     useImperativeHandle(ref, function() {
         return {
@@ -14976,6 +14979,13 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
             scrollToBottom: scrollToBottom,
             setSendingId: function(id) {
                 setSendingId(id);
+            },
+            setIsSending: function(flag) {
+                if (!flag) {
+                    isAutoScrollRef.current = true;
+                    userScrolledUpRef.current = false;
+                }
+                setIsSending(flag);
             }
         };
     });
@@ -15028,15 +15038,17 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
         recordRef.current.dataSource = dataSource;
         recordRef.current.maxPage = Math.ceil(total / pageSize);
         recordRef.current.sendingId = sendingId;
-        if (!sendingId) {
-            autoScrollBottom.current = true;
-        }
+        recordRef.current.isSending = isSending;
+    // if (!sendingId) {
+    //   autoScrollBottom.current = true;
+    // }
     }, [
         page,
         pageSize,
         total,
         dataSource,
-        sendingId
+        sendingId,
+        isSending
     ]);
     var addMsg = function(msg) {
         if (msg.id !== "inputing" && msg.id !== "helloMsg") {
@@ -15066,14 +15078,16 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
         scrollToBottom();
     };
     var scrollToBottom = function() {
-        if (!virtuosoRef.current || !autoScrollBottom.current) return;
-        timerRef.current.scrollTimer = setTimeout(function() {
-            virtuosoRef.current.scrollToIndex({
-                index: "LAST",
-                align: "end",
-                behavior: "auto"
-            });
-        }, 100);
+        if (!virtuosoRef.current) return;
+        if (isAutoScrollRef.current && !userScrolledUpRef.current) {
+            timerRef.current.scrollTimer = setTimeout(function() {
+                virtuosoRef.current.scrollToIndex({
+                    index: "LAST",
+                    align: "end",
+                    behavior: "auto"
+                });
+            }, 100);
+        }
     };
     var getData = function(page, pageSize) {
         setLoading(true);
@@ -15517,9 +15531,23 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
             p[0].innerText = "复制代码";
         }
     };
-    var onWheel = function() {
-        if (recordRef.current.sendingId && recordRef.current.sendingId !== "inputing") {
-            autoScrollBottom.current = false;
+    // 滚动位置变化处理
+    var handleScroll = function(event) {
+        if (!recordRef.current.isSending) return;
+        var element = event.target;
+        var scrollTop = element.scrollTop;
+        var scrollHeight = element.scrollHeight;
+        var clientHeight = element.clientHeight;
+        // 如果距离底部小于30px，认为是底部，重新启用自动滚动
+        var distanceToBottom = scrollHeight - scrollTop - clientHeight;
+        // console.log('handleScroll:', distanceToBottom, scrollTop, scrollHeight, clientHeight);
+        if (distanceToBottom < 30) {
+            userScrolledUpRef.current = false;
+            isAutoScrollRef.current = true;
+        } else {
+            // 用户向上滚动，禁用自动滚动
+            userScrolledUpRef.current = true;
+            isAutoScrollRef.current = false;
         }
     };
     return /*#__PURE__*/ jsx("div", {
@@ -15548,7 +15576,7 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
             },
             increaseViewportBy: 200,
             overscan: 10,
-            onWheel: onWheel
+            onScroll: handleScroll
         })
     });
 });
@@ -16156,6 +16184,7 @@ var Footer = /*#__PURE__*/ forwardRef(function(props, ref) {
         recordRef.current.value = textValue;
         recordRef.current.referencesSource = referencesSource;
         recordRef.current.sending = sending;
+        apiRef.contentApi && apiRef.contentApi.setIsSending(sending);
     }, [
         textValue,
         referencesSource,