southnote-mini-sdk 1.0.0

package/index.js

@@ -0,0 +1,49 @@
+class GameSDK {
+  constructor() {
+    this.gameId = 100000;
+    this.isInitialized = false;
+  }
+
+  init(options = {}) {
+    const { gameId } = options;
+
+    if (!gameId) {
+      throw new Error('gameId is required');
+    }
+
+    this.gameId = gameId;
+    this.isInitialized = true;
+
+    return this;
+  }
+
+  navigateToGame(params = {}) {
+    this._checkInit();
+    wx.navigateTo({
+      url: `/miniprogram_npm/southnote-mini-sdk/pages/game/game?gameId=${this.gameId}&${this._buildQuery(params)}`
+    });
+  }
+
+  navigateToWiki(params = {}) {
+    this._checkInit();
+    wx.navigateTo({
+      url: `/miniprogram_npm/southnote-mini-sdk/pages/wiki/wiki?gameId=${this.gameId}&${this._buildQuery(params)}`
+    });
+  }
+
+  _checkInit() {
+    if (!this.isInitialized) {
+      throw new Error('SDK not initialized, please call init() first');
+    }
+  }
+
+  _buildQuery(params) {
+    if (!Object.keys(params).length) return '';
+    return Object.keys(params)
+      .map(key => `${key}=${encodeURIComponent(params[key])}`)
+      .join('&');
+  }
+}
+
+const sdk = new GameSDK();
+export default sdk;

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "southnote-mini-sdk",
+  "version": "1.0.0",
+  "description": "小南书SDK",
+  "main": "index.js",
+  "miniprogram": ".",
+  "files": [
+    "assets",
+    "components",
+    "pages",
+    "request",
+    "services",
+    "towxml",
+    "utils",
+    "app.js",
+    "app.json",
+    "app.wxss",
+    "index.js"
+  ],
+  "keywords": [
+    "wechat",
+    "miniprogram",
+    "game",
+    "community"
+  ],
+  "author": "你的名字",
+  "license": "MIT",
+  "dependencies": {
+    "pako": "^2.1.0",
+    "underscore": "^1.13.6"
+  },
+  "peerDependencies": {
+    "@vant/weapp": ">=1.0.0"
+  }
+}

package/pages/addGame/addGame.js

