southnote-mini-sdk 1.0.0

package/pages/home/home.js

@@ -0,0 +1,665 @@
+import {
+  getBanner,
+  queryPublicPost,
+  commentPost,
+  queryUserNotRead,
+  followUser,
+  likePost,
+  deleteContent,
+  collectPost,
+  setUserPostTop
+} from "../../services/home"
+import {
+  getLevelByExp,
+  getLevelImg
+} from '../../utils/exp';
+import querySelect from "../../utils/query-select"
+import formatUTC from "../../utils/formatPost.js"
+import {
+  throttle
+} from "underscore"
+import {
+  checkLogin
+} from "../../utils/auth"
+
+const throttleQuerySelect = throttle(querySelect, 100)
+
+Page({
+  data: {
+
+    statusBarHeight: 0, // 动态计算
+
+    showMenu: false,
+    navTotalHeight: 88,
+
+    banners: [],
+    bannerHeight: 0,
+    currentPage: 1,
+    posts: [],
+    isLoading: false,
+    hasMore: true,
+
+    showSheet: false,
+    sheetMode: 'forward',
+    originPost: {},
+    avatar: '',
+
+    unreadCount: 0, // 消息角标数量
+
+    moreSheetVisible: false,
+    moreSheetItem: {},
+    isOwner: false, //当前cell是否是自己
+    loading: true, //骨架屏
+
+    currentPlayingVideoId: null, //当前播放视频帖子id
+  },
+  gotoMessagePage() {
+    this.pauseCurrentPlayingVideo()
+    if (!checkLogin()) return;
+    wx.navigateTo({
+      url: '/pages/message/messageEntire/messageEntire',
+    })
+  },
+
+  gotoUserCenter() {
+    this.pauseCurrentPlayingVideo()
+    if (!checkLogin()) return;
+    const userId = wx.getStorageSync('appuid')
+    if (!userId) return;
+    wx.navigateTo({
+      url: `/pages/user/user?id=${userId}`
+    });
+    this.setData({
+      showMenu: false
+    });
+  },
+  toggleMenu() {
+    this.pauseCurrentPlayingVideo()
+    if (!checkLogin()) return;
+    this.setData({
+      showMenu: !this.data.showMenu
+    });
+  },
+
+  hideMenu() {
+    this.setData({
+      showMenu: false
+    });
+  },
+
+  logout() {
+    wx.clearStorageSync('token');
+    wx.clearStorageSync('appuid');
+    wx.clearStorageSync('nickname');
+    wx.clearStorageSync('avatar');
+
+
+    this.setData({
+      showMenu: false
+    });
+    wx.showToast({
+      title: '已退出登录',
+      icon: 'success'
+    });
+    wx.startPullDownRefresh();
+  },
+
+
+  onShowSheet(topic) {
+    const sheet = this.selectComponent('#bottomSheet');
+    if (sheet) {
+      sheet.setData({
+        selectedTopic: topic,
+        visible: true
+      });
+    }
+  },
+  // 发布按钮点击
+  onPublish() {
+    const token = wx.getStorageSync('token'); // 读取缓存里的 token
+    this.pauseCurrentPlayingVideo()
+    if (token) {
+      // 已登录，跳转到发布页面
+      wx.navigateTo({
+        url: '/pages/post-editor/post-editor',
+        // url:'/pages/demo/demo'
+      });
+    } else {
+      // 未登录，跳转登录页面
+      wx.navigateTo({
+        url: '/pages/commonLogin/commonLogin',
+        // url:'/pages/login/login'
+      });
+    }
+  },
+  setNavHeight() {
+    const info = wx.getWindowInfo();
+    const statusBarHeight = info.statusBarHeight;
+
+    this.setData({
+      statusBarHeight,
+      navTotalHeight: statusBarHeight + 44
+    });
+  },
+  onLoad(options) {
+    this.setNavHeight()
+    // 1️⃣ 优先使用 app 全局参数（从分享打开时）
+    const app = getApp();
+    const query = app.globalData.launchQuery || options;
+    // 游戏社区
+    if (query.type === 'game' && query.id) {
+      app.globalData.launchQuery = null;
+      wx.redirectTo({
+        url: `/pages/game/game?id=${query.id}`,
+      });
+    } else if (query.type === 'user' && query.id) {
+      // 用户中心
+      app.globalData.launchQuery = null;
+      wx.redirectTo({
+        url: `/pages/user/user?id=${query.id}`
+      });
+    } else if (query.type === 'post' && query.id) {
+      // 帖子详情
+      app.globalData.launchQuery = null;
+      wx.redirectTo({
+        url: `/pages/post/post?id=${query.id}`,
+      });
+    } else if (query.type === 'topic' && query.id) {
+      // 话题
+      app.globalData.launchQuery = null;
+      wx.redirectTo({
+        url: `/pages/topic/topic?id=${query.id}`,
+      });
+    } else {
+      // console.log('无参数，留在首页');
+      this.getData()
+    }
+
+  },
+  onShow() {
+    this.setData({
+      avatar: wx.getStorageSync('avatar'),
+    });
+    if (!wx.getStorageSync('token')) {
+      return;
+    }
+    queryUserNotRead().then(res => {
+      if (!res.count) {
+        this.setData({
+          unreadCount: 0
+        });
+      }
+      if (res.count && Array.isArray(res.count)) {
+        const topCount = res.count.slice(0, 3).reduce((sum, item) => sum + item, 0);
+        this.setData({
+          unreadCount: topCount
+        });
+      }
+    })
+  },
+
+
+
+  async getData() {
+    try {
+      const res = await getBanner()
+      this.setData({
+        banners: res.data
+      })
+      const post = await queryPublicPost(1, 2)
+
+      this.setData({
+        posts: this.formatPost(post),
+        currentPage: 1,
+        hasMore: post.data.length > 0,
+        loading: false
+      })
+    } catch (err) {
+      console.error('加载失败', err)
+    } finally {
+      this.setData({
+        loading: false
+      })
+      wx.stopPullDownRefresh()
+    }
+  },
+
+  formatPost(post) {
+    // data为空时返回的是空对象{}
+    if (!Array.isArray(post.data)) return [];
+    const formatPost = post.data.map(item => {
+      const user = item.user || {};
+      // 处理用户等级
+      if (item.game?.exp != null) {
+        // user.level = getLevelByExp(item.game.exp);
+        // user.levelImg = getLevelImg(user.level)
+      }
+
+      const newItem = {
+        ...item,
+        post: {
+          ...item.post,
+          formatTime: formatUTC(item.post.created_at),
+          imageArray: item.post.images ? item.post.images.split(',') : [],
+          vote: item.post.vote || null
+        }
+      };
+
+      // 处理转发的原始帖
+      if (item.shared && item.shared.post) {
+        newItem.shared = {
+          ...item.shared,
+          post: {
+            ...item.shared.post,
+            formatTime: formatUTC(item.shared.post.created_at),
+            imageArray: item.shared.post.images ? item.shared.post.images.split(',') : [],
+            vote: item.shared.post.vote || null
+          }
+        };
+      }
+      return newItem;
+    });
+
+    return formatPost;
+  },
+
+  onBannerImageLoad() {
+    this.getBannerHeight()
+  },
+
+  getBannerHeight() {
+    // querySelect(".cover-image").then(res => {
+    //   this.setData({
+    //     bannerHeight: res[0].height
+    //   });
+    // });
+  },
+
+  onPullDownRefresh() {
+    this.getData()
+  },
+  // 页面触底事件
+  async onReachBottom() {
+    if (this.data.isLoading || !this.data.hasMore) return
+
+    this.setData({
+      isLoading: true
+    })
+
+    const nextPage = this.data.currentPage + 1
+
+    try {
+      const res = await queryPublicPost(nextPage, 2)
+      const formatPost = this.formatPost(res)
+      const currentLength = this.data.posts.length
+
+      // 1. 更新 currentPage, hasMore, isLoading
+      this.setData({
+        currentPage: nextPage,
+        hasMore: res.data?.length > 0,
+        isLoading: false
+      })
+
+      // 2. 批量新增 posts（只更新新增数据，不替换整个数组）
+      let update = {}
+      formatPost.forEach((item, index) => {
+        update[`posts[${currentLength + index}]`] = item
+      })
+      this.setData(update)
+
+    } catch (err) {
+      console.error("加载更多失败", err)
+      this.setData({
+        isLoading: false
+      })
+    }
+  },
+
+  gotoGameCenter(e) {
+    const gameId = e.currentTarget.dataset.id;
+    this.pauseCurrentPlayingVideo()
+    wx.navigateTo({
+      url: `/pages/game/game?id=${gameId}`
+    });
+  },
+
+
+  onFollowChanged(e) {
+    const {
+      userId,
+      isFans
+    } = e.detail;
+
+    const updatedPosts = this.data.posts.map(p => {
+      if (p.user.id === userId) {
+        p.user.is_fans = isFans;
+      }
+      return p;
+    });
+
+    this.setData({
+      posts: updatedPosts
+    });
+
+    wx.showToast({
+      title: isFans ? '关注成功' : '已取消关注',
+      icon: 'success'
+    });
+  },
+  onShareTap(e) {
+    this.setData({
+      sheetMode: 'forward',
+      showSheet: true,
+      originPost: e.detail.item,
+      commentData: null
+    }, () => {
+      const sheet = this.selectComponent('#bottomSheet');
+      if (sheet) {
+        if (wx.getStorageSync('height') != 0) {
+          sheet.updateSheetPosition(wx.getStorageSync('height'));
+
+        }
+      }
+    });
+  },
+  onCommentTap(e) {
+    // this.setData({
+    //   sheetMode: 'comment',
+    //   showSheet: true,
+    //   originPost: e.detail.item
+    // })
+
+    const postId = e.detail.item.post.id;
+    this.pauseCurrentPlayingVideo()
+    wx.navigateTo({
+      url: `/pages/post/post?id=${postId}&isCommentIn=true`
+    });
+  },
+
+  chooseTopic(e) {
+    this.pauseCurrentPlayingVideo()
+    wx.navigateTo({
+      url: '/pages/addSubject/addSubject',
+    });
+
+  },
+
+
+
+  // 底部弹窗
+
+  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.pauseCurrentPlayingVideo()
+    wx.navigateTo({
+      url: `/pages/report-category/report-category?postId=${this.data.moreSheetItem.post.id}`,
+    })
+
+    this.triggerEvent('reportPost', {
+      post: this.data.moreSheetItem.post
+    });
+    this.onCloseMoreSheet();
+  },
+
+  // 收藏/取消收藏
+  onFavorite() {
+    const index = this.data.currentPostIndex;
+    const post = this.data.posts[index].post;
+    const nType = post.is_collect === 1 ? 2 : 1; // 1收藏，2取消收藏
+
+    collectPost(post.id, nType).then(res => {
+      if (res.code === 0) {
+        wx.showToast({
+          title: nType === 1 ? '已收藏' : '取消收藏',
+          icon: 'success'
+        });
+
+        // 更新 posts 列表里的状态
+        const key = `posts[${index}].post.is_collect`;
+        this.setData({
+          [key]: nType === 1 ? 1 : 0
+        });
+
+        this.onCloseMoreSheet();
+      } else {
+        wx.showToast({
+          title: res.msg || (nType === 1 ? '收藏失败' : '取消收藏失败'),
+          icon: 'error'
+        });
+      }
+    });
+  },
+
+  onVideoPlay(e) {
+
+    const postId = e.detail.id;
+    const prevId = this.data.currentPlayingVideoId;
+
+    if (prevId && prevId !== postId) {
+      // 1️⃣ 获取上一个视频所在的组件实例
+      const prevIndex = this.data.posts.findIndex(p => p.post.id === prevId);
+      const prevComponent = this.selectComponent(`#postItem-${prevIndex}`);
+      if (prevComponent) {
+        prevComponent.pauseVideo();
+      }
+    }
+
+    // 更新当前播放视频
+    this.setData({
+      currentPlayingVideoId: postId
+    });
+  },
+
+  onPauseAllVideo() {
+    this.pauseCurrentPlayingVideo()
+  },
+  /**
+   * 暂停当前页面正在播放的视频
+   */
+  pauseCurrentPlayingVideo() {
+    const playingId = this.data.currentPlayingVideoId;
+    if (!playingId) return;
+
+    // 找到该 post 在 posts 中的 index
+    const index = this.data.posts.findIndex(
+      item => item.post.id === playingId
+    );
+
+    if (index === -1) return;
+
+    // 拿到对应的 postItem 组件
+    const postItem = this.selectComponent(`#postItem-${index}`);
+
+    if (postItem && typeof postItem.pauseVideo === 'function') {
+      postItem.pauseVideo();
+    }
+
+    // 清空当前播放状态
+    this.setData({
+      currentPlayingVideoId: null
+    });
+  },
+
+  gotoTest() {
+    wx.navigateTo({
+        url: `/pages/officialWebview/officialWebview?url=${encodeURIComponent('https://www.southnote.cn')}`
+      });
+  }
+
+
+
+
+})

package/pages/home/home.json

@@ -0,0 +1,10 @@
+{
+  "usingComponents": {
+    "van-search": "@vant/weapp/search/index",
+    "post-item":"/components/post-item/post-item",
+    "bottomSheet":"/components/bottomSheet/bottomSheet"
+  },
+  "navigationBarTitleText": "首页",
+  "enablePullDownRefresh": true,
+  "navigationStyle": "custom"
+}