mirror of
https://github.com/SoftFever/OrcaSlicer.git
synced 2025-07-09 15:57:55 -06:00
ENH: model info display UI
Change-Id: I066c0e7f8ce87ec00b1141a1b44430444a819b42 (cherry picked from commit 05907a1a42da82737090d55046974d401f8af057)
This commit is contained in:
parent
0cc953ad41
commit
b4ffa91cb4
343 changed files with 54828 additions and 2 deletions
|
@ -0,0 +1,70 @@
|
|||
import effectInit from '../../shared/effect-init.js';
|
||||
import effectTarget from '../../shared/effect-target.js';
|
||||
import effectVirtualTransitionEnd from '../../shared/effect-virtual-transition-end.js';
|
||||
export default function EffectFade({
|
||||
swiper,
|
||||
extendParams,
|
||||
on
|
||||
}) {
|
||||
extendParams({
|
||||
fadeEffect: {
|
||||
crossFade: false,
|
||||
transformEl: null
|
||||
}
|
||||
});
|
||||
|
||||
const setTranslate = () => {
|
||||
const {
|
||||
slides
|
||||
} = swiper;
|
||||
const params = swiper.params.fadeEffect;
|
||||
|
||||
for (let i = 0; i < slides.length; i += 1) {
|
||||
const $slideEl = swiper.slides.eq(i);
|
||||
const offset = $slideEl[0].swiperSlideOffset;
|
||||
let tx = -offset;
|
||||
if (!swiper.params.virtualTranslate) tx -= swiper.translate;
|
||||
let ty = 0;
|
||||
|
||||
if (!swiper.isHorizontal()) {
|
||||
ty = tx;
|
||||
tx = 0;
|
||||
}
|
||||
|
||||
const slideOpacity = swiper.params.fadeEffect.crossFade ? Math.max(1 - Math.abs($slideEl[0].progress), 0) : 1 + Math.min(Math.max($slideEl[0].progress, -1), 0);
|
||||
const $targetEl = effectTarget(params, $slideEl);
|
||||
$targetEl.css({
|
||||
opacity: slideOpacity
|
||||
}).transform(`translate3d(${tx}px, ${ty}px, 0px)`);
|
||||
}
|
||||
};
|
||||
|
||||
const setTransition = duration => {
|
||||
const {
|
||||
transformEl
|
||||
} = swiper.params.fadeEffect;
|
||||
const $transitionElements = transformEl ? swiper.slides.find(transformEl) : swiper.slides;
|
||||
$transitionElements.transition(duration);
|
||||
effectVirtualTransitionEnd({
|
||||
swiper,
|
||||
duration,
|
||||
transformEl,
|
||||
allSlides: true
|
||||
});
|
||||
};
|
||||
|
||||
effectInit({
|
||||
effect: 'fade',
|
||||
swiper,
|
||||
on,
|
||||
setTranslate,
|
||||
setTransition,
|
||||
overwriteParams: () => ({
|
||||
slidesPerView: 1,
|
||||
slidesPerGroup: 1,
|
||||
watchSlidesProgress: true,
|
||||
spaceBetween: 0,
|
||||
virtualTranslate: !swiper.params.cssMode
|
||||
})
|
||||
});
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue