hexo-theme-shokax 0.4.4 → 0.4.6-beta1

package/source/js/_app/globals/globalVars.ts

@@ -1,99 +1,99 @@
-import { $dom } from '../library/dom'
-import Pjax from 'theme-shokax-pjax'
-import initProto from '../library/proto'
-
-export const CONFIG = shokax_CONFIG
-initProto()
-export const statics = CONFIG.statics.indexOf('//') > 0 ? CONFIG.statics : CONFIG.root
-export const scrollAction: { x: number, y: number } = { x: 0, y: 0 }
-export let diffY = 0
-export let originTitle: string, titleTime: NodeJS.Timeout
-export const BODY = document.getElementsByTagName('body')[0]
-export const HTML = document.documentElement
-export const Container = $dom('#container')
-export const loadCat = $dom('#loading')
-export const siteNav = $dom('#nav')
-export const siteHeader = $dom('#header')
-export const menuToggle = siteNav.child('.toggle')
-export const quickBtn = $dom('#quick')
-export const sideBar = $dom('#sidebar')
-export const siteBrand = $dom('#brand')
-export let toolBtn = $dom('#tool')
-export let toolPlayer
-export let backToTop: HTMLElement
-export let goToComment
-export let showContents
-export let siteSearch = $dom('#search')
-export let siteNavHeight: number, headerHightInner: number, headerHight: number
-export let oWinHeight = window.innerHeight
-export let oWinWidth = window.innerWidth
-export let LOCAL_HASH = 0
-export let LOCAL_URL = window.location.href
-export let pjax:Pjax
-
-export function setSiteNavHeight (value:number):void {
-  siteNavHeight = value
-}
-export function setHeaderHightInner (value:number):void {
-  headerHightInner = value
-}
-
-export function setHeaderHight (value:number):void {
-  headerHight = value
-}
-
-export function setOWinHeight (value:number):void {
-  oWinHeight = value
-}
-
-export function setOWinWidth (value:number):void {
-  oWinWidth = value
-}
-
-export function setDiffY (value:number):void {
-  diffY = value
-}
-
-export function setTitleTime (value:NodeJS.Timeout):void {
-  titleTime = value
-}
-
-export function setLocalHash (value:number):void {
-  LOCAL_HASH = value
-}
-
-export function setLocalUrl (value:string):void {
-  LOCAL_URL = value
-}
-
-export function setPjax (value:Pjax):void {
-  pjax = value
-}
-
-export function setOriginTitle (value:string):void {
-  originTitle = value
-}
-
-export function setToolPlayer (value:any):void {
-  toolPlayer = value
-}
-
-export function setBackToTop (value:HTMLElement):void {
-  backToTop = value
-}
-
-export function setGoToComment (value:any):void {
-  goToComment = value
-}
-
-export function setShowContents (value:any):void {
-  showContents = value
-}
-
-export function setToolBtn (value:HTMLElement):void {
-  toolBtn = value
-}
-
-export function setSiteSearch (value:HTMLElement):void {
-  siteSearch = value
-}
+import { $dom } from '../library/dom'
+import Pjax from 'theme-shokax-pjax'
+import initProto from '../library/proto'
+
+export const CONFIG = shokax_CONFIG
+initProto()
+export const statics = CONFIG.statics.indexOf('//') > 0 ? CONFIG.statics : CONFIG.root
+export const scrollAction: { x: number, y: number } = { x: 0, y: 0 }
+export let diffY = 0
+export let originTitle: string, titleTime: NodeJS.Timeout
+export const BODY = document.getElementsByTagName('body')[0]
+export const HTML = document.documentElement
+export const Container = document.getElementById('container')
+export const loadCat = document.getElementById('loading')
+export const siteNav = document.getElementById('nav')
+export const siteHeader = document.getElementById('header')
+export const menuToggle = siteNav.querySelector('.toggle')
+export const quickBtn = document.getElementById('quick')
+export const sideBar = document.getElementById('sidebar')
+export const siteBrand = document.getElementById('brand')
+export let toolBtn = document.getElementById('tool')
+export let toolPlayer
+export let backToTop: HTMLElement
+export let goToComment
+export let showContents
+export let siteSearch = document.getElementById('search')
+export let siteNavHeight: number, headerHightInner: number, headerHight: number
+export let oWinHeight = window.innerHeight
+export let oWinWidth = window.innerWidth
+export let LOCAL_HASH = 0
+export let LOCAL_URL = window.location.href
+export let pjax:Pjax
+
+export function setSiteNavHeight (value:number):void {
+  siteNavHeight = value
+}
+export function setHeaderHightInner (value:number):void {
+  headerHightInner = value
+}
+
+export function setHeaderHight (value:number):void {
+  headerHight = value
+}
+
+export function setOWinHeight (value:number):void {
+  oWinHeight = value
+}
+
+export function setOWinWidth (value:number):void {
+  oWinWidth = value
+}
+
+export function setDiffY (value:number):void {
+  diffY = value
+}
+
+export function setTitleTime (value:NodeJS.Timeout):void {
+  titleTime = value
+}
+
+export function setLocalHash (value:number):void {
+  LOCAL_HASH = value
+}
+
+export function setLocalUrl (value:string):void {
+  LOCAL_URL = value
+}
+
+export function setPjax (value:Pjax):void {
+  pjax = value
+}
+
+export function setOriginTitle (value:string):void {
+  originTitle = value
+}
+
+export function setToolPlayer (value:any):void {
+  toolPlayer = value
+}
+
+export function setBackToTop (value:HTMLElement):void {
+  backToTop = value
+}
+
+export function setGoToComment (value:any):void {
+  goToComment = value
+}
+
+export function setShowContents (value:any):void {
+  showContents = value
+}
+
+export function setToolBtn (value:HTMLElement):void {
+  toolBtn = value
+}
+
+export function setSiteSearch (value:HTMLElement):void {
+  siteSearch = value
+}

