@zaofan/dsh-qqbot 1.5.30 → 1.5.31

package/client/qqbot-settings.js

@@ -3973,6 +3973,20 @@ var QQS_CSS = ".qqs-btn{font:inherit;color:#333;background:linear-gradient(180de
           if (state.tab !== 'chat' || !state.chatMore || state.chatBusy) return
           if (cbox.scrollTop <= 4) loadChat(false) // 顶部 → 加载更早
         }
+        // 2026-10-01 主人要求：「滚轮向下滚一次就刷新一下」——**不管有没有滚动成功**
+        //   （已经停在底部也刷：方便随时确认有没有新消息，比每个来回点 🔄 刷新省事）。
+        //   向上滚不拦（交给上面的"到顶部加载更早"，两个功能不打架）。
+        //   ⚠️ 一次滚轮会连发多个 wheel 事件 → 按 400ms 时间窗合并成一次，避免刷爆；
+        //   ⚠️ 加载中(busy)直接跳过，别打断正在进行的请求。
+        if (cbox) cbox.onwheel = function (e) {
+          if (state.tab !== 'chat') return
+          if (e && e.deltaY <= 0) return
+          var now = Date.now()
+          if (now - (state.chatWheelAt || 0) < 400) return
+          state.chatWheelAt = now
+          if (state.chatBusy) return
+          loadChatNewer()   // ★ 增量: 只把新消息接在下面, 不重绘不闪不跳位置
+        }
         var cinput = panel.querySelector('#dk-chat-input')
         if (cinput) {
           cinput.oninput = function (e) {
@@ -4313,6 +4327,11 @@ var QQS_CSS = ".qqs-btn{font:inherit;color:#333;background:linear-gradient(180de
           state.chatMore = d.hasMore === true
           state.chatErr = ''
           state.chatOldest = state.chatItems.length ? state.chatItems[0].seq : 0
+          // 2026-10-01: 记住"已加载到的**最新事件 seq**" —— 滚轮增量刷新(loadChatNewer)的起点。
+          //   ⚠️ 不能拿 d.tailSeq(= sess.seq = 下一个可用 seq): 正扫是 afterSeq+1 起, 记大会**漏一条/取不到**。
+          var _maxSeq = 0
+          state.chatItems.forEach(function (x) { var n = Number(x.seq); if (n > _maxSeq) _maxSeq = n })
+          state.chatNewest = _maxSeq
           renderChatList(mode === 'more' ? keep : null)
         }).catch(function () {
           state.chatBusy = ''
@@ -4360,26 +4379,21 @@ var QQS_CSS = ".qqs-btn{font:inherit;color:#333;background:linear-gradient(180de
         try { dd = curDataDir() || '' } catch (e) { dd = '' }
         return '/api/qqbot-settings/sticker-img?id=' + encodeURIComponent(idm[1]) + (dd ? '&dataDir=' + encodeURIComponent(dd) : '')
       }
-      function renderChatList(keepScrollOffset) {
-        var box = document.getElementById('dk-chat-box')
-        if (!box) return
+      // 2026-10-01: 状态行单独成函数 —— 增量追加新消息后只更新这行, 不重绘整个列表
+      function updateChatStatus() {
         var st = document.getElementById('dk-chat-status')
-        if (st) {
-          if (state.chatBusy === 'send') st.textContent = '发送中…'
-          else if (chatFlash) st.textContent = chatFlash
-          else if (state.chatBusy) st.textContent = state.chatBusy === 'chat' ? '加载中…' : '加载更早…'
-          else if (state.chatErr) st.textContent = state.chatErr
-          else if (!state.chatItems.length) st.textContent = '暂无记录 —— 机器人和该目标聊过后会显示在这里'
-          else st.textContent = '共 ' + state.chatItems.length + ' 条 · ' + chatPeerName() + (state.chatMore ? ' · 上滑加载更早' : ' · 已到最早')
-        }
-        if (!state.chatItems.length) {
-          var emptyTxt = state.chatErr || (!chatPeerReady() ? '先选一个群/私聊目标' : '还没有聊天记录(该目标暂无活跃会话)')
-          box.innerHTML = '<div class="dk-empty" style="padding:26px 0">' + esc(emptyTxt) + '</div>'
-          return
-        }
-        var html = ''
-        if (state.chatMore) html += '<div class="dk-chat-top">↑ 上滑加载更早消息</div>'
-        html += state.chatItems.map(function (it) {
+        if (!st) return
+        if (state.chatBusy === 'send') st.textContent = '发送中…'
+        else if (chatFlash) st.textContent = chatFlash
+        else if (state.chatBusy === 'new') st.textContent = '检查新消息…'
+        else if (state.chatBusy) st.textContent = state.chatBusy === 'chat' ? '加载中…' : '加载更早…'
+        else if (state.chatErr) st.textContent = state.chatErr
+        else if (!state.chatItems.length) st.textContent = '暂无记录 —— 机器人和该目标聊过后会显示在这里'
+        else st.textContent = '共 ' + state.chatItems.length + ' 条 · ' + chatPeerName() + (state.chatMore ? ' · 上滑加载更早' : ' · 已到最早')
+      }
+      // 2026-10-01: 单条气泡 HTML 抽成函数 —— renderChatList 与"增量追加"共用同一套渲染
+      function chatRowHTML(it) {
+        {
           var isOut = it.dir === 'out'
           var who = isOut ? '我' : (it.sender || (state.sendScope === 'c2c' ? c2cSelName() : '群友'))
           var ava = isOut ? '🐳' : chatAvaOf(who)
@@ -4410,11 +4424,13 @@ var QQS_CSS = ".qqs-btn{font:inherit;color:#333;background:linear-gradient(180de
             + '<div class="dk-cbubble">' + imgs + txt + '</div>'
             + '</div>'
             + '</div>'
-        }).join('')
-        html += '<div class="dk-chat-bottom">—— 会话尾部 · ' + esc(chatPeerName()) + ' ——</div>'
-        box.innerHTML = html
+        }
+      }
+      // 2026-10-01: 图片交互绑定抽成函数(增量追加的新节点也要绑; 属性赋值 → 幂等)
+      function bindChatImgs(root) {
+        if (!root) return
         // 图片: 单击/右键 → 灯箱放大(右键不再弹浏览器菜单, 避免误触发 onerror 变加载失败)
-        box.querySelectorAll('img.dk-img').forEach(function (img) {
+        root.querySelectorAll('img.dk-img').forEach(function (img) {
           var lbOf = function () { return img.getAttribute('data-lb') || img.src }
           img.onclick = function (e) { e.preventDefault(); e.stopPropagation(); openLightbox(lbOf()) }
           img.oncontextmenu = function (e) { e.preventDefault(); e.stopPropagation(); openLightbox(lbOf()) }
@@ -4432,10 +4448,87 @@ var QQS_CSS = ".qqs-btn{font:inherit;color:#333;background:linear-gradient(180de
             img.outerHTML = '<span style="color:#888">[图加载失败]</span>'
           }
         })
+      }
+      function renderChatList(keepScrollOffset) {
+        var box = document.getElementById('dk-chat-box')
+        if (!box) return
+        updateChatStatus()
+        if (!state.chatItems.length) {
+          var emptyTxt = state.chatErr || (!chatPeerReady() ? '先选一个群/私聊目标' : '还没有聊天记录(该目标暂无活跃会话)')
+          box.innerHTML = '<div class="dk-empty" style="padding:26px 0">' + esc(emptyTxt) + '</div>'
+          return
+        }
+        var html = ''
+        if (state.chatMore) html += '<div class="dk-chat-top">↑ 上滑加载更早消息</div>'
+        html += state.chatItems.map(chatRowHTML).join('')
+        html += '<div class="dk-chat-bottom">—— 会话尾部 · ' + esc(chatPeerName()) + ' ——</div>'
+        box.innerHTML = html
+        bindChatImgs(box)
         // 滚动: 刷新/切目标 → 滚到底; 上滚加载更早 → 保持视口
-        if (keepScrollOffset == null) box.scrollTop = box.scrollHeight
+        if (keepScrollOffset == null) {
+          box.scrollTop = box.scrollHeight
+          // 2026-10-01 主人实测「打开 dock 显示的不是最新消息」：
+          //   气泡里的图是 loading="lazy"，刚渲染时高度还没撑开 → 首次贴底其实只贴到"半截"，
+          //   等图加载完内容变高，视口就停在中间了。这里随后再补贴几次；
+          //   用户一旦手动滚（wheel）立刻停手，不跟他抢滚动条。
+          var stickCancel = false
+          try { box.addEventListener('wheel', function () { stickCancel = true }, { once: true, passive: true }) } catch (e) { /* 老浏览器忽略 */ }
+          var stickBottom = function () { if (!stickCancel) box.scrollTop = box.scrollHeight }
+          setTimeout(stickBottom, 80)
+          setTimeout(stickBottom, 240)
+          setTimeout(stickBottom, 600)
+          setTimeout(stickBottom, 1200)
+        }
         else box.scrollTop = box.scrollHeight - keepScrollOffset
       }
+      // 2026-10-01 主人要求：滚轮向下 → **增量**追加新消息
+      //   · 只 append 新气泡（不 box.innerHTML 重绘 → **不闪**）
+      //   · **不动 scrollTop**（不跳位置；想看最新的自己继续滑）
+      function appendChatRows(list) {
+        var box = document.getElementById('dk-chat-box')
+        if (!box || !Array.isArray(list) || !list.length) return
+        var html = list.map(chatRowHTML).join('')
+        var tail = box.querySelector('.dk-chat-bottom')
+        if (tail) tail.insertAdjacentHTML('beforebegin', html)
+        else box.insertAdjacentHTML('beforeend', html)
+        bindChatImgs(box)
+      }
+      // 滚轮触发的"取更新的消息"：afterSeq = 当前已加载的最新位置
+      function loadChatNewer() {
+        if (!state.ns || !chatPeerReady() || state.chatBusy) return
+        var after = Number(state.chatNewest || 0)
+        if (!(after > 0)) { loadChat(true); return }   // 还没加载过 → 走整页首屏
+        state.chatBusy = 'new'
+        updateChatStatus()
+        var peerId = state.sendScope === 'c2c' ? state.sendTo : state.gid
+        var q = 'ns=' + encodeURIComponent(state.ns) + '&scope=' + state.sendScope
+          + '&peerId=' + encodeURIComponent(peerId) + '&afterSeq=' + after + '&limit=100'
+        api('chat/history', q).then(function (d) {
+          state.chatBusy = ''
+          if (!d || !d.ok) { updateChatStatus(); return }
+          var list = (Array.isArray(d.items) ? d.items : []).filter(function (it) {
+            return it && ((typeof it.text === 'string' && it.text) || (Array.isArray(it.images) && it.images.length))
+          })
+          // 去重键含 seq+方向+正文前缀 —— 群历史打包块里多条共用同一 seq, 只按 seq 去重会误删
+          var keyOf = function (x) { return String(x.seq) + '|' + String(x.dir) + '|' + String(x.text || '').slice(0, 24) }
+          var have = {}
+          state.chatItems.forEach(function (x) { have[keyOf(x)] = 1 })
+          // ⚠️ 2026-10-01 主人实测「向下滚后最新消息后面冒出历史消息」：
+          //   群打包块([历史]…[/历史])会被拆成多条挂在**同一个新 seq** 上, 内容却是**更早**的消息;
+          //   不过滤就会被当新事件整块接到列表尾部。只收"时间不早于列表尾部那条"的条目。
+          var _tailT = state.chatItems.length ? (Number(state.chatItems[state.chatItems.length - 1].time) || 0) : 0
+          var fresh = list.filter(function (x) {
+            return !have[keyOf(x)] && (Number(x.time) || 0) >= _tailT
+          })
+          if (fresh.length) {
+            state.chatItems = state.chatItems.concat(fresh)
+            appendChatRows(fresh)          // ★ 增量追加: 不重绘、不闪、不跳位置
+          }
+          // 已加载位置 = 列表里最大的事件 seq（同 ①：不能用 tailSeq）
+          state.chatItems.forEach(function (x) { var n = Number(x.seq); if (n > state.chatNewest) state.chatNewest = n })
+          updateChatStatus()
+        }).catch(function () { state.chatBusy = ''; updateChatStatus() })
+      }
       // 聊天文本渲染(2026-09-13 引用消息功能): 把引用块渲染成"引用样式"气泡(左边框+灰底), 其余正文照常。
       //   2026-09-15 标记改短([引]…[/引][当前]) —— **新旧都认**, 否则老会话里的英文标记会显示成裸文本。
       function chatRenderText(t) {