\`)();
web.insert(_el$4, (() => {
var _c$ = web.memo(() => !!store.gridMode);
return () => _c$() ? getImgTip(img.index) : '';
})());
web.effect(() => web.className(_el$4, modules_c21c94f2$1.gridModeTip));
return _el$4;
}
}), null);
web.effect(_p$ => {
var _v$4 = modules_c21c94f2$1.img,
_v$5 = \`_\${img.index}_\${props.cloneIndex ?? 0}\`,
_v$6 = showState(),
_v$7 = img.type ?? store.defaultImgType,
_v$8 = img.loadType === 'loaded' ? undefined : img.loadType;
_v$4 !== _p$.e && web.className(_el$, _p$.e = _v$4);
_v$5 !== _p$.t && web.setAttribute(_el$, "id", _p$.t = _v$5);
_v$6 !== _p$.a && web.setAttribute(_el$, "data-show", _p$.a = _v$6);
_v$7 !== _p$.o && web.setAttribute(_el$, "data-type", _p$.o = _v$7);
_v$8 !== _p$.i && web.setAttribute(_el$, "data-load-type", _p$.i = _v$8);
return _p$;
}, {
e: undefined,
t: undefined,
a: undefined,
o: undefined,
i: undefined
});
return _el$;
})();
return [web.createComponent(_ComicImg, {}), web.createComponent(solidJs.Show, {
get when() {
return renderClone();
},
get children() {
return web.createComponent(solidJs.For, {
get each() {
return Array.from({
length: cloneNum()
});
},
children: (_, i) => web.createComponent(_ComicImg, {
get cloneIndex() {
return i() + 1;
}
})
});
}
})];
};
// 目前即使是不显示的图片也必须挂载上，否则解析好的图片会被浏览器垃圾回收掉，
// 导致在 ehentai 上无法正常加载图片。但这样会在图片过多时造成性能问题，
// 虽然也尝试了将解析好的 Image 对象存储起来挂上引用和另外放到一个避免渲染的 dom 下，
// 但也都失败了，只能暂时先不管了。
// 之后尝试新方案时必须经过如下测试：开个几百页的漫画加载完毕后，再打开二十个标签页切换过去，
const EmptyTip = () => {
let ref; // oxlint-disable-line no-unassigned-vars
helper.onAutoMount(() => {
let timeoutId = 0;
const observer = new IntersectionObserver(([{
isIntersecting
}]) => {
if (!isIntersecting) return;
timeoutId = window.setTimeout(() => {
ref?.style.removeProperty('opacity');
timeoutId = 0;
}, 2000);
}, {
threshold: 1
});
observer.observe(ref);
return () => {
observer.disconnect();
if (timeoutId) clearTimeout(timeoutId);
};
});
return (() => {
var _el$ = web.template(\`\`)();
var _ref$ = ref;
typeof _ref$ === "function" ? web.use(_ref$, _el$) : ref = _el$;
web.setStyleProperty(_el$, "opacity", "0");
_el$.textContent = "NULL";
return _el$;
})();
};
const ComicImgFlow = () => {
const {
hiddenMouse,
onMouseMove
} = useHiddenMouse();
const handleDrag = (state, e) => {
if (store.gridMode) return;
if (touches.size > 1) return handlePinchZoom(state);
if (store.option.zoom.ratio !== 100) return handleZoomDrag(state);
if (store.option.scrollMode.enabled) return handleScrollModeDrag(state, e);
return handleMangaFlowDrag(state);
};
solidJs.onMount(() => {
helper.useDrag({
ref: refs.mangaBox,
handleDrag,
handleClick,
touches
});
bindScrollTop(refs.mangaBox);
});
const handleTransitionEnd = () => {
if (store.isDragMode) return;
setState(state => {
if (store.option.zoom.ratio === 100) resetPage(state, false);else state.page.anima = '';
});
};
/** 在当前页之前有图片被加载出来，导致内容高度发生变化后，重新滚动页面，确保当前显示位置不变 */
helper.createEffectOn([() => store.showRange[0], () => imgTopList()[store.showRange[0]], imgTopList], ([showImg, height, topList], prev) => {
if (!prev || !height || !isScrollMode()) return;
const [prevShowImg, prevHeight, prevTopList] = prev;
if (showImg !== prevShowImg || prevTopList === topList || prevHeight === height) return;
scrollTo(scrollTop() + height - prevHeight);
// 目前还是会有轻微偏移，但考虑到大部分情况下都是顺序阅读，本身出现概率就低，就不继续排查优化了
});
const pageToText = page => \`\${(page.length === 1 ? [page[0], page[0]] : page).map(i => i === -1 ? '.' : \`_\${i}\`).join(' ')}\`;
const gridAreas = solidJs.createMemo(() => {
if (store.pageList.length === 0) return undefined;
if (store.gridMode) {
let columnNum;
if (store.isMobile) columnNum = 2;else if (store.defaultImgType === 'vertical') columnNum = 6;else if (isOnePageMode()) columnNum = 4;else columnNum = 2;
const areaList = [[]];
for (const page of store.pageList) {
if (areaList.at(-1).length === columnNum) areaList.push([]);
areaList.at(-1).push(pageToText(page));
}
while (areaList.at(-1).length !== columnNum) areaList.at(-1).push('. .');
return areaList.map(line => \`"\${line.join(' ')}"\`).join('\\n') || undefined;
}
if (store.option.scrollMode.enabled) {
if (store.option.scrollMode.abreastMode) return \`"\${helper.range(abreastArea().columns.length, i => \`_\${i}\`).join(' ')}"\`;
if (store.option.scrollMode.doubleMode) return store.pageList.map(page => \`"\${pageToText(page)}"\`).join('\\n');
return helper.range(store.imgList.length, i => \`"_\${i}"\`).join('\\n');
}
return store.page.vertical ? store.pageList.slice(store.renderRange[0], store.renderRange[1] + 1).map(page => \`"\${pageToText(page)}"\`).join('\\n') : \`"\${store.pageList.slice(store.renderRange[0], store.renderRange[1] + 1).map(pageToText).join(' ')}"\`;
});
useStyleMemo(\`.\${modules_c21c94f2$1.mangaBox}\`, {
transform: () => \`translate(\${store.option.zoom.offset.x}px, \${store.option.zoom.offset.y}px)
scale(\${store.option.zoom.ratio / 100})\`
});
const pageX = solidJs.createMemo(() => {
if (store.gridMode || isScrollMode()) return 0;
let x = store.page.offset.x.pct * store.rootSize.width + store.page.offset.x.px;
if (store.option.dir !== 'rtl') x = -x;
return x;
});
useStyleMemo(\`#\${modules_c21c94f2$1.mangaFlow}\`, {
// 不能使用 transform 来移动，不然在 Safari 浏览器上悬浮显示时
// 每次滚动底下的网页时 mangaFlow 都会闪烁一下，在简易模式下会频繁触发
left: () => \`\${pageX()}px\`,
top: () => \`\${store.page.offset.y.pct * store.rootSize.height + store.page.offset.y.px}px\`,
'touch-action': function () {
if (store.gridMode) return 'auto';
if (store.option.zoom.ratio !== 100) {
if (!store.option.scrollMode.enabled) return 'none';
if (store.option.zoom.offset.y === 0) return 'pan-up';
if (store.option.zoom.offset.y === bound().y) return 'pan-down';
}
},
'grid-template-areas': gridAreas,
'grid-template-columns': function () {
if (store.imgList.length === 0 || store.gridMode) return undefined;
if (store.option.scrollMode.enabled) {
if (store.option.scrollMode.abreastMode) return \`repeat(\${abreastArea().columns.length}, \${abreastColumnWidth()}px)\`;
if (store.option.scrollMode.doubleMode) return \`50% 50%\`;
return undefined;
}
if (store.page.vertical) return '50% 50%';
return \`repeat(\${gridAreas()?.split(' ').length ?? 0}, 50%)\`;
},
'grid-template-rows': function () {
if (store.gridMode) return undefined;
if (isDoubleMode()) return doubleScrollLineHeight().map(num => \`\${num}px\`).join(' ');
if (isScrollMode()) return imgList().map(({
size: {
height
}
}) => \`\${height}px\`).join(' ');
},
'background-color': () => isEnableBg() ? getImg(activeImgIndex())?.background : undefined
});
useStyle(imgAreaStyle);
return (() => {
var _el$ = web.template(\`
\`)();
var _ref$ = ref;
typeof _ref$ === "function" ? web.use(_ref$, _el$) : ref = _el$;
web.setStyleProperty(_el$, "opacity", "0");
_el$.textContent = "NULL";
return _el$;
})();
};
const ComicImgFlow = () => {
const {
hiddenMouse,
onMouseMove
} = useHiddenMouse();
const handleDrag = (state, e) => {
if (store.gridMode) return;
if (touches.size > 1) return handlePinchZoom(state);
if (store.option.zoom.ratio !== 100) return handleZoomDrag(state);
if (store.option.scrollMode.enabled) return handleScrollModeDrag(state, e);
return handleMangaFlowDrag(state);
};
solidJs.onMount(() => {
helper.useDrag({
ref: refs.mangaBox,
handleDrag,
handleClick,
touches
});
bindScrollTop(refs.mangaBox);
});
const handleTransitionEnd = () => {
if (store.isDragMode) return;
setState(state => {
if (store.option.zoom.ratio === 100) resetPage(state, false);else state.page.anima = '';
});
};
/** 在当前页之前有图片被加载出来，导致内容高度发生变化后，重新滚动页面，确保当前显示位置不变 */
helper.createEffectOn([() => store.showRange[0], () => imgTopList()[store.showRange[0]], imgTopList], ([showImg, height, topList], prev) => {
if (!prev || !height || !isScrollMode()) return;
const [prevShowImg, prevHeight, prevTopList] = prev;
if (showImg !== prevShowImg || prevTopList === topList || prevHeight === height) return;
scrollTo(scrollTop() + height - prevHeight);
// 目前还是会有轻微偏移，但考虑到大部分情况下都是顺序阅读，本身出现概率就低，就不继续排查优化了
});
const pageToText = page => \`\${(page.length === 1 ? [page[0], page[0]] : page).map(i => i === -1 ? '.' : \`_\${i}\`).join(' ')}\`;
const gridAreas = solidJs.createMemo(() => {
if (store.pageList.length === 0) return undefined;
if (store.gridMode) {
let columnNum;
if (store.isMobile) columnNum = 2;else if (store.defaultImgType === 'vertical') columnNum = 6;else if (isOnePageMode()) columnNum = 4;else columnNum = 2;
const areaList = [[]];
for (const page of store.pageList) {
if (areaList.at(-1).length === columnNum) areaList.push([]);
areaList.at(-1).push(pageToText(page));
}
while (areaList.at(-1).length !== columnNum) areaList.at(-1).push('. .');
return areaList.map(line => \`"\${line.join(' ')}"\`).join('\\n') || undefined;
}
if (store.option.scrollMode.enabled) {
if (store.option.scrollMode.abreastMode) return \`"\${helper.range(abreastArea().columns.length, i => \`_\${i}\`).join(' ')}"\`;
if (store.option.scrollMode.doubleMode) return store.pageList.map(page => \`"\${pageToText(page)}"\`).join('\\n');
return helper.range(store.imgList.length, i => \`"_\${i}"\`).join('\\n');
}
return store.page.vertical ? store.pageList.slice(store.renderRange[0], store.renderRange[1] + 1).map(page => \`"\${pageToText(page)}"\`).join('\\n') : \`"\${store.pageList.slice(store.renderRange[0], store.renderRange[1] + 1).map(pageToText).join(' ')}"\`;
});
useStyleMemo(\`.\${modules_c21c94f2$1.mangaBox}\`, {
transform: () => \`translate(\${store.option.zoom.offset.x}px, \${store.option.zoom.offset.y}px)
scale(\${store.option.zoom.ratio / 100})\`
});
const pageX = solidJs.createMemo(() => {
if (store.gridMode || isScrollMode()) return 0;
let x = store.page.offset.x.pct * store.rootSize.width + store.page.offset.x.px;
if (store.option.dir !== 'rtl') x = -x;
return x;
});
useStyleMemo(\`#\${modules_c21c94f2$1.mangaFlow}\`, {
// 不能使用 transform 来移动，不然在 Safari 浏览器上悬浮显示时
// 每次滚动底下的网页时 mangaFlow 都会闪烁一下，在简易模式下会频繁触发
left: () => \`\${pageX()}px\`,
top: () => \`\${store.page.offset.y.pct * store.rootSize.height + store.page.offset.y.px}px\`,
'touch-action': function () {
if (store.gridMode) return 'auto';
if (store.option.zoom.ratio !== 100) {
if (!store.option.scrollMode.enabled) return 'none';
if (store.option.zoom.offset.y === 0) return 'pan-up';
if (store.option.zoom.offset.y === bound().y) return 'pan-down';
}
},
'grid-template-areas': gridAreas,
'grid-template-columns': function () {
if (store.imgList.length === 0 || store.gridMode) return undefined;
if (store.option.scrollMode.enabled) {
if (store.option.scrollMode.abreastMode) return \`repeat(\${abreastArea().columns.length}, \${abreastColumnWidth()}px)\`;
if (store.option.scrollMode.doubleMode) return \`50% 50%\`;
return undefined;
}
if (store.page.vertical) return '50% 50%';
return \`repeat(\${gridAreas()?.split(' ').length ?? 0}, 50%)\`;
},
'grid-template-rows': function () {
if (store.gridMode) return undefined;
if (isDoubleMode()) return doubleScrollLineHeight().map(num => \`\${num}px\`).join(' ');
if (isScrollMode()) return imgList().map(({
size: {
height
}
}) => \`\${height}px\`).join(' ');
},
'background-color': () => isEnableBg() ? getImg(activeImgIndex())?.background : undefined
});
useStyle(imgAreaStyle);
return (() => {
var _el$ = web.template(\`\`)(),
_el$2 = _el$.firstChild;
web.addEventListener(_el$, "scrollend", focus);
_el$.addEventListener("transitionend", handleTransitionEnd);
var _ref$ = bindRef('mangaBox');
typeof _ref$ === "function" && web.use(_ref$, _el$);
_el$2.addEventListener("transitionend", handleTransitionEnd);
web.addEventListener(_el$2, "mousemove", onMouseMove);
var _ref$2 = bindRef('mangaFlow');
typeof _ref$2 === "function" && web.use(_ref$2, _el$2);
web.insert(_el$2, web.createComponent(solidJs.Index, {
get each() {
return imgList();
},
get fallback() {
return web.createComponent(EmptyTip, {});
},
children: (img, i) => web.createComponent(ComicImg, web.mergeProps({
index: i
}, img))
}));
web.effect(_p$ => {
var _v$ = \`\${modules_c21c94f2$1.mangaBox} \${modules_c21c94f2$1.beautifyScrollbar}\`,
_v$2 = store.page.anima,
_v$3 = helper.boolDataVal(store.option.scrollMode.abreastMode),
_v$4 = modules_c21c94f2$1.mangaFlow,
_v$5 = store.option.dir,
_v$6 = \`\${modules_c21c94f2$1.mangaFlow} \${modules_c21c94f2$1.beautifyScrollbar}\`,
_v$7 = helper.boolDataVal(store.option.disableZoom && !store.option.scrollMode.enabled),
_v$8 = helper.boolDataVal(store.option.zoom.ratio !== 100),
_v$9 = helper.boolDataVal(store.page.vertical),
_v$0 = !store.gridMode && store.option.autoHiddenMouse && hiddenMouse(),
_v$1 = helper.boolDataVal(store.option.scrollMode.fitToWidth);
_v$ !== _p$.e && web.className(_el$, _p$.e = _v$);
_v$2 !== _p$.t && web.setAttribute(_el$, "data-animation", _p$.t = _v$2);
_v$3 !== _p$.a && web.setAttribute(_el$, "data-abreast-scroll", _p$.a = _v$3);
_v$4 !== _p$.o && web.setAttribute(_el$2, "id", _p$.o = _v$4);
_v$5 !== _p$.i && web.setAttribute(_el$2, "dir", _p$.i = _v$5);
_v$6 !== _p$.n && web.className(_el$2, _p$.n = _v$6);
_v$7 !== _p$.s && web.setAttribute(_el$2, "data-disable-zoom", _p$.s = _v$7);
_v$8 !== _p$.h && web.setAttribute(_el$2, "data-scale-mode", _p$.h = _v$8);
_v$9 !== _p$.r && web.setAttribute(_el$2, "data-vertical", _p$.r = _v$9);
_v$0 !== _p$.d && web.setAttribute(_el$2, "data-hidden-mouse", _p$.d = _v$0);
_v$1 !== _p$.l && web.setAttribute(_el$2, "data-fit-width", _p$.l = _v$1);
return _p$;
}, {
e: undefined,
t: undefined,
a: undefined,
o: undefined,
i: undefined,
n: undefined,
s: undefined,
h: undefined,
r: undefined,
d: undefined,
l: undefined
});
return _el$;
})();
};
const areaArrayMap = {
left_right: [['prev', 'menu', 'next'], ['PREV', 'MENU', 'NEXT'], ['prev', 'menu', 'next']],
up_down: [['prev', 'PREV', 'prev'], ['menu', 'MENU', 'menu'], ['next', 'NEXT', 'next']],
edge: [['next', 'menu', 'next'], ['NEXT', 'MENU', 'NEXT'], ['next', 'PREV', 'next']],
l: [['PREV', 'prev', 'prev'], ['prev', 'MENU', 'next'], ['next', 'next', 'NEXT']]
};
const areaType = helper.createRootMemo(() => Reflect.has(areaArrayMap, store.option.clickPageTurn.area) ? store.option.clickPageTurn.area : 'left_right');
const dir = helper.createRootMemo(() => {
if (!store.option.clickPageTurn.reverse) return store.option.dir;
return store.option.dir === 'rtl' ? 'ltr' : 'rtl';
});
const TouchArea = () => (() => {
var _el$ = web.template(\`\`)();
var _ref$ = bindRef('touchArea');
typeof _ref$ === "function" && web.use(_ref$, _el$);
web.insert(_el$, web.createComponent(solidJs.For, {
get each() {
return areaArrayMap[areaType()];
},
children: rows => web.createComponent(solidJs.For, {
each: rows,
children: area => (() => {
var _el$2 = web.template(\`\`)();
web.setAttribute(_el$2, "data-area", area);
web.effect(() => web.className(_el$2, modules_c21c94f2$1.touchArea));
return _el$2;
})()
})
}));
web.effect(_p$ => {
var _v$ = modules_c21c94f2$1.touchAreaRoot,
_v$2 = dir(),
_v$3 = helper.boolDataVal(store.show.touchArea),
_v$4 = areaType(),
_v$5 = helper.boolDataVal(store.option.clickPageTurn.enabled && !store.option.scrollMode.enabled);
_v$ !== _p$.e && web.className(_el$, _p$.e = _v$);
_v$2 !== _p$.t && web.setAttribute(_el$, "dir", _p$.t = _v$2);
_v$3 !== _p$.a && web.setAttribute(_el$, "data-show", _p$.a = _v$3);
_v$4 !== _p$.o && web.setAttribute(_el$, "data-area", _p$.o = _v$4);
_v$5 !== _p$.i && web.setAttribute(_el$, "data-turn-page", _p$.i = _v$5);
return _p$;
}, {
e: undefined,
t: undefined,
a: undefined,
o: undefined,
i: undefined
});
return _el$;
})();
let delayTypeTimer = 0;
const EndPage = () => {
const handleClick = e => {
e.stopPropagation();
if (e.target?.nodeName !== 'BUTTON') setState('show', 'endPage', undefined);
focus();
};
let ref; // oxlint-disable-line no-unassigned-vars
const [isDrag, setIsDrag] = solidJs.createSignal(false);
const [dragY, setDragY] = solidJs.createSignal(0);
const handleDrag = ({
type,
xy: [, y],
initial: [, iy],
startTime
}) => {
switch (type) {
case 'down':
return setIsDrag(true);
case 'move':
return setDragY(y - iy);
}
const pageDir = getTurnPageDir(-dragY(), store.rootSize.height / 2, startTime);
if (pageDir) turnPage(pageDir);
setDragY(0);
setIsDrag(false);
};
solidJs.onMount(() => {
ref.addEventListener('wheel', e => {
e.preventDefault();
e.stopPropagation();
turnPage(e.deltaY > 0 ? 'next' : 'prev');
}, {
passive: false
});
helper.useDrag({
ref,
handleDrag,
skip: e => e.target.matches(\`.\${modules_c21c94f2$1.comments}, .\${modules_c21c94f2$1.comments} *\`)
});
});
// state.show.endPage 变量的延时版本，在隐藏的动画效果结束之后才会真正改变
// 防止在动画效果结束前 tip 就消失或改变了位置
const [delayType, setDelayType] = solidJs.createSignal();
solidJs.createEffect(() => {
if (store.show.endPage) {
window.clearTimeout(delayTypeTimer);
setDelayType(store.show.endPage);
} else {
delayTypeTimer = window.setTimeout(() => setDelayType(store.show.endPage), 500);
}
});
const tip = solidJs.createMemo(() => {
if (store.option.scroolEnd === 'none') return '';
switch (delayType()) {
case 'start':
if (!store.prop.onPrev || store.option.scroolEnd !== 'auto') break;
return helper.t('end_page.tip.start_jump');
case 'end':
if (store.prop.onNext && store.option.scroolEnd === 'auto') return helper.t('end_page.tip.end_jump');
if (store.prop.onExit) return helper.t('end_page.tip.exit');
}
return '';
});
return (() => {
var _el$ = web.template(\`
\`)(),
_el$2 = _el$.firstChild;
web.addEventListener(_el$, "scrollend", focus);
_el$.addEventListener("transitionend", handleTransitionEnd);
var _ref$ = bindRef('mangaBox');
typeof _ref$ === "function" && web.use(_ref$, _el$);
_el$2.addEventListener("transitionend", handleTransitionEnd);
web.addEventListener(_el$2, "mousemove", onMouseMove);
var _ref$2 = bindRef('mangaFlow');
typeof _ref$2 === "function" && web.use(_ref$2, _el$2);
web.insert(_el$2, web.createComponent(solidJs.Index, {
get each() {
return imgList();
},
get fallback() {
return web.createComponent(EmptyTip, {});
},
children: (img, i) => web.createComponent(ComicImg, web.mergeProps({
index: i
}, img))
}));
web.effect(_p$ => {
var _v$ = \`\${modules_c21c94f2$1.mangaBox} \${modules_c21c94f2$1.beautifyScrollbar}\`,
_v$2 = store.page.anima,
_v$3 = helper.boolDataVal(store.option.scrollMode.abreastMode),
_v$4 = modules_c21c94f2$1.mangaFlow,
_v$5 = store.option.dir,
_v$6 = \`\${modules_c21c94f2$1.mangaFlow} \${modules_c21c94f2$1.beautifyScrollbar}\`,
_v$7 = helper.boolDataVal(store.option.disableZoom && !store.option.scrollMode.enabled),
_v$8 = helper.boolDataVal(store.option.zoom.ratio !== 100),
_v$9 = helper.boolDataVal(store.page.vertical),
_v$0 = !store.gridMode && store.option.autoHiddenMouse && hiddenMouse(),
_v$1 = helper.boolDataVal(store.option.scrollMode.fitToWidth);
_v$ !== _p$.e && web.className(_el$, _p$.e = _v$);
_v$2 !== _p$.t && web.setAttribute(_el$, "data-animation", _p$.t = _v$2);
_v$3 !== _p$.a && web.setAttribute(_el$, "data-abreast-scroll", _p$.a = _v$3);
_v$4 !== _p$.o && web.setAttribute(_el$2, "id", _p$.o = _v$4);
_v$5 !== _p$.i && web.setAttribute(_el$2, "dir", _p$.i = _v$5);
_v$6 !== _p$.n && web.className(_el$2, _p$.n = _v$6);
_v$7 !== _p$.s && web.setAttribute(_el$2, "data-disable-zoom", _p$.s = _v$7);
_v$8 !== _p$.h && web.setAttribute(_el$2, "data-scale-mode", _p$.h = _v$8);
_v$9 !== _p$.r && web.setAttribute(_el$2, "data-vertical", _p$.r = _v$9);
_v$0 !== _p$.d && web.setAttribute(_el$2, "data-hidden-mouse", _p$.d = _v$0);
_v$1 !== _p$.l && web.setAttribute(_el$2, "data-fit-width", _p$.l = _v$1);
return _p$;
}, {
e: undefined,
t: undefined,
a: undefined,
o: undefined,
i: undefined,
n: undefined,
s: undefined,
h: undefined,
r: undefined,
d: undefined,
l: undefined
});
return _el$;
})();
};
const areaArrayMap = {
left_right: [['prev', 'menu', 'next'], ['PREV', 'MENU', 'NEXT'], ['prev', 'menu', 'next']],
up_down: [['prev', 'PREV', 'prev'], ['menu', 'MENU', 'menu'], ['next', 'NEXT', 'next']],
edge: [['next', 'menu', 'next'], ['NEXT', 'MENU', 'NEXT'], ['next', 'PREV', 'next']],
l: [['PREV', 'prev', 'prev'], ['prev', 'MENU', 'next'], ['next', 'next', 'NEXT']]
};
const areaType = helper.createRootMemo(() => Reflect.has(areaArrayMap, store.option.clickPageTurn.area) ? store.option.clickPageTurn.area : 'left_right');
const dir = helper.createRootMemo(() => {
if (!store.option.clickPageTurn.reverse) return store.option.dir;
return store.option.dir === 'rtl' ? 'ltr' : 'rtl';
});
const TouchArea = () => (() => {
var _el$ = web.template(\`
\`)();
var _ref$ = bindRef('touchArea');
typeof _ref$ === "function" && web.use(_ref$, _el$);
web.insert(_el$, web.createComponent(solidJs.For, {
get each() {
return areaArrayMap[areaType()];
},
children: rows => web.createComponent(solidJs.For, {
each: rows,
children: area => (() => {
var _el$2 = web.template(\`
\`)();
web.setAttribute(_el$2, "data-area", area);
web.effect(() => web.className(_el$2, modules_c21c94f2$1.touchArea));
return _el$2;
})()
})
}));
web.effect(_p$ => {
var _v$ = modules_c21c94f2$1.touchAreaRoot,
_v$2 = dir(),
_v$3 = helper.boolDataVal(store.show.touchArea),
_v$4 = areaType(),
_v$5 = helper.boolDataVal(store.option.clickPageTurn.enabled && !store.option.scrollMode.enabled);
_v$ !== _p$.e && web.className(_el$, _p$.e = _v$);
_v$2 !== _p$.t && web.setAttribute(_el$, "dir", _p$.t = _v$2);
_v$3 !== _p$.a && web.setAttribute(_el$, "data-show", _p$.a = _v$3);
_v$4 !== _p$.o && web.setAttribute(_el$, "data-area", _p$.o = _v$4);
_v$5 !== _p$.i && web.setAttribute(_el$, "data-turn-page", _p$.i = _v$5);
return _p$;
}, {
e: undefined,
t: undefined,
a: undefined,
o: undefined,
i: undefined
});
return _el$;
})();
let delayTypeTimer = 0;
const EndPage = () => {
const handleClick = e => {
e.stopPropagation();
if (e.target?.nodeName !== 'BUTTON') setState('show', 'endPage', undefined);
focus();
};
let ref; // oxlint-disable-line no-unassigned-vars
const [isDrag, setIsDrag] = solidJs.createSignal(false);
const [dragY, setDragY] = solidJs.createSignal(0);
const handleDrag = ({
type,
xy: [, y],
initial: [, iy],
startTime
}) => {
switch (type) {
case 'down':
return setIsDrag(true);
case 'move':
return setDragY(y - iy);
}
const pageDir = getTurnPageDir(-dragY(), store.rootSize.height / 2, startTime);
if (pageDir) turnPage(pageDir);
setDragY(0);
setIsDrag(false);
};
solidJs.onMount(() => {
ref.addEventListener('wheel', e => {
e.preventDefault();
e.stopPropagation();
turnPage(e.deltaY > 0 ? 'next' : 'prev');
}, {
passive: false
});
helper.useDrag({
ref,
handleDrag,
skip: e => e.target.matches(\`.\${modules_c21c94f2$1.comments}, .\${modules_c21c94f2$1.comments} *\`)
});
});
// state.show.endPage 变量的延时版本，在隐藏的动画效果结束之后才会真正改变
// 防止在动画效果结束前 tip 就消失或改变了位置
const [delayType, setDelayType] = solidJs.createSignal();
solidJs.createEffect(() => {
if (store.show.endPage) {
window.clearTimeout(delayTypeTimer);
setDelayType(store.show.endPage);
} else {
delayTypeTimer = window.setTimeout(() => setDelayType(store.show.endPage), 500);
}
});
const tip = solidJs.createMemo(() => {
if (store.option.scroolEnd === 'none') return '';
switch (delayType()) {
case 'start':
if (!store.prop.onPrev || store.option.scroolEnd !== 'auto') break;
return helper.t('end_page.tip.start_jump');
case 'end':
if (store.prop.onNext && store.option.scroolEnd === 'auto') return helper.t('end_page.tip.end_jump');
if (store.prop.onExit) return helper.t('end_page.tip.exit');
}
return '';
});
return (() => {
var _el$ = web.template(\`