diff --git a/src/components/StockChangeIndicators.js b/src/components/StockChangeIndicators.js index 7da56125..aaeba396 100644 --- a/src/components/StockChangeIndicators.js +++ b/src/components/StockChangeIndicators.js @@ -1,13 +1,13 @@ // src/components/StockChangeIndicators.js // 股票涨跌幅指标组件(通用) -import React, { useState } from 'react'; +import React from 'react'; import { Flex, Box, Text, useColorModeValue } from '@chakra-ui/react'; import { TriangleUpIcon, TriangleDownIcon } from '@chakra-ui/icons'; import { getChangeColor } from '../utils/colorUtils'; /** - * 股票涨跌幅指标组件(2个指标:超额涨幅可切换 + 超预期得分) + * 股票涨跌幅指标组件(3个指标:平均超额、最大超额、超预期得分) * @param {Object} props * @param {number} props.avgChange - 平均超额涨幅 * @param {number} props.maxChange - 最大超额涨幅 @@ -20,9 +20,6 @@ const StockChangeIndicators = ({ expectationScore, size = 'default', }) => { - // 点击切换显示最大超额/平均超额 - const [showMax, setShowMax] = useState(true); - const isLarge = size === 'large'; const isComfortable = size === 'comfortable'; const isDefault = size === 'default'; @@ -71,11 +68,8 @@ const StockChangeIndicators = ({ : useColorModeValue('green.200', 'green.700'); }; - // 渲染可切换的超额指标(最大超额/平均超额) - const renderToggleIndicator = () => { - const value = showMax ? maxChange : avgChange; - const label = showMax ? '最大超额' : '平均超额'; - + // 渲染单个指标 + const renderIndicator = (label, value) => { if (value == null) return null; const sign = value > 0 ? '+' : '-'; @@ -101,13 +95,6 @@ const StockChangeIndicators = ({ maxW={isLarge ? "200px" : "none"} flex="0 1 auto" minW="0" - cursor="pointer" - onClick={(e) => { - e.stopPropagation(); - setShowMax(!showMax); - }} - _hover={{ opacity: 0.85 }} - title={`点击切换${showMax ? '平均超额' : '最大超额'}`} > {/* Large 和 Default 模式:标签单独一行 */} {(isLarge || isDefault) && ( @@ -242,9 +229,8 @@ const StockChangeIndicators = ({ return ( - {/* 可切换的超额指标(最大超额/平均超额) */} - {renderToggleIndicator()} - {/* 超预期得分 */} + {renderIndicator('平均超额', avgChange)} + {renderIndicator('最大超额', maxChange)} {renderScoreIndicator('超预期', expectationScore)} );