- 后端实现按市场分组的订单列表接口 - 添加 MarketGroupedOrdersRequest、MarketOrderStats、MarketOrderGroup、MarketGroupedOrdersResponse DTO - 实现 getBuyOrderListGroupedByMarket 和 getSellOrderListGroupedByMarket 方法 - 添加 POST /api/copy-trading/orders/grouped-by-market 接口 - 支持分页和统计信息(订单数、总金额、盈亏、成交状态等) - 前端重构:移除前端分组逻辑,改为调用后端分组接口 - BuyOrdersTab 和 SellOrdersTab 使用后端分组接口 - 移除前端 useMemo 分组计算逻辑 - 添加分组数据状态管理和分页支持 - 分组默认折叠状态 - 移除桌面端自动展开逻辑 - 所有设备默认折叠,用户手动展开 - 修复 moneyline URL 逻辑 - getPolymarketUrl 函数添加 isMoneyline 参数 - 暂时不自动跳转到 moneyline 页面(需要后端提供标识) - 多语言支持 - 添加 markets 翻译键(中文、繁体中文、英文)
161 lines
4.9 KiB
TypeScript
161 lines
4.9 KiB
TypeScript
/**
|
|
* 格式化数字,自动去除尾随零
|
|
* @param value - 数字值(字符串或数字)
|
|
* @param maxDecimals - 最大小数位数(默认不限制)
|
|
* @returns 格式化后的字符串,如果值为空或无效则返回 ''
|
|
* @example
|
|
* formatNumber(100.00) => "100"
|
|
* formatNumber(100.50) => "100.5"
|
|
* formatNumber(100.55) => "100.55"
|
|
*/
|
|
export const formatNumber = (value: string | number | undefined | null, maxDecimals?: number): string => {
|
|
if (value === undefined || value === null || value === '') {
|
|
return ''
|
|
}
|
|
|
|
const num = typeof value === 'string' ? parseFloat(value) : value
|
|
if (isNaN(num)) {
|
|
return ''
|
|
}
|
|
|
|
// 如果有最大小数位数限制,先截断
|
|
if (maxDecimals !== undefined) {
|
|
const multiplier = Math.pow(10, maxDecimals)
|
|
const truncated = Math.floor(num * multiplier) / multiplier
|
|
return truncated.toFixed(maxDecimals).replace(/\.?0+$/, '')
|
|
}
|
|
|
|
// 直接转换为字符串,然后去除尾随零
|
|
return num.toString().replace(/\.?0+$/, '')
|
|
}
|
|
|
|
/**
|
|
* 格式化 USDC 金额
|
|
* 最多显示 4 位小数,自动去除尾随零(截断,不四舍五入)
|
|
* @param value - 金额值(字符串或数字)
|
|
* @returns 格式化后的字符串,如果值为空或无效则返回 '-'
|
|
* @example
|
|
* formatUSDC(1.23) => "1.23"
|
|
* formatUSDC(1.23456) => "1.2345"
|
|
* formatUSDC(1.2) => "1.2"
|
|
* formatUSDC(1) => "1"
|
|
*/
|
|
export const formatUSDC = (value: string | number | undefined | null): string => {
|
|
if (value === undefined || value === null || value === '') {
|
|
return '-'
|
|
}
|
|
|
|
const num = typeof value === 'string' ? parseFloat(value) : value
|
|
if (isNaN(num)) {
|
|
return '-'
|
|
}
|
|
|
|
// 使用 Math.floor 截断到4位小数(不四舍五入)
|
|
const multiplier = Math.pow(10, 4)
|
|
const truncated = Math.floor(num * multiplier) / multiplier
|
|
|
|
// 使用 toFixed(4) 确保格式一致,然后去除尾随零和小数点
|
|
return truncated.toFixed(4).replace(/\.?0+$/, '')
|
|
}
|
|
|
|
// 统一导出 ethers 相关工具函数
|
|
export {
|
|
getAddressFromPrivateKey,
|
|
getAddressFromMnemonic,
|
|
getPrivateKeyFromMnemonic,
|
|
isValidMnemonic,
|
|
isValidWalletAddress,
|
|
isValidPrivateKey
|
|
} from './ethers'
|
|
|
|
// 统一导出 auth 相关工具函数
|
|
export {
|
|
getToken,
|
|
setToken,
|
|
removeToken,
|
|
hasToken
|
|
} from './auth'
|
|
|
|
// 统一导出 version 相关工具函数
|
|
export {
|
|
getVersionInfo,
|
|
getVersionText,
|
|
getGitHubTagUrl
|
|
} from './version'
|
|
|
|
/**
|
|
* 检查订单ID是否为自动生成的
|
|
* 自动生成的订单ID通常以 "AUTO_" 或 "AUTO_FIFO_" 开头
|
|
* @param orderId - 订单ID
|
|
* @returns 如果是自动生成的订单ID,返回 true,否则返回 false
|
|
*/
|
|
export const isAutoGeneratedOrderId = (orderId: string | undefined | null): boolean => {
|
|
if (!orderId) return false
|
|
return orderId.startsWith('AUTO_') || orderId.startsWith('AUTO_FIFO_')
|
|
}
|
|
|
|
/**
|
|
* 构建 Polymarket 市场 URL
|
|
* 对于 moneyline 市场,跳转到 moneyline 页面
|
|
* 注意:目前无法自动判断市场是否为 moneyline,需要后端提供标识
|
|
* @param marketSlug - 市场 slug
|
|
* @param marketCategory - 市场分类(sports, crypto 等)
|
|
* @param marketId - 市场ID(作为后备)
|
|
* @param isMoneyline - 是否为 moneyline 市场(需要后端提供)
|
|
* @returns Polymarket URL,如果无法构建则返回 null
|
|
*/
|
|
export const getPolymarketUrl = (
|
|
marketSlug?: string | null,
|
|
_marketCategory?: string | null, // 保留参数以便未来使用
|
|
marketId?: string | null,
|
|
isMoneyline?: boolean
|
|
): string | null => {
|
|
// 优先使用 slug
|
|
if (marketSlug) {
|
|
// 如果是 moneyline 市场,跳转到 moneyline 页面
|
|
if (isMoneyline === true) {
|
|
return `https://polymarket.com/event/${marketSlug}/moneyline`
|
|
}
|
|
// 其他市场跳转到普通市场页面
|
|
return `https://polymarket.com/event/${marketSlug}`
|
|
}
|
|
|
|
// 如果没有 slug,使用 marketId(作为后备)
|
|
if (marketId && marketId.startsWith('0x')) {
|
|
return `https://polymarket.com/condition/${marketId}`
|
|
}
|
|
|
|
return null
|
|
}
|
|
|
|
/**
|
|
* 复制文本到剪贴板
|
|
* @param text - 要复制的文本
|
|
* @returns Promise<boolean> - 复制成功返回 true,失败返回 false
|
|
*/
|
|
export const copyToClipboard = async (text: string): Promise<boolean> => {
|
|
try {
|
|
if (navigator.clipboard && navigator.clipboard.writeText) {
|
|
await navigator.clipboard.writeText(text)
|
|
return true
|
|
} else {
|
|
// 降级方案:使用传统的 document.execCommand
|
|
const textArea = document.createElement('textarea')
|
|
textArea.value = text
|
|
textArea.style.position = 'fixed'
|
|
textArea.style.left = '-999999px'
|
|
textArea.style.top = '-999999px'
|
|
document.body.appendChild(textArea)
|
|
textArea.focus()
|
|
textArea.select()
|
|
const successful = document.execCommand('copy')
|
|
document.body.removeChild(textArea)
|
|
return successful
|
|
}
|
|
} catch (error) {
|
|
console.error('复制到剪贴板失败:', error)
|
|
return false
|
|
}
|
|
}
|
|
|