@@ -0,0 +1,454 @@
+import {
+  queryUserGames,
+  queryGames,
+  search
+} from "../../services/home";
+
+Page({
+  data: {
+    // tabs / categories
+    categories: [{
+        key: 'recent',
+        title: '最近添加'
+      }, // 特殊 tab，用 index 管理
+      {
+        key: 'my',
+        title: '我的游戏库'
+      }, // 特殊 tab，用 index 管理
+      {
+        key: 1,
+        title: '总榜'
+      },
+      {
+        key: 2,
+        title: '期待'
+      },
+      {
+        key: 3,
+        title: '新品'
+      },
+      {
+        key: 4,
+        title: '策略'
+      },
+      {
+        key: 5,
+        title: '动作'
+      },
+      {
+        key: 6,
+        title: '角色扮演'
+      },
+      {
+        key: 7,
+        title: '竞速'
+      },
+      {
+        key: 8,
+        title: '聚会'
+      },
+      {
+        key: 9,
+        title: '卡牌'
+      },
+      {
+        key: 10,
+        title: '冒险'
+      },
+      {
+        key: 11,
+        title: '模拟'
+      },
+      {
+        key: 12,
+        title: '体育'
+      },
+      {
+        key: 13,
+        title: '文字'
+      },
+      {
+        key: 14,
+        title: '问答'
+      },
+      {
+        key: 15,
+        title: '休闲'
+      },
+      {
+        key: 16,
+        title: '益智解密'
+      },
+      {
+        key: 17,
+        title: '音乐'
+      },
+      {
+        key: 18,
+        title: '娱乐场'
+      },
+      {
+        key: 19,
+        title: '桌游'
+      },
+      {
+        key: 20,
+        title: '射击'
+      },
+      {
+        key: 21,
+        title: '二次元'
+      },
+      {
+        key: 22,
+        title: 'Roguelike'
+      },
+      {
+        key: 23,
+        title: '女性向'
+      },
+      {
+        key: 24,
+        title: '沙盒'
+      },
+      {
+        key: 25,
+        title: '开放世界'
+      },
+      {
+        key: 26,
+        title: 'MMORPG'
+      },
+      {
+        key: 27,
+        title: '武侠'
+      },
+      {
+        key: 28,
+        title: 'MOBA'
+      },
+      {
+        key: 29,
+        title: '放置'
+      },
+      {
+        key: 30,
+        title: '塔防'
+      },
+      {
+        key: 31,
+        title: '影游'
+      }
+    ],
+
+
+    activeKey: 0,
+    games: [],
+    loading: false,
+    refreshing: false,
+    page: 1,
+    hasMore: true,
+
+
+    // 我的库分页单独管理
+    myPage: 1,
+    myHasMore: true,
+
+
+    // 搜索
+    searchValue: '',
+    showSearchResult: false,
+    searchResults: [],
+    searchPage: 1, // 当前搜索页码
+    searchHasMore: true, // 搜索是否还有更多
+    searchLoading: false,
+
+
+  },
+
+  onLoad() {
+    const recentGames = wx.getStorageSync('recentGames') || [];
+    // 最近添加属于 categories[0], 如果当前 activeKey 是 0，展示缓存
+    if (this.data.activeKey === 0) {
+      this.setData({
+        games: recentGames
+      });
+    }
+    this.setData({
+      recentGames
+    });
+  },
+
+
+  saveRecentGame(game) {
+    let recentGames = wx.getStorageSync('recentGames') || [];
+    recentGames = recentGames.filter(item => item.id !== game.id);
+    recentGames.unshift(game);
+    if (recentGames.length > 10) recentGames = recentGames.slice(0, 10);
+    wx.setStorageSync('recentGames', recentGames);
+    this.setData({
+      recentGames
+    });
+  },
+
+  // 放在 Page({ ... }) 内，与其它方法同级
+  loadRecentGames() {
+    // 最近缓存直接从 storage 里读
+    const recentGames = wx.getStorageSync('recentGames') || [];
+    this.setData({
+      games: recentGames,
+      refreshing: false,
+      loading: false,
+      hasMore: false // 最近列表是缓存，不走分页
+    });
+  },
+
+  async loadCategoryGames(reset = false) {
+    // 分类页（从 categories 中取 key）用 queryGames(filter, page)
+    // 防抖 / 防重入
+    if (this.data.loading) return;
+    this.setData({
+      loading: true
+    });
+
+    // 计算 page（reset 则回到 1）
+    let page = reset ? 1 : this.data.page || 1;
+
+    // 取当前分类 key（注意：activeKey 可能是数字索引）
+    const idx = this.data.activeKey;
+    const category = this.data.categories && this.data.categories[idx];
+    const filter = category ? category.key : ''; // 例如 'total' 'strategy' 等
+
+    try {
+      // 假设 queryGames(filter, page) 返回 { code: 0, data: [...] }
+      const res = await queryGames(filter, page);
+      if (res && res.code === 0) {
+        const list = Array.isArray(res.data) ? res.data : [];
+
+        // reset 时替换列表；否则追加
+        const newGames = reset ? list : [...(this.data.games || []), ...list];
+
+        // 下一页逻辑：如果本次返回有数据就认为还有更多（简单判断）
+        const hasMore = list.length > 0;
+
+        // 如果有数据并且不是 reset，则 page++
+        const nextPage = (reset ? 1 : page) + (list.length > 0 ? 1 : 0);
+
+        this.setData({
+          games: newGames,
+          page: nextPage,
+          hasMore,
+        });
+      } else {
+        // 请求失败或 code !== 0：保守处理为没有更多
+        this.setData({
+          hasMore: false
+        });
+      }
+    } catch (err) {
+      console.error('加载分类游戏失败:', err);
+      this.setData({
+        hasMore: false
+      });
+    } finally {
+      this.setData({
+        loading: false,
+        refreshing: false
+      });
+    }
+  },
+
+  onSearchReachBottom() {
+    if (!this.data.showSearchResult) return;
+    this.loadSearchResults(); // 调用搜索接口分页
+  },
+
+
+  onSearchInput(e) {
+    const value = e.detail.value.trim();
+
+    this.setData({
+      searchValue: value,
+      showSearchResult: !!value,
+      searchPage: 1,
+      searchResults: [],
+      searchHasMore: true,
+    });
+
+    if (value) {
+      this.loadSearchResults(true);
+    } else {
+      this.setData({
+        searchResults: [],
+        searchHasMore: true,
+        searchLoading: false,
+      });
+    }
+  },
+
+  async loadSearchResults(reset = false) {
+    if (this.data.searchLoading || !this.data.searchHasMore) return;
+
+    this.setData({
+      searchLoading: true
+    });
+
+    const page = reset ? 1 : this.data.searchPage;
+    const input = this.data.searchValue;
+
+    try {
+      const res = await search(input, 3, page); // nType 固定 3
+      if (res && res.code === 0) {
+        const list = Array.isArray(res.data.games) ? res.data.games : [];
+
+        const newResults = reset ? list : [...(this.data.searchResults || []), ...list];
+
+        const hasMore = list.length > 0;
+
+        this.setData({
+          searchResults: newResults,
+          searchPage: page + (list.length > 0 ? 1 : 0),
+          searchHasMore: hasMore,
+        });
+      } else {
+        this.setData({
+          searchHasMore: false,
+        });
+      }
+    } catch (err) {
+      console.error('搜索失败', err);
+      this.setData({
+        searchHasMore: false,
+      });
+    } finally {
+      this.setData({
+        searchLoading: false
+      });
+    }
+  },
+
+
+  onChangeTab(e) {
+    const key = e.detail;
+    this.setData({
+      activeKey: key,
+      page: 1,
+      hasMore: true,
+      loading: false
+    });
+    // 切 tab 时清空右侧列表，避免闪烁数据
+    this.setData({
+      games: []
+    });
+    this.loadActiveTab(true);
+  },
+
+
+  loadActiveTab(reset = false) {
+    const idx = this.data.activeKey;
+    // idx 0 -> 最近缓存
+    if (idx === 0) {
+      this.loadRecentGames();
+      this.setData({
+        refreshing: false
+      });
+      return;
+    }
+
+
+    // idx 1 -> 我的游戏库 调用 queryUserGames(target_id=当前用户id, page)
+    if (idx === 1) {
+      this.loadMyGames(reset);
+      return;
+    }
+
+
+    // idx >=2 -> 从总榜开始使用 queryGames(filter, page)
+    this.loadCategoryGames(reset);
+  },
+
+  async loadMyGames(reset = false) {
+    const user_id = wx.getStorageSync('appuid')
+    const {
+      myPage
+    } = this.data
+    try {
+      const res = await queryUserGames(
+        user_id,
+        myPage
+      );
+      if (res && res.code === 0) {
+        const list = reset ? res.data : [...this.data.games, ...res.data];
+        this.setData({
+          games: list,
+          myPage,
+          hasMore: res.data.length > 0
+        });
+      }
+    } catch (err) {
+      console.error('加载分类游戏失败:', err);
+    } finally {
+      this.setData({
+        loading: false,
+        refreshing: false
+      });
+    }
+  },
+
+
+  onRefresh() {
+    this.setData({
+      refreshing: true
+    });
+    const idx = this.data.activeKey;
+    if (idx === 0) {
+      this.loadRecentGames();
+    } else if (idx === 1) {
+      this.loadMyGames(true);
+    } else {
+      this.loadCategoryGames(true);
+    }
+  },
+
+
+  onReachBottom() {
+    const idx = this.data.activeKey;
+    if (idx === 0) return; // 最近缓存不分页
+    if (idx === 1) {
+      this.loadMyGames();
+    } else {
+      this.loadCategoryGames();
+    }
+  },
+
+
+  onSelectGame(e) {
+    const game = e.currentTarget.dataset.game;
+    if (!game) return;
+    this.saveRecentGame(game);
+
+
+    const pages = getCurrentPages();
+    const prevPage = pages[pages.length - 2];
+    if (!prevPage) {
+      console.warn('未找到上一个页面');
+      wx.navigateBack();
+      return;
+    }
+
+
+    const bottomSheet = prevPage.selectComponent?.('#bottomSheet');
+    if (bottomSheet) {
+      setTimeout(() => {
+        bottomSheet.setData({
+          selectedGame: game
+        });
+      }, 100);
+    } else {
+      prevPage.setData({
+        selectedGame: game
+      });
+    }
+    wx.navigateBack();
+  }
+});

