name

CLAUDE.md

@@ -169,6 +169,7 @@ Apache 2.0
 
 #### 3.2.1 设计理念
 基于 `colorSystemMapping.json` 构建的智能色板系统，对用户完全透明化 hex 值，只显示当前选择店家的色号命名。
+在软件内部流转的数据一律根据 hex值来，但是对用户只显示当前用户选择的色号对应的值。
 
 #### 3.2.2 核心功能
 

src/app/studio/page.tsx

@@ -19,7 +19,7 @@ import {
   sortRegionsBySize,
   getConnectedRegion
 } from '../../utils/floodFillUtils';
-import FocusCanvas from '../../components/FocusCanvas';
+import UnifiedCanvas from '../../components/UnifiedCanvas';
 import ColorStatusBar from '../../components/ColorStatusBar';
 import ProgressBar from '../../components/ProgressBar';
 import ToolBar from '../../components/ToolBar';
@@ -542,7 +542,7 @@ export default function FocusMode() {
     
     const { row, col } = focusState.recommendedCell;
     
-    // 计算格子大小（与FocusCanvas中的计算保持一致）
+    // 计算格子大小（与UnifiedCanvas中的计算保持一致）
     const cellSize = Math.max(15, Math.min(40, 300 / Math.max(gridDimensions.N, gridDimensions.M)));
     
     // 计算目标格子在画布上的中心位置（像素坐标）
@@ -1100,7 +1100,7 @@ export default function FocusMode() {
 
       {/* 主画布区域 */}
       <div className="flex-1 relative overflow-hidden">
-        <FocusCanvas
+        <UnifiedCanvas
           mappedPixelData={mappedPixelData}
           gridDimensions={gridDimensions}
           currentColor={focusState.editMode === 'focus' ? focusState.currentColor : selectedColor}

src/components/UnifiedCanvas.tsx

@@ -1,7 +1,7 @@
 import React, { useRef, useEffect, useCallback, useState } from 'react';
 import { MappedPixel } from '../utils/pixelation';
 
-interface FocusCanvasProps {
+interface UnifiedCanvasProps {
   mappedPixelData: MappedPixel[][];
   gridDimensions: { N: number; M: number };
   currentColor: string;
@@ -23,7 +23,7 @@ interface FocusCanvasProps {
   onSelectionEnd?: () => void;
 }
 
-const FocusCanvas: React.FC<FocusCanvasProps> = ({
+const UnifiedCanvas: React.FC<UnifiedCanvasProps> = ({
   mappedPixelData,
   gridDimensions,
   currentColor,
@@ -421,4 +421,4 @@ const FocusCanvas: React.FC<FocusCanvasProps> = ({
   );
 };
 
-export default FocusCanvas;
+export default UnifiedCanvas;