package/source/js/_app/globals/handles.js

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.visibilityListener = exports.scrollHandle = exports.resizeHandle = void 0;
+const sidebar_1 = require("../components/sidebar");
+const dom_1 = require("../library/dom");
+const globalVars_1 = require("./globalVars");
+const themeColor_1 = require("./themeColor");
+const thirdparty_1 = require("./thirdparty");
+const proto_1 = require("../library/proto");
+const resizeHandle = () => {
+    // 获取 siteNav 的高度
+    (0, globalVars_1.setSiteNavHeight)((0, proto_1.getHeight)(globalVars_1.siteNav));
+    // 获取 siteHeader 的高度
+    (0, globalVars_1.setHeaderHightInner)((0, proto_1.getHeight)(globalVars_1.siteHeader));
+    // 获取 #waves 的高度
+    (0, globalVars_1.setHeaderHight)(globalVars_1.headerHightInner + (0, proto_1.getHeight)((0, dom_1.$dom)('#waves')));
+    // 判断窗口宽度是否改变
+    if (globalVars_1.oWinWidth !== window.innerWidth) {
+        (0, sidebar_1.sideBarToggleHandle)(null, 1);
+    }
+    // 记录窗口高度和宽度
+    (0, globalVars_1.setOWinHeight)(window.innerHeight);
+    (0, globalVars_1.setOWinWidth)(window.innerWidth);
+};
+exports.resizeHandle = resizeHandle;
+const scrollHandle = () => {
+    // 获取窗口高度
+    const winHeight = window.innerHeight;
+    // 获取文档高度
+    const docHeight = (0, dom_1.getDocHeight)();
+    // 计算可见内容高度
+    const contentVisibilityHeight = docHeight > winHeight ? docHeight - winHeight : document.body.scrollHeight - winHeight;
+    // 判断页面是否滚动超过 headerHightInner
+    const SHOW = window.scrollY > globalVars_1.headerHightInner;
+    // 判断页面是否开始滚动
+    const startScroll = window.scrollY > 0;
+    // 根据条件修改 meta theme
+    if (SHOW) {
+        (0, themeColor_1.changeMetaTheme)('#FFF');
+    }
+    else {
+        (0, themeColor_1.changeMetaTheme)('#222');
+    }
+    // 控制导航栏的显示隐藏
+    globalVars_1.siteNav.toggleClass('show', SHOW);
+    // 控制网站 logo 的显示隐藏
+    globalVars_1.toolBtn.toggleClass('affix', startScroll);
+    // 控制侧边栏的显示隐藏，当滚动高度大于 headerHight 且窗口宽度大于 991px 时显示
+    globalVars_1.siteBrand.toggleClass('affix', startScroll);
+    globalVars_1.sideBar.toggleClass('affix', window.scrollY > globalVars_1.headerHight && document.body.offsetWidth > 991);
+    // 初始化滚动时导航栏的显示方向
+    if (typeof globalVars_1.scrollAction.y === 'undefined') {
+        globalVars_1.scrollAction.y = window.scrollY;
+    }
+    (0, globalVars_1.setDiffY)(globalVars_1.scrollAction.y - window.scrollY);
+    // 控制滑动时导航栏显示
+    if (globalVars_1.diffY < 0) {
+        globalVars_1.siteNav.removeClass('up');
+        globalVars_1.siteNav.toggleClass('down', SHOW);
+    }
+    else if (globalVars_1.diffY > 0) {
+        globalVars_1.siteNav.removeClass('down');
+        globalVars_1.siteNav.toggleClass('up', SHOW);
+    }
+    else { /* empty */ }
+    globalVars_1.scrollAction.y = window.scrollY;
+    // 计算滚动百分比
+    const scrollPercent = Math.round(Math.min(100 * window.scrollY / contentVisibilityHeight, 100)) + '%';
+    // 更新回到顶部按钮的文字
+    if (globalVars_1.backToTop.child('span').innerText !== scrollPercent) {
+        globalVars_1.backToTop.child('span').innerText = scrollPercent;
+    }
+    // 更新百分比进度条的宽度
+    if ((0, dom_1.$dom)('#sidebar').hasClass('affix') || (0, dom_1.$dom)('#sidebar').hasClass('on')) {
+        (0, proto_1.setWidth)((0, dom_1.$dom)('.percent'), scrollPercent);
+    }
+};
+exports.scrollHandle = scrollHandle;
+// 可见度监听(离开页面和返回时更改document的title)
+const visibilityListener = () => {
+    const iconNode = (0, dom_1.$dom)('[rel="icon"]');
+    document.addEventListener('visibilitychange', () => {
+        switch (document.visibilityState) {
+            case 'hidden':
+                iconNode.setAttribute('href', globalVars_1.statics + globalVars_1.CONFIG.favicon.hidden);
+                document.title = LOCAL.favicon.hide;
+                if (globalVars_1.CONFIG.loader.switch) {
+                    thirdparty_1.Loader.show();
+                }
+                clearTimeout(globalVars_1.titleTime);
+                break;
+            case 'visible':
+                iconNode.setAttribute('href', globalVars_1.statics + globalVars_1.CONFIG.favicon.normal);
+                document.title = LOCAL.favicon.show;
+                if (globalVars_1.CONFIG.loader.switch) {
+                    thirdparty_1.Loader.hide(1000);
+                }
+                (0, globalVars_1.setTitleTime)(setTimeout(() => {
+                    document.title = globalVars_1.originTitle;
+                }, 2000));
+                break;
+        }
+    }, { passive: true });
+};
+exports.visibilityListener = visibilityListener;

