更新页面逻辑,添加selectedPaletteKeySet到依赖数组,确保自定义调色板选择的状态正确更新。同时,优化触摸结束事件处理,简化函数参数,提升代码可读性。

This commit is contained in:
zihanjian
2025-05-04 17:00:23 +08:00
parent 121c910fc2
commit ae2bb7ccc0
2 changed files with 2 additions and 2 deletions

View File

@@ -213,7 +213,7 @@ export default function Home() {
setCustomPaletteSelections(initialSelections);
setIsCustomPalette(false);
}
}, []);
}, [selectedPaletteKeySet]); // Add selectedPaletteKeySet to the dependency array
// 更新 activeBeadPalette 基于自定义选择和排除列表
useEffect(() => {

View File

@@ -184,7 +184,7 @@ const PixelatedPreviewCanvas: React.FC<PixelatedPreviewCanvasProps> = ({
};
// 触摸结束时不再自动隐藏提示框
const handleTouchEnd = (event: TouchEvent<HTMLCanvasElement>) => {
const handleTouchEnd = () => {
// 检查是否是手动模式,并且触摸没有移动(判定为点击)
if (isManualColoringMode && !touchMovedRef.current && touchStartPosRef.current) {
// 使用触摸开始时的坐标来执行上色操作