hexo-theme-shokax 0.2.8 → 0.2.10

package/source/js/_app/page.js

@@ -1,9 +1,9 @@
-const cardActive = function () {
+const cardActive = () => {
     if (!$dom('.index.wrap')) {
         return;
     }
-    const io = new IntersectionObserver(function (entries) {
-        entries.forEach(function (article) {
+    const io = new IntersectionObserver((entries) => {
+        entries.forEach((article) => {
             if (article.target.hasClass('show')) {
                 io.unobserve(article.target);
             }
@@ -18,30 +18,30 @@ const cardActive = function () {
         root: null,
         threshold: [0.3]
     });
-    $dom.each('.index.wrap article.item, .index.wrap section.item', function (article) {
+    $dom.each('.index.wrap article.item, .index.wrap section.item', (article) => {
         io.observe(article);
     });
     $dom('.index.wrap .item:first-child').addClass('show');
-    $dom.each('.cards .item', function (element, index) {
-        ['mouseenter', 'touchstart'].forEach(function (item) {
-            element.addEventListener(item, function (event) {
+    $dom.each('.cards .item', (element) => {
+        ['mouseenter', 'touchstart'].forEach((item) => {
+            element.addEventListener(item, () => {
                 if ($dom('.cards .item.active')) {
                     $dom('.cards .item.active').removeClass('active');
                 }
                 element.addClass('active');
             }, { passive: true });
         });
-        ['mouseleave'].forEach(function (item) {
-            element.addEventListener(item, function (event) {
+        ['mouseleave'].forEach((item) => {
+            element.addEventListener(item, () => {
                 element.removeClass('active');
             }, { passive: true });
         });
     });
 };
-const registerExtURL = function () {
-    $dom.each('span.exturl', function (element) {
+const registerExtURL = () => {
+    $dom.each('span.exturl', (element) => {
         const link = document.createElement('a');
-        link.href = decodeURIComponent(window.atob(element.dataset.url).split('').map(function (c) {
+        link.href = decodeURIComponent(window.atob(element.dataset.url).split('').map((c) => {
             return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
         }).join(''));
         link.rel = 'noopener external nofollow noreferrer';
@@ -55,12 +55,12 @@ const registerExtURL = function () {
         element.parentNode.replaceChild(link, element);
     });
 };
-const postFancybox = function (p) {
+const postFancybox = (p) => {
     if ($dom(p + ' .md img')) {
         vendorCss('fancybox');
-        vendorJs('fancybox', function () {
+        vendorJs('fancybox', () => {
             const q = jQuery.noConflict();
-            $dom.each(p + ' p.gallery', function (element) {
+            $dom.each(p + ' p.gallery', (element) => {
                 const box = document.createElement('div');
                 box.className = 'gallery';
                 box.attr('data-height', String(element.attr('data-height') || 220));
@@ -68,7 +68,7 @@ const postFancybox = function (p) {
                 element.parentNode.insertBefore(box, element);
                 element.remove();
             });
-            $dom.each(p + ' .md img:not(.emoji):not(.vemoji)', function (element) {
+            $dom.each(p + ' .md img:not(.emoji):not(.vemoji)', (element) => {
                 const $image = q(element);
                 const imageLink = $image.attr('data-src') || $image.attr('src');
                 const $imageWrapLink = $image.wrap('<a class="fancybox" href="' + imageLink + '" itemscope itemtype="https://schema.org/ImageObject" itemprop="url"></a>').parent('a');
@@ -92,7 +92,7 @@ const postFancybox = function (p) {
                     element.insertAfter(para);
                 }
             });
-            $dom.each(p + ' div.gallery', function (el, i) {
+            $dom.each(p + ' div.gallery', (el, i) => {
                 q(el).justifiedGallery({
                     rowHeight: q(el).data('height') || 120,
                     rel: 'gallery-' + i
@@ -114,13 +114,13 @@ const postFancybox = function (p) {
         }, window.jQuery);
     }
 };
-const postBeauty = function () {
+const postBeauty = () => {
     loadComments();
     if (!$dom('.md')) {
         return;
     }
     postFancybox('.post.block');
-    $dom('.post.block').oncopy = async function (event) {
+    $dom('.post.block').oncopy = async (event) => {
         showtip(LOCAL.copyright);
         if (LOCAL.nocopy) {
             event.preventDefault();
@@ -145,25 +145,25 @@ const postBeauty = function () {
             }
         }
     };
-    $dom.each('li ruby', function (element) {
+    $dom.each('li ruby', (element) => {
         let parent = element.parentNode;
         if (element.parentNode.tagName !== 'LI') {
             parent = element.parentNode.parentNode;
         }
         parent.addClass('ruby');
     });
-    $dom.each('ol[start]', function (element) {
+    $dom.each('ol[start]', (element) => {
         element.style.counterReset = 'counter ' + parseInt(element.attr('start') - 1);
     });
-    $dom.each('.md table', function (element) {
+    $dom.each('.md table', (element) => {
         element.wrapObject({
             className: 'table-container'
         });
     });
-    $dom.each('.highlight > .table-container', function (element) {
+    $dom.each('.highlight > .table-container', (element) => {
         element.className = 'code-container';
     });
-    $dom.each('figure.highlight', function (element) {
+    $dom.each('figure.highlight', (element) => {
         const code_container = element.child('.code-container');
         const caption = element.child('figcaption');
         element.insertAdjacentHTML('beforeend', '<div class="operation"><span class="breakline-btn"><i class="ic i-align-left"></i></span><span class="copy-btn"><i class="ic i-clipboard"></i></span><span class="fullscreen-btn"><i class="ic i-expand"></i></span></div>');
@@ -172,28 +172,28 @@ const postBeauty = function () {
             copyBtn.remove();
         }
         else {
-            copyBtn.addEventListener('click', function (event) {
+            copyBtn.addEventListener('click', (event) => {
                 const target = event.currentTarget;
                 let comma = '';
                 let code = '';
-                code_container.find('pre').forEach(function (line) {
+                code_container.find('pre').forEach((line) => {
                     code += comma + line.innerText;
                     comma = '\n';
                 });
-                clipBoard(code, function (result) {
+                clipBoard(code, (result) => {
                     target.child('.ic').className = result ? 'ic i-check' : 'ic i-times';
                     target.blur();
                     showtip(LOCAL.copyright);
                 });
             }, { passive: true });
-            copyBtn.addEventListener('mouseleave', function (event) {
-                setTimeout(function () {
+            copyBtn.addEventListener('mouseleave', (event) => {
+                setTimeout(() => {
                     event.target.child('.ic').className = 'ic i-clipboard';
                 }, 1000);
             });
         }
         const breakBtn = element.child('.breakline-btn');
-        breakBtn.addEventListener('click', function (event) {
+        breakBtn.addEventListener('click', (event) => {
             const target = event.currentTarget;
             if (element.hasClass('breakline')) {
                 element.removeClass('breakline');
@@ -205,14 +205,13 @@ const postBeauty = function () {
             }
         });
         const fullscreenBtn = element.child('.fullscreen-btn');
-        const removeFullscreen = function () {
+        const removeFullscreen = () => {
             element.removeClass('fullscreen');
             element.scrollTop = 0;
             BODY.removeClass('fullscreen');
             fullscreenBtn.child('.ic').className = 'ic i-expand';
         };
-        const fullscreenHandle = function (event) {
-            const target = event.currentTarget;
+        const fullscreenHandle = () => {
             if (element.hasClass('fullscreen')) {
                 removeFullscreen();
                 if (code_container && code_container.find('tr').length > 15) {
@@ -239,15 +238,15 @@ const postBeauty = function () {
             code_container.style.maxHeight = '300px';
             code_container.insertAdjacentHTML('beforeend', '<div class="show-btn"><i class="ic i-angle-down"></i></div>');
             const showBtn = code_container.child('.show-btn');
-            const hideCode = function () {
+            const hideCode = () => {
                 code_container.style.maxHeight = '300px';
                 showBtn.removeClass('open');
             };
-            const showCode = function () {
+            const showCode = () => {
                 code_container.style.maxHeight = '';
                 showBtn.addClass('open');
             };
-            showBtn.addEventListener('click', function (event) {
+            showBtn.addEventListener('click', () => {
                 if (showBtn.hasClass('open')) {
                     removeFullscreen();
                     hideCode();
@@ -259,26 +258,26 @@ const postBeauty = function () {
             });
         }
     });
-    $dom.asyncifyEach('pre.mermaid > svg', function (element) {
+    $dom.asyncifyEach('pre.mermaid > svg', (element) => {
         const temp = element;
         temp.style.maxWidth = '';
     });
-    $dom.each('.reward button', function (element) {
-        element.addEventListener('click', function (event) {
+    $dom.each('.reward button', (element) => {
+        element.addEventListener('click', (event) => {
             event.preventDefault();
             const qr = $dom('#qr');
             if (qr.display() === 'inline-flex') {
                 transition(qr, 0);
             }
             else {
-                transition(qr, 1, function () {
+                transition(qr, 1, () => {
                     qr.display('inline-flex');
                 });
             }
         });
     });
-    $dom.asyncifyEach('.quiz > ul.options li', function (element) {
-        element.addEventListener('click', function (event) {
+    $dom.asyncifyEach('.quiz > ul.options li', (element) => {
+        element.addEventListener('click', () => {
             if (element.hasClass('correct')) {
                 element.toggleClass('right');
                 element.parentNode.parentNode.addClass('show');
@@ -288,12 +287,12 @@ const postBeauty = function () {
             }
         });
     });
-    $dom.asyncifyEach('.quiz > p', function (element) {
-        element.addEventListener('click', function (event) {
+    $dom.asyncifyEach('.quiz > p', (element) => {
+        element.addEventListener('click', () => {
             element.parentNode.toggleClass('show');
         });
     });
-    $dom.asyncifyEach('.quiz > p:first-child', function (element) {
+    $dom.asyncifyEach('.quiz > p:first-child', (element) => {
         const quiz = element.parentNode;
         let type = 'choice';
         if (quiz.hasClass('true') || quiz.hasClass('false')) {
@@ -310,13 +309,13 @@ const postBeauty = function () {
         }
         element.attr('data-type', LOCAL.quiz[type]);
     });
-    $dom.asyncifyEach('.quiz .mistake', function (element) {
+    $dom.asyncifyEach('.quiz .mistake', (element) => {
         element.attr('data-type', LOCAL.quiz.mistake);
     });
-    $dom.each('div.tags a', function (element) {
+    $dom.each('div.tags a', (element) => {
         element.className = ['primary', 'success', 'info', 'warning', 'danger'][Math.floor(Math.random() * 5)];
     });
-    $dom.asyncifyEach('.md div.player', function (element) {
+    $dom.asyncifyEach('.md div.player', (element) => {
         mediaPlayer(element, {
             type: element.attr('data-type'),
             mode: 'order',
@@ -347,9 +346,9 @@ const postBeauty = function () {
         });
     }
 };
-const tabFormat = function () {
+const tabFormat = () => {
     let first_tab;
-    $dom.each('div.tab', function (element, index) {
+    $dom.each('div.tab', (element) => {
         if (element.attr('data-ready')) {
             return;
         }
@@ -362,7 +361,7 @@ const tabFormat = function () {
             box.id = id;
             box.innerHTML = '<div class="show-btn"></div>';
             const showBtn = box.child('.show-btn');
-            showBtn.addEventListener('click', function (event) {
+            showBtn.addEventListener('click', () => {
                 pageScroll(box);
             });
             element.parentNode.insertBefore(box, element);
@@ -385,9 +384,9 @@ const tabFormat = function () {
             li.addClass('active');
             element.addClass('active');
         }
-        li.addEventListener('click', function (event) {
+        li.addEventListener('click', (event) => {
             const target = event.currentTarget;
-            box.find('.active').forEach(function (el) {
+            box.find('.active').forEach((el) => {
                 el.removeClass('active');
             });
             element.addClass('active');
@@ -397,7 +396,7 @@ const tabFormat = function () {
         element.attr('data-ready', String(true));
     });
 };
-const loadComments = function () {
+const loadComments = () => {
     const element = $dom('#comments');
     if (!element) {
         goToComment.display('none');
@@ -406,7 +405,7 @@ const loadComments = function () {
     else {
         goToComment.display('');
     }
-    const io = new IntersectionObserver(function (entries, observer) {
+    const io = new IntersectionObserver((entries, observer) => {
         const entry = entries[0];
         vendorCss('valine');
         if (entry.isIntersecting || entry.intersectionRatio > 0) {
@@ -416,7 +415,7 @@ const loadComments = function () {
     });
     io.observe(element);
 };
-const algoliaSearch = function (pjax) {
+const algoliaSearch = (pjax) => {
     if (CONFIG.search === null) {
         return;
     }
@@ -429,14 +428,14 @@ const algoliaSearch = function (pjax) {
     const search = instantsearch({
         indexName: CONFIG.search.indexName,
         searchClient: algoliasearch(CONFIG.search.appID, CONFIG.search.apiKey),
-        searchFunction: function (helper) {
+        searchFunction(helper) {
             const searchInput = $dom('.search-input');
             if (searchInput.value) {
                 helper.search();
             }
         }
     });
-    search.on('render', function () {
+    search.on('render', () => {
         pjax.refresh($dom('#search-hits'));
     });
     search.addWidgets([
@@ -456,7 +455,7 @@ const algoliaSearch = function (pjax) {
         instantsearch.widgets.stats({
             container: '#search-stats',
             templates: {
-                text: function (data) {
+                text(data) {
                     const stats = LOCAL.search.stats
                         .replace(/\$\{hits}/, data.nbHits)
                         .replace(/\$\{time}/, data.processingTimeMS);
@@ -467,11 +466,11 @@ const algoliaSearch = function (pjax) {
         instantsearch.widgets.hits({
             container: '#search-hits',
             templates: {
-                item: function (data) {
+                item(data) {
                     const cats = data.categories ? '<span>' + data.categories.join('<i class="ic i-angle-right"></i>') + '</span>' : '';
                     return '<a href="' + CONFIG.root + data.path + '">' + cats + data._highlightResult.title.value + '</a>';
                 },
-                empty: function (data) {
+                empty(data) {
                     return '<div id="hits-empty">' +
                         LOCAL.search.empty.replace(/\$\{query}/, data.query) +
                         '</div>';
@@ -502,33 +501,33 @@ const algoliaSearch = function (pjax) {
         })
     ]);
     search.start();
-    $dom.each('.search', function (element) {
-        element.addEventListener('click', function () {
+    $dom.each('.search', (element) => {
+        element.addEventListener('click', () => {
             document.body.style.overflow = 'hidden';
-            transition(siteSearch, 'shrinkIn', function () {
+            transition(siteSearch, 'shrinkIn', () => {
                 $dom('.search-input').focus();
             });
         });
     });
-    const onPopupClose = function () {
+    const onPopupClose = () => {
         document.body.style.overflow = '';
         transition(siteSearch, 0);
     };
-    siteSearch.addEventListener('click', function (event) {
+    siteSearch.addEventListener('click', (event) => {
         if (event.target === siteSearch) {
             onPopupClose();
         }
     });
     $dom('.close-btn').addEventListener('click', onPopupClose);
     window.addEventListener('pjax:success', onPopupClose);
-    window.addEventListener('keyup', function (event) {
+    window.addEventListener('keyup', (event) => {
         if (event.key === 'Escape') {
             onPopupClose();
         }
     });
 };
-const domInit = function () {
-    $dom.each('.overview .menu > .item', function (el) {
+const domInit = () => {
+    $dom.each('.overview .menu > .item', (el) => {
         siteNav.child('.menu').appendChild(el.cloneNode(true));
     });
     loadCat.addEventListener('click', Loader.vanish);
@@ -551,11 +550,11 @@ const domInit = function () {
     showContents.addEventListener('click', sideBarToggleHandle);
     if (typeof mediaPlayer !== 'undefined') {
         mediaPlayer(toolPlayer);
-        $dom('main').addEventListener('click', function () {
+        $dom('main').addEventListener('click', () => {
             toolPlayer.player.mini();
         });
     }
-    const createIntersectionObserver = function () {
+    const createIntersectionObserver = () => {
         new IntersectionObserver(([entry]) => {
             if (entry.isIntersecting) {
                 document.querySelectorAll('.parallax>use').forEach(i => {
@@ -595,10 +594,10 @@ const domInit = function () {
     };
     createIntersectionObserver();
 };
-const pjaxReload = function () {
+const pjaxReload = () => {
     pagePosition();
     if (sideBar.hasClass('on')) {
-        transition(sideBar, 0, function () {
+        transition(sideBar, 0, () => {
             sideBar.removeClass('on');
             menuToggle.removeClass('close');
         });
@@ -608,7 +607,7 @@ const pjaxReload = function () {
     mainNode.appendChild(loadCat.lastChild.cloneNode(true));
     pageScroll(0);
 };
-const siteRefresh = function (reload) {
+const siteRefresh = (reload) => {
     LOCAL_HASH = 0;
     LOCAL_URL = window.location.href;
     vendorCss('katex');
@@ -630,14 +629,14 @@ const siteRefresh = function (reload) {
         toolPlayer.player.load(LOCAL.audio || CONFIG.audio || {});
     }
     Loader.hide();
-    setTimeout(function () {
+    setTimeout(() => {
         positionInit();
     }, 500);
     cardActive();
     lazyload.observe();
     isOutime();
 };
-const siteInit = function () {
+const siteInit = () => {
     domInit();
     pjax = new Pjax({
         selectors: [
@@ -662,7 +661,7 @@ const siteInit = function () {
     window.addEventListener('resize', resizeHandle);
     window.addEventListener('pjax:send', pjaxReload);
     window.addEventListener('pjax:success', siteRefresh);
-    window.addEventListener('beforeunload', function () {
+    window.addEventListener('beforeunload', () => {
         pagePosition();
     });
     siteRefresh(1);