Merge branch 'feature_bugfix/251201_py_h5_ui' of https://git.valuefrontier.cn/vf/vf_react into feature_bugfix/251201_py_h5_ui
This commit is contained in:
@@ -31,6 +31,8 @@ export interface TradeDatePickerProps {
|
||||
showIcon?: boolean;
|
||||
/** 是否使用深色模式(强制覆盖 Chakra 颜色模式) */
|
||||
isDarkMode?: boolean;
|
||||
/** 是否显示最新交易日期提示,默认 true */
|
||||
showLatestTradeDateTip?: boolean;
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -50,6 +52,7 @@ const TradeDatePicker: React.FC<TradeDatePickerProps> = ({
|
||||
inputWidth = { base: '100%', lg: '200px' },
|
||||
showIcon = true,
|
||||
isDarkMode = false,
|
||||
showLatestTradeDateTip = true,
|
||||
}) => {
|
||||
// 颜色主题 - 支持 isDarkMode 强制覆盖
|
||||
const defaultLabelColor = useColorModeValue('purple.700', 'purple.300');
|
||||
@@ -142,21 +145,21 @@ const TradeDatePicker: React.FC<TradeDatePickerProps> = ({
|
||||
} : undefined}
|
||||
/>
|
||||
|
||||
{/* 最新交易日期提示 */}
|
||||
{latestTradeDate && (
|
||||
{/* 最新交易日期提示 - 靠右显示,样式更低调避免误认为按钮 */}
|
||||
{showLatestTradeDateTip && latestTradeDate && (
|
||||
<Tooltip label="数据库中最新的交易日期">
|
||||
<HStack
|
||||
spacing={2}
|
||||
bg={tipBg}
|
||||
px={3}
|
||||
py={1.5}
|
||||
borderRadius="full"
|
||||
border="1px solid"
|
||||
borderColor={tipBorderColor}
|
||||
spacing={1.5}
|
||||
ml="auto"
|
||||
px={2}
|
||||
py={1}
|
||||
opacity={0.7}
|
||||
_hover={{ opacity: 1 }}
|
||||
transition="opacity 0.2s"
|
||||
>
|
||||
<Icon as={InfoIcon} color={tipIconColor} boxSize={3} />
|
||||
<Text fontSize="sm" color={tipTextColor} fontWeight="medium">
|
||||
最新: {latestTradeDate.toLocaleDateString('zh-CN')}
|
||||
<Text fontSize="xs" color={tipTextColor}>
|
||||
数据更新至 {latestTradeDate.toLocaleDateString('zh-CN')}
|
||||
</Text>
|
||||
</HStack>
|
||||
</Tooltip>
|
||||
|
||||
Reference in New Issue
Block a user