hexo-theme-shokax 0.5.2 → 0.5.3

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

@@ -1,63 +1,63 @@
-// 与第三方js的交互或第三方嵌入js
-
-import { CONFIG, loadCat } from './globalVars'
-import { transition } from '../library/anime'
-
-// 加载动画
-export const Loader = {
-  timer: undefined,
-  lock: false,
-  show () {
-    clearTimeout(this.timer)
-    document.body.classList.remove('loaded')
-    loadCat.setAttribute('style', 'display:block')
-    Loader.lock = false
-  },
-  hide (sec?: number) {
-    if (!CONFIG.loader.start) {
-      sec = -1
-    }
-    this.timer = setTimeout(this.vanish, sec || 3000)
-  },
-  vanish (): void {
-    if (Loader.lock) {
-      return
-    }
-    if (CONFIG.loader.start) {
-      transition(loadCat, 0)
-    }
-    document.body.classList.add('loaded')
-    Loader.lock = true
-  }
-}
-
-export const isOutime = (): void => {
-  let updateTime: Date
-  const times = document.getElementsByTagName('time')
-  if (times.length === 0) {
-    return
-  }
-  const posts = document.getElementsByClassName('body md')
-  if (posts.length === 0) {
-    return
-  }
-
-  const now = Date.now() // 当前时间戳
-  const pubTime = new Date(times[0].dateTime) // 文章发布时间戳
-  if (times.length === 1) {
-    updateTime = pubTime // 文章发布时间亦是最后更新时间
-  } else {
-    updateTime = new Date(times[1].dateTime) // 文章最后更新时间戳
-  }
-  // @ts-ignore
-  const interval = parseInt(String(now - updateTime)) // 时间差
-  const days = parseInt(String(CONFIG.outime.days)) || 30 // 设置时效，默认硬编码 30 天
-  // 最后一次更新时间超过 days 天（毫秒）
-  if (interval > (days * 86400000)) {
-    // @ts-ignore
-    const publish = parseInt(String((now - pubTime) / 86400000))
-    const updated = parseInt(String(interval / 86400000))
-    const template = LOCAL.template.replace('{{publish}}', String(publish)).replace('{{updated}}', String(updated))
-    posts[0].insertAdjacentHTML('afterbegin', template)
-  }
-}
+// 与第三方js的交互或第三方嵌入js
+
+import { CONFIG, loadCat } from './globalVars'
+import { transition } from '../library/anime'
+
+// 加载动画
+export const Loader = {
+  timer: undefined,
+  lock: false,
+  show () {
+    clearTimeout(this.timer)
+    document.body.classList.remove('loaded')
+    loadCat.setAttribute('style', 'display:block')
+    Loader.lock = false
+  },
+  hide (sec?: number) {
+    if (!CONFIG.loader.start) {
+      sec = -1
+    }
+    this.timer = setTimeout(this.vanish, sec || 3000)
+  },
+  vanish (): void {
+    if (Loader.lock) {
+      return
+    }
+    if (CONFIG.loader.start) {
+      transition(loadCat, 0)
+    }
+    document.body.classList.add('loaded')
+    Loader.lock = true
+  }
+}
+
+export const isOutime = (): void => {
+  let updateTime: Date
+  const times = document.getElementsByTagName('time')
+  if (times.length === 0) {
+    return
+  }
+  const posts = document.getElementsByClassName('body md')
+  if (posts.length === 0) {
+    return
+  }
+
+  const now = Date.now() // 当前时间戳
+  const pubTime = new Date(times[0].dateTime) // 文章发布时间戳
+  if (times.length === 1) {
+    updateTime = pubTime // 文章发布时间亦是最后更新时间
+  } else {
+    updateTime = new Date(times[1].dateTime) // 文章最后更新时间戳
+  }
+  // @ts-ignore
+  const interval = parseInt(String(now - updateTime)) // 时间差
+  const days = parseInt(String(CONFIG.outime.days)) || 30 // 设置时效，默认硬编码 30 天
+  // 最后一次更新时间超过 days 天（毫秒）
+  if (interval > (days * 86400000)) {
+    // @ts-ignore
+    const publish = parseInt(String((now - pubTime) / 86400000))
+    const updated = parseInt(String(interval / 86400000))
+    const template = LOCAL.template.replace('{{publish}}', String(publish)).replace('{{updated}}', String(updated))
+    posts[0].insertAdjacentHTML('afterbegin', template)
+  }
+}

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

