hexo-theme-shokax 0.2.8 → 0.2.10

package/source/js/_app/global.js

@@ -24,7 +24,7 @@ let oWinWidth = window.innerWidth;
 let LOCAL_HASH = 0;
 let LOCAL_URL = window.location.href;
 let pjax;
-const changeTheme = function (type) {
+const changeTheme = (type) => {
     const btn = $dom('.theme .ic');
     if (type === 'dark') {
         HTML.attr('data-theme', type);
@@ -37,7 +37,7 @@ const changeTheme = function (type) {
         btn.addClass('i-sun');
     }
 };
-const autoDarkmode = function () {
+const autoDarkmode = () => {
     if (CONFIG.auto_dark.enable) {
         if (new Date().getHours() >= CONFIG.auto_dark.start || new Date().getHours() <= CONFIG.auto_dark.end) {
             changeTheme('dark');
@@ -48,26 +48,26 @@ const autoDarkmode = function () {
     }
 };
 const lazyload = lozad('img, [data-background-image]', {
-    loaded: function (el) {
+    loaded(el) {
         el.addClass('lozaded');
     }
 });
 const Loader = {
     timer: undefined,
     lock: false,
-    show: function () {
+    show() {
         clearTimeout(this.timer);
         document.body.removeClass('loaded');
         loadCat.attr('style', 'display:block');
         Loader.lock = false;
     },
-    hide: function (sec) {
+    hide(sec) {
         if (!CONFIG.loader.start) {
             sec = -1;
         }
         this.timer = setTimeout(this.vanish, sec || 3000);
     },
-    vanish: function () {
+    vanish() {
         if (Loader.lock) {
             return;
         }
@@ -78,14 +78,14 @@ const Loader = {
         Loader.lock = true;
     }
 };
-const changeMetaTheme = function (color) {
+const changeMetaTheme = (color) => {
     if (HTML.attr('data-theme') === 'dark') {
         color = '#222';
     }
     $dom('meta[name="theme-color"]').attr('content', color);
 };
-const themeColorListener = function () {
-    window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', function (mediaQueryList) {
+const themeColorListener = () => {
+    window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (mediaQueryList) => {
         if (mediaQueryList.matches) {
             changeTheme('dark');
         }
@@ -103,9 +103,9 @@ const themeColorListener = function () {
         }
     }
 };
-const visibilityListener = function () {
+const visibilityListener = () => {
     const iconNode = $dom('[rel="icon"]');
-    document.addEventListener('visibilitychange', function () {
+    document.addEventListener('visibilitychange', () => {
         switch (document.visibilityState) {
             case 'hidden':
                 iconNode.attr('href', statics + CONFIG.favicon.hidden);
@@ -121,14 +121,14 @@ const visibilityListener = function () {
                 if (CONFIG.loader.switch) {
                     Loader.hide(1000);
                 }
-                titleTime = setTimeout(function () {
+                titleTime = setTimeout(() => {
                     document.title = originTitle;
                 }, 2000);
                 break;
         }
     });
 };
-const showtip = function (msg) {
+const showtip = (msg) => {
     if (!msg) {
         return;
     }
@@ -136,14 +136,14 @@ const showtip = function (msg) {
         innerHTML: msg,
         className: 'tip'
     });
-    setTimeout(function () {
+    setTimeout(() => {
         tipbox.addClass('hide');
-        setTimeout(function () {
+        setTimeout(() => {
             BODY.removeChild(tipbox);
         }, 300);
     }, 3000);
 };
-const resizeHandle = function (event) {
+const resizeHandle = (event) => {
     siteNavHeight = siteNav.changeOrGetHeight();
     headerHightInner = siteHeader.changeOrGetHeight();
     headerHight = headerHightInner + $dom('#waves').changeOrGetHeight();
@@ -153,7 +153,7 @@ const resizeHandle = function (event) {
     oWinHeight = window.innerHeight;
     oWinWidth = window.innerWidth;
 };
-const scrollHandle = function (event) {
+const scrollHandle = (event) => {
     const winHeight = window.innerHeight;
     const docHeight = getDocHeight();
     const contentVisibilityHeight = docHeight > winHeight ? docHeight - winHeight : document.body.scrollHeight - winHeight;
@@ -191,12 +191,12 @@ const scrollHandle = function (event) {
         $dom('.percent').changeOrGetWidth(scrollPercent);
     }
 };
-const pagePosition = function () {
+const pagePosition = () => {
     if (CONFIG.auto_scroll) {
         $storage.set(LOCAL_URL, String(scrollAction.y));
     }
 };
-const positionInit = function (comment) {
+const positionInit = (comment) => {
     const anchor = window.location.hash;
     let target = null;
     if (LOCAL_HASH) {
@@ -218,7 +218,7 @@ const positionInit = function (comment) {
         LOCAL_HASH = 1;
     }
 };
-const clipBoard = function (str, callback) {
+const clipBoard = (str, callback) => {
     if (navigator.clipboard && window.isSecureContext) {
         navigator.clipboard.writeText(str).then(() => {
             callback && callback(true);
@@ -251,7 +251,7 @@ const clipBoard = function (str, callback) {
         BODY.removeChild(ta);
     }
 };
-const isOutime = function () {
+const isOutime = () => {
     let updateTime;
     if (CONFIG.outime.enable && LOCAL.outime) {
         const times = document.getElementsByTagName('time');
@@ -280,7 +280,7 @@ const isOutime = function () {
         }
     }
 };
-const clickMenu = function () {
+const clickMenu = () => {
     const menuElement = $dom('#clickMenu');
     window.oncontextmenu = function (event) {
         if (event.ctrlKey) {
@@ -308,7 +308,7 @@ const clickMenu = function () {
             }
         });
     };
-    window.addEventListener('click', function () {
+    window.addEventListener('click', () => {
         menuElement.classList.remove('active');
     });
 };

package/source/js/_app/library.js

@@ -9,24 +9,19 @@ $dom.all = (selector, element = document) => {
     return element.querySelectorAll(selector);
 };
 $dom.each = (selector, callback, element) => {
-    return $dom.all(selector, element).forEach(callback);
+    $dom.all(selector, element).forEach(callback);
 };
 $dom.asyncify = async (selector, element = document) => {
-    if (selector.indexOf('#') === 0) {
-        return element.getElementById(selector.replace('#', ''));
+    if (selector[0] === '#') {
+        return element.getElementById(selector.substring(1));
     }
     return element.querySelector(selector);
 };
-$dom.asyncifyAll = async (selector, element = document) => {
-    return element.querySelectorAll(selector);
-};
 $dom.asyncifyEach = (selector, callback, element) => {
-    $dom.asyncifyAll(selector, element).then((tmp) => {
-        tmp.forEach(callback);
-    });
+    $dom.all(selector, element).forEach(callback);
 };
 Object.assign(HTMLElement.prototype, {
-    createChild: function (tag, obj, positon) {
+    createChild(tag, obj, positon) {
         const child = document.createElement(tag);
         Object.assign(child, obj);
         switch (positon) {
@@ -42,32 +37,32 @@ Object.assign(HTMLElement.prototype, {
         }
         return child;
     },
-    wrapObject: function (obj) {
+    wrapObject(obj) {
         const box = document.createElement('div');
         Object.assign(box, obj);
         this.parentNode.insertBefore(box, this);
         this.parentNode.removeChild(this);
         box.appendChild(this);
     },
-    changeOrGetHeight: function (h) {
+    changeOrGetHeight(h) {
         if (h) {
             this.style.height = typeof h === 'number' ? h + 'rem' : h;
         }
         return this.getBoundingClientRect().height;
     },
-    changeOrGetWidth: function (w) {
+    changeOrGetWidth(w) {
         if (w) {
             this.style.width = typeof w === 'number' ? w + 'rem' : w;
         }
         return this.getBoundingClientRect().width;
     },
-    getTop: function () {
+    getTop() {
         return this.getBoundingClientRect().top;
     },
-    left: function () {
+    left() {
         return this.getBoundingClientRect().left;
     },
-    attr: function (type, value) {
+    attr(type, value) {
         if (value === null) {
             return this.removeAttribute(type);
         }
@@ -79,7 +74,7 @@ Object.assign(HTMLElement.prototype, {
             return this.getAttribute(type);
         }
     },
-    insertAfter: function (element) {
+    insertAfter(element) {
         const parent = this.parentNode;
         if (parent.lastChild === this) {
             parent.appendChild(element);
@@ -88,7 +83,7 @@ Object.assign(HTMLElement.prototype, {
             parent.insertBefore(element, this.nextSibling);
         }
     },
-    display: function (d) {
+    display(d) {
         if (d == null) {
             return this.style.display;
         }
@@ -97,13 +92,13 @@ Object.assign(HTMLElement.prototype, {
             return this;
         }
     },
-    child: function (selector) {
+    child(selector) {
         return $dom(selector, this);
     },
-    find: function (selector) {
+    find(selector) {
         return $dom.all(selector, this);
     },
-    _class: function (type, className, display) {
+    _class(type, className, display) {
         const classNames = className.indexOf(' ') ? className.split(' ') : [className];
         classNames.forEach((name) => {
             if (type === 'toggle') {
@@ -114,34 +109,34 @@ Object.assign(HTMLElement.prototype, {
             }
         });
     },
-    addClass: function (className) {
+    addClass(className) {
         this._class('add', className);
         return this;
     },
-    removeClass: function (className) {
+    removeClass(className) {
         this._class('remove', className);
         return this;
     },
-    toggleClass: function (className, display) {
+    toggleClass(className, display) {
         this._class('toggle', className, display);
         return this;
     },
-    hasClass: function (className) {
+    hasClass(className) {
         return this.classList.contains(className);
     }
 });
 const $storage = {
-    set: (key, value) => {
+    set(key, value) {
         localStorage.setItem(key, value);
     },
-    get: (key) => {
+    get(key) {
         return localStorage.getItem(key);
     },
-    del: (key) => {
+    del(key) {
         localStorage.removeItem(key);
     }
 };
-const getScript = function (url, callback, condition) {
+const getScript = (url, callback, condition) => {
     if (condition) {
         callback();
     }
@@ -160,27 +155,27 @@ const getScript = function (url, callback, condition) {
         document.head.appendChild(script);
     }
 };
-const assetUrl = function (asset, type) {
+const assetUrl = (asset, type) => {
     const str = CONFIG[asset][type];
-    if (str.indexOf('gh') > -1 || str.indexOf('combine') > -1) {
+    if (str.includes('gh') || str.includes('combine')) {
         return `https://cdn.jsdelivr.net/${str}`;
     }
-    if (str.indexOf('npm') > -1) {
+    if (str.includes('npm')) {
         return `https://cdn.jsdelivr.net/${str}`;
     }
-    if (str.indexOf('http') > -1) {
+    if (str.includes('http')) {
         return str;
     }
     return `/${str}`;
 };
-const vendorJs = function (type, callback, condition) {
+const vendorJs = (type, callback, condition) => {
     if (LOCAL[type]) {
         getScript(assetUrl('js', type), callback || function () {
             window[type] = true;
         }, condition || window[type]);
     }
 };
-const vendorCss = function (type, condition) {
+const vendorCss = (type, condition) => {
     if (window['css' + type]) {
         return;
     }
@@ -205,7 +200,7 @@ const transition = (target, type, complete, begin) => {
             break;
         case 'bounceUpIn':
             animation = {
-                begin: function (anim) {
+                begin(anim) {
                     target.display('block');
                 },
                 translateY: [
@@ -220,7 +215,7 @@ const transition = (target, type, complete, begin) => {
             break;
         case 'shrinkIn':
             animation = {
-                begin: function (anim) {
+                begin(anim) {
                     target.display('block');
                 },
                 scale: [
@@ -233,7 +228,7 @@ const transition = (target, type, complete, begin) => {
             break;
         case 'slideRightIn':
             animation = {
-                begin: function (anim) {
+                begin(anim) {
                     target.display('block');
                 },
                 translateX: ['100%', '0%'],
@@ -256,16 +251,16 @@ const transition = (target, type, complete, begin) => {
         targets: target,
         duration: 200,
         easing: 'linear',
-        begin: function () {
+        begin() {
             begin && begin();
         },
-        complete: function () {
+        complete() {
             target.display(display);
             complete && complete();
         }
     }, animation)).play();
 };
-const pjaxScript = function (element) {
+const pjaxScript = (element) => {
     const { text, parentNode, id, className, type, src, dataset } = element;
     const code = text || element.textContent || element.innerHTML || '';
     parentNode.removeChild(element);
@@ -291,13 +286,13 @@ const pjaxScript = function (element) {
     }
     parentNode.appendChild(script);
 };
-const pageScroll = function (target, offset, complete) {
+const pageScroll = (target, offset, complete) => {
     const opt = {
         targets: typeof offset === 'number' ? target.parentNode : document.scrollingElement,
         duration: 500,
         easing: 'easeInOutQuad',
         scrollTop: offset || (typeof target === 'number' ? target : (target ? target.getTop() + document.documentElement.scrollTop - siteNavHeight : 0)),
-        complete: function () {
+        complete() {
             complete && complete();
         }
     };