package/source/js/_app/globals/handles.ts

@@ -1,123 +1,124 @@
-import { sideBarToggleHandle } from '../components/sidebar'
-import { $dom, getDocHeight } from '../library/dom'
-import {
-  backToTop,
-  diffY,
-  headerHight,
-  headerHightInner,
-  oWinWidth,
-  originTitle,
-  scrollAction,
-  sideBar,
-  siteBrand,
-  siteHeader,
-  siteNav,
-  statics,
-  titleTime,
-  toolBtn,
-  setSiteNavHeight,
-  setHeaderHightInner,
-  setHeaderHight,
-  setOWinHeight, setOWinWidth, setDiffY, setTitleTime, CONFIG
-} from './globalVars'
-import { changeMetaTheme } from './themeColor'
-import { Loader } from './thirdparty'
-import { getHeight, setWidth } from '../library/proto'
-
-export const resizeHandle = () => {
-  // 获取 siteNav 的高度
-  setSiteNavHeight(getHeight(siteNav))
-  // 获取 siteHeader 的高度
-  setHeaderHightInner(getHeight(siteHeader))
-  // 获取 #waves 的高度
-  setHeaderHight(headerHightInner + getHeight($dom('#waves')))
-
-  // 判断窗口宽度是否改变
-  if (oWinWidth !== window.innerWidth) {
-    sideBarToggleHandle(null, 1)
-  }
-
-  // 记录窗口高度和宽度
-  setOWinHeight(window.innerHeight)
-  setOWinWidth(window.innerWidth)
-}
-
-export const scrollHandle = () => {
-  // 获取窗口高度
-  const winHeight = window.innerHeight
-  // 获取文档高度
-  const docHeight = getDocHeight()
-  // 计算可见内容高度
-  const contentVisibilityHeight = docHeight > winHeight ? docHeight - winHeight : document.body.scrollHeight - winHeight
-  // 判断页面是否滚动超过 headerHightInner
-  const SHOW = window.scrollY > headerHightInner
-  // 判断页面是否开始滚动
-  const startScroll = window.scrollY > 0
-
-  // 根据条件修改 meta theme
-  if (SHOW) {
-    changeMetaTheme('#FFF')
-  } else {
-    changeMetaTheme('#222')
-  }
-
-  // 控制导航栏的显示隐藏
-  siteNav.toggleClass('show', SHOW)
-  // 控制网站 logo 的显示隐藏
-  toolBtn.toggleClass('affix', startScroll)
-  // 控制侧边栏的显示隐藏，当滚动高度大于 headerHight 且窗口宽度大于 991px 时显示
-  siteBrand.toggleClass('affix', startScroll)
-  sideBar.toggleClass('affix', window.scrollY > headerHight && document.body.offsetWidth > 991)
-  // 初始化滚动时导航栏的显示方向
-  if (typeof scrollAction.y === 'undefined') {
-    scrollAction.y = window.scrollY
-  }
-  setDiffY(scrollAction.y - window.scrollY)
-
-  // 控制滑动时导航栏显示
-  if (diffY < 0) {
-    siteNav.removeClass('up')
-    siteNav.toggleClass('down', SHOW)
-  } else if (diffY > 0) {
-    siteNav.removeClass('down')
-    siteNav.toggleClass('up', SHOW)
-  } else { /* empty */ }
-  scrollAction.y = window.scrollY
-  // 计算滚动百分比
-  const scrollPercent = Math.round(Math.min(100 * window.scrollY / contentVisibilityHeight, 100)) + '%'
-  // 更新回到顶部按钮的文字
-  if (backToTop.child('span').innerText !== scrollPercent) {
-    backToTop.child('span').innerText = scrollPercent
-  }
-  // 更新百分比进度条的宽度
-  if ($dom('#sidebar').hasClass('affix') || $dom('#sidebar').hasClass('on')) {
-    setWidth($dom('.percent'), scrollPercent)
-  }
-}
-
-// 可见度监听(离开页面和返回时更改document的title)
-export const visibilityListener = () => {
-  const iconNode = $dom('[rel="icon"]')
-  document.addEventListener('visibilitychange', () => {
-    switch (document.visibilityState) {
-      case 'hidden':
-        iconNode.setAttribute('href', statics + CONFIG.favicon.hidden)
-        document.title = LOCAL.favicon.hide
-        if (CONFIG.loader.switch) {
-          Loader.show()
-        }
-        clearTimeout(titleTime)
-        break
-      case 'visible':
-        iconNode.setAttribute('href', statics + CONFIG.favicon.normal)
-        document.title = LOCAL.favicon.show
-        if (CONFIG.loader.switch) {
-          Loader.hide(1000)
-        }
-        setTitleTime(setTimeout(() => {
-          document.title = originTitle
-        }, 2000))
-        break
-    }
-  }, { passive: true })
-}
+import { sideBarToggleHandle } from '../components/sidebar'
+import {
+  backToTop,
+  diffY,
+  headerHight,
+  headerHightInner,
+  oWinWidth,
+  originTitle,
+  scrollAction,
+  sideBar,
+  siteBrand,
+  siteHeader,
+  siteNav,
+  statics,
+  titleTime,
+  toolBtn,
+  setSiteNavHeight,
+  setHeaderHightInner,
+  setHeaderHight,
+  setOWinHeight, setOWinWidth, setDiffY, setTitleTime, CONFIG
+} from './globalVars'
+import { changeMetaTheme } from './themeColor'
+import { Loader } from './thirdparty'
+import { getHeight, setWidth } from '../library/proto'
+
+const wavesEle = document.getElementById('waves')
+
+export const resizeHandle = () => {
+  // 获取 siteNav 的高度
+  setSiteNavHeight(getHeight(siteNav))
+  // 获取 siteHeader 的高度
+  setHeaderHightInner(getHeight(siteHeader))
+  // 获取 #waves 的高度
+  setHeaderHight(headerHightInner + getHeight(wavesEle))
+
+  // 判断窗口宽度是否改变
+  if (oWinWidth !== window.innerWidth) {
+    sideBarToggleHandle(null, 1)
+  }
+
+  // 记录窗口高度和宽度
+  setOWinHeight(window.innerHeight)
+  setOWinWidth(window.innerWidth)
+}
+
+export const scrollHandle = () => {
+  // 获取窗口高度
+  const winHeight = window.innerHeight
+  // 获取文档高度
+  const docHeight = (document.querySelector('main > .inner') as HTMLElement).offsetHeight
+  // 计算可见内容高度
+  const contentVisibilityHeight = docHeight > winHeight ? docHeight - winHeight : document.body.scrollHeight - winHeight
+  // 判断页面是否滚动超过 headerHightInner
+  const SHOW = window.scrollY > headerHightInner
+  // 判断页面是否开始滚动
+  const startScroll = window.scrollY > 0
+
+  // 根据条件修改 meta theme
+  if (SHOW) {
+    changeMetaTheme('#FFF')
+  } else {
+    changeMetaTheme('#222')
+  }
+
+  // 控制导航栏的显示隐藏
+  siteNav.toggleClass('show', SHOW)
+  // 控制网站 logo 的显示隐藏
+  toolBtn.toggleClass('affix', startScroll)
+  // 控制侧边栏的显示隐藏，当滚动高度大于 headerHight 且窗口宽度大于 991px 时显示
+  siteBrand.toggleClass('affix', startScroll)
+  sideBar.toggleClass('affix', window.scrollY > headerHight && document.body.offsetWidth > 991)
+  // 初始化滚动时导航栏的显示方向
+  if (typeof scrollAction.y === 'undefined') {
+    scrollAction.y = window.scrollY
+  }
+  setDiffY(scrollAction.y - window.scrollY)
+
+  // 控制滑动时导航栏显示
+  if (diffY < 0) {
+    siteNav.removeClass('up')
+    siteNav.toggleClass('down', SHOW)
+  } else if (diffY > 0) {
+    siteNav.removeClass('down')
+    siteNav.toggleClass('up', SHOW)
+  } else { /* empty */ }
+  scrollAction.y = window.scrollY
+  // 计算滚动百分比
+  const scrollPercent = Math.round(Math.min(100 * window.scrollY / contentVisibilityHeight, 100)) + '%'
+  // 更新回到顶部按钮的文字
+  if (backToTop.querySelector('span').innerText !== scrollPercent) {
+    backToTop.querySelector('span').innerText = scrollPercent
+  }
+  // 更新百分比进度条的宽度
+  if (document.getElementById('sidebar').hasClass('affix') || document.getElementById('sidebar').hasClass('on')) {
+    setWidth(document.querySelector('.percent'), scrollPercent)
+  }
+}
+
+// 可见度监听(离开页面和返回时更改document的title)
+export const visibilityListener = () => {
+  const iconNode = document.querySelector('[rel="icon"]')
+  document.addEventListener('visibilitychange', () => {
+    switch (document.visibilityState) {
+      case 'hidden':
+        iconNode.setAttribute('href', statics + CONFIG.favicon.hidden)
+        document.title = LOCAL.favicon.hide
+        if (CONFIG.loader.switch) {
+          Loader.show()
+        }
+        clearTimeout(titleTime)
+        break
+      case 'visible':
+        iconNode.setAttribute('href', statics + CONFIG.favicon.normal)
+        document.title = LOCAL.favicon.show
+        if (CONFIG.loader.switch) {
+          Loader.hide(1000)
+        }
+        setTitleTime(setTimeout(() => {
+          document.title = originTitle
+        }, 2000))
+        break
+    }
+  }, { passive: true })
+}