package/pages/addGame/addGame.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

package/pages/addGame/addGame.wxml

@@ -0,0 +1,71 @@
+<view class="page">
+
+  <!-- 搜索框 -->
+  <view class="search-bar">
+    <image class="search-icon" src="/assets/images/icons/search.png"></image>
+    <input class="search-input" placeholder="请输入游戏名称或关键字" placeholder-style="color:#ccc" value="{{searchValue}}" bindinput="onSearchInput" />
+  </view>
+
+  <!-- 搜索结果浮层 -->
+  <scroll-view wx:if="{{showSearchResult}}" class="search-overlay" scroll-y="true" bindscrolltolower="onSearchReachBottom" lower-threshold="50">
+
+    <block wx:if="{{searchResults.length}}">
+      <block wx:for="{{searchResults}}" wx:key="id">
+        <view class="game-item" bindtap="onSelectGame" data-game="{{item}}">
+          <image class="game-icon" src="{{item.icon}}" mode="aspectFill"></image>
+          <view class="game-info">
+            <view class="game-name">{{item.name}}</view>
+            <view class="game-meta">
+              玩家:<span style="color: #f5b21d;">{{item.fans_count ? item.fans_count : '0'}}</span>
+              <span style="margin-left: 10px;">帖子:<span style="color: #f5b21d;">{{item.posts_count ? item.posts_count:'0'}}</span></span>
+
+            </view>
+          </view>
+        </view>
+      </block>
+      <!-- 加载中 / 没有更多 -->
+      <view wx:if="{{searchLoading}}" class="loading">加载中...</view>
+      <view wx:if="{{!searchHasMore && !searchLoading}}" class="no-more">没有更多数据</view>
+    </block>
+
+    <view wx:else class="empty">未找到相关游戏</view>
+  </scroll-view>
+
+
+
+  <!-- 主体区域 -->
+  <view class="main" wx:else>
+
+    <!-- 左侧分类栏（可滚动） -->
+    <scroll-view scroll-y="true" class="sidebar">
+      <van-sidebar active-key="{{activeKey}}" bind:change="onChangeTab">
+        <block wx:for="{{categories}}" wx:key="key" wx:for-item="item">
+          <van-sidebar-item title="{{item.title}}" />
+        </block>
+      </van-sidebar>
+    </scroll-view>
+
+    <!-- 右侧游戏列表（滚动） -->
+    <scroll-view scroll-y="true" class="content" refresher-enabled="true" refresher-triggered="{{refreshing}}" bindrefresherrefresh="onRefresh" bindscrolltolower="onReachBottom">
+      <block wx:for="{{games}}" wx:key="id">
+        <view class="game-item" bindtap="onSelectGame" data-game="{{item}}">
+          <image class="game-icon" src="{{item.icon}}" mode="aspectFill"></image>
+          <view class="game-info">
+            <view class="game-name">{{item.name}}</view>
+            <view class="game-meta">
+              玩家:<span style="color: #f5b21d;">{{item.fans_count}}</span>
+              <span style="margin-left: 10px;">帖子:<span style="color: #f5b21d;">{{item.posts_count}}</span></span>
+
+            </view>
+          </view>
+        </view>
+      </block>
+
+      <view wx:if="{{loading}}" class="loading">加载中...</view>
+      <view wx:if="{{!hasMore && !loading}}" class="no-more">没有更多数据</view>
+      <view wx:if="{{!games.length && !loading}}" class="empty">暂无游戏</view>
+    </scroll-view>
+
+  </view>
+
+</view>