@@ -1,73 +1,73 @@
-import { pageScroll } from '../library/anime'
-import { BODY, CONFIG, LOCAL_HASH, LOCAL_URL, scrollAction, setLocalHash } from './globalVars'
-import { createChild } from '../library/proto'
-
-// 显示提示(现阶段用于版权及复制结果提示)
-export const showtip = (msg: string): void | never => {
-  if (!msg) {
-    return
-  }
-
-  const tipbox = createChild(BODY, 'div', {
-    innerHTML: msg,
-    className: 'tip'
-  })
-
-  setTimeout(() => {
-    tipbox.classList.add('hide')
-    setTimeout(() => {
-      BODY.removeChild(tipbox)
-    }, 300)
-  }, 3000)
-}
-
-export const pagePosition = () => {
-  // 判断配置项是否开启了自动记录滚动位置
-  if (CONFIG.auto_scroll) {
-    // 将当前页面的滚动位置存入本地缓存
-    localStorage.setItem(LOCAL_URL, String(scrollAction.y))
-  }
-}
-
-export const positionInit = (comment?: boolean) => {
-  // 获取页面锚点
-  const anchor = window.location.hash
-
-  let target = null
-  if (LOCAL_HASH) {
-    localStorage.removeItem(LOCAL_URL)
-    return
-  }
-
-  if (anchor) {
-    target = document.querySelector(decodeURI(anchor))
-  } else {
-    target = CONFIG.auto_scroll ? parseInt(localStorage.getItem(LOCAL_URL)) : 0
-  }
-
-  if (target) {
-    pageScroll(target)
-    setLocalHash(1)
-  }
-
-  if (comment && anchor && !LOCAL_HASH) {
-    pageScroll(target)
-    setLocalHash(1)
-  }
-}
-
-/*
-基于clipboard API的复制功能，仅在https环境下有效
-*/
-export const clipBoard = (str: string, callback?: (result:boolean) => void) => {
-  if (navigator.clipboard && window.isSecureContext) {
-    navigator.clipboard.writeText(str).then(() => {
-      callback && callback(true)
-    }, () => {
-      callback && callback(false)
-    })
-  } else {
-    console.error('Too old browser, clipborad API not supported.')
-    callback && callback(false)
-  }
-}
+import { pageScroll } from '../library/anime'
+import { BODY, CONFIG, LOCAL_HASH, LOCAL_URL, scrollAction, setLocalHash } from './globalVars'
+import { createChild } from '../library/proto'
+
+// 显示提示(现阶段用于版权及复制结果提示)
+export const showtip = (msg: string): void | never => {
+  if (!msg) {
+    return
+  }
+
+  const tipbox = createChild(BODY, 'div', {
+    innerHTML: msg,
+    className: 'tip'
+  })
+
+  setTimeout(() => {
+    tipbox.classList.add('hide')
+    setTimeout(() => {
+      BODY.removeChild(tipbox)
+    }, 300)
+  }, 3000)
+}
+
+export const pagePosition = () => {
+  // 判断配置项是否开启了自动记录滚动位置
+  if (CONFIG.auto_scroll) {
+    // 将当前页面的滚动位置存入本地缓存
+    localStorage.setItem(LOCAL_URL, String(scrollAction.y))
+  }
+}
+
+export const positionInit = (comment?: boolean) => {
+  // 获取页面锚点
+  const anchor = window.location.hash
+
+  let target = null
+  if (LOCAL_HASH) {
+    localStorage.removeItem(LOCAL_URL)
+    return
+  }
+
+  if (anchor) {
+    target = document.querySelector(decodeURI(anchor))
+  } else {
+    target = CONFIG.auto_scroll ? parseInt(localStorage.getItem(LOCAL_URL)) : 0
+  }
+
+  if (target) {
+    pageScroll(target)
+    setLocalHash(1)
+  }
+
+  if (comment && anchor && !LOCAL_HASH) {
+    pageScroll(target)
+    setLocalHash(1)
+  }
+}
+
+/*
+基于clipboard API的复制功能，仅在https环境下有效
+*/
+export const clipBoard = (str: string, callback?: (result:boolean) => void) => {
+  if (navigator.clipboard && window.isSecureContext) {
+    navigator.clipboard.writeText(str).then(() => {
+      callback && callback(true)
+    }, () => {
+      callback && callback(false)
+    })
+  } else {
+    console.error('Too old browser, clipborad API not supported.')
+    callback && callback(false)
+  }
+}

