519 lines
18 KiB
JavaScript
519 lines
18 KiB
JavaScript
window.encrypt = (str) => window.btoa(unescape(encodeURIComponent(str)))
|
||
window.decrypt = (str) => decodeURIComponent(escape(window.atob(str)))
|
||
|
||
const commonContext = {
|
||
/* 初始化widget */
|
||
initWidget() {
|
||
const $columnRight = $('.columns .column-right')
|
||
const $columnRightShadow = $('.columns .column-right-shadow')
|
||
$('.widget.recent-comments .reply .link').html((i, html) => Utils.renderedEmojiHtml(html))
|
||
// 实现将右边widget拷贝的左边
|
||
if ($columnRight.length && $columnRightShadow.length && !$columnRightShadow[0].children.length) {
|
||
for (const child of $columnRight[0].children) {
|
||
$columnRightShadow[0].append(child.cloneNode(true))
|
||
}
|
||
}
|
||
},
|
||
/* 初始化悬浮操作按钮 */
|
||
initActions() {
|
||
const $bulletScreen = $('.actions>.bullet-screen')
|
||
if (localStorage.getItem('stop-bullet-screen') === 'true') {
|
||
$bulletScreen.addClass('stop-bullet-screen')
|
||
}
|
||
if ($('halo-comment[bullet-screen]').length !== 0) {
|
||
$bulletScreen.removeClass('is-hidden-all')
|
||
}
|
||
const applyStopBulletScreen = (stopBulletScreenValue) => {
|
||
$('halo-comment[bullet-screen]').each(function () {
|
||
const shadowDom = this.shadowRoot.getElementById('halo-comment')
|
||
if (stopBulletScreenValue) {
|
||
$(shadowDom).attr('stop-bullet-screen', 'true')
|
||
} else {
|
||
$(shadowDom).removeAttr('stop-bullet-screen')
|
||
}
|
||
})
|
||
if (stopBulletScreenValue) {
|
||
$bulletScreen.addClass('stop-bullet-screen')
|
||
} else {
|
||
$bulletScreen.removeClass('stop-bullet-screen')
|
||
}
|
||
localStorage.setItem('stop-bullet-screen', stopBulletScreenValue)
|
||
}
|
||
$bulletScreen.on('click', () => {
|
||
let stopBulletScreen = localStorage.getItem('stop-bullet-screen') || false
|
||
applyStopBulletScreen(stopBulletScreen.toString() !== 'true')
|
||
})
|
||
},
|
||
/* 初始化目录和公告模块 */
|
||
initTocAndNotice() {
|
||
const {pathname} = location
|
||
window.tocPjax && window.tocPjax()
|
||
let hideToc = $('.widget.toc .card-content ul').length === 0
|
||
let hideNotice = (DreamConfig.notice_show_mode === 'toc' && !hideToc)
|
||
|| (DreamConfig.notice_show_mode === 'index' && pathname !== '/')
|
||
if (hideToc) {
|
||
$('.widget.toc,.action-toc').addClass('is-hidden-all')
|
||
} else {
|
||
$('.widget.toc,.action-toc').removeClass('is-hidden-all')
|
||
}
|
||
if (hideNotice) {
|
||
$('.widget.notice').addClass('is-hidden-all')
|
||
} else {
|
||
$('.widget.notice').removeClass('is-hidden-all')
|
||
}
|
||
},
|
||
/* 更新横幅大图的文字描述 */
|
||
initBanner() {
|
||
const $bannerInfoDesc = $('.banner-info-desc')
|
||
if ($bannerInfoDesc.length === 0) return
|
||
const bannerDesc = $bannerInfoDesc.text()
|
||
$bannerInfoDesc.text('')
|
||
let currentBannerDesc = ''
|
||
let isWrite = true
|
||
let id
|
||
const updateDesc = function () {
|
||
let num = currentBannerDesc.length
|
||
if (isWrite && num < bannerDesc.length) {
|
||
currentBannerDesc += bannerDesc.charAt(num)
|
||
$bannerInfoDesc.text(currentBannerDesc)
|
||
} else if (!isWrite && num > 0) {
|
||
currentBannerDesc = currentBannerDesc.slice(0, num - 1)
|
||
$bannerInfoDesc.text(currentBannerDesc)
|
||
} else {
|
||
clearInterval(id)
|
||
isWrite = !isWrite
|
||
id = setInterval(updateDesc, isWrite ? 500 : 80)
|
||
}
|
||
}
|
||
id = setInterval(updateDesc, isWrite ? 500 : 80)
|
||
},
|
||
/* 激活图片预览功能 */
|
||
initGallery() {
|
||
// 用链接和标题包装图像
|
||
$('.main-content img:not(.not-gallery)').each(function () {
|
||
if ($(this).parents('[data-fancybox],mew-photos').length === 0) {
|
||
$(this).wrap(`<div class="gallery-item"><div data-fancybox="gallery" ${this.alt ? `data-caption="${this.alt}"` : ''} href="${$(this).attr('src')
|
||
}"></div>${this.alt ? `<p>${this.alt}</p>` : ''}</div>`)
|
||
}
|
||
})
|
||
},
|
||
/* 初始化主题模式（仅用户模式） */
|
||
initMode() {
|
||
let isNight = localStorage.getItem('night') || false
|
||
const applyNight = (isNightValue) => {
|
||
if (isNightValue) {
|
||
document.documentElement.classList.add('night')
|
||
} else {
|
||
document.documentElement.classList.remove('night')
|
||
}
|
||
$('halo-comment').each(function () {
|
||
const shadowDom = this.shadowRoot.getElementById('halo-comment')
|
||
$(shadowDom)[`${isNightValue ? 'add' : 'remove'}Class`]('night')
|
||
})
|
||
localStorage.setItem('night', isNightValue)
|
||
isNight = isNightValue
|
||
}
|
||
$('#toggle-mode').on('click', () => applyNight(isNight.toString() !== 'true'))
|
||
if (DreamConfig.default_theme === 'system') {
|
||
window.matchMedia('(prefers-color-scheme: dark)')
|
||
.addListener((event) => applyNight(event.matches))
|
||
}
|
||
},
|
||
/* 导航条高亮 */
|
||
initNavbar() {
|
||
const $nav_menus = $('.navbar-nav a')
|
||
const $nav_side_menus = $('.panel-side-menu .link')
|
||
let activeIndex = 0
|
||
const {href, pathname} = location
|
||
|
||
if (pathname && pathname !== '/') {
|
||
for (let i = 0; i < $nav_menus.length; i++) {
|
||
const cur_href = $nav_menus[i].getAttribute('href')
|
||
if (pathname.includes(cur_href) || href.includes(cur_href)) {
|
||
activeIndex = i
|
||
if (pathname === cur_href || href === cur_href) break
|
||
}
|
||
}
|
||
}
|
||
|
||
// 高亮PC端
|
||
const $curMenu = $nav_menus.eq(activeIndex)
|
||
$curMenu.addClass('current')
|
||
if ($curMenu.parents('.item-dropdown').length) {
|
||
$curMenu
|
||
.parents('.item-dropdown')
|
||
.find('.item-dropdown-link a')
|
||
.addClass('current')
|
||
}
|
||
|
||
// 高亮移动端
|
||
$nav_side_menus.eq(activeIndex).addClass('current')
|
||
},
|
||
/* 激活导航栏全局下拉框功能 */
|
||
initDropMenu() {
|
||
$('.item-dropdown').each(function (index, item) {
|
||
const menu = $(this).find('.item-dropdown-menu')
|
||
const trigger = $(item).attr('trigger') || 'click'
|
||
const placement = $(item).attr('placement') || $(this).height() || 0
|
||
menu.css('top', placement)
|
||
if (trigger === 'hover') {
|
||
$(this).hover(
|
||
() => $(this).addClass('active'),
|
||
() => $(this).removeClass('active')
|
||
)
|
||
} else {
|
||
$(this).on('click', function (e) {
|
||
e.stopPropagation()
|
||
$(this).toggleClass('active')
|
||
$(document).one('click', () => $(this).removeClass('active'))
|
||
e.stopPropagation()
|
||
})
|
||
menu.on('click', (e) => e.stopPropagation())
|
||
}
|
||
})
|
||
},
|
||
/* 处理滚动 */
|
||
initScroll() {
|
||
let initTop = 0
|
||
|
||
// true：上划，false：下滑
|
||
function scrollDirection(currentTop) {
|
||
const result = currentTop > initTop
|
||
initTop = currentTop
|
||
return result
|
||
}
|
||
|
||
const handleScroll = () => {
|
||
const scrollTop = $(document).scrollTop()
|
||
const direction = scrollDirection(scrollTop)
|
||
const $body = $('body')
|
||
const $actions = $('.actions')
|
||
if (scrollTop > 50 && direction) {
|
||
$body.addClass('move-up')
|
||
} else {
|
||
$body.removeClass('move-up')
|
||
}
|
||
if (scrollTop > 100) {
|
||
$actions.addClass('show')
|
||
} else {
|
||
$actions.removeClass('show')
|
||
}
|
||
}
|
||
document.addEventListener('scroll', handleScroll)
|
||
},
|
||
/* 搜索框弹窗 */
|
||
searchDialog() {
|
||
const $result = $('.navbar-search .result')
|
||
$('.navbar-search .input').on('click', function (e) {
|
||
e.stopPropagation()
|
||
$result.addClass('active')
|
||
})
|
||
$(document).on('click', function () {
|
||
$result.removeClass('active')
|
||
})
|
||
},
|
||
/* 小屏幕伸缩侧边栏，包含导航或者目录 */
|
||
drawerMobile() {
|
||
$('.navbar-slideicon').on('click', function (e) {
|
||
e.stopPropagation()
|
||
/* 关闭搜索框 */
|
||
$('.navbar-searchout').removeClass('active')
|
||
/* 处理开启关闭状态 */
|
||
const $html = $('html')
|
||
const $mask = $('.navbar-mask')
|
||
const $slide_out = $('.navbar-slideout')
|
||
if ($slide_out.hasClass('active')) {
|
||
$html.removeClass('disable-scroll')
|
||
$mask.removeClass('active slideout')
|
||
$slide_out.removeClass('active')
|
||
} else {
|
||
$html.addClass('disable-scroll')
|
||
$mask.addClass('active slideout')
|
||
$slide_out.addClass('active')
|
||
}
|
||
})
|
||
$('.action-toc').on('click', function (e) {
|
||
e.stopPropagation()
|
||
/* 关闭搜索框 */
|
||
$('.navbar-searchout').removeClass('active')
|
||
/* 处理开启关闭状态 */
|
||
const $html = $('html')
|
||
const $mask = $('.navbar-mask')
|
||
const $slide_out = $('.navbar-slideout')
|
||
if ($slide_out.hasClass('active')) {
|
||
$html.removeClass('disable-scroll')
|
||
$mask.removeClass('active slideout')
|
||
$slide_out.removeClass('active slideout-toc')
|
||
} else {
|
||
$html.addClass('disable-scroll')
|
||
$mask.addClass('active slideout')
|
||
$slide_out.addClass('active slideout-toc')
|
||
}
|
||
})
|
||
},
|
||
/* 激活全局返回顶部功能 */
|
||
back2Top() {
|
||
$('#back-to-top').on('click', function () {
|
||
$('body, html').animate({scrollTop: 0}, 400)
|
||
})
|
||
},
|
||
/* 小屏幕搜索框 */
|
||
searchMobile() {
|
||
$('.navbar-searchicon').on('click', function (e) {
|
||
e.stopPropagation()
|
||
/* 关闭侧边栏 */
|
||
$('.navbar-slideout').removeClass('active')
|
||
/* 处理开启关闭状态 */
|
||
const $html = $('html')
|
||
const $mask = $('.navbar-mask')
|
||
const $above = $('.navbar-above')
|
||
const $search_out = $('.navbar-searchout')
|
||
if ($search_out.hasClass('active')) {
|
||
$html.removeClass('disable-scroll')
|
||
$mask.removeClass('active slideout')
|
||
$search_out.removeClass('active')
|
||
$above.removeClass('solid')
|
||
} else {
|
||
$html.addClass('disable-scroll')
|
||
$mask.addClass('active')
|
||
$above.addClass('solid')
|
||
$search_out.addClass('active')
|
||
}
|
||
})
|
||
},
|
||
/* 点击遮罩层关闭 */
|
||
maskClose() {
|
||
$('.navbar-mask')
|
||
.on('click', function (e) {
|
||
e.stopPropagation()
|
||
$('html').removeClass('disable-scroll')
|
||
$('.navbar-mask').removeClass('active slideout')
|
||
$('.navbar-searchout').removeClass('active')
|
||
$('.navbar-slideout').removeClass('active slideout-toc')
|
||
$('.navbar-above').removeClass('solid')
|
||
})
|
||
.on('touchmove', (e) => e.preventDefault)
|
||
$('.navbar .toc-content')
|
||
.on('click', function (e) {
|
||
e.stopPropagation()
|
||
$('html').removeClass('disable-scroll')
|
||
$('.navbar-mask').removeClass('active slideout')
|
||
$('.navbar-slideout').removeClass('active slideout-toc')
|
||
})
|
||
},
|
||
/* 移动端侧边栏菜单手风琴 */
|
||
sideMenuMobile() {
|
||
$('.navbar-slideout-menu .current')
|
||
.parents('.panel-body')
|
||
.show()
|
||
.siblings('.panel')
|
||
.addClass('in')
|
||
$('.navbar-slideout-menu .panel').on('click', function (e) {
|
||
e.stopPropagation()
|
||
const $this = $(this)
|
||
const panelBox = $this.parent().parent()
|
||
/* 清除全部内容 */
|
||
panelBox.find('.panel').not($this).removeClass('in')
|
||
panelBox
|
||
.find('.panel-body')
|
||
.not($this.siblings('.panel-body'))
|
||
.stop()
|
||
.hide('fast')
|
||
/* 激活当前的内容 */
|
||
$this.toggleClass('in').siblings('.panel-body').stop().toggle('fast')
|
||
})
|
||
},
|
||
/* 初始化事件 */
|
||
initEvent() {
|
||
let $body = $('body')
|
||
|
||
function closeSelect(elem) {
|
||
let $elem = $(elem)
|
||
const closeSelect = $elem.attr('data-close')
|
||
return closeSelect && closeSelect.trim() !== '' ? $elem.closest(closeSelect.trim()) : $elem
|
||
}
|
||
|
||
$body.on('click', '.click-close', function (e) {
|
||
e.stopPropagation()
|
||
closeSelect(this).remove()
|
||
})
|
||
$body.on('click', '.click-animation-close', function (e) {
|
||
e.stopPropagation()
|
||
let selectElem = closeSelect(this)
|
||
selectElem.addClass('close-animation')
|
||
setTimeout(() => selectElem.remove(), 300)
|
||
})
|
||
},
|
||
/* 离屏提示 */
|
||
offscreenTip() {
|
||
if (Utils.isMobile() || (!DreamConfig.document_hidden_title && !DreamConfig.document_visible_title)) return
|
||
const originTitle = document.title
|
||
let timer = null
|
||
document.addEventListener('visibilitychange', function () {
|
||
if (document.hidden) {
|
||
DreamConfig.document_hidden_title && (document.title = DreamConfig.document_hidden_title)
|
||
clearTimeout(timer)
|
||
} else {
|
||
document.title = DreamConfig.document_visible_title || originTitle
|
||
DreamConfig.document_visible_title && (timer = setTimeout(function () {
|
||
document.title = originTitle
|
||
}, 2000))
|
||
}
|
||
})
|
||
},
|
||
/** 初始化轮播 **/
|
||
initCarousel() {
|
||
window.Swiper && new Swiper('.swiper', {
|
||
loop: true,
|
||
parallax: true,
|
||
effect: 'slide',
|
||
spaceBetween: 10,
|
||
speed: 600,
|
||
autoplay: {
|
||
delay: 3000,
|
||
disableOnInteraction: false,
|
||
pauseOnMouseEnter: true,
|
||
},
|
||
pagination: {
|
||
el: '.swiper-pagination',
|
||
clickable: true,
|
||
},
|
||
navigation: {
|
||
nextEl: '.swiper-button-next',
|
||
prevEl: '.swiper-button-prev',
|
||
},
|
||
})
|
||
},
|
||
/* 个人信息界面打印彩字 */
|
||
sparkInput() {
|
||
const sparkInputContent = DreamConfig.spark_input_content && DreamConfig.spark_input_content.filter(s => s.length > 0)
|
||
if (sparkInputContent && sparkInputContent.length > 0) {
|
||
Utils.cachedScript(`${DreamConfig.theme_base}/js/spark-input.min.js?mew=${DreamConfig.theme_version}`, function () {
|
||
$('.spark-input').each((index, domEle) => sparkInput(domEle, [domEle.innerText, ...sparkInputContent]))
|
||
})
|
||
}
|
||
},
|
||
/* 恋爱墙倒计时 */
|
||
loveTime() {
|
||
let $elem = $('.love .love-time')
|
||
if ($elem.length === 0) return
|
||
let loveTime = $elem.attr('data-time')
|
||
if (!/^\d{4}\/\d{2}\/\d{2} \d{2}:\d{2}:\d{2}$/.test(loveTime)) {
|
||
$elem.html(loveTime)
|
||
return
|
||
}
|
||
const now = new Date()
|
||
const grt = new Date(loveTime)
|
||
setInterval(function () {
|
||
now.setTime(now.getTime() + 1000)
|
||
let difference = parseInt((now - grt) / 1000)
|
||
let seconds = difference % 60
|
||
difference = parseInt(difference / 60)
|
||
let minutes = difference % 60
|
||
difference = parseInt(difference / 60)
|
||
let hours = difference % 24
|
||
let days = parseInt(difference / 24)
|
||
let year = 0
|
||
let grtYear = grt.getFullYear()
|
||
let nowYear = now.getFullYear()
|
||
while (grtYear < nowYear) {
|
||
if ((grtYear % 4 === 0 && grtYear % 100 !== 0) || grtYear % 400 === 0) {
|
||
// 闰年366天
|
||
if (days < 366) break
|
||
days -= 366
|
||
year += 1
|
||
grtYear += 1
|
||
} else {
|
||
// 平年365天
|
||
if (days < 365) break
|
||
days -= 365
|
||
year += 1
|
||
grtYear += 1
|
||
}
|
||
}
|
||
if (year !== 0) {
|
||
$elem.html(`${year} 年 ${days} 天 ${hours} 时 ${minutes} 分 ${seconds} 秒`)
|
||
} else {
|
||
$elem.html(`${days} 天 ${hours} 时 ${minutes} 分 ${seconds} 秒`)
|
||
}
|
||
}, 1000)
|
||
},
|
||
/* 激活建站倒计时功能 */
|
||
websiteTime() {
|
||
if (!DreamConfig.website_time) {
|
||
return
|
||
}
|
||
const websiteDate = document.getElementById('websiteDate')
|
||
if (!/^\d{4}\/\d{2}\/\d{2} \d{2}:\d{2}:\d{2}$/.test(DreamConfig.website_time)) {
|
||
websiteDate.innerText = DreamConfig.website_time
|
||
return
|
||
}
|
||
const now = new Date()
|
||
const grt = new Date(DreamConfig.website_time)
|
||
setInterval(function () {
|
||
now.setTime(now.getTime() + 1000)
|
||
let difference = parseInt((now - grt) / 1000)
|
||
let seconds = difference % 60
|
||
if (String(seconds).length === 1) {
|
||
seconds = '0' + seconds
|
||
}
|
||
difference = parseInt(difference / 60)
|
||
|
||
let minutes = difference % 60
|
||
if (String(minutes).length === 1) {
|
||
minutes = '0' + minutes
|
||
}
|
||
difference = parseInt(difference / 60)
|
||
|
||
let hours = difference % 24
|
||
if (String(hours).length === 1) {
|
||
hours = '0' + hours
|
||
}
|
||
let days = parseInt(difference / 24)
|
||
websiteDate.innerHTML = `建站<span class="stand">${days}</span>天<span class="stand">${hours}</span>时<span class="stand">${minutes}</span>分<span class="stand">${seconds}</span>秒`
|
||
}, 1000)
|
||
},
|
||
/* 初始化特效，只需要初始化一次，移动端设备不初始化 */
|
||
initEffects() {
|
||
if (Utils.isMobile()) return
|
||
DreamConfig.cursor_move && Utils.cachedScript(`${DreamConfig.theme_base}/js/cursor/move/${DreamConfig.cursor_move}.min.js?mew=${DreamConfig.theme_version}`)
|
||
DreamConfig.cursor_click && Utils.cachedScript(`${DreamConfig.theme_base}/js/cursor/click/${DreamConfig.cursor_click}.min.js?mew=${DreamConfig.theme_version}`)
|
||
DreamConfig.enable_live2d && Utils.cachedScript(`${DreamConfig.theme_base}/js/autoload.min.js?mew=${DreamConfig.theme_version}`)
|
||
DreamConfig.effects_sakura_mode && Utils.cachedScript(`${DreamConfig.theme_base}/js/effects/sakura.min.js?mew=${DreamConfig.theme_version}`)
|
||
DreamConfig.effects_universe_mode && Utils.cachedScript(`${DreamConfig.theme_base}/js/effects/universe.min.js?mew=${DreamConfig.theme_version}`)
|
||
DreamConfig.effects_circle_magic_mode && Utils.cachedScript(`${DreamConfig.theme_base}/js/effects/circleMagic.min.js?mew=${DreamConfig.theme_version}`)
|
||
},
|
||
/* 加载主动推送、统计脚本等参数 */
|
||
loadMaintain() {
|
||
DreamConfig.enable_baidu_push && Utils.baiduPush()
|
||
DreamConfig.enable_toutiao_push && Utils.toutiaoPush()
|
||
},
|
||
/* 显示主题版本信息 */
|
||
showThemeVersion() {
|
||
window.logger(`%c页面加载耗时：${Math.round(performance.now())}ms | Theme By Dream ${DreamConfig.theme_version}`,
|
||
'color:#fff; background: linear-gradient(270deg, #986fee, #8695e6, #68b7dd, #18d7d3); padding: 8px 15px; border-radius: 0 15px 0 15px')
|
||
}
|
||
}
|
||
|
||
window.commonContext = commonContext
|
||
|
||
!(function () {
|
||
const loads = ['initCarousel', 'sparkInput', 'websiteTime']
|
||
const omits = ['initEffects', 'loadMaintain', 'showThemeVersion']
|
||
|
||
Object.keys(commonContext).forEach(
|
||
(c) => !loads.includes(c) && !omits.includes(c) && commonContext[c]()
|
||
)
|
||
|
||
// 当前html加载完执行
|
||
document.addEventListener('DOMContentLoaded', function () {
|
||
$('html').addClass('loaded')
|
||
loads.forEach((c) => commonContext[c] && commonContext[c]())
|
||
})
|
||
|
||
// 所有内容加载完执行
|
||
window.addEventListener('load', function () {
|
||
omits.forEach((c) => commonContext[c] && commonContext[c]())
|
||
$('html').addClass('ready')
|
||
})
|
||
})() |