package/pages/addGame/addGame.wxss

@@ -0,0 +1,110 @@
+/* 页面整体占满屏幕，不允许外层滚动 */
+.page {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  overflow: hidden;
+}
+
+/* 搜索框 */
+.search-bar {
+  position: relative;
+  display: flex;
+  align-items: center;
+  padding: 16rpx 24rpx;
+  border-bottom: 1px solid #f2f2f2;
+}
+
+.search-input {
+  flex: 1;
+  /* 核心：用 flex 自动撑满，避免宽度不足触发 iOS 缩放 */
+  background-color: #f5f5f5;
+  border-radius: 30rpx;
+  padding: 10rpx 24rpx;
+  padding-left: 60rpx;
+  /* 给图标留空间 */
+  font-size: 26rpx;
+  color: #333;
+}
+
+.search-icon {
+  width: 15px;
+  height: 15px;
+  position: absolute;
+  top: 18px;
+  left: 20px;
+}
+
+/* 搜索层：顶部固定、内部可滚动 */
+.search-overlay {
+  position: absolute;
+  top: 60px;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #fff;
+  z-index: 99;
+  overflow-y: scroll;
+}
+
+/* 主区域两列布局 */
+.main {
+  flex: 1;
+  display: flex;
+  overflow: hidden;
+  /* 禁止 main 整体滚动 */
+}
+
+/* 左侧分类栏 — scroll-view */
+.sidebar {
+  width: 80px;
+  height: 100%;
+  background: #fafafa;
+  flex-shrink: 0;
+}
+
+/* 右侧列表 — scroll-view */
+.content {
+  flex: 1;
+  height: 100%;
+  background: #fff;
+}
+
+/* 游戏 item 样式 */
+.game-item {
+  display: flex;
+  padding: 10px;
+  border-bottom: 1px solid #eee;
+}
+
+.game-icon {
+  width: 50px;
+  height: 50px;
+  border-radius: 10px;
+  margin-right: 10px;
+}
+
+.game-info {
+  flex: 1;
+}
+
+.game-name {
+  font-size: 16px;
+  font-weight: bold;
+  margin-bottom: 4px;
+}
+
+.game-meta {
+  margin-top: 5px;
+  color: #777777;
+  font-size: 13px;
+}
+
+/* 状态提示 */
+.loading,
+.no-more,
+.empty {
+  text-align: center;
+  padding: 15px;
+  color: #aaa;
+}