Add server and mini-program pagination for shared lists

weapp/pages/lovewords/lovewords.js

@@ -1,8 +1,9 @@
+const { itemsOf, startList, applyList, failList, finishList, withListPagination } = require('../../utils/list-pagination');
 const { withDataCache } = require('../../utils/page-cache');
 const { getLayout } = require('../../utils/layout');
 // pages/lovewords/lovewords.js - 一起听过的歌
 const { api } = require('../../utils/request');
-Page(withDataCache({
+Page(withDataCache(withListPagination({
   onResize: function() { this.setData(getLayout()); },
   data: { loading: true, loadError: false,
     list: [],
@@ -30,13 +31,12 @@ Page(withDataCache({
     return { title: '让所有的爱有迹可循', imageUrl: '/images/share.png' };
   },
 
-  loadData: async function() {
-    if (this._pageLoading) return;
-    this._pageLoading = true;
-    this.setData({loading: !this._hasCachedData, loadError:false});
+  loadData: async function(page) {
+    const ticket = startList(this, page);
+    if (!ticket) return;
     try {
-      const list = await api.songsList();
-      const items = (list || []).map(function(item) {
+      const list = await api.songsList({page:ticket.page,page_size:20});
+      const items = itemsOf(list).map(function(item) {
         if (item.created_at) {
           var d = new Date(item.created_at);
           item.date_month = String(d.getMonth() + 1).padStart(2, '0');
@@ -44,13 +44,13 @@ Page(withDataCache({
         }
         return item;
       });
-      this.setData({ list: items });
+      applyList(this, ticket, list, items, 'list');
     } catch (e) {
-      this.setData({loadError:true});
+      failList(this,ticket);
       console.error(e);
       wx.showToast({ title: '加载失败', icon: 'none' });
     }
-    finally { this._pageLoading = false; this.setData({loading:false}); }
+    finally { finishList(this,ticket); }
   },
 
   noop: function() {},
@@ -124,4 +124,4 @@ Page(withDataCache({
   goBack: function() { wx.navigateBack(); },
   goHome: function() { wx.switchTab({ url: '/pages/index/index' }); },
   goProfile: function() { wx.switchTab({ url: '/pages/profile/profile' }); }
-}, {"loadData": ["songsList"]}));
+}, 'loadData'), {"loadData": ["songsList"]}));