381 lines
12 KiB
JavaScript
381 lines
12 KiB
JavaScript
var btf = {
|
|
|
|
|
|
|
|
// 修改时间显示"最近"
|
|
diffDate: function (d, more = false) {
|
|
const dateNow = new Date();
|
|
const datePost = new Date(d);
|
|
const dateDiff = dateNow.getTime() - datePost.getTime();
|
|
const minute = 1000 * 60;
|
|
const hour = minute * 60;
|
|
const day = hour * 24;
|
|
const month = day * 30;
|
|
|
|
let result;
|
|
if (more) {
|
|
const monthCount = dateDiff / month;
|
|
const dayCount = dateDiff / day;
|
|
const hourCount = dateDiff / hour;
|
|
const minuteCount = dateDiff / minute;
|
|
|
|
if (monthCount >= 1) {
|
|
result = datePost.toLocaleDateString().replace(/\//g, "-");
|
|
} else if (dayCount >= 1) {
|
|
result = parseInt(dayCount) + " " + GLOBAL_CONFIG.date_suffix.day;
|
|
} else if (hourCount >= 1) {
|
|
result = parseInt(hourCount) + " " + GLOBAL_CONFIG.date_suffix.hour;
|
|
} else if (minuteCount >= 1) {
|
|
result = parseInt(minuteCount) + " " + GLOBAL_CONFIG.date_suffix.min;
|
|
} else {
|
|
result = GLOBAL_CONFIG.date_suffix.just;
|
|
}
|
|
} else {
|
|
result = parseInt(dateDiff / day);
|
|
}
|
|
return result;
|
|
},
|
|
|
|
// loadLightbox: ele => {
|
|
// const service = GLOBAL_CONFIG.lightbox;
|
|
|
|
// if (service === "mediumZoom") {
|
|
// const zoom = mediumZoom(ele);
|
|
// zoom.on("open", e => {
|
|
// const photoBg = document.documentElement.getAttribute("data-theme") === "dark" ? "#121212" : "#fff";
|
|
// zoom.update({
|
|
// background: photoBg,
|
|
// });
|
|
// });
|
|
// }
|
|
|
|
// if (service === "fancybox") {
|
|
// ele.forEach(i => {
|
|
// if (i.parentNode.tagName !== "A") {
|
|
// const dataSrc = i.dataset.lazySrc || i.src;
|
|
// const dataCaption = i.title || i.alt || "";
|
|
// btf.wrap(i, "a", {
|
|
// href: dataSrc,
|
|
// "data-fancybox": "gallery",
|
|
// "data-caption": dataCaption,
|
|
// "data-thumb": dataSrc,
|
|
// });
|
|
// }
|
|
// });
|
|
|
|
// if (!window.fancyboxRun) {
|
|
// Fancybox.bind("[data-fancybox]", {
|
|
// Hash: false,
|
|
// Thumbs: {
|
|
// autoStart: false,
|
|
// },
|
|
// });
|
|
// window.fancyboxRun = true;
|
|
// }
|
|
// }
|
|
// },
|
|
loadLightbox: ele => {
|
|
|
|
const jqLoadAndRun = () => {
|
|
const $fancyboxEle = GLOBAL_CONFIG.lightbox === 'fancybox'
|
|
? ele
|
|
: []
|
|
const fbLengthNoZero = $fancyboxEle.length > 0
|
|
|
|
if (fbLengthNoZero) {
|
|
btf.isJqueryLoad(() => {
|
|
fbLengthNoZero && addFancybox($fancyboxEle)
|
|
})
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
* fancybox
|
|
*/
|
|
const addFancybox = function (ele) {
|
|
const runFancybox = (ele) => {
|
|
ele.each(function (i, o) {
|
|
const $this = $(o)
|
|
const lazyloadSrc = $this.attr('data-lazy-src') || $this.attr('src')
|
|
const lazyloadSrc1600 = lazyloadSrc + '_1600w'
|
|
const dataCaption = $this.attr('alt') || ''
|
|
if (lazyloadSrc.indexOf('!blogimg') != -1) {
|
|
$this.wrap(`<a href="${lazyloadSrc}" data-fancybox="images" data-caption="${dataCaption}" class="fancybox" data-srcset="${lazyloadSrc1600} 1600w"></a>`)
|
|
} else {
|
|
$this.wrap(`<a href="${lazyloadSrc}" data-fancybox="images" data-caption="${dataCaption}" class="fancybox" data-srcset="${lazyloadSrc} 1600w"></a>`)
|
|
}
|
|
|
|
})
|
|
|
|
$().fancybox({
|
|
selector: '[data-fancybox]',
|
|
loop: true,
|
|
transitionEffect: 'slide',
|
|
protect: true,
|
|
buttons: ['slideShow', 'fullScreen', 'thumbs', 'close'],
|
|
hash: false
|
|
})
|
|
}
|
|
|
|
if (typeof $.fancybox === 'undefined') {
|
|
$('head').append(`<link rel="stylesheet" type="text/css" href="${GLOBAL_CONFIG.source.fancybox.css}">`)
|
|
$.getScript(`${GLOBAL_CONFIG.source.fancybox.js}`, function () {
|
|
runFancybox($(ele))
|
|
})
|
|
} else {
|
|
runFancybox($(ele))
|
|
}
|
|
}
|
|
|
|
jqLoadAndRun()
|
|
|
|
},
|
|
debounce: function (func, wait, immediate) {
|
|
let timeout
|
|
return function () {
|
|
const context = this
|
|
const args = arguments
|
|
const later = function () {
|
|
timeout = null
|
|
if (!immediate) func.apply(context, args)
|
|
}
|
|
const callNow = immediate && !timeout
|
|
clearTimeout(timeout)
|
|
timeout = setTimeout(later, wait)
|
|
if (callNow) func.apply(context, args)
|
|
}
|
|
},
|
|
|
|
throttle: function (func, wait, options) {
|
|
let timeout, context, args
|
|
let previous = 0
|
|
if (!options) options = {}
|
|
|
|
const later = function () {
|
|
previous = options.leading === false ? 0 : new Date().getTime()
|
|
timeout = null
|
|
func.apply(context, args)
|
|
if (!timeout) context = args = null
|
|
}
|
|
|
|
const throttled = function () {
|
|
const now = new Date().getTime()
|
|
if (!previous && options.leading === false) previous = now
|
|
const remaining = wait - (now - previous)
|
|
context = this
|
|
args = arguments
|
|
if (remaining <= 0 || remaining > wait) {
|
|
if (timeout) {
|
|
clearTimeout(timeout)
|
|
timeout = null
|
|
}
|
|
previous = now
|
|
func.apply(context, args)
|
|
if (!timeout) context = args = null
|
|
} else if (!timeout && options.trailing !== false) {
|
|
timeout = setTimeout(later, remaining)
|
|
}
|
|
}
|
|
|
|
return throttled
|
|
},
|
|
|
|
sidebarPaddingR: () => {
|
|
const innerWidth = window.innerWidth
|
|
const clientWidth = document.body.clientWidth
|
|
const paddingRight = innerWidth - clientWidth
|
|
if (innerWidth !== clientWidth) {
|
|
document.body.style.paddingRight = paddingRight + 'px'
|
|
}
|
|
},
|
|
|
|
snackbarShow: (text, showAction, duration) => {
|
|
const sa = (typeof showAction !== 'undefined') ? showAction : false
|
|
const dur = (typeof duration !== 'undefined') ? duration : 5000
|
|
const position = GLOBAL_CONFIG.Snackbar.position
|
|
const bg = document.documentElement.getAttribute('data-theme') === 'light' ? GLOBAL_CONFIG.Snackbar.bgLight : GLOBAL_CONFIG.Snackbar.bgDark
|
|
document.styleSheets[0].addRule(':root', '--heo-snackbar-time:' + dur + 'ms!important')
|
|
Snackbar.show({
|
|
text: text,
|
|
backgroundColor: bg,
|
|
showAction: sa,
|
|
duration: dur,
|
|
pos: position
|
|
})
|
|
|
|
},
|
|
|
|
initJustifiedGallery: function (selector) {
|
|
if (!(selector instanceof jQuery)) {
|
|
selector = $(selector)
|
|
}
|
|
selector.each(function (i, o) {
|
|
if ($(this).is(':visible')) {
|
|
$(this).justifiedGallery({
|
|
rowHeight: 220,
|
|
margins: 4
|
|
})
|
|
}
|
|
})
|
|
},
|
|
|
|
diffDate: (d, more = false) => {
|
|
const dateNow = new Date()
|
|
const datePost = new Date(d)
|
|
const dateDiff = dateNow.getTime() - datePost.getTime()
|
|
const minute = 1000 * 60
|
|
const hour = minute * 60
|
|
const day = hour * 24
|
|
const month = day * 30
|
|
|
|
let result
|
|
if (more) {
|
|
const monthCount = dateDiff / month
|
|
const dayCount = dateDiff / day
|
|
const hourCount = dateDiff / hour
|
|
const minuteCount = dateDiff / minute
|
|
|
|
if (monthCount > 12) {
|
|
// result = datePost.toLocaleDateString().replace(/\//g, '-')
|
|
result = datePost.toLocaleDateString()
|
|
} else if (dayCount >= 7) {
|
|
// } else if (monthCount >= 1) {
|
|
result = datePost.toLocaleDateString().substr(5)
|
|
// result = parseInt(monthCount) + ' ' + GLOBAL_CONFIG.date_suffix.month
|
|
} else if (dayCount >= 1) {
|
|
result = parseInt(dayCount) + '' + GLOBAL_CONFIG.date_suffix.day
|
|
} else if (hourCount >= 1) {
|
|
result = '最近'
|
|
// result = parseInt(hourCount) + ' ' + GLOBAL_CONFIG.date_suffix.hour
|
|
} else if (minuteCount >= 1) {
|
|
result = '最近'
|
|
// result = parseInt(minuteCount) + ' ' + GLOBAL_CONFIG.date_suffix.min
|
|
} else {
|
|
result = GLOBAL_CONFIG.date_suffix.just
|
|
}
|
|
} else {
|
|
result = parseInt(dateDiff / day)
|
|
}
|
|
return result
|
|
},
|
|
|
|
loadComment: (dom, callback) => {
|
|
if ('IntersectionObserver' in window) {
|
|
const observerItem = new IntersectionObserver((entries) => {
|
|
if (entries[0].isIntersecting) {
|
|
callback()
|
|
observerItem.disconnect()
|
|
}
|
|
}, {threshold: [0]})
|
|
observerItem.observe(dom)
|
|
} else {
|
|
callback()
|
|
}
|
|
},
|
|
|
|
|
|
scrollToDest: (e,t)=>{
|
|
if (e < 0 || t < 0)
|
|
return;
|
|
const n = window.scrollY || window.screenTop;
|
|
if (e -= 70,
|
|
"CSS"in window && CSS.supports("scroll-behavior", "smooth"))
|
|
return void window.scrollTo({
|
|
top: e,
|
|
behavior: "smooth"
|
|
});
|
|
let o = null;
|
|
t = t || 500,
|
|
window.requestAnimationFrame((function i(s) {
|
|
if (o = o || s,
|
|
n < e) {
|
|
const r = s - o;
|
|
window.scrollTo(0, (e - n) * r / t + n),
|
|
r < t ? window.requestAnimationFrame(i) : window.scrollTo(0, e)
|
|
} else {
|
|
const r = s - o;
|
|
window.scrollTo(0, n - (n - e) * r / t),
|
|
r < t ? window.requestAnimationFrame(i) : window.scrollTo(0, e)
|
|
}
|
|
}
|
|
))
|
|
},
|
|
|
|
fadeIn: (ele, time) => {
|
|
ele.style.cssText = `display:block;animation: to_show ${time}s`
|
|
},
|
|
|
|
fadeOut: (ele, time) => {
|
|
ele.addEventListener('animationend', function f() {
|
|
ele.style.cssText = "display: none; animation: '' "
|
|
ele.removeEventListener('animationend', f)
|
|
})
|
|
ele.style.animation = `to_hide ${time}s`
|
|
},
|
|
|
|
getParents: (elem, selector) => {
|
|
for (; elem && elem !== document; elem = elem.parentNode) {
|
|
if (elem.matches(selector)) return elem
|
|
}
|
|
return null
|
|
},
|
|
|
|
siblings: (ele, selector) => {
|
|
return [...ele.parentNode.children].filter((child) => {
|
|
if (selector) {
|
|
return child !== ele && child.matches(selector)
|
|
}
|
|
return child !== ele
|
|
})
|
|
},
|
|
|
|
/**
|
|
*
|
|
* @param {*} selector
|
|
* @param {*} eleType the type of create element
|
|
* @param {*} id id
|
|
* @param {*} cn class name
|
|
*/
|
|
wrap: function (selector, eleType, id = '', cn = '') {
|
|
const creatEle = document.createElement(eleType)
|
|
if (id) creatEle.id = id
|
|
if (cn) creatEle.className = cn
|
|
selector.parentNode.insertBefore(creatEle, selector)
|
|
creatEle.appendChild(selector)
|
|
},
|
|
|
|
unwrap: function (el) {
|
|
const elParentNode = el.parentNode
|
|
if (elParentNode !== document.body) {
|
|
elParentNode.parentNode.insertBefore(el, elParentNode)
|
|
elParentNode.parentNode.removeChild(elParentNode)
|
|
}
|
|
},
|
|
|
|
isJqueryLoad: (fn) => {
|
|
if (typeof jQuery === 'undefined') {
|
|
getScript(GLOBAL_CONFIG.source.jQuery).then(fn)
|
|
} else {
|
|
fn()
|
|
}
|
|
},
|
|
|
|
isHidden: (ele) => ele.offsetHeight === 0 && ele.offsetWidth === 0,
|
|
|
|
getEleTop: (ele) => {
|
|
let actualTop = ele.offsetTop
|
|
let current = ele.offsetParent
|
|
|
|
while (current !== null) {
|
|
actualTop += current.offsetTop
|
|
current = current.offsetParent
|
|
}
|
|
|
|
return actualTop
|
|
}
|
|
|
|
}
|