saul365/LoveIt
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore(lib): update animate.css 3.7.2 -> 4.1.1

Browse Source
This commit is contained in:
Dillon
2022-05-07 02:22:58 +08:00
parent 09ea77eff1
commit 7930049e55
10 changed files with 39 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/js/theme.js
View File

@@ -18,9 +18,9 @@ class Util {
animateCSS(element, animation, reserved, callback) {
if (!Array.isArray(animation)) animation = [animation];
element.classList.add('animated', ...animation);
element.classList.add('animate__animated', ...animation);
const handler = () => {
element.classList.remove('animated', ...animation);
element.classList.remove('animate__animated', ...animation);
element.removeEventListener('animationend', handler);
if (typeof callback === 'function') callback();
};
@@ -373,7 +373,7 @@ class Theme {
$copy.title = this.config.code.copyTitle;
const clipboard = new ClipboardJS($copy);
clipboard.on('success', _e => {
this.util.animateCSS($code, 'flash');
this.util.animateCSS($code, 'animate__flash');
});
$header.appendChild($copy);
}
@@ -658,26 +658,26 @@ class Theme {
const isMobile = this.util.isMobile();
this.util.forEach($headers, $header => {
if (scroll > ACCURACY) {
$header.classList.remove('fadeInDown');
this.util.animateCSS($header, ['fadeOutUp', 'faster'], true);
$header.classList.remove('animate__fadeInDown');
this.util.animateCSS($header, ['animate__fadeOutUp', 'animate__faster'], true);
} else if (scroll < - ACCURACY) {
$header.classList.remove('fadeOutUp');
this.util.animateCSS($header, ['fadeInDown', 'faster'], true);
$header.classList.remove('animate__fadeOutUp');
this.util.animateCSS($header, ['animate__fadeInDown', 'animate__faster'], true);
}
});
if (this.newScrollTop > MINIMUM) {
if (isMobile && scroll > ACCURACY) {
$fixedButtons.classList.remove('fadeIn');
this.util.animateCSS($fixedButtons, ['fadeOut', 'faster'], true);
$fixedButtons.classList.remove('animate__fadeIn');
this.util.animateCSS($fixedButtons, ['animate__fadeOut', 'animate__faster'], true);
} else if (!isMobile || scroll < - ACCURACY) {
$fixedButtons.style.display = 'block';
$fixedButtons.classList.remove('fadeOut');
this.util.animateCSS($fixedButtons, ['fadeIn', 'faster'], true);
$fixedButtons.classList.remove('animate__fadeOut');
this.util.animateCSS($fixedButtons, ['animate__fadeIn', 'animate__faster'], true);
}
} else {
if (!isMobile) {
$fixedButtons.classList.remove('fadeIn');
this.util.animateCSS($fixedButtons, ['fadeOut', 'faster'], true);
$fixedButtons.classList.remove('animate__fadeIn');
this.util.animateCSS($fixedButtons, ['animate__fadeOut', 'animate__faster'], true);
}
$fixedButtons.style.display = 'none';
}