southnote-mini-sdk 1.0.0

package/pages/user/user.js

@@ -0,0 +1,939 @@
+import {
+  queryUserInfo,
+  queryUserPosts,
+  queryUserComments,
+  queryUsercollections,
+  followUser,
+
+  deleteContent,
+  collectPost,
+  setUserPostTop
+} from "../../services/home";
+import formatUTC from "../../utils/formatPost";
+
+Page({
+  data: {
+    userId: 0,
+    userDetail: {},
+    active: 0, // 顶级 tab
+    subActive: 0, // 子 tab
+    navBarHeight: 0,
+
+    subTabs: [{
+        title: "全部",
+        filter: 1
+      },
+      {
+        title: "热门",
+        filter: 2
+      },
+      {
+        title: "原创",
+        filter: 3
+      }
+    ],
+
+    posts: {
+      1: [],
+      2: [],
+      3: []
+    },
+    page: {
+      1: 1,
+      2: 1,
+      3: 1
+    },
+    hasMore: {
+      1: true,
+      2: true,
+      3: true
+    },
+    loading: {
+      1: false,
+      2: false,
+      3: false
+    },
+
+    comments: [],
+    commentsPage: 1,
+    commentsHasMore: true,
+    commentsLoading: false,
+
+    collections: [],
+    collectionsPage: 1,
+    collectionsHasMore: true,
+    collectionsLoading: false,
+
+    moreSheetVisible: false,
+    moreSheetItem: {},
+    isOwner: false, //当前cell是否是自己
+
+    currentPlayingVideoId: null, //当前播放视频帖子id
+
+  },
+  onShareAppMessage() {
+    const {
+      userId,
+      userDetail
+    } = this.data;
+
+    return {
+      title: userDetail?.nickname || '查看用户主页',
+      path: `/pages/user/user?id=${userId}` // 携带用户ID
+    };
+  },
+
+  onPreviewAvatar(e) {
+    const url = e.currentTarget.dataset.url;
+    if (!url) return;
+
+    wx.previewImage({
+      current: url, // 当前预览的图片
+      urls: [url] // 图片列表
+    });
+  },
+
+  onLoad(options) {
+
+
+    const userId = options.id;
+    const sys = wx.getWindowInfo();
+    this.setData({
+      userId,
+      navBarHeight: sys.statusBarHeight + 44
+    });
+
+    this.queryUserInfo(userId);
+    this.queryUserPosts(1); // 默认加载 “全部”
+
+    const currentUserId = wx.getStorageSync('appuid'); // 当前登录用户id
+    const isOwner = userId === currentUserId;
+    this.setData({
+      isOwner
+    })
+
+  },
+
+  async queryUserInfo(userId) {
+    try {
+      const res = await queryUserInfo(userId);
+      if (res?.code === 0) {
+        this.setData({
+          userDetail: res.data
+        });
+
+        wx.setNavigationBarTitle({
+          title: res.data.user?.nickname || '主页'
+        })
+      }
+    } catch (err) {
+      console.error(err);
+    }
+  },
+
+  // --- 帖子 ---
+  async queryUserPosts(filter, append = true) {
+    if (this.data.loading[filter] || !this.data.hasMore[filter]) return;
+
+    const {
+      userId,
+      page,
+      posts
+    } = this.data;
+    const nextPage = append ? (page[filter] || 1) : 1;
+
+    this.setData({
+      [`loading.${filter}`]: true
+    });
+
+    try {
+      const res = await queryUserPosts(userId, nextPage, filter);
+      if (!Array.isArray(res.data.posts)) res.data.posts = [];
+
+      if (res?.code === 0) {
+        const list = res.data.posts.map(item => {
+          const p = item.post || {};
+          const shared = item.shared;
+          return {
+            user: res.data.user,
+            ...item,
+            post: {
+              ...p,
+              imageArray: p.images ? p.images.split(",") : [],
+              formatTime: formatUTC(p.created_at)
+            },
+            shared: shared?.post ? {
+              ...shared,
+              post: {
+                ...shared.post,
+                imageArray: shared.post.images ? shared.post.images.split(",") : [],
+                formatTime: formatUTC(shared.post.created_at)
+              }
+            } : shared
+          };
+        });
+
+        const got = list.length > 0;
+
+        if (append) {
+          // ✅ 只追加新数据，保持旧数据不变
+          const currentLength = posts[filter]?.length || 0;
+          const update = {};
+          list.forEach((item, idx) => {
+            update[`posts.${filter}[${currentLength + idx}]`] = item;
+          });
+
+          this.setData({
+            ...update,
+            [`page.${filter}`]: got ? nextPage + 1 : nextPage,
+            [`hasMore.${filter}`]: got
+          });
+        } else {
+          // 首次加载直接覆盖
+          this.setData({
+            [`posts.${filter}`]: list,
+            [`page.${filter}`]: got ? nextPage + 1 : nextPage,
+            [`hasMore.${filter}`]: got
+          });
+        }
+
+      } else {
+        this.setData({
+          [`hasMore.${filter}`]: false
+        });
+      }
+
+    } catch (err) {
+      console.error("queryUserPosts error", err);
+    } finally {
+      this.setData({
+        [`loading.${filter}`]: false
+      });
+    }
+  },
+
+  // --- 点评 ---
+  async queryUserComments() {
+    if (this.data.commentsLoading || !this.data.commentsHasMore) return;
+    const {
+      userId,
+      commentsPage
+    } = this.data;
+
+    this.setData({
+      commentsLoading: true
+    });
+    try {
+      const res = await queryUserComments(userId, commentsPage);
+      if (!Array.isArray(res.data.posts)) {
+        res.data.posts = []
+      }
+      if (res?.code === 0) {
+        const list = res.data.posts.map(item => {
+          const p = item.comment || {};
+          const shared = item.shared || {};
+          return {
+            user: res.data.user,
+            ...item,
+            post: {
+              ...p,
+              imageArray: p.images ? p.images.split(",") : [],
+              formatTime: formatUTC(p.created_at)
+            },
+            shared: shared.post ? {
+              ...shared,
+              post: {
+                ...shared.post,
+                imageArray: shared.post.images ?
+                  shared.post.images.split(",") : [],
+                formatTime: formatUTC(shared.post.created_at)
+              }
+            } : null
+          };
+        });
+
+        const got = list.length > 0;
+        this.setData({
+          comments: [...this.data.comments, ...list],
+          commentsPage: got ? commentsPage + 1 : commentsPage,
+          commentsHasMore: got
+        });
+      } else {
+        this.setData({
+          commentsHasMore: false
+        });
+      }
+    } catch (err) {
+      console.error(err);
+    } finally {
+      this.setData({
+        commentsLoading: false
+      });
+    }
+  },
+
+  // --- 收藏 ---
+  async queryUserCollections() {
+    if (this.data.collectionsLoading || !this.data.collectionsHasMore) return;
+    const {
+      userId,
+      collectionsPage
+    } = this.data;
+
+    this.setData({
+      collectionsLoading: true
+    });
+    try {
+      const res = await queryUsercollections(userId, collectionsPage);
+      if (res?.code === 0 && Array.isArray(res.data)) {
+        const list = res.data.map(item => {
+          const p = item.post || {};
+          return {
+            ...item,
+            post: {
+              ...p,
+              imageArray: p.images ? p.images.split(",") : [],
+              formatTime: formatUTC(p.created_at)
+            }
+          };
+        });
+
+        const got = list.length > 0;
+        this.setData({
+          collections: [...this.data.collections, ...list],
+          collectionsPage: got ? collectionsPage + 1 : collectionsPage,
+          collectionsHasMore: got
+        });
+      } else {
+        this.setData({
+          collectionsHasMore: false
+        });
+      }
+    } catch (err) {
+      console.error(err);
+    } finally {
+      this.setData({
+        collectionsLoading: false
+      });
+    }
+  },
+
+  onSubChange(e) {
+    const index = e.detail.index;
+    const filter = this.data.subTabs[index].filter;
+    this.setData({
+      subActive: index
+    });
+
+    if (this.data.posts[filter].length === 0) {
+      this.queryUserPosts(filter);
+    }
+  },
+
+  onChange(e) {
+    const index = e.detail.index;
+    this.setData({
+      active: index
+    });
+
+    if (index === 0) {
+      const filter = this.data.subTabs[this.data.subActive].filter;
+      if (this.data.posts[filter].length === 0) {
+        this.queryUserPosts(filter);
+      }
+    } else if (index === 1 && this.data.comments.length === 0) {
+      this.queryUserComments();
+    } else if (index === 2 && this.data.collections.length === 0) {
+      this.queryUserCollections();
+    }
+  },
+
+  loadMore(e) {
+    const filter = Number(e.currentTarget.dataset.filter);
+    this.queryUserPosts(filter);
+  },
+
+  onReachBottom() {
+    const {
+      active,
+      subActive,
+      subTabs
+    } = this.data;
+
+    if (active === 0) {
+      const filter = subTabs[subActive].filter;
+      this.queryUserPosts(filter, true);
+    } else if (active === 1) {
+      this.queryUserComments();
+    } else if (active === 2) {
+      this.queryUserCollections();
+    }
+  },
+
+  gotoUserDatum(e) {
+    const user = this.data.userDetail.user
+    this.onPauseAllVideo()
+    wx.navigateTo({
+      url: '/pages/userDatum/userDatum?user=' + encodeURIComponent(JSON.stringify(user))
+    })
+  },
+
+  gotoUserGameLib(e) {
+    const user = this.data.userDetail.user
+    this.onPauseAllVideo()
+    wx.navigateTo({
+      url: '/pages/userGameLib/userGameLib?user_id=' + user.id
+    })
+  },
+
+
+  gotoGameCenter(e) {
+    const id = e.currentTarget.dataset.id;
+    this.onPauseAllVideo()
+    wx.navigateTo({
+      url: `/pages/game/game?id=${id}`
+    });
+  },
+
+
+  onFollowTap(e) {
+    const user = e.currentTarget.dataset.user;
+    const userId = user.id;
+    const isFans = user.is_fans ?? 0;
+    const nType = isFans === 1 ? 2 : 1; // 1关注，2取消关注
+
+    followUser(userId, nType).then(res => {
+      if (res.code === 0) {
+        // 更新当前页面 userDetail
+        this.setData({
+          'userDetail.user.is_fans': isFans === 1 ? 0 : 1
+        });
+
+        const pages = getCurrentPages();
+
+        pages.forEach(page => {
+          // 首页：更新 posts 中对应用户的 is_fans
+          if (page.route === 'pages/home/home') {
+
+            const posts = page.data.posts.map(p => {
+              if (p.user.id === user.id) {
+                p.user.is_fans = isFans === 1 ? 0 : 1; // 修改关注状态
+              }
+              return p;
+            });
+            page.setData({
+              posts
+            });
+          }
+
+          // 用户详情页：更新 userDetail
+
+          if (page.route === 'pages/user/user') {
+
+            if (page.data.userDetail?.user?.id === user.id) {
+              page.setData({
+                'userDetail.user.is_fans': isFans === 1 ? 0 : 1
+              });
+            }
+          }
+
+          // 帖子详情页：更新 item.user.is_fans
+          if (page.route === 'pages/post/post') {
+
+            if (page.data.item?.user?.id === user.id) {
+              page.setData({
+                'item.user.is_fans': isFans === 1 ? 0 : 1
+              });
+            }
+          }
+        });
+
+        wx.showToast({
+          title: nType === 1 ? '关注成功' : '已取消关注',
+          icon: 'success'
+        });
+      } else {
+        wx.showToast({
+          title: res.message || '操作失败',
+          icon: 'none'
+        });
+      }
+    }).catch((err) => {
+      wx.showToast({
+        title: err,
+        icon: 'none'
+      });
+    });
+  },
+
+  // 底部弹窗
+
+  onMoreTap(e) {
+    const index = e.currentTarget.dataset.index; // 当前帖子在列表中的索引
+
+    const item = e.detail.item;
+    const currentUserId = wx.getStorageSync('appuid'); // 当前登录用户id
+    const isOwner = item.user.id === currentUserId;
+    this.setData({
+      isOwner,
+      moreSheetVisible: true,
+      moreSheetItem: item,
+      currentPostIndex: index
+
+    });
+  },
+
+  onPinTap() {
+    const post = this.data.moreSheetItem.post;
+    const type = this.data.isPinned ? 2 : 1; // 1置顶，2取消置顶
+
+    wx.showLoading({
+      title: '处理中...'
+    });
+    setUserPostTop(post.id, type).then(res => {
+      wx.hideLoading();
+      if (res.code === 0) {
+        wx.showToast({
+          title: type === 1 ? '置顶成功' : '取消置顶成功',
+          icon: 'success'
+        });
+
+        // 更新当前组件状态
+        this.setData({
+          'item.post.is_user_top': type === 1 ? 1 : 0,
+          isPinned: type === 1 ? 1 : 0
+        });
+
+        this.onCloseMoreSheet();
+
+        // 如果置顶，则需要移动帖子到列表第一位，取消其他帖子置顶，并滚动到顶部
+        if (type === 1) {
+          const pages = getCurrentPages();
+          const currentPage = pages[pages.length - 1];
+
+          if (currentPage.route === 'pages/user/user') {
+            let postsData = currentPage.data.posts;
+
+            if (Array.isArray(postsData)) {
+              // 先取消其他帖子置顶
+              postsData = postsData.map(p => {
+                if (p.post.id !== post.id && p.post.is_user_top === 1) {
+                  p.post.is_user_top = 0;
+                }
+                return p;
+              });
+
+              // 找到当前帖子在数组中的索引
+              const currentIndex = postsData.findIndex(p => p.post.id === post.id);
+              if (currentIndex > -1) {
+                const [pinnedPost] = postsData.splice(currentIndex, 1);
+                pinnedPost.post.is_user_top = 1
+                // 插入到数组第一个位置
+                postsData.unshift(pinnedPost);
+              }
+
+              currentPage.setData({
+                posts: postsData
+              });
+
+              // 页面滚动到顶部
+              wx.pageScrollTo({
+                scrollTop: 0,
+                duration: 300
+              });
+            } else if (postsData && typeof postsData === 'object') {
+              const newPostsObj = {};
+              Object.keys(postsData).forEach(key => {
+                if (Array.isArray(postsData[key])) {
+                  // 取消其他帖子置顶
+                  let arr = postsData[key].map(p => {
+                    if (p.post.id !== post.id && p.post.is_user_top === 1) {
+                      p.post.is_user_top = 0;
+                    }
+                    return p;
+                  });
+
+                  // 将当前帖子移动到第一个
+                  const currentIndex = arr.findIndex(p => p.post.id === post.id);
+                  if (currentIndex > -1) {
+                    const [pinnedPost] = arr.splice(currentIndex, 1);
+                    pinnedPost.post.is_user_top = 1
+                    arr.unshift(pinnedPost);
+                  }
+
+                  newPostsObj[key] = arr;
+                } else {
+                  newPostsObj[key] = postsData[key];
+                }
+              });
+
+              currentPage.setData({
+                posts: newPostsObj
+              });
+
+              wx.pageScrollTo({
+                scrollTop: 0,
+                duration: 300
+              });
+            }
+          }
+        }
+      } else {
+        wx.showToast({
+          title: res.msg || '操作失败',
+          icon: 'error'
+        });
+      }
+    });
+  },
+  // 关闭弹窗
+  onCloseMoreSheet() {
+    this.setData({
+      moreSheetVisible: false
+    });
+  },
+
+  // 弹窗选项点击
+  onDelete() {
+    const postId = this.data.moreSheetItem.post.id;
+    deleteContent(postId).then(res => {
+      if (res.code === 0) {
+        wx.showToast({
+          title: '删除成功',
+          icon: 'success'
+        });
+
+        // 删除父页面列表里的帖子（兼容数组和对象）
+        const pages = getCurrentPages();
+        const currentPage = pages[pages.length - 1]; // 当前页
+
+        const postsData = currentPage.data.posts;
+        if (Array.isArray(postsData)) {
+          // posts 是数组
+          currentPage.setData({
+            posts: postsData.filter(p => p.post.id !== postId)
+          });
+        } else if (postsData && typeof postsData === 'object') {
+          // posts 是对象，每个 value 都可能是帖子数组
+          const newPosts = {};
+          Object.keys(postsData).forEach(key => {
+            if (Array.isArray(postsData[key])) {
+              newPosts[key] = postsData[key].filter(p => p.post.id !== postId);
+            } else {
+              newPosts[key] = postsData[key]; // 保留原值
+            }
+          });
+          currentPage.setData({
+            posts: newPosts
+          });
+        }
+
+
+        this.triggerEvent('deletePost', {
+          post: this.data.moreSheetItem.post
+        });
+        this.onCloseMoreSheet();
+      } else {
+        wx.showToast({
+          title: res.msg || '删除失败',
+          icon: 'error'
+        });
+      }
+    });
+  },
+
+  // 举报帖子
+  onReport() {
+    this.onPauseAllVideo()
+    wx.navigateTo({
+      url: `/pages/report-category/report-category?postId=${this.data.moreSheetItem.post.id}`,
+    })
+
+    this.triggerEvent('reportPost', {
+      post: this.data.moreSheetItem.post
+    });
+    this.onCloseMoreSheet();
+  },
+
+
+  // 收藏/取消收藏
+  async onFavorite() {
+    const post = this.data.moreSheetItem.post;
+    const nType = post.is_collect === 1 ? 2 : 1;
+
+    wx.showLoading({
+      title: nType === 1 ? '收藏中...' : '取消中...'
+    });
+
+    try {
+      const res = await collectPost(post.id, nType);
+      wx.hideLoading();
+
+      if (res.code === 0) {
+        wx.showToast({
+          title: nType === 1 ? '已收藏' : '取消收藏',
+          icon: 'success'
+        });
+
+        // 更新弹窗
+        this.setData({
+          'moreSheetItem.post.is_collect': nType === 1 ? 1 : 0
+        });
+
+        // 同步更新 posts 列表
+        const {
+          posts
+        } = this.data;
+        if (Array.isArray(posts)) {
+          const newPosts = posts.map(p => p.post.id === post.id ? {
+            ...p,
+            post: {
+              ...p.post,
+              is_collect: nType === 1 ? 1 : 0
+            }
+          } : p);
+          this.setData({
+            posts: newPosts
+          });
+        } else if (posts && typeof posts === 'object') {
+          const newPosts = {};
+          Object.keys(posts).forEach(key => {
+            newPosts[key] = posts[key].map(p => p.post.id === post.id ? {
+              ...p,
+              post: {
+                ...p.post,
+                is_collect: nType === 1 ? 1 : 0
+              }
+            } : p);
+          });
+          this.setData({
+            posts: newPosts
+          });
+        }
+
+        // 可选：同步其他页面（首页 / 帖子详情页）
+        const pages = getCurrentPages();
+        pages.forEach(pg => {
+          if (!pg?.data?.posts) return;
+          const pgPosts = pg.data.posts;
+          if (Array.isArray(pgPosts)) {
+            pg.setData({
+              posts: pgPosts.map(p => p.post.id === post.id ? {
+                ...p,
+                post: {
+                  ...p.post,
+                  is_collect: nType === 1 ? 1 : 0
+                }
+              } : p)
+            });
+          } else if (typeof pgPosts === 'object') {
+            const newObj = {};
+            Object.keys(pgPosts).forEach(k => {
+              newObj[k] = pgPosts[k].map(p => p.post.id === post.id ? {
+                ...p,
+                post: {
+                  ...p.post,
+                  is_collect: nType === 1 ? 1 : 0
+                }
+              } : p);
+            });
+            pg.setData({
+              posts: newObj
+            });
+          }
+        });
+        this.onCloseMoreSheet();
+      } else {
+        wx.showToast({
+          title: res.msg || (nType === 1 ? '收藏失败' : '取消收藏失败'),
+          icon: 'error'
+        });
+      }
+
+    } catch (err) {
+      wx.hideLoading();
+      wx.showToast({
+        title: '网络错误，请稍后重试',
+        icon: 'error'
+      });
+    }
+  },
+
+  onFollowChanged(e) {
+    const {
+      userId,
+      isFans
+    } = e.detail;
+
+    // 更新顶部用户信息
+    if (this.data.userDetail?.user?.id === userId) {
+      this.setData({
+        'userDetail.user.is_fans': isFans ? 1 : 0
+      });
+    }
+
+    // 更新帖子列表里的关注状态
+    const updatedPosts = {};
+    if (Array.isArray(this.data.posts)) {
+      // 如果 posts 是数组
+      updatedPosts.posts = this.data.posts.map(p => {
+        if (p.user.id === userId) {
+          p.user.is_fans = isFans ? 1 : 0;
+        }
+        return p;
+      });
+    } else if (this.data.posts && typeof this.data.posts === 'object') {
+      // 如果 posts 是对象，每个 value 都是数组
+      Object.keys(this.data.posts).forEach(key => {
+        updatedPosts[`posts.${key}`] = this.data.posts[key].map(p => {
+          if (p.user.id === userId) {
+            p.user.is_fans = isFans ? 1 : 0;
+          }
+          return p;
+        });
+      });
+    }
+
+    this.setData(updatedPosts);
+
+    wx.showToast({
+      title: isFans ? '关注成功' : '已取消关注',
+      icon: 'success'
+    });
+  },
+
+  onVideoPlay(e) {
+    const postId = e.detail.id;
+    const prevId = this.data.currentPlayingVideoId;
+
+    // 第一次播放 or 点击同一个视频
+    if (!prevId || prevId === postId) {
+      this.setData({
+        currentPlayingVideoId: postId
+      });
+      return;
+    }
+
+    const {
+      active
+    } = this.data;
+    let prevComponent = null;
+
+    /* ================= 一级 tab：帖子 ================= */
+    if (active === 0) {
+      const {
+        subActive,
+        subTabs,
+        posts
+      } = this.data;
+      const filter = subTabs[subActive].filter; // 1 / 2 / 3
+      const list = posts[filter] || [];
+
+      const idx = list.findIndex(
+        item => item.post?.id === prevId
+      );
+
+      if (idx !== -1) {
+        prevComponent = this.selectComponent(
+          `#postItem-${filter}-${idx}`
+        );
+      }
+    }
+
+    /* ================= 一级 tab：评论 ================= */
+    else if (active === 1) {
+      const {
+        comments
+      } = this.data;
+
+      const idx = comments.findIndex(
+        item => item.post?.id === prevId
+      );
+
+      if (idx !== -1) {
+        prevComponent = this.selectComponent(
+          `#postItem-${idx}`
+        );
+      }
+    }
+
+    /* ================= 一级 tab：收藏 ================= */
+    else if (active === 2) {
+      const {
+        collections
+      } = this.data;
+
+      const idx = collections.findIndex(
+        item => item.post?.id === prevId
+      );
+
+      if (idx !== -1) {
+        prevComponent = this.selectComponent(
+          `#postItem-${idx}`
+        );
+      }
+    }
+
+    // 暂停上一个视频
+    if (prevComponent && typeof prevComponent.pauseVideo === 'function') {
+      prevComponent.pauseVideo();
+    }
+
+    // 记录当前播放的视频
+    this.setData({
+      currentPlayingVideoId: postId
+    });
+  },
+
+
+
+  onPauseAllVideo() {
+    const postId = this.data.currentPlayingVideoId;
+    if (!postId) return;
+
+    let prevComponent = null;
+
+    // 一级 tab：帖子
+    if (this.data.active === 0) {
+      const filter = this.data.subTabs?.[this.data.subActive]?.filter || 1;
+      const list = this.data.posts[filter] || [];
+      const idx = list.findIndex(item => item.post?.id === postId);
+      if (idx !== -1) {
+        prevComponent = this.selectComponent(`#postItem-${filter}-${idx}`);
+      }
+    }
+    // 一级 tab：评论
+    else if (this.data.active === 1) {
+      const idx = this.data.comments.findIndex(item => item.post?.id === postId);
+      if (idx !== -1) {
+        prevComponent = this.selectComponent(`#postItem-${idx}`);
+      }
+    }
+    // 一级 tab：收藏
+    else if (this.data.active === 2) {
+      const idx = this.data.collections.findIndex(item => item.post?.id === postId);
+      if (idx !== -1) {
+        prevComponent = this.selectComponent(`#postItem-${idx}`);
+      }
+    }
+
+    // 暂停视频
+    if (prevComponent && typeof prevComponent.pauseVideo === 'function') {
+      prevComponent.pauseVideo();
+    }
+
+    // 清掉当前播放标记
+    this.setData({
+      currentPlayingVideoId: null
+    });
+  }
+
+
+
+
+
+
+
+
+
+});