// 消息 —— v0.2.1 新建一级 tabBar 页 // 三栏：私聊会话 / 系统通知 / 吐槽箱（建议表单入口）。 // 无后端：会话与通知为演示数据；点击进入给「下一轮开放」提示。 const { MESSAGE_THREADS, NOTICES } = require("../../data/content"); const store = require("../../data/store"); const headbar = require("../../data/headbar"); const XSub = require("../../data/xsub"); const ICON = require("../../data/icons"); const { attachXsub } = require("../../data/pagebase"); const R = require("../../data/routes"); const VERSION = require("../../config").version; // 二级菜单：私聊 / 通知 / 好友 / 建议 // v0.3.0：私聊/通知切顶部栏，建议跳建议页，好友暂给轻提示 const MESSAGE_XSUB_ITEMS = [ { icon: "私聊", label: "私聊", svg: ICON.message, act: { tab: 0 } }, { icon: "通知", label: "通知", svg: ICON.wall, act: { tab: 1 } }, { icon: "好友", label: "好友", svg: ICON.key, act: { toast: "好友 · 下一轮开放" } }, { icon: "建议", label: "建议", svg: ICON.advice, act: { nav: R.ADVICE } } ]; Page({ data: { version: VERSION, // 标头登录态（登录逻辑在 data/headbar.js，多页共用） school: "", nick: "", // 顶部三栏 tab: 0, tabs: ["私聊", "通知", "吐槽箱"], threads: MESSAGE_THREADS.map(function (t) { return Object.assign({}, t, { x: 0, pinned: !!t.pinned }); }).sort(function(a,b){ return (b.pinned?1:0)-(a.pinned?1:0); }), notices: NOTICES.map(function (n) { return Object.assign({}, n, { x: 0, read: !!n.read, pinned: !!n.pinned }); }).sort(function(a,b){ return (b.pinned?1:0)-(a.pinned?1:0); }), unread: 0, draggingId: "", // 二级菜单（状态机在 data/xsub.js） xsubItems: MESSAGE_XSUB_ITEMS, tabIdx: 4, xsubOpen: false, xsubOffset: XSub.XSUB_CLOSED, xsubDragging: false, xsubDragOffset: 0, xsubTapGuard: false, // 页级上拉手势（v0.1.11） _pageScrollTop: 0, _gStartY: 0, _gScrollTop: 0 }, onLoad() { XSub.init(this, { items: MESSAGE_XSUB_ITEMS, idx: 4 }); attachXsub(this); try { this._winW = wx.getWindowInfo().windowWidth || 375; } catch (e) { this._winW = 375; } const winW = this._winW; this._threadBtnW = 120; this._noticeBtnW = 120; this._threadActW = this._threadBtnW * 3; // 360 this._noticeActW = this._noticeBtnW * 2; // 240 this._openDW = winW > 0 ? Math.min(200, Math.floor(winW * 0.5)) : 240; }, onShow() { headbar.state(this); // 本页是 tab[3]，必须同步胶囊选中态，否则高亮会停在旧页 if (this.getTabBar && this.getTabBar()) { this.getTabBar().setData({ selected: 4 }); } const unread = this.data.threads.reduce((s, t) => s + (t.unread || 0), 0); this.setData({ unread: unread }); // 二级菜单默认收起 XSub.onShow.call(this); }, onHide() { XSub.onHide.call(this); }, onUnload() { if (this._suppressTimer) { clearTimeout(this._suppressTimer); this._suppressTimer = null; } XSub.onUnload.call(this); }, // 顶部三栏切换 onTab(e) { const i = Number(e.currentTarget.dataset.i) || 0; this.setData({ tab: i }); }, // v0.3.0：二级菜单动作 —— 私聊/通知切栏，其余（好友）给轻提示 onXsubAction(act) { if (!act) return; if (act.tab !== undefined) { this.setData({ tab: act.tab }); return; } if (act.toast) { wx.showToast({ title: act.toast, icon: "none" }); } }, // 私聊会话：进入给开放提示 onThread(e) { // 刚完成滑动则忽略这次点击，避免误进会话 if (this._suppressTap) return; const id = e.currentTarget.dataset.id; const t = this.data.threads.filter((x) => x.id === id)[0]; if (!t) return; // 该行若处于左滑打开态，先收合 if (t.x) { this._setThreadX(id, 0); return; } // 已读标记（进入会话当做已读） if (t.unread > 0) { this._markRead(id); } wx.navigateTo({ url: R.CHAT + "?name=" + encodeURIComponent(t.name) + "&id=" + encodeURIComponent(t.id) }); }, // ── 私聊行滑动（v0.2.4）── onThreadTouchStart(e) { const id = e.currentTarget.dataset.id; const t = this.data.threads.filter((x) => x.id === id)[0]; const touch = e.touches[0]; this._sw = { id: id, x0: (t && t.x) || 0, startX: touch.clientX, startY: touch.clientY, dir: "", moved: false }; this.setData({ draggingId: id }); }, onThreadTouchMove(e) { const sw = this._sw; if (!sw) return; const touch = e.touches[0]; const dx = touch.clientX - sw.startX; const dy = touch.clientY - sw.startY; if (!sw.dir) { if (Math.abs(dx) < 8 && Math.abs(dy) < 8) return; sw.dir = Math.abs(dx) > Math.abs(dy) ? "h" : "v"; } if (sw.dir !== "h") return; sw.moved = true; const dxRpx = (dx * 750) / (this._winW || 375); let x = sw.x0 + dxRpx; if (x > 140) x = 140 + (x - 140) * 0.28; if (x < -420) x = -420 + (x + 420) * 0.28; this._setThreadX(sw.id, Math.round(x)); }, onThreadTouchEnd() { const sw = this._sw; if (!sw) return; this._sw = null; this.setData({ draggingId: "" }); if (!sw.moved) return; // 抑制紧接着触发的 tap this._suppressTap = true; clearTimeout(this._suppressTimer); this._suppressTimer = setTimeout(() => { this._suppressTap = false; }, 350); const t = this.data.threads.filter((x) => x.id === sw.id)[0]; const x = t ? (t.x || 0) : 0; if (sw.dir !== "h") return; if (x >= 120) { // 右滑 → 标已读 this._applyRead(sw.id, 0); this._setThreadX(sw.id, 0); wx.showToast({ title: "已标为已读", icon: "none" }); } else if (x <= -360) { // 大幅左滑 → 直接删除 this._confirmDelete(sw.id); } else if (x <= -80) { // 露出菜单，并收合其它行 this._accordion(sw.id); this._setThreadX(sw.id, -360); } else { this._setThreadX(sw.id, 0); } }, // 把某行的 x 收合到 0（其它行） _accordion(keepId) { const patch = {}; this.data.threads.forEach((t, i) => { if (t.id !== keepId && t.x) patch["threads[" + i + "].x"] = 0; }); if (Object.keys(patch).length) this.setData(patch); }, _setThreadX(id, x) { const i = this.data.threads.findIndex((t) => t.id === id); if (i < 0) return; const patch = {}; patch["threads[" + i + "].x"] = x; this.setData(patch); }, _applyRead(id, val) { const threads = this.data.threads.map((t) => t.id === id ? Object.assign({}, t, { unread: val }) : t); const unread = threads.reduce((s, t) => s + (t.unread || 0), 0); this.setData({ threads: threads, unread: unread }); }, onMarkRead(e) { this._applyRead(e.currentTarget.dataset.id, 0); this._setThreadX(e.currentTarget.dataset.id, 0); wx.showToast({ title: "已标为已读", icon: "none" }); }, onMarkUnread(e) { const id = e.currentTarget.dataset.id; const t = this.data.threads.filter((x) => x.id === id)[0]; if (!t) return; this._applyRead(id, t.unread ? t.unread : 1); this._setThreadX(id, 0); wx.showToast({ title: "已标为未读", icon: "none" }); }, onDelete(e) { this._confirmDelete(e.currentTarget.dataset.id); }, _confirmDelete(id) { const t = this.data.threads.filter((x) => x.id === id)[0]; if (!t) return; const self = this; wx.showModal({ title: "删除会话", content: "确定删除与「" + t.name + "」的会话？", confirmText: "删除", confirmColor: "#FF5A6A", success(res) { if (!res.confirm) { self._setThreadX(id, 0); return; } const threads = self.data.threads.filter((x) => x.id !== id); const unread = threads.reduce((s, x) => s + (x.unread || 0), 0); self.setData({ threads: threads, unread: unread }); wx.showToast({ title: "已删除", icon: "none" }); } }); }, // 通知条目（v0.3.4：点击已读） onNotice(e) { if (this._suppressTap) return; const id = e.currentTarget.dataset.id; const n = this.data.notices.filter((x) => x.id === id)[0]; if (!n) return; if (n.x) { this._setNoticeX(id, 0); return; } if (!n.read) { this._markNoticeRead(id); } wx.showModal({ title: n.title, content: n.text, showCancel: false, confirmText: "知道了" }); }, _setNoticeX(id, x) { const i = this.data.notices.findIndex((t) => t.id === id); if (i < 0) return; const patch = {}; patch["notices[" + i + "].x"] = x; this.setData(patch); }, _markNoticeRead(id) { const i = this.data.notices.findIndex((t) => t.id === id); if (i < 0) return; const patch = {}; patch["notices[" + i + "].read"] = true; patch["notices[" + i + "].x"] = 0; this.setData(patch); }, onPinThread(e) { const id = e.currentTarget.dataset.id; const i = this.data.threads.findIndex((t) => t.id === id); if (i < 0) return; const pinned = !this.data.threads[i].pinned; const threads = this.data.threads.slice(); threads[i].pinned = pinned; threads[i].x = 0; threads.sort(function(a,b){ return (b.pinned?1:0)-(a.pinned?1:0); }); this.setData({ threads: threads }); wx.showToast({ title: pinned ? "已置顶" : "已取消置顶", icon: "none" }); }, onPinNotice(e) { const id = e.currentTarget.dataset.id; const i = this.data.notices.findIndex((t) => t.id === id); if (i < 0) return; const pinned = !this.data.notices[i].pinned; const notices = this.data.notices.slice(); notices[i].pinned = pinned; notices[i].x = 0; notices.sort(function(a,b){ return (b.pinned?1:0)-(a.pinned?1:0); }); this.setData({ notices: notices }); wx.showToast({ title: pinned ? "已置顶" : "已取消置顶", icon: "none" }); }, _accordionNotice(keepId) { const patch = {}; this.data.notices.forEach((t, i) => { if (t.id !== keepId && t.x) patch["notices[" + i + "].x"] = 0; }); if (Object.keys(patch).length) this.setData(patch); }, onNoticeRead(e) { this._markNoticeRead(e.currentTarget.dataset.id); wx.showToast({ title: "已标为已读", icon: "none" }); }, onNoticeDelete(e) { this._confirmNoticeDelete(e.currentTarget.dataset.id); }, _confirmNoticeDelete(id) { const n = this.data.notices.filter((x) => x.id === id)[0]; if (!n) return; const self = this; wx.showModal({ title: "删除通知", content: "确定删除这条通知？", confirmText: "删除", confirmColor: "#FF5A6A", success(res) { if (!res.confirm) { self._setNoticeX(id, 0); return; } const notices = self.data.notices.filter((x) => x.id !== id); self.setData({ notices: notices }); wx.showToast({ title: "已删除", icon: "none" }); } }); }, onNoticeTouchStart(e) { const id = e.currentTarget.dataset.id; const t = this.data.notices.filter((x) => x.id === id)[0]; const touch = e.touches[0]; this._sn = { id: id, x0: (t && t.x) || 0, startX: touch.clientX, startY: touch.clientY, dir: "", moved: false }; this.setData({ draggingId: "n-" + id }); }, onNoticeTouchMove(e) { const sw = this._sn; if (!sw) return; const touch = e.touches[0]; const dx = touch.clientX - sw.startX; const dy = touch.clientY - sw.startY; if (!sw.dir) { if (Math.abs(dx) < 8 && Math.abs(dy) < 8) return; sw.dir = Math.abs(dx) > Math.abs(dy) ? "h" : "v"; } if (sw.dir !== "h") return; sw.moved = true; const dxRpx = (dx * 750) / (this._winW || 375); let x = sw.x0 + dxRpx; if (x > 140) x = 140 + (x - 140) * 0.28; if (x < -300) x = -300 + (x + 300) * 0.28; this._setNoticeX(sw.id, Math.round(x)); }, onNoticeTouchEnd() { const sw = this._sn; if (!sw) return; this._sn = null; this.setData({ draggingId: "" }); if (!sw.moved) return; this._suppressTap = true; clearTimeout(this._suppressTimer); this._suppressTimer = setTimeout(() => { this._suppressTap = false; }, 350); const t = this.data.notices.filter((x) => x.id === sw.id)[0]; const x = t ? (t.x || 0) : 0; if (sw.dir !== "h") return; if (x >= 120) { this._markNoticeRead(sw.id); this._setNoticeX(sw.id, 0); wx.showToast({ title: "已标为已读", icon: "none" }); } else if (x <= -240) { this._confirmNoticeDelete(sw.id); } else if (x <= -80) { this._accordionNotice(sw.id); this._setNoticeX(sw.id, -240); } else { this._setNoticeX(sw.id, 0); } }, // 吐槽箱 → 建议表单（复用 pages/advice，非 tab 页用 navigateTo） goAdvice() { wx.navigateTo({ url: R.ADVICE }); }, // 全部已读 onReadAll() { const threads = this.data.threads.map((x) => ({ ...x, unread: 0 })); this.setData({ threads: threads, unread: 0 }); wx.showToast({ title: "已全部标为已读", icon: "none" }); }, // ── 二级菜单转发（状态机在 data/xsub.js）── onTabBarDoubleTap(idx) { XSub.onTabBarDoubleTap.call(this, idx); }, closeXsub() { XSub.closeXsub.call(this); }, toggleXsub() { XSub.toggleXsub.call(this); }, openXsub() { XSub.openXsub.call(this); }, onXsubTouchStart(e) { XSub.onXsubTouchStart.call(this, e); }, onXsubTouchMove(e) { XSub.onXsubTouchMove.call(this, e); }, onXsubTouchEnd(e) { XSub.onXsubTouchEnd.call(this, e); }, onMaskMove(e) { XSub.onMaskMove.call(this, e); }, onPageTouchStart(e) { XSub.onPageTouchStart.call(this, e); }, onPageTouchMove(e) { XSub.onPageTouchMove.call(this, e); }, onPageTouchEnd(e) { XSub.onPageTouchEnd.call(this, e); }, onPageScroll(e) { this.setData({ _pageScrollTop: e.scrollTop || 0 }); }, onSubMenuTap(e) { XSub.onSubMenuTap.call(this, e); }, onHeadLogin() { headbar.onLogin(this); } });