hexo-component-inferno 4.0.0 → 4.1.0

package/lib/view/widget/archives.js

@@ -22,6 +22,8 @@ var _require = require('inferno'),
   Component = _require.Component;
 var _require2 = require('../../util/cache'),
   cacheComponent = _require2.cacheComponent;
+var _require3 = require('../../util/i18n'),
+  translate = _require3.translate;
 
 /**
  * Convert a Hexo language code into a Moment.js locale name.
@@ -70,12 +72,18 @@ var Archives = /*#__PURE__*/function (_Component) {
       var _this$props = this.props,
         items = _this$props.items,
         title = _this$props.title,
-        showCount = _this$props.showCount;
-      return (0, _inferno.createVNode)(1, "div", "card widget", (0, _inferno.createVNode)(1, "div", "card-content", (0, _inferno.createVNode)(1, "div", "menu", [(0, _inferno.createVNode)(1, "h3", "menu-label", title, 0), (0, _inferno.createVNode)(1, "ul", "menu-list", items.map(function (archive) {
+        showCount = _this$props.showCount,
+        moreUrl = _this$props.moreUrl,
+        moreTitle = _this$props.moreTitle;
+      return (0, _inferno.createVNode)(1, "div", "card widget", (0, _inferno.createVNode)(1, "div", "card-content", (0, _inferno.createVNode)(1, "div", "menu", [(0, _inferno.createVNode)(1, "h3", "menu-label", title, 0), (0, _inferno.createVNode)(1, "ul", "menu-list", [items.map(function (archive) {
         return (0, _inferno.createVNode)(1, "li", null, (0, _inferno.createVNode)(1, "a", "level is-mobile", [(0, _inferno.createVNode)(1, "span", "level-start", (0, _inferno.createVNode)(1, "span", "level-item", archive.name, 0), 2), showCount ? (0, _inferno.createVNode)(1, "span", "level-end", (0, _inferno.createVNode)(1, "span", "level-item tag", archive.count, 0), 2) : null], 0, {
           "href": archive.url
         }), 2);
-      }), 0)], 4), 2), 2, {
+      }), moreUrl ? (0, _inferno.createVNode)(1, "li", null, (0, _inferno.createVNode)(1, "a", "level is-mobile", [(0, _inferno.createVNode)(1, "span", "level-start", (0, _inferno.createVNode)(1, "span", "level-item", moreTitle, 0), 2), (0, _inferno.createVNode)(1, "span", "level-end", (0, _inferno.createVNode)(1, "span", "level-item icon is-small", (0, _inferno.createVNode)(1, "i", "fas fa-chevron-right"), 2, {
+        "aria-hidden": "true"
+      }), 2)], 4, {
+        "href": moreUrl
+      }), 2) : null], 0)], 4), 2), 2, {
         "data-type": "archives"
       });
     }
@@ -123,9 +131,11 @@ Archives.Cacheable = cacheComponent(Archives, 'widget.archives', function (props
     _widget$showCount = widget.showCount,
     showCount = _widget$showCount === void 0 ? true : _widget$showCount,
     _widget$format = widget.format,
-    format = _widget$format === void 0 ? null : _widget$format;
+    format = _widget$format === void 0 ? null : _widget$format,
+    amount = widget.amount;
   var url_for = helper.url_for,
-    _p = helper._p;
+    _p = helper._p,
+    __ = helper.__;
   var posts = site.posts.sort('date', order);
   if (!posts.length) {
     return null;
@@ -165,8 +175,11 @@ Archives.Cacheable = cacheComponent(Archives, 'widget.archives', function (props
     }
     return url_for(url);
   };
+
+  // Link to the archive page when some of the archives are not shown
+  var hasMore = amount > 0 && data.length > amount;
   return {
-    items: data.map(function (item) {
+    items: (hasMore ? data.slice(0, amount) : data).map(function (item) {
       return {
         name: item.name,
         count: item.count,
@@ -174,7 +187,9 @@ Archives.Cacheable = cacheComponent(Archives, 'widget.archives', function (props
       };
     }),
     title: _p('common.archive', Infinity),
-    showCount: showCount
+    showCount: showCount,
+    moreUrl: hasMore ? url_for("".concat(config.archive_dir, "/")) : null,
+    moreTitle: translate(__, 'widget.more', 'More')
   };
 });
 module.exports = Archives;

package/lib/view/widget/categories.js

@@ -22,6 +22,8 @@ var _require = require('inferno'),
   Component = _require.Component;
 var _require2 = require('../../util/cache'),
   cacheComponent = _require2.cacheComponent;
+var _require3 = require('../../util/i18n'),
+  translate = _require3.translate;
 
 /**
  * Categories widget JSX component.
@@ -66,8 +68,14 @@ var Categories = /*#__PURE__*/function (_Component) {
       var _this$props = this.props,
         title = _this$props.title,
         showCount = _this$props.showCount,
-        categories = _this$props.categories;
-      return (0, _inferno.createVNode)(1, "div", "card widget", (0, _inferno.createVNode)(1, "div", "card-content", (0, _inferno.createVNode)(1, "div", "menu", [(0, _inferno.createVNode)(1, "h3", "menu-label", title, 0), (0, _inferno.createVNode)(1, "ul", "menu-list", this.renderList(categories, showCount), 0)], 4), 2), 2, {
+        categories = _this$props.categories,
+        moreUrl = _this$props.moreUrl,
+        moreTitle = _this$props.moreTitle;
+      return (0, _inferno.createVNode)(1, "div", "card widget", (0, _inferno.createVNode)(1, "div", "card-content", (0, _inferno.createVNode)(1, "div", "menu", [(0, _inferno.createVNode)(1, "h3", "menu-label", title, 0), (0, _inferno.createVNode)(1, "ul", "menu-list", [this.renderList(categories, showCount), moreUrl ? (0, _inferno.createVNode)(1, "li", null, (0, _inferno.createVNode)(1, "a", "level is-mobile", [(0, _inferno.createVNode)(1, "span", "level-start", (0, _inferno.createVNode)(1, "span", "level-item", moreTitle, 0), 2), (0, _inferno.createVNode)(1, "span", "level-end", (0, _inferno.createVNode)(1, "span", "level-item icon is-small", (0, _inferno.createVNode)(1, "i", "fas fa-chevron-right"), 2, {
+        "aria-hidden": "true"
+      }), 2)], 4, {
+        "href": moreUrl
+      }), 2) : null], 0)], 4), 2), 2, {
         "data-type": "categories"
       });
     }
@@ -113,9 +121,11 @@ Categories.Cacheable = cacheComponent(Categories, 'widget.categories', function
     _widget$showCurrent = widget.showCurrent,
     showCurrent = _widget$showCurrent === void 0 ? false : _widget$showCurrent,
     _widget$showCount = widget.showCount,
-    showCount = _widget$showCount === void 0 ? true : _widget$showCount;
+    showCount = _widget$showCount === void 0 ? true : _widget$showCount,
+    amount = widget.amount;
   var url_for = helper.url_for,
-    _p = helper._p;
+    _p = helper._p,
+    __ = helper.__;
   if (!categories || !categories.length) {
     return null;
   }
@@ -163,10 +173,16 @@ Categories.Cacheable = cacheComponent(Categories, 'widget.categories', function
       };
     });
   }
+
+  // Only limit the top-level categories, and link to the category page when some are not shown
+  var list = hierarchicalList(0);
+  var hasMore = amount > 0 && list.length > amount;
   return {
     showCount: showCount,
-    categories: hierarchicalList(0),
-    title: _p('common.category', Infinity)
+    categories: hasMore ? list.slice(0, amount) : list,
+    title: _p('common.category', Infinity),
+    moreUrl: hasMore ? url_for('categories/') : null,
+    moreTitle: translate(__, 'widget.more', 'More')
   };
 });
 module.exports = Categories;

package/lib/view/widget/tags.js

@@ -22,6 +22,8 @@ var _require = require('inferno'),
   Component = _require.Component;
 var _require2 = require('../../util/cache'),
   cacheComponent = _require2.cacheComponent;
+var _require3 = require('../../util/i18n'),
+  translate = _require3.translate;
 
 /**
  * Tags widget JSX component.
@@ -50,12 +52,18 @@ var Tags = /*#__PURE__*/function (_Component) {
       var _this$props = this.props,
         tags = _this$props.tags,
         title = _this$props.title,
-        showCount = _this$props.showCount;
-      return (0, _inferno.createVNode)(1, "div", "card widget", (0, _inferno.createVNode)(1, "div", "card-content", (0, _inferno.createVNode)(1, "div", "menu", [(0, _inferno.createVNode)(1, "h3", "menu-label", title, 0), (0, _inferno.createVNode)(1, "div", "field is-grouped is-grouped-multiline", tags.map(function (tag) {
+        showCount = _this$props.showCount,
+        moreUrl = _this$props.moreUrl,
+        moreTitle = _this$props.moreTitle;
+      return (0, _inferno.createVNode)(1, "div", "card widget", (0, _inferno.createVNode)(1, "div", "card-content", (0, _inferno.createVNode)(1, "div", "menu", [(0, _inferno.createVNode)(1, "h3", "menu-label", title, 0), (0, _inferno.createVNode)(1, "div", "field is-grouped is-grouped-multiline", [tags.map(function (tag) {
         return (0, _inferno.createVNode)(1, "div", "control", (0, _inferno.createVNode)(1, "a", "tags has-addons", [(0, _inferno.createVNode)(1, "span", "tag", tag.name, 0), showCount ? (0, _inferno.createVNode)(1, "span", "tag", tag.count, 0) : null], 0, {
           "href": tag.url
         }), 2);
-      }), 0)], 4), 2), 2, {
+      }), moreUrl ? (0, _inferno.createVNode)(1, "div", "control", (0, _inferno.createVNode)(1, "a", "tags has-addons", (0, _inferno.createVNode)(1, "span", "tag", [(0, _inferno.createVNode)(1, "span", null, moreTitle, 0), (0, _inferno.createVNode)(1, "span", "icon is-small", (0, _inferno.createVNode)(1, "i", "fas fa-chevron-right"), 2, {
+        "aria-hidden": "true"
+      })], 4), 2, {
+        "href": moreUrl
+      }), 2) : null], 0)], 4), 2), 2, {
         "data-type": "tags"
       });
     }
@@ -94,19 +102,24 @@ Tags.Cacheable = cacheComponent(Tags, 'widget.tags', function (props) {
     show_count = _widget$show_count === void 0 ? true : _widget$show_count;
   var tags = props.tags || props.site.tags;
   var url_for = helper.url_for,
-    _p = helper._p;
+    _p = helper._p,
+    __ = helper.__;
   if (!tags || !tags.length) {
     return null;
   }
   tags = tags.sort(order_by).filter(function (tag) {
     return tag.length;
   });
-  if (amount) {
+  // Link to the tag page when some of the tags are not shown
+  var hasMore = amount > 0 && tags.length > amount;
+  if (hasMore) {
     tags = tags.limit(amount);
   }
   return {
     showCount: show_count,
     title: _p('common.tag', Infinity),
+    moreUrl: hasMore ? url_for('tags/') : null,
+    moreTitle: translate(__, 'widget.more', 'More'),
     tags: tags.map(function (tag) {
       return {
         name: tag.name,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hexo-component-inferno",
-  "version": "4.0.0",
+  "version": "4.1.0",
   "description": "A collection of Inferno.js layout components and utility scripts for Hexo",
   "main": "lib/index.js",
   "repository": "https://github.com/ppoffice/hexo-component-inferno",