!3004 修复: 在分析图设置的UI中添加颜色的中文映射

src/Add-on/ShareView/components/ColorSelect.tsx

@@ -80,6 +80,17 @@ export function ColorSelect({ value, onChange, options }: SelectProps)
         return false;
     };
 
+    const ColorMap = new Map<number, string>([
+        [0, "黑色"],
+        [1, "红色"],
+        [2, "黄色"],
+        [3, "绿色"],
+        [4, "青色"],
+        [5, "蓝色"],
+        [6, "洋红色"],
+        [7, "白色"],
+    ]);
+
     return (
         <div
             ref={containerRef}
@@ -93,6 +104,7 @@ export function ColorSelect({ value, onChange, options }: SelectProps)
                     {value}.
                 </span>
                 <span style={{ background: `rgba(${value === 0 ? "0,0,0,255" : options[value].value.join(",")})`, border: IsLightShadow(options[value].value) ? "1px solid #666" : null }} className="colorBox" />
+                <span> {ColorMap.get(value)}</span>
             </div>
             <div className={"divider"}></div>
             <div className={"caret"}></div>
@@ -114,6 +126,7 @@ export function ColorSelect({ value, onChange, options }: SelectProps)
                         >
                             <span> {option.label}. </span>
                             <span style={{ background: `rgba(${index === 0 ? "0,0,0,255" : option.value.join(",")})`, border: IsLightShadow(option.value) ? "1px solid #666" : null }} className="colorBox" />
+                            <span> {ColorMap.get(parseInt(option.label.toString()))}</span>
                         </li>
                     );
                 })}