fix(user-home): add reference tab loading skeletons

assets/js/author.js

@@ -97,6 +97,7 @@
           trigger.setAttribute('aria-busy', 'true');
           trigger.textContent = '加载中…';
         }
+        panel.classList.remove('is-load-error');
         panel.classList.add('is-loading');
 
         var url = restBase.replace(/\/$/, '') + '/user-home/panel/' + userId + '/' + encodeURIComponent(name)
@@ -117,10 +118,14 @@
             } else {
               panel.innerHTML = payload.data.html;
             }
+            panel.dataset.panelLoaded = 'true';
             if (window.jQuery) jQuery(document).trigger('post_ajax.ed', [panel]);
             if (typeof window.auto_fun === 'function') window.auto_fun();
           });
         }).catch(function (error) {
+          if (panel.dataset.panelLoaded === 'false') {
+            panel.classList.add('is-load-error');
+          }
           if (appendComments && trigger && trigger.isConnected) {
             trigger.disabled = false;
             trigger.removeAttribute('aria-busy');
@@ -141,7 +146,12 @@
 
       tabs.forEach(function (tab) {
         tab.addEventListener('click', function () {
-          switchTo(tab.getAttribute('data-tab'));
+          var name = tab.getAttribute('data-tab');
+          switchTo(name);
+          var panel = panels[name] && panels[name].panel;
+          if (panel && panel.dataset.panelLoaded === 'false') {
+            loadPanelBody(panel, name, 1, 'followers').catch(notifyLoadError);
+          }
         });
       });
 
@@ -161,6 +171,17 @@
           return;
         }
 
+        var retryBtn = target.closest('[data-uh-retry]');
+        if (retryBtn) {
+          event.preventDefault();
+          var retryPanel = retryBtn.closest('.dashboard-panel');
+          if (!retryPanel) return;
+          var retryName = panelNameOf(retryPanel);
+          if (!retryName) return;
+          loadPanelBody(retryPanel, retryName, 1, 'followers').catch(notifyLoadError);
+          return;
+        }
+
         var commentsNext = target.closest('[data-uh-comments-next]');
         if (commentsNext) {
           event.preventDefault();