package/source/js/_app/library/anime.ts

@@ -1,121 +1,121 @@
-import anime from 'theme-shokax-anime'
-import { siteNavHeight } from '../globals/globalVars'
-import type { AnimeOptions } from 'theme-shokax-anime/dist/types'
-import {getTop, setDisplay} from './proto'
-
-/**
- * 参数  动画效果
- * 0  元素逐渐消失
- * 1  元素逐渐出现
- * bounceUpIn  元素从下方弹跳出现
- * shrinkIn  元素从放大到正常大小出现
- * slideRightIn  元素从右侧滑入
- * slideRightOut  元素向右侧滑出
- * TODO 函数功能过于复杂，需要拆分
- */
-export const transition = (target: HTMLElement, type: number|string|Function, complete?: Function, begin?: Function): void => {
-  let animation:Partial<AnimeOptions>
-  let display = 'none'
-  switch (type) {
-    case 0:
-      animation = { opacity: [1, 0] }
-      break
-    case 1:
-      animation = { opacity: [0, 1] }
-      display = 'block'
-      break
-    case 'bounceUpIn':
-      animation = {
-        begin (anim) {
-          setDisplay(target, 'block')
-        },
-        translateY: [
-          { value: -60, duration: 200 },
-          { value: 10, duration: 200 },
-          { value: -5, duration: 200 },
-          { value: 0, duration: 200 }
-        ],
-        opacity: [0, 1]
-      }
-      display = 'block'
-      break
-    case 'shrinkIn':
-      animation = {
-        begin (anim) {
-          setDisplay(target, 'block')
-        },
-        scale: [
-          { value: 1.1, duration: 300 },
-          { value: 1, duration: 200 }
-        ],
-        opacity: 1
-      }
-      display = 'block'
-      break
-    case 'slideRightIn':
-      animation = {
-        begin (anim) {
-          setDisplay(target, 'block')
-        },
-        translateX: ['100%', '0%'],
-        opacity: [0, 1]
-      }
-      display = 'block'
-      break
-    case 'slideRightOut':
-      animation = {
-        translateX: ['0%', '100%'],
-        opacity: [1, 0]
-      }
-      break
-    default:
-      // @ts-ignore
-      animation = type
-      // @ts-ignore
-      display = type.display
-      break
-  }
-  anime(Object.assign({
-    targets: target,
-    duration: 200,
-    easing: 'linear',
-    begin () {
-      begin && begin()
-    },
-    complete () {
-      setDisplay(target, display)
-      complete && complete()
-    }
-  }, animation)).play()
-}
-
-export const pageScroll = (target: HTMLElement | number, offset?: number, complete?: Function) => {
-  // 确定滚动容器
-  const scrollContainer = (typeof offset === 'number' && typeof target !== 'number')
-    ? target.parentNode as HTMLElement
-    : document.scrollingElement || document.documentElement;
-
-  // 计算目标滚动位置
-  let scrollTop: number;
-  if (typeof offset !== 'undefined') {
-    scrollTop = offset;
-  } else if (typeof target === 'number') {
-    scrollTop = target;
-  } else if (target) {
-    const rect = target.getBoundingClientRect();
-    scrollTop = rect.top + window.scrollY - siteNavHeight;
-  } else {
-    scrollTop = 0;
-  }
-
-  // 执行平滑滚动
-  scrollContainer.scrollTo({
-    top: scrollTop,
-    behavior: 'smooth'
-  });
-
-  // 处理完成回调（模拟动画持续时间）
-  if (complete) {
-    setTimeout(() => complete(), 500); // 与原动画持续时间保持一致
-  }
-};
+import anime from 'theme-shokax-anime'
+import { siteNavHeight } from '../globals/globalVars'
+import type { AnimeOptions } from 'theme-shokax-anime/dist/types'
+import {getTop, setDisplay} from './proto'
+
+/**
+ * 参数  动画效果
+ * 0  元素逐渐消失
+ * 1  元素逐渐出现
+ * bounceUpIn  元素从下方弹跳出现
+ * shrinkIn  元素从放大到正常大小出现
+ * slideRightIn  元素从右侧滑入
+ * slideRightOut  元素向右侧滑出
+ * TODO 函数功能过于复杂，需要拆分
+ */
+export const transition = (target: HTMLElement, type: number|string|Function, complete?: Function, begin?: Function): void => {
+  let animation:Partial<AnimeOptions>
+  let display = 'none'
+  switch (type) {
+    case 0:
+      animation = { opacity: [1, 0] }
+      break
+    case 1:
+      animation = { opacity: [0, 1] }
+      display = 'block'
+      break
+    case 'bounceUpIn':
+      animation = {
+        begin (anim) {
+          setDisplay(target, 'block')
+        },
+        translateY: [
+          { value: -60, duration: 200 },
+          { value: 10, duration: 200 },
+          { value: -5, duration: 200 },
+          { value: 0, duration: 200 }
+        ],
+        opacity: [0, 1]
+      }
+      display = 'block'
+      break
+    case 'shrinkIn':
+      animation = {
+        begin (anim) {
+          setDisplay(target, 'block')
+        },
+        scale: [
+          { value: 1.1, duration: 300 },
+          { value: 1, duration: 200 }
+        ],
+        opacity: 1
+      }
+      display = 'block'
+      break
+    case 'slideRightIn':
+      animation = {
+        begin (anim) {
+          setDisplay(target, 'block')
+        },
+        translateX: ['100%', '0%'],
+        opacity: [0, 1]
+      }
+      display = 'block'
+      break
+    case 'slideRightOut':
+      animation = {
+        translateX: ['0%', '100%'],
+        opacity: [1, 0]
+      }
+      break
+    default:
+      // @ts-ignore
+      animation = type
+      // @ts-ignore
+      display = type.display
+      break
+  }
+  anime(Object.assign({
+    targets: target,
+    duration: 200,
+    easing: 'linear',
+    begin () {
+      begin && begin()
+    },
+    complete () {
+      setDisplay(target, display)
+      complete && complete()
+    }
+  }, animation)).play()
+}
+
+export const pageScroll = (target: HTMLElement | number, offset?: number, complete?: Function) => {
+  // 确定滚动容器
+  const scrollContainer = (typeof offset === 'number' && typeof target !== 'number')
+    ? target.parentNode as HTMLElement
+    : document.scrollingElement || document.documentElement;
+
+  // 计算目标滚动位置
+  let scrollTop: number;
+  if (typeof offset !== 'undefined') {
+    scrollTop = offset;
+  } else if (typeof target === 'number') {
+    scrollTop = target;
+  } else if (target) {
+    const rect = target.getBoundingClientRect();
+    scrollTop = rect.top + window.scrollY - siteNavHeight;
+  } else {
+    scrollTop = 0;
+  }
+
+  // 执行平滑滚动
+  scrollContainer.scrollTo({
+    top: scrollTop,
+    behavior: 'smooth'
+  });
+
+  // 处理完成回调（模拟动画持续时间）
+  if (complete) {
+    setTimeout(() => complete(), 500); // 与原动画持续时间保持一致
+  }
+};