Merge branch 'main' of https://git.ambigrat.com/shenyan/physical-expo
This commit is contained in:
yuchenglong
@@ -388,8 +388,8 @@ export default function HomeScreen() {
|
||||
away: item.event_away_team,
|
||||
homeTeamName: item.event_home_team,
|
||||
awayTeamName: item.event_away_team,
|
||||
homeTeamLogo: item.home_team_logo,
|
||||
awayTeamLogo: item.away_team_logo,
|
||||
homeTeamLogo: item.home_team_logo || "",
|
||||
awayTeamLogo: item.away_team_logo || "",
|
||||
scoreText: item.event_halftime_result || "0 - 0",
|
||||
fav: false,
|
||||
sportId: sportId,
|
||||
|
||||
@@ -8,14 +8,17 @@ import { StatsCard } from "@/components/live-detail/stats-card";
|
||||
import { TennisPowerGraph } from "@/components/live-detail/tennis-power-graph";
|
||||
import { TennisScoreboard } from "@/components/live-detail/tennis-scoreboard";
|
||||
import { TennisStatsCard } from "@/components/live-detail/tennis-stats-card";
|
||||
import { BasketballOverallStats } from "@/components/match-detail/basketball/basketball-overall-stats";
|
||||
import { BasketballScoreTable } from "@/components/match-detail/basketball/basketball-score-table";
|
||||
import { BasketballStats } from "@/components/match-detail/basketball/basketball-stats";
|
||||
import { ThemedText } from "@/components/themed-text";
|
||||
import { ThemedView } from "@/components/themed-view";
|
||||
import { Colors } from "@/constants/theme";
|
||||
import { useTheme } from "@/context/ThemeContext";
|
||||
import { fetchLiveScore } from "@/lib/api";
|
||||
import { LiveScoreMatch } from "@/types/api";
|
||||
import { LiveScoreMatch, MatchDetailData } from "@/types/api";
|
||||
import { useLocalSearchParams } from "expo-router";
|
||||
import React, { useEffect, useState } from "react";
|
||||
import React, { useEffect, useMemo, useState } from "react";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import {
|
||||
ActivityIndicator,
|
||||
@@ -39,11 +42,72 @@ export default function LiveDetailScreen() {
|
||||
|
||||
const [loading, setLoading] = useState(true);
|
||||
const [match, setMatch] = useState<LiveScoreMatch | null>(null);
|
||||
const [activeTab, setActiveTab] = useState("detail"); // Default to detail to show all data
|
||||
const [activeTab, setActiveTab] = useState("detail");
|
||||
|
||||
const convertToMatchDetailData = useMemo((): MatchDetailData | null => {
|
||||
if (!match) return null;
|
||||
|
||||
return {
|
||||
events: [],
|
||||
match: {
|
||||
ID: 0,
|
||||
CreatedAt: "",
|
||||
UpdatedAt: "",
|
||||
DeletedAt: null,
|
||||
eventKey: match.event_key.toString(),
|
||||
eventDate: match.event_date,
|
||||
eventTime: match.event_time,
|
||||
eventHomeTeam: match.event_home_team,
|
||||
homeTeamKey: match.home_team_key.toString(),
|
||||
homeTeamLogo: match.home_team_logo || "",
|
||||
eventAwayTeam: match.event_away_team,
|
||||
awayTeamKey: match.away_team_key.toString(),
|
||||
awayTeamLogo: match.away_team_logo || "",
|
||||
eventHalftimeResult: match.event_halftime_result || "",
|
||||
eventFinalResult: match.event_final_result,
|
||||
eventFtResult: "",
|
||||
eventPenaltyResult: "",
|
||||
eventStatus: match.event_status,
|
||||
countryName: match.country_name,
|
||||
leagueName: match.league_name,
|
||||
leagueKey: match.league_key.toString(),
|
||||
leagueRound: match.league_round,
|
||||
leagueSeason: match.league_season,
|
||||
eventLive: match.event_live,
|
||||
eventStadium: "",
|
||||
eventReferee: "",
|
||||
eventCountryKey: match.event_country_key?.toString() || "",
|
||||
leagueLogo: match.league_logo || "",
|
||||
countryLogo: match.country_logo || "",
|
||||
eventHomeFormation: "",
|
||||
eventAwayFormation: "",
|
||||
fkStageKey: "",
|
||||
stageName: "",
|
||||
leagueGroup: "",
|
||||
sportId: parseInt(sport_id || "1"),
|
||||
eventQuarter: match.event_quarter || "",
|
||||
eventSet: "",
|
||||
eventType: "",
|
||||
eventToss: "",
|
||||
eventManOfMatch: "",
|
||||
scores: match.scores,
|
||||
stats: match.statistics,
|
||||
players: match.player_statistics ? {
|
||||
home_team: (match.player_statistics.home_team || []).map(p => ({
|
||||
...p,
|
||||
player_oncourt: p.player_oncourt || undefined,
|
||||
})),
|
||||
away_team: (match.player_statistics.away_team || []).map(p => ({
|
||||
...p,
|
||||
player_oncourt: p.player_oncourt || undefined,
|
||||
})),
|
||||
} : undefined,
|
||||
},
|
||||
};
|
||||
}, [match, sport_id]);
|
||||
|
||||
useEffect(() => {
|
||||
loadLiveDetail();
|
||||
// 设置每 15 秒更新一次直播比分
|
||||
const timer = setInterval(() => {
|
||||
refreshLiveDetail();
|
||||
}, 15000);
|
||||
@@ -63,15 +127,14 @@ export default function LiveDetailScreen() {
|
||||
|
||||
const refreshLiveDetail = async () => {
|
||||
try {
|
||||
// Fetch live scores for the league
|
||||
const sportId = parseInt(sport_id || "1");
|
||||
const leagueId = parseInt(league_id || "0");
|
||||
|
||||
const liveData = await fetchLiveScore(sportId, leagueId);
|
||||
|
||||
if (liveData && Array.isArray(liveData)) {
|
||||
// Find the specific match
|
||||
const found = liveData.find((m) => m.event_key.toString() === id);
|
||||
console.log("found", JSON.stringify(found, null, 2));
|
||||
if (found) {
|
||||
setMatch(found);
|
||||
}
|
||||
@@ -101,6 +164,8 @@ export default function LiveDetailScreen() {
|
||||
}
|
||||
|
||||
const renderTabContent = () => {
|
||||
if (!match) return null;
|
||||
|
||||
const numericSportId = parseInt(sport_id || "1");
|
||||
// Tennis Check
|
||||
const isTennis =
|
||||
@@ -108,6 +173,33 @@ export default function LiveDetailScreen() {
|
||||
(match.league_name &&
|
||||
/ATP|WTA|ITF|Challenger/i.test(match.league_name || ""));
|
||||
|
||||
if (numericSportId === 2 && convertToMatchDetailData) {
|
||||
switch (activeTab) {
|
||||
case "stats":
|
||||
return <BasketballStats data={convertToMatchDetailData} isDark={isDark} />;
|
||||
case "overall":
|
||||
return <BasketballOverallStats data={convertToMatchDetailData} isDark={isDark} />;
|
||||
case "odds":
|
||||
return (
|
||||
<OddsCard match={match} isDark={isDark} sportId={numericSportId} />
|
||||
);
|
||||
case "detail":
|
||||
return (
|
||||
<>
|
||||
<BasketballScoreTable data={convertToMatchDetailData} isDark={isDark} />
|
||||
</>
|
||||
);
|
||||
default:
|
||||
return (
|
||||
<View style={styles.center}>
|
||||
<ThemedText style={{ opacity: 0.5 }}>
|
||||
{t("detail.empty_stats")}
|
||||
</ThemedText>
|
||||
</View>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
switch (activeTab) {
|
||||
case "stats":
|
||||
return !isTennis ? (
|
||||
@@ -165,6 +257,7 @@ export default function LiveDetailScreen() {
|
||||
activeTab={activeTab}
|
||||
onTabChange={setActiveTab}
|
||||
isDark={isDark}
|
||||
sportId={parseInt(sport_id || "1")}
|
||||
/>
|
||||
|
||||
{renderTabContent()}
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
import { OddsCard } from "@/components/live-detail/odds-card";
|
||||
import { BasketballOverallStats } from "@/components/match-detail/basketball/basketball-overall-stats";
|
||||
import { BasketballScoreTable } from "@/components/match-detail/basketball/basketball-score-table";
|
||||
import { BasketballStats } from "@/components/match-detail/basketball/basketball-stats";
|
||||
import { CardsCard } from "@/components/match-detail/football/cards-card";
|
||||
import { FootballScoreTable } from "@/components/match-detail/football/football-score-table";
|
||||
import { GoalsCard } from "@/components/match-detail/football/goals-card";
|
||||
@@ -59,7 +61,7 @@ export default function MatchDetailScreen() {
|
||||
validTabs = ["info", "stats", "odds", "h2h", "chat"];
|
||||
} else if (sportId === 2) {
|
||||
// 篮球
|
||||
validTabs = ["info", "h2h", "chat"];
|
||||
validTabs = ["info", "stats", "overall", "h2h", "chat"];
|
||||
} else if (sportId === 3) {
|
||||
// 网球
|
||||
validTabs = ["info", "chat"];
|
||||
@@ -81,8 +83,8 @@ export default function MatchDetailScreen() {
|
||||
setError(null);
|
||||
const result = await fetchMatchDetail(id as string);
|
||||
setData(result);
|
||||
console.log("首发阵容", result.match.players?.away_team);
|
||||
console.log("红黄牌", result.events);
|
||||
// console.log("首发阵容", result.match.players?.away_team);
|
||||
// console.log("红黄牌", result.events);
|
||||
|
||||
|
||||
|
||||
@@ -163,6 +165,9 @@ export default function MatchDetailScreen() {
|
||||
<LineupsCard data={data} isDark={isDark} />
|
||||
</>
|
||||
);
|
||||
} else if (sportId === 2) {
|
||||
// 篮球：显示统计数据
|
||||
return <BasketballStats data={data} isDark={isDark} />;
|
||||
} else {
|
||||
// 其他运动暂时显示空状态
|
||||
return (
|
||||
@@ -173,6 +178,8 @@ export default function MatchDetailScreen() {
|
||||
</View>
|
||||
);
|
||||
}
|
||||
case "overall":
|
||||
return <BasketballOverallStats data={data} isDark={isDark} />;
|
||||
case "odds":
|
||||
// 将 MatchDetailData.match 转换为 LiveScoreMatch 格式
|
||||
const matchForOdds = {
|
||||
|
||||
@@ -8,17 +8,36 @@ interface LiveMatchTabsProps {
|
||||
activeTab: string;
|
||||
onTabChange: (tab: string) => void;
|
||||
isDark: boolean;
|
||||
sportId?: number;
|
||||
}
|
||||
|
||||
export function LiveMatchTabs({
|
||||
activeTab,
|
||||
onTabChange,
|
||||
isDark,
|
||||
sportId = 1,
|
||||
}: LiveMatchTabsProps) {
|
||||
const { t } = useTranslation();
|
||||
const containerBg = isDark ? "#121212" : "#F5F5F5";
|
||||
|
||||
const tabs = [
|
||||
const getTabs = () => {
|
||||
if (sportId === 2) {
|
||||
return [
|
||||
{
|
||||
id: "detail",
|
||||
label: t("detail.tabs.info"),
|
||||
icon: "document-text-outline",
|
||||
},
|
||||
{ id: "stats", label: t("detail.tabs.stats"), icon: "stats-chart-outline" },
|
||||
{
|
||||
id: "overall",
|
||||
label: t("detail.tabs.overall"),
|
||||
icon: "bar-chart-outline",
|
||||
},
|
||||
{ id: "odds", label: t("detail.tabs.odds"), icon: "cash-outline" },
|
||||
];
|
||||
}
|
||||
return [
|
||||
{
|
||||
id: "detail",
|
||||
label: t("detail.tabs.info"),
|
||||
@@ -33,6 +52,9 @@ export function LiveMatchTabs({
|
||||
icon: "pie-chart-outline",
|
||||
},
|
||||
];
|
||||
};
|
||||
|
||||
const tabs = getTabs();
|
||||
|
||||
return (
|
||||
<View style={[styles.container, { backgroundColor: containerBg }]}>
|
||||
|
||||
285
components/match-detail/basketball/basketball-overall-stats.tsx
Normal file
285
components/match-detail/basketball/basketball-overall-stats.tsx
Normal file
@@ -0,0 +1,285 @@
|
||||
import { ThemedText } from "@/components/themed-text";
|
||||
import { MatchDetailData } from "@/types/api";
|
||||
import { LinearGradient } from "expo-linear-gradient";
|
||||
import React, { useEffect } from "react";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import { StyleSheet, View } from "react-native";
|
||||
|
||||
interface BasketballOverallStatsProps {
|
||||
data: MatchDetailData;
|
||||
isDark: boolean;
|
||||
}
|
||||
|
||||
type StatItem = {
|
||||
type: string;
|
||||
home: string | number;
|
||||
away: string | number;
|
||||
};
|
||||
|
||||
function toNumber(v: unknown): number {
|
||||
if (typeof v === "number") return Number.isFinite(v) ? v : 0;
|
||||
if (typeof v === "string") {
|
||||
const cleaned = v.trim().replace("%", "");
|
||||
const n = Number(cleaned);
|
||||
return Number.isFinite(n) ? n : 0;
|
||||
}
|
||||
return 0;
|
||||
}
|
||||
|
||||
export function BasketballOverallStats({ data, isDark }: BasketballOverallStatsProps) {
|
||||
const { t } = useTranslation();
|
||||
|
||||
useEffect(() => {
|
||||
console.log("=== Basketball Overall Stats Loaded ===");
|
||||
console.log(JSON.stringify(data.match.stats, null, 2));
|
||||
}, [data.match.stats]);
|
||||
|
||||
const stats = (data.match.stats || []) as StatItem[];
|
||||
|
||||
const getStatLabel = (type: string): string => {
|
||||
const key = `detail.overall_stats.${type.toLowerCase().replace(/\s+/g, "_")}`;
|
||||
const translated = t(key);
|
||||
return translated !== key ? translated : type;
|
||||
};
|
||||
|
||||
if (!Array.isArray(stats) || stats.length === 0) {
|
||||
return (
|
||||
<View style={styles.empty}>
|
||||
<ThemedText style={[styles.emptyText, { color: isDark ? "#A1A1AA" : "#6B7280" }]}>
|
||||
{t("detail.empty_stats")}
|
||||
</ThemedText>
|
||||
</View>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<View
|
||||
style={[
|
||||
styles.wrap,
|
||||
{ backgroundColor: isDark ? "#151517" : "#F3F4F6" },
|
||||
]}
|
||||
>
|
||||
{/* Card */}
|
||||
<View
|
||||
style={[
|
||||
styles.card,
|
||||
{ backgroundColor: isDark ? "#1C1C1E" : "#FFFFFF" },
|
||||
]}
|
||||
>
|
||||
{stats.map((item, index) => {
|
||||
const home = toNumber(item.home);
|
||||
const away = toNumber(item.away);
|
||||
const maxV = Math.max(home, away, 1);
|
||||
|
||||
const homeLeading = home >= away;
|
||||
const awayLeading = away > home;
|
||||
|
||||
return (
|
||||
<View
|
||||
key={`${item.type}-${index}`}
|
||||
style={[
|
||||
styles.row,
|
||||
index !== stats.length - 1 && {
|
||||
borderBottomWidth: StyleSheet.hairlineWidth,
|
||||
borderBottomColor: isDark ? "rgba(255,255,255,0.06)" : "rgba(0,0,0,0.06)",
|
||||
},
|
||||
]}
|
||||
>
|
||||
<View style={styles.rowHeader}>
|
||||
<ValuePill
|
||||
text={`${home}`}
|
||||
variant="home"
|
||||
isDark={isDark}
|
||||
/>
|
||||
|
||||
<ThemedText
|
||||
style={[
|
||||
styles.title,
|
||||
{ color: isDark ? "#EAEAF0" : "#111827" },
|
||||
]}
|
||||
numberOfLines={1}
|
||||
>
|
||||
{getStatLabel(item.type)}
|
||||
</ThemedText>
|
||||
|
||||
<ValuePill
|
||||
text={`${away}`}
|
||||
variant={awayLeading ? "awayLeading" : "away"}
|
||||
isDark={isDark}
|
||||
/>
|
||||
</View>
|
||||
|
||||
<CompareBar
|
||||
home={home}
|
||||
away={away}
|
||||
maxV={maxV}
|
||||
isDark={isDark}
|
||||
homeLeading={homeLeading}
|
||||
awayLeading={awayLeading}
|
||||
/>
|
||||
</View>
|
||||
);
|
||||
})}
|
||||
</View>
|
||||
</View>
|
||||
);
|
||||
}
|
||||
|
||||
function ValuePill({
|
||||
text,
|
||||
variant,
|
||||
isDark,
|
||||
}: {
|
||||
text: string;
|
||||
variant: "home" | "away" | "awayLeading";
|
||||
isDark: boolean;
|
||||
}) {
|
||||
const common = {
|
||||
start: { x: 0, y: 0 },
|
||||
end: { x: 1, y: 0 },
|
||||
style: styles.pill,
|
||||
} as const;
|
||||
|
||||
// 蓝色：主队/默认；金色：客队领先
|
||||
const blue = isDark
|
||||
? ["#0B2A73", "#0E4BFF"]
|
||||
: ["#1D4ED8", "#2563EB"];
|
||||
const gold = isDark
|
||||
? ["#3A2A00", "#C08B00"]
|
||||
: ["#B45309", "#D97706"];
|
||||
|
||||
const colors =
|
||||
variant === "awayLeading"
|
||||
? gold
|
||||
: blue;
|
||||
|
||||
return (
|
||||
<LinearGradient colors={[...colors] as [string, string]} {...common}>
|
||||
<ThemedText style={styles.pillText}>{text}</ThemedText>
|
||||
</LinearGradient>
|
||||
);
|
||||
}
|
||||
|
||||
function CompareBar({
|
||||
home,
|
||||
away,
|
||||
maxV,
|
||||
isDark,
|
||||
homeLeading,
|
||||
awayLeading,
|
||||
}: {
|
||||
home: number;
|
||||
away: number;
|
||||
maxV: number;
|
||||
isDark: boolean;
|
||||
homeLeading: boolean;
|
||||
awayLeading: boolean;
|
||||
}) {
|
||||
const SIDE_MAX = 150;
|
||||
const GAP = 10;
|
||||
|
||||
const homeW = Math.max(2, Math.round((home / maxV) * SIDE_MAX));
|
||||
const awayW = Math.max(2, Math.round((away / maxV) * SIDE_MAX));
|
||||
|
||||
const track = isDark ? "rgba(255,255,255,0.10)" : "rgba(0,0,0,0.10)";
|
||||
const muted = isDark ? "rgba(255,255,255,0.18)" : "rgba(0,0,0,0.18)";
|
||||
const blue = "#1F5BFF";
|
||||
const gold = "#C08B00";
|
||||
|
||||
const homeColor = homeLeading ? blue : muted;
|
||||
const awayColor = awayLeading ? gold : muted;
|
||||
|
||||
return (
|
||||
<View style={[styles.barWrap, { width: SIDE_MAX * 2 + GAP }]}>
|
||||
<View style={[styles.barTrack, { backgroundColor: track }]} />
|
||||
<View style={[styles.barSide, { width: SIDE_MAX, justifyContent: "flex-end" }]}>
|
||||
<View style={[styles.barFill, { width: homeW, backgroundColor: homeColor }]} />
|
||||
</View>
|
||||
<View style={{ width: GAP }} />
|
||||
<View style={[styles.barSide, { width: SIDE_MAX, justifyContent: "flex-start" }]}>
|
||||
<View style={[styles.barFill, { width: awayW, backgroundColor: awayColor }]} />
|
||||
</View>
|
||||
</View>
|
||||
);
|
||||
}
|
||||
|
||||
/* ----------------- Styles ----------------- */
|
||||
|
||||
const styles = StyleSheet.create({
|
||||
wrap: {
|
||||
paddingHorizontal: 14,
|
||||
paddingTop: 12,
|
||||
paddingBottom: 16,
|
||||
},
|
||||
card: {
|
||||
borderRadius: 18,
|
||||
paddingVertical: 6,
|
||||
overflow: "hidden",
|
||||
},
|
||||
|
||||
row: {
|
||||
paddingHorizontal: 14,
|
||||
paddingVertical: 14,
|
||||
},
|
||||
rowHeader: {
|
||||
flexDirection: "row",
|
||||
alignItems: "center",
|
||||
},
|
||||
|
||||
pill: {
|
||||
minWidth: 54,
|
||||
height: 30,
|
||||
borderRadius: 16,
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
paddingHorizontal: 10,
|
||||
},
|
||||
pillText: {
|
||||
color: "#FFFFFF",
|
||||
fontSize: 14,
|
||||
fontWeight: "800",
|
||||
letterSpacing: 0.3,
|
||||
},
|
||||
|
||||
title: {
|
||||
flex: 1,
|
||||
textAlign: "center",
|
||||
fontSize: 15,
|
||||
fontWeight: "700",
|
||||
paddingHorizontal: 10,
|
||||
},
|
||||
|
||||
barWrap: {
|
||||
alignSelf: "center",
|
||||
flexDirection: "row",
|
||||
alignItems: "center",
|
||||
marginTop: 10,
|
||||
height: 8,
|
||||
position: "relative",
|
||||
},
|
||||
barTrack: {
|
||||
position: "absolute",
|
||||
left: 0,
|
||||
right: 0,
|
||||
height: 6,
|
||||
borderRadius: 999,
|
||||
},
|
||||
barSide: {
|
||||
height: 8,
|
||||
flexDirection: "row",
|
||||
alignItems: "center",
|
||||
},
|
||||
barFill: {
|
||||
height: 6,
|
||||
borderRadius: 999,
|
||||
},
|
||||
|
||||
empty: {
|
||||
padding: 40,
|
||||
alignItems: "center",
|
||||
},
|
||||
emptyText: {
|
||||
fontSize: 14,
|
||||
opacity: 0.85,
|
||||
},
|
||||
});
|
||||
@@ -16,22 +16,81 @@ export function BasketballScoreTable({
|
||||
const { t } = useTranslation();
|
||||
const { match } = data;
|
||||
const bgColor = isDark ? "#1C1C1E" : "#FFF";
|
||||
const borderColor = isDark ? "#2C2C2E" : "rgba(0,0,0,0.06)";
|
||||
const headerTextColor = isDark ? "#666" : "#999";
|
||||
const textColor = isDark ? "#FFF" : "#000";
|
||||
|
||||
// 解析比分 - 篮球通常是 4 节
|
||||
const parseScore = (scoreString: string) => {
|
||||
if (!scoreString || scoreString === "-") return [0, 0, 0, 0, 0];
|
||||
// 假设格式可能是 "25-20,30-28,22-25,28-26" 或类似
|
||||
// 这里简化处理，实际需要根据 API 返回格式解析
|
||||
return [0, 0, 0, 0, 0]; // total, q1, q2, q3, q4
|
||||
// 解析篮球比分 - 从 scores 对象获取四节比分
|
||||
const parseBasketballScores = () => {
|
||||
const scores = match.scores as any;
|
||||
if (!scores || typeof scores !== "object") {
|
||||
// 如果没有 scores 对象，尝试从 eventFinalResult 解析
|
||||
const finalResult = match.eventFinalResult || "-";
|
||||
const matchResult = finalResult.match(/(\d+)\s*[-–]\s*(\d+)/);
|
||||
if (matchResult) {
|
||||
return {
|
||||
home: {
|
||||
total: parseInt(matchResult[1], 10),
|
||||
q1: 0,
|
||||
q2: 0,
|
||||
q3: 0,
|
||||
q4: 0,
|
||||
},
|
||||
away: {
|
||||
total: parseInt(matchResult[2], 10),
|
||||
q1: 0,
|
||||
q2: 0,
|
||||
q3: 0,
|
||||
q4: 0,
|
||||
},
|
||||
};
|
||||
}
|
||||
return {
|
||||
home: { total: 0, q1: 0, q2: 0, q3: 0, q4: 0 },
|
||||
away: { total: 0, q1: 0, q2: 0, q3: 0, q4: 0 },
|
||||
};
|
||||
}
|
||||
|
||||
const q1 = scores["1stQuarter"]?.[0] || { score_home: "0", score_away: "0" };
|
||||
const q2 = scores["2ndQuarter"]?.[0] || { score_home: "0", score_away: "0" };
|
||||
const q3 = scores["3rdQuarter"]?.[0] || { score_home: "0", score_away: "0" };
|
||||
const q4 = scores["4thQuarter"]?.[0] || { score_home: "0", score_away: "0" };
|
||||
|
||||
const homeQ1 = parseInt(q1.score_home || "0", 10);
|
||||
const homeQ2 = parseInt(q2.score_home || "0", 10);
|
||||
const homeQ3 = parseInt(q3.score_home || "0", 10);
|
||||
const homeQ4 = parseInt(q4.score_home || "0", 10);
|
||||
const homeTotal = homeQ1 + homeQ2 + homeQ3 + homeQ4;
|
||||
|
||||
const awayQ1 = parseInt(q1.score_away || "0", 10);
|
||||
const awayQ2 = parseInt(q2.score_away || "0", 10);
|
||||
const awayQ3 = parseInt(q3.score_away || "0", 10);
|
||||
const awayQ4 = parseInt(q4.score_away || "0", 10);
|
||||
const awayTotal = awayQ1 + awayQ2 + awayQ3 + awayQ4;
|
||||
|
||||
return {
|
||||
home: {
|
||||
total: homeTotal,
|
||||
q1: homeQ1,
|
||||
q2: homeQ2,
|
||||
q3: homeQ3,
|
||||
q4: homeQ4,
|
||||
},
|
||||
away: {
|
||||
total: awayTotal,
|
||||
q1: awayQ1,
|
||||
q2: awayQ2,
|
||||
q3: awayQ3,
|
||||
q4: awayQ4,
|
||||
},
|
||||
};
|
||||
};
|
||||
|
||||
const homeScores = parseScore(match.eventFinalResult || "-");
|
||||
const awayScores = parseScore(match.eventFinalResult || "-");
|
||||
const scoreData = parseBasketballScores();
|
||||
|
||||
const headers = [
|
||||
t("detail.score_table.team"),
|
||||
t("detail.score_table.total"),
|
||||
t("detail.score_table.team") || "Team",
|
||||
t("detail.score_table.total") || "Total",
|
||||
"1",
|
||||
"2",
|
||||
"3",
|
||||
@@ -42,26 +101,26 @@ export function BasketballScoreTable({
|
||||
{
|
||||
logo: match.homeTeamLogo,
|
||||
name: match.eventHomeTeam,
|
||||
total: homeScores[0],
|
||||
q1: homeScores[1],
|
||||
q2: homeScores[2],
|
||||
q3: homeScores[3],
|
||||
q4: homeScores[4],
|
||||
total: scoreData.home.total,
|
||||
q1: scoreData.home.q1,
|
||||
q2: scoreData.home.q2,
|
||||
q3: scoreData.home.q3,
|
||||
q4: scoreData.home.q4,
|
||||
},
|
||||
{
|
||||
logo: match.awayTeamLogo,
|
||||
name: match.eventAwayTeam,
|
||||
total: awayScores[0],
|
||||
q1: awayScores[1],
|
||||
q2: awayScores[2],
|
||||
q3: awayScores[3],
|
||||
q4: awayScores[4],
|
||||
total: scoreData.away.total,
|
||||
q1: scoreData.away.q1,
|
||||
q2: scoreData.away.q2,
|
||||
q3: scoreData.away.q3,
|
||||
q4: scoreData.away.q4,
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<View style={[styles.container, { backgroundColor: bgColor }]}>
|
||||
<View style={styles.header}>
|
||||
<View style={[styles.container, { backgroundColor: bgColor, borderColor }]}>
|
||||
<View style={[styles.header, { borderBottomColor: borderColor }]}>
|
||||
{headers.map((h, i) => (
|
||||
<ThemedText
|
||||
key={h}
|
||||
@@ -80,20 +139,22 @@ export function BasketballScoreTable({
|
||||
</View>
|
||||
|
||||
{rows.map((row, idx) => (
|
||||
<View key={idx} style={[styles.row, idx === 0 && styles.rowBorder]}>
|
||||
<View key={idx} style={[styles.row, idx === 0 && { borderBottomColor: borderColor, borderBottomWidth: 1 }]}>
|
||||
<View style={styles.teamCell}>
|
||||
{row.logo && row.logo.trim() !== "" && !row.logo.includes("placehold") ? (
|
||||
<Image source={{ uri: row.logo }} style={styles.teamLogo} />
|
||||
<ThemedText style={styles.teamName} numberOfLines={1}>
|
||||
) : null}
|
||||
<ThemedText style={[styles.teamName, { color: textColor }]} numberOfLines={1}>
|
||||
{row.name}
|
||||
</ThemedText>
|
||||
</View>
|
||||
<ThemedText style={[styles.cellText, styles.totalText]}>
|
||||
<ThemedText style={[styles.cellText, styles.totalText, { color: textColor }]}>
|
||||
{row.total}
|
||||
</ThemedText>
|
||||
<ThemedText style={styles.cellText}>{row.q1}</ThemedText>
|
||||
<ThemedText style={styles.cellText}>{row.q2}</ThemedText>
|
||||
<ThemedText style={styles.cellText}>{row.q3}</ThemedText>
|
||||
<ThemedText style={styles.cellText}>{row.q4}</ThemedText>
|
||||
<ThemedText style={[styles.cellText, { color: textColor }]}>{row.q1}</ThemedText>
|
||||
<ThemedText style={[styles.cellText, { color: textColor }]}>{row.q2}</ThemedText>
|
||||
<ThemedText style={[styles.cellText, { color: textColor }]}>{row.q3}</ThemedText>
|
||||
<ThemedText style={[styles.cellText, { color: textColor }]}>{row.q4}</ThemedText>
|
||||
</View>
|
||||
))}
|
||||
</View>
|
||||
@@ -103,20 +164,16 @@ export function BasketballScoreTable({
|
||||
const styles = StyleSheet.create({
|
||||
container: {
|
||||
marginHorizontal: 16,
|
||||
marginBottom: 16,
|
||||
marginTop: 12,
|
||||
borderRadius: 16,
|
||||
padding: 20,
|
||||
elevation: 2,
|
||||
shadowColor: "#000",
|
||||
shadowOffset: { width: 0, height: 2 },
|
||||
shadowOpacity: 0.05,
|
||||
shadowRadius: 8,
|
||||
borderWidth: 1,
|
||||
overflow: "hidden",
|
||||
},
|
||||
header: {
|
||||
flexDirection: "row",
|
||||
paddingBottom: 16,
|
||||
borderBottomWidth: 1,
|
||||
borderBottomColor: "rgba(150,150,150,0.1)",
|
||||
},
|
||||
headerText: {
|
||||
fontSize: 12,
|
||||
@@ -128,10 +185,6 @@ const styles = StyleSheet.create({
|
||||
alignItems: "center",
|
||||
paddingVertical: 14,
|
||||
},
|
||||
rowBorder: {
|
||||
borderBottomWidth: 1,
|
||||
borderBottomColor: "rgba(150,150,150,0.1)",
|
||||
},
|
||||
teamCell: {
|
||||
flex: 3,
|
||||
flexDirection: "row",
|
||||
@@ -146,7 +199,7 @@ const styles = StyleSheet.create({
|
||||
teamName: {
|
||||
flex: 1,
|
||||
fontSize: 14,
|
||||
fontWeight: "700",
|
||||
fontWeight: "600",
|
||||
},
|
||||
cellText: {
|
||||
flex: 1,
|
||||
|
||||
407
components/match-detail/basketball/basketball-stats.tsx
Normal file
407
components/match-detail/basketball/basketball-stats.tsx
Normal file
@@ -0,0 +1,407 @@
|
||||
import { ThemedText } from "@/components/themed-text";
|
||||
import { IconSymbol } from "@/components/ui/icon-symbol";
|
||||
import { getInitials, getLogoGradient } from "@/lib/avatar-utils";
|
||||
import { MatchDetailData } from "@/types/api";
|
||||
import { Image } from "expo-image";
|
||||
import { LinearGradient } from "expo-linear-gradient";
|
||||
import React, { useMemo, useState } from "react";
|
||||
import {
|
||||
ScrollView,
|
||||
StyleSheet,
|
||||
Switch,
|
||||
TouchableOpacity,
|
||||
View
|
||||
} from "react-native";
|
||||
|
||||
interface BasketballStatsProps {
|
||||
data: MatchDetailData;
|
||||
isDark: boolean;
|
||||
}
|
||||
|
||||
// 定义固定高度以保证左右对齐
|
||||
const HEADER_HEIGHT = 40;
|
||||
const ROW_HEIGHT = 60;
|
||||
const LEFT_COLUMN_WIDTH = 150;
|
||||
|
||||
const COLUMNS_BASIC = [
|
||||
{ key: "pts", label: "PTS", width: 50 },
|
||||
{ key: "reb", label: "REB", width: 50 },
|
||||
{ key: "ast", label: "AST", width: 50 },
|
||||
];
|
||||
|
||||
const COLUMNS_DETAILED = [
|
||||
{ key: "min", label: "MIN", width: 50 },
|
||||
{ key: "pts", label: "PTS", width: 50 },
|
||||
{ key: "reb", label: "REB", width: 50 },
|
||||
{ key: "ast", label: "AST", width: 50 },
|
||||
{ key: "blk", label: "BLK", width: 50 },
|
||||
{ key: "stl", label: "STL", width: 50 },
|
||||
{ key: "to", label: "TO", width: 50 },
|
||||
{ key: "pf", label: "PF", width: 50 },
|
||||
];
|
||||
|
||||
export function BasketballStats({ data, isDark }: BasketballStatsProps) {
|
||||
const { match } = data;
|
||||
const [activeTab, setActiveTab] = useState<"home" | "away">("home");
|
||||
const [isDetailed, setIsDetailed] = useState(false);
|
||||
|
||||
// 获取当前展示的球员列表
|
||||
const currentPlayers = useMemo(() => {
|
||||
if (!match.players) return [];
|
||||
return activeTab === "home"
|
||||
? match.players.home_team
|
||||
: match.players.away_team;
|
||||
}, [match.players, activeTab]);
|
||||
|
||||
const columns = isDetailed ? COLUMNS_DETAILED : COLUMNS_BASIC;
|
||||
|
||||
const getPlayerStat = (player: any, statKey: string): string => {
|
||||
const statMap: Record<string, string> = {
|
||||
pts: player.player_points || "0",
|
||||
reb: player.player_total_rebounds || "0",
|
||||
ast: player.player_assists || "0",
|
||||
min: player.player_minutes || "0",
|
||||
blk: player.player_blocks || "0",
|
||||
stl: player.player_steals || "0",
|
||||
to: player.player_turnovers || "0",
|
||||
pf: player.player_personal_fouls || "0",
|
||||
};
|
||||
const value = statMap[statKey] || "0";
|
||||
return value === "-" || value === "" ? "0" : value;
|
||||
};
|
||||
|
||||
const bgColor = isDark ? "#1C1C1E" : "#FFF";
|
||||
const borderColor = isDark ? "#2C2C2E" : "rgba(0,0,0,0.06)";
|
||||
const textColor = isDark ? "#FFF" : "#000";
|
||||
const secondaryText = isDark ? "#8E8E93" : "#6B7280";
|
||||
|
||||
// --- 渲染组件 ---
|
||||
|
||||
// 1. 左上角：Player 表头
|
||||
const renderLeftHeader = () => (
|
||||
<View style={[styles.headerCell, { height: HEADER_HEIGHT, borderBottomColor: borderColor }]}>
|
||||
<ThemedText style={[styles.headerText, { color: secondaryText }]}>
|
||||
Player
|
||||
</ThemedText>
|
||||
<IconSymbol
|
||||
name="information-circle-outline"
|
||||
size={14}
|
||||
color={secondaryText}
|
||||
style={{ marginLeft: 4 }}
|
||||
/>
|
||||
</View>
|
||||
);
|
||||
|
||||
// 2. 左侧列：球员信息行
|
||||
const renderLeftPlayerRow = (player: any) => {
|
||||
const playerName = player.player || "";
|
||||
const playerPosition = player.player_position || "";
|
||||
const gradient = getLogoGradient(playerName);
|
||||
const initials = getInitials(playerName);
|
||||
|
||||
return (
|
||||
<View style={[styles.playerRow, { height: ROW_HEIGHT, borderBottomColor: borderColor }]}>
|
||||
<View style={styles.avatarContainer}>
|
||||
<LinearGradient
|
||||
colors={[gradient.color1, gradient.color2]}
|
||||
start={{ x: 0, y: 0 }}
|
||||
end={{ x: 1, y: 1 }}
|
||||
style={styles.avatarGradient}
|
||||
>
|
||||
<ThemedText style={styles.avatarText}>{initials}</ThemedText>
|
||||
</LinearGradient>
|
||||
</View>
|
||||
<View style={styles.playerInfo}>
|
||||
<ThemedText
|
||||
style={[styles.playerName, { color: textColor }]}
|
||||
numberOfLines={1}
|
||||
>
|
||||
{playerName}
|
||||
</ThemedText>
|
||||
{playerPosition && (
|
||||
<ThemedText style={[styles.playerNumPos, { color: secondaryText }]}>
|
||||
{playerPosition}
|
||||
</ThemedText>
|
||||
)}
|
||||
</View>
|
||||
</View>
|
||||
);
|
||||
};
|
||||
|
||||
// 3. 右上角：数据表头
|
||||
const renderRightHeader = () => (
|
||||
<View style={[styles.dataHeaderRow, { height: HEADER_HEIGHT, borderBottomColor: borderColor }]}>
|
||||
{columns.map((col) => (
|
||||
<View key={col.key} style={{ width: col.width, alignItems: "center" }}>
|
||||
<ThemedText style={[styles.headerText, { color: secondaryText }]}>
|
||||
{col.label}
|
||||
</ThemedText>
|
||||
</View>
|
||||
))}
|
||||
</View>
|
||||
);
|
||||
|
||||
// 4. 右侧列：数据行
|
||||
const renderRightDataRow = (player: any) => (
|
||||
<View style={[styles.dataRow, { height: ROW_HEIGHT, borderBottomColor: borderColor }]}>
|
||||
{columns.map((col) => (
|
||||
<View key={col.key} style={{ width: col.width, alignItems: "center" }}>
|
||||
<ThemedText style={[styles.statText, { color: textColor }]}>
|
||||
{getPlayerStat(player, col.key)}
|
||||
</ThemedText>
|
||||
</View>
|
||||
))}
|
||||
</View>
|
||||
);
|
||||
|
||||
// 队名/Logo逻辑
|
||||
const homeTeamName = match.eventHomeTeam || "";
|
||||
const awayTeamName = match.eventAwayTeam || "";
|
||||
const homeTeamLogo = match.homeTeamLogo || "";
|
||||
const awayTeamLogo = match.awayTeamLogo || "";
|
||||
const hasHomeLogo = homeTeamLogo && homeTeamLogo.trim() !== "" && !homeTeamLogo.includes("placehold");
|
||||
const hasAwayLogo = awayTeamLogo && awayTeamLogo.trim() !== "" && !awayTeamLogo.includes("placehold");
|
||||
const homeGradient = getLogoGradient(homeTeamName);
|
||||
const awayGradient = getLogoGradient(awayTeamName);
|
||||
const homeInitials = getInitials(homeTeamName);
|
||||
const awayInitials = getInitials(awayTeamName);
|
||||
|
||||
return (
|
||||
<View style={[styles.container, { backgroundColor: bgColor }]}>
|
||||
{/* 顶部控制栏 */}
|
||||
<View style={styles.controlsHeader}>
|
||||
<View>
|
||||
<ThemedText style={[styles.controlTitle, { color: textColor }]}>
|
||||
统计外观
|
||||
</ThemedText>
|
||||
<ThemedText style={[styles.controlSubtitle, { color: secondaryText }]}>
|
||||
详细视图
|
||||
</ThemedText>
|
||||
</View>
|
||||
<Switch
|
||||
value={isDetailed}
|
||||
onValueChange={setIsDetailed}
|
||||
trackColor={{ false: isDark ? "#3e3e3e" : "#E5E5E5", true: "#FF9500" }}
|
||||
thumbColor={"#fff"}
|
||||
/>
|
||||
</View>
|
||||
|
||||
{/* 队伍切换 Tab */}
|
||||
<View style={[styles.teamTabsContainer, { backgroundColor: isDark ? "#2C2C2E" : "#F5F5F5" }]}>
|
||||
<TouchableOpacity
|
||||
style={[
|
||||
styles.teamTab,
|
||||
activeTab === "home" && { backgroundColor: isDark ? "#1C1C1E" : "#FFF" },
|
||||
{ borderTopLeftRadius: 8, borderBottomLeftRadius: 8 },
|
||||
]}
|
||||
onPress={() => setActiveTab("home")}
|
||||
>
|
||||
{hasHomeLogo ? (
|
||||
<Image source={{ uri: homeTeamLogo }} style={styles.teamTabLogo} contentFit="contain" />
|
||||
) : (
|
||||
<LinearGradient
|
||||
colors={[homeGradient.color1, homeGradient.color2]}
|
||||
style={styles.teamTabLogoGradient}
|
||||
>
|
||||
<ThemedText style={styles.teamTabLogoText}>{homeInitials}</ThemedText>
|
||||
</LinearGradient>
|
||||
)}
|
||||
</TouchableOpacity>
|
||||
<TouchableOpacity
|
||||
style={[
|
||||
styles.teamTab,
|
||||
activeTab === "away" && { backgroundColor: isDark ? "#1C1C1E" : "#FFF" },
|
||||
{ borderTopRightRadius: 8, borderBottomRightRadius: 8 },
|
||||
]}
|
||||
onPress={() => setActiveTab("away")}
|
||||
>
|
||||
{hasAwayLogo ? (
|
||||
<Image source={{ uri: awayTeamLogo }} style={styles.teamTabLogo} contentFit="contain" />
|
||||
) : (
|
||||
<LinearGradient
|
||||
colors={[awayGradient.color1, awayGradient.color2]}
|
||||
style={styles.teamTabLogoGradient}
|
||||
>
|
||||
<ThemedText style={styles.teamTabLogoText}>{awayInitials}</ThemedText>
|
||||
</LinearGradient>
|
||||
)}
|
||||
</TouchableOpacity>
|
||||
</View>
|
||||
|
||||
{/* 核心表格区域：Vertical ScrollView 包裹整个表格 */}
|
||||
<ScrollView
|
||||
style={[styles.tableContainer, { borderColor }]}
|
||||
showsVerticalScrollIndicator={false}
|
||||
>
|
||||
<View style={{ flexDirection: "row" }}>
|
||||
|
||||
{/* 左侧区域：固定不横向滚动 */}
|
||||
<View style={{ width: LEFT_COLUMN_WIDTH, borderRightWidth: StyleSheet.hairlineWidth, borderColor }}>
|
||||
{/* Header */}
|
||||
{renderLeftHeader()}
|
||||
{/* Players List */}
|
||||
<View>
|
||||
{currentPlayers?.map((player, index) => (
|
||||
<View key={`left-${player.player_id || index}`}>
|
||||
{renderLeftPlayerRow(player)}
|
||||
</View>
|
||||
))}
|
||||
</View>
|
||||
</View>
|
||||
|
||||
{/* 右侧区域：整体横向滚动 */}
|
||||
<ScrollView horizontal showsHorizontalScrollIndicator={false}>
|
||||
<View>
|
||||
{/* Header */}
|
||||
{renderRightHeader()}
|
||||
{/* Data List */}
|
||||
<View>
|
||||
{currentPlayers?.map((player, index) => (
|
||||
<View key={`right-${player.player_id || index}`}>
|
||||
{renderRightDataRow(player)}
|
||||
</View>
|
||||
))}
|
||||
</View>
|
||||
</View>
|
||||
</ScrollView>
|
||||
|
||||
</View>
|
||||
|
||||
{/* Empty State */}
|
||||
{(!currentPlayers || currentPlayers.length === 0) && (
|
||||
<View style={styles.emptyState}>
|
||||
<ThemedText style={{ color: secondaryText }}>暂无球员数据</ThemedText>
|
||||
</View>
|
||||
)}
|
||||
</ScrollView>
|
||||
</View>
|
||||
);
|
||||
}
|
||||
|
||||
const styles = StyleSheet.create({
|
||||
container: {
|
||||
flex: 1,
|
||||
paddingTop: 12,
|
||||
},
|
||||
controlsHeader: {
|
||||
flexDirection: "row",
|
||||
justifyContent: "space-between",
|
||||
alignItems: "center",
|
||||
paddingHorizontal: 16,
|
||||
marginBottom: 12,
|
||||
},
|
||||
controlTitle: {
|
||||
fontSize: 14,
|
||||
fontWeight: "600",
|
||||
},
|
||||
controlSubtitle: {
|
||||
fontSize: 12,
|
||||
marginTop: 2,
|
||||
},
|
||||
teamTabsContainer: {
|
||||
flexDirection: "row",
|
||||
marginHorizontal: 16,
|
||||
marginBottom: 12,
|
||||
borderRadius: 12,
|
||||
height: 44,
|
||||
borderWidth: 1,
|
||||
overflow: "hidden",
|
||||
},
|
||||
teamTab: {
|
||||
flex: 1,
|
||||
justifyContent: "center",
|
||||
alignItems: "center",
|
||||
},
|
||||
teamTabLogo: {
|
||||
width: 24,
|
||||
height: 24,
|
||||
},
|
||||
teamTabLogoGradient: {
|
||||
width: 24,
|
||||
height: 24,
|
||||
borderRadius: 12,
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
},
|
||||
teamTabLogoText: {
|
||||
fontSize: 10,
|
||||
fontWeight: "700",
|
||||
color: "rgba(255, 255, 255, 0.92)",
|
||||
},
|
||||
tableContainer: {
|
||||
marginHorizontal: 16,
|
||||
marginBottom: 20,
|
||||
borderRadius: 16,
|
||||
borderWidth: 1,
|
||||
overflow: "hidden", // 确保圆角生效
|
||||
},
|
||||
// 左侧样式
|
||||
headerCell: {
|
||||
flexDirection: "row",
|
||||
alignItems: "center",
|
||||
borderBottomWidth: StyleSheet.hairlineWidth,
|
||||
paddingHorizontal: 12,
|
||||
width: "100%",
|
||||
},
|
||||
playerRow: {
|
||||
flexDirection: "row",
|
||||
alignItems: "center",
|
||||
borderBottomWidth: StyleSheet.hairlineWidth,
|
||||
paddingHorizontal: 8,
|
||||
width: "100%",
|
||||
},
|
||||
// 右侧样式
|
||||
dataHeaderRow: {
|
||||
flexDirection: "row",
|
||||
alignItems: "center",
|
||||
borderBottomWidth: StyleSheet.hairlineWidth,
|
||||
paddingHorizontal: 16, // 给右侧表头一些左右padding，美观
|
||||
},
|
||||
dataRow: {
|
||||
flexDirection: "row",
|
||||
alignItems: "center",
|
||||
borderBottomWidth: StyleSheet.hairlineWidth,
|
||||
paddingHorizontal: 16,
|
||||
},
|
||||
// 通用文本
|
||||
headerText: {
|
||||
fontSize: 12,
|
||||
fontWeight: "700",
|
||||
},
|
||||
statText: {
|
||||
fontSize: 14,
|
||||
fontWeight: "500",
|
||||
},
|
||||
// 球员头像与信息
|
||||
avatarContainer: {
|
||||
marginRight: 8,
|
||||
},
|
||||
avatarGradient: {
|
||||
width: 32,
|
||||
height: 32,
|
||||
borderRadius: 16,
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
},
|
||||
avatarText: {
|
||||
fontSize: 12,
|
||||
fontWeight: "700",
|
||||
color: "rgba(255, 255, 255, 0.92)",
|
||||
},
|
||||
playerInfo: {
|
||||
flex: 1,
|
||||
justifyContent: "center",
|
||||
},
|
||||
playerName: {
|
||||
fontSize: 13,
|
||||
fontWeight: "600",
|
||||
marginBottom: 2,
|
||||
},
|
||||
playerNumPos: {
|
||||
fontSize: 11,
|
||||
},
|
||||
emptyState: {
|
||||
padding: 40,
|
||||
alignItems: "center",
|
||||
},
|
||||
});
|
||||
@@ -63,8 +63,34 @@ export function MatchTabs({
|
||||
},
|
||||
];
|
||||
} else if (sportId === 2) {
|
||||
// 篮球
|
||||
return commonTabs;
|
||||
// 篮球: 详情、统计数据、整体统计、交锋往绩、聊天
|
||||
return [
|
||||
{
|
||||
id: "info",
|
||||
label: t("detail.tabs.info"),
|
||||
icon: "document-text-outline",
|
||||
},
|
||||
{
|
||||
id: "stats",
|
||||
label: t("detail.tabs.stats"),
|
||||
icon: "stats-chart-outline",
|
||||
},
|
||||
{
|
||||
id: "overall",
|
||||
label: t("detail.tabs.overall"),
|
||||
icon: "bar-chart-outline",
|
||||
},
|
||||
{
|
||||
id: "h2h",
|
||||
label: t("detail.tabs.h2h"),
|
||||
icon: "swap-horizontal-outline",
|
||||
},
|
||||
{
|
||||
id: "chat",
|
||||
label: t("detail.tabs.chat"),
|
||||
icon: "chatbubbles-outline",
|
||||
},
|
||||
];
|
||||
} else if (sportId === 3) {
|
||||
// 网球: 详情、聊天
|
||||
return [
|
||||
|
||||
@@ -104,6 +104,7 @@
|
||||
"total_points": "Total Points Won"
|
||||
},
|
||||
"tabs": {
|
||||
"overall": "Overall",
|
||||
"info": "Details",
|
||||
"stats": "Statistics",
|
||||
"odds": "Odds",
|
||||
@@ -178,6 +179,12 @@
|
||||
"lineups_coach": "Coach",
|
||||
"lineups_subs": "Substitutes",
|
||||
"lineups_missing": "Missing players"
|
||||
},
|
||||
"overall_stats": {
|
||||
"total_assists": "Assists",
|
||||
"total_blocks": "Blocks",
|
||||
"total_steals": "Steals",
|
||||
"total_turnovers": "Turnovers"
|
||||
}
|
||||
},
|
||||
"selection": {
|
||||
|
||||
@@ -88,6 +88,7 @@
|
||||
"fetch_failed": "विवरण प्राप्त करने में विफल",
|
||||
"not_found": "मैच डेटा नहीं मिला",
|
||||
"tabs": {
|
||||
"overall": "कुल",
|
||||
"info": "विवरण",
|
||||
"stats": "आँकड़े",
|
||||
"odds": "ऑड्स",
|
||||
@@ -163,6 +164,12 @@
|
||||
"lineups_coach": "कोच",
|
||||
"lineups_subs": "सब्स्टीट्यूट",
|
||||
"lineups_missing": "अनुपस्थित खिलाड़ी"
|
||||
},
|
||||
"overall_stats": {
|
||||
"total_assists": "असिस्ट",
|
||||
"total_blocks": "ब्लॉक",
|
||||
"total_steals": "स्टील",
|
||||
"total_turnovers": "टर्नओवर"
|
||||
}
|
||||
},
|
||||
"selection": {
|
||||
|
||||
@@ -89,6 +89,7 @@
|
||||
"not_found": "Data pertandingan tidak ditemukan",
|
||||
"scoreboard": "Papan Skor",
|
||||
"tabs": {
|
||||
"overall": "Keseluruhan",
|
||||
"info": "Detail",
|
||||
"stats": "Statistik",
|
||||
"odds": "Odds",
|
||||
@@ -163,6 +164,12 @@
|
||||
"lineups_coach": "Pelatih",
|
||||
"lineups_subs": "Cadangan",
|
||||
"lineups_missing": "Pemain Absen"
|
||||
},
|
||||
"overall_stats": {
|
||||
"total_assists": "Asisten",
|
||||
"total_blocks": "Blok",
|
||||
"total_steals": "Steal",
|
||||
"total_turnovers": "Turnover"
|
||||
}
|
||||
},
|
||||
"selection": {
|
||||
|
||||
@@ -89,6 +89,7 @@
|
||||
"not_found": "Data perlawanan tidak ditemui",
|
||||
"scoreboard": "Papan Skor",
|
||||
"tabs": {
|
||||
"overall": "Keseluruhan",
|
||||
"info": "Maklumat",
|
||||
"stats": "Statistik",
|
||||
"odds": "Odds",
|
||||
@@ -163,6 +164,12 @@
|
||||
"lineups_coach": "Jurulatih",
|
||||
"lineups_subs": "Pemain Simpanan",
|
||||
"lineups_missing": "Pemain Tidak Tersenarai"
|
||||
},
|
||||
"overall_stats": {
|
||||
"total_assists": "Bantuan",
|
||||
"total_blocks": "Sekatan",
|
||||
"total_steals": "Curi",
|
||||
"total_turnovers": "Pusingan"
|
||||
}
|
||||
},
|
||||
"selection": {
|
||||
|
||||
@@ -89,6 +89,7 @@
|
||||
"not_found": "ไม่พบข้อมูลการแข่งขัน",
|
||||
"scoreboard": "สกอร์บอร์ด",
|
||||
"tabs": {
|
||||
"overall": "ทั้งหมด",
|
||||
"info": "รายละเอียด",
|
||||
"stats": "สถิติ",
|
||||
"odds": "อัตราต่อรอง",
|
||||
@@ -163,6 +164,12 @@
|
||||
"lineups_coach": "โค้ช",
|
||||
"lineups_subs": "ตัวสำรอง",
|
||||
"lineups_missing": "ผู้เล่นที่ขาดหาย"
|
||||
},
|
||||
"overall_stats": {
|
||||
"total_assists": "แอสซิสต์",
|
||||
"total_blocks": "บล็อก",
|
||||
"total_steals": "สตีล",
|
||||
"total_turnovers": "เทิร์นโอเวอร์"
|
||||
}
|
||||
},
|
||||
"selection": {
|
||||
|
||||
@@ -89,6 +89,7 @@
|
||||
"not_found": "Không tìm thấy dữ liệu trận đấu",
|
||||
"scoreboard": "Bảng điểm",
|
||||
"tabs": {
|
||||
"overall": "Tổng",
|
||||
"info": "Thông tin",
|
||||
"stats": "Thống kê",
|
||||
"odds": "Tỷ lệ cược",
|
||||
@@ -163,6 +164,12 @@
|
||||
"lineups_coach": "Huấn luyện viên",
|
||||
"lineups_subs": "Dự bị",
|
||||
"lineups_missing": "Cầu thủ vắng mặt"
|
||||
},
|
||||
"overall_stats": {
|
||||
"total_assists": "Kiến tạo",
|
||||
"total_blocks": "Chặn bóng",
|
||||
"total_steals": "Cướp bóng",
|
||||
"total_turnovers": "Mất bóng"
|
||||
}
|
||||
},
|
||||
"selection": {
|
||||
|
||||
@@ -104,6 +104,7 @@
|
||||
"total_points": "总得分"
|
||||
},
|
||||
"tabs": {
|
||||
"overall": "全部",
|
||||
"info": "详情",
|
||||
"stats": "统计数据",
|
||||
"odds": "赔率",
|
||||
@@ -178,6 +179,12 @@
|
||||
"lineups_coach": "主教练",
|
||||
"lineups_subs": "替补球员",
|
||||
"lineups_missing": "缺席球员"
|
||||
},
|
||||
"overall_stats": {
|
||||
"total_assists": "助攻",
|
||||
"total_blocks": "盖帽",
|
||||
"total_steals": "抢断",
|
||||
"total_turnovers": "失误"
|
||||
}
|
||||
},
|
||||
"selection": {
|
||||
|
||||
110
types/api.ts
110
types/api.ts
@@ -52,10 +52,10 @@ export interface LiveScoreMatch {
|
||||
event_time: string;
|
||||
event_home_team: string;
|
||||
home_team_key: number;
|
||||
home_team_logo: string;
|
||||
home_team_logo: string | null;
|
||||
event_away_team: string;
|
||||
away_team_key: number;
|
||||
away_team_logo: string;
|
||||
away_team_logo: string | null;
|
||||
event_final_result: string;
|
||||
event_halftime_result: string;
|
||||
event_game_result?: string;
|
||||
@@ -69,14 +69,21 @@ export interface LiveScoreMatch {
|
||||
country_name: string;
|
||||
country_logo: string;
|
||||
event_country_key: number;
|
||||
event_quarter?: string;
|
||||
// Tennis specific
|
||||
event_first_player?: string;
|
||||
event_first_player_logo?: string;
|
||||
event_second_player?: string;
|
||||
event_second_player_logo?: string;
|
||||
event_serve?: string;
|
||||
pointbypoint?: any[];
|
||||
scores?: any[]; // LiveScoreMatch uses array for scores, Match uses string
|
||||
scores?:
|
||||
| any[]
|
||||
| {
|
||||
"1stQuarter"?: Array<{ score_home: string; score_away: string }>;
|
||||
"2ndQuarter"?: Array<{ score_home: string; score_away: string }>;
|
||||
"3rdQuarter"?: Array<{ score_home: string; score_away: string }>;
|
||||
"4thQuarter"?: Array<{ score_home: string; score_away: string }>;
|
||||
};
|
||||
goalscorers?: {
|
||||
time: string;
|
||||
home_scorer: string;
|
||||
@@ -113,7 +120,6 @@ export interface LiveScoreMatch {
|
||||
info_time: string;
|
||||
score: string;
|
||||
}[];
|
||||
lineups?: unknown;
|
||||
statistics?:
|
||||
| {
|
||||
type: string;
|
||||
@@ -142,7 +148,65 @@ export interface LiveScoreMatch {
|
||||
score: string;
|
||||
set_point: null | string;
|
||||
}[];
|
||||
}[];
|
||||
};
|
||||
lineups?: {
|
||||
home_team?: {
|
||||
starting_lineups?: Array<{ player: string; player_id: number }>;
|
||||
substitutes?: Array<{ player: string; player_id: number }>;
|
||||
};
|
||||
away_team?: {
|
||||
starting_lineups?: Array<{ player: string; player_id: number }>;
|
||||
substitutes?: Array<{ player: string; player_id: number }>;
|
||||
};
|
||||
};
|
||||
player_statistics?: {
|
||||
home_team?: Array<{
|
||||
player: string;
|
||||
player_id: number;
|
||||
player_position?: string;
|
||||
player_minutes?: string;
|
||||
player_points?: string;
|
||||
player_total_rebounds?: string;
|
||||
player_offence_rebounds?: string;
|
||||
player_defense_rebounds?: string;
|
||||
player_assists?: string;
|
||||
player_steals?: string;
|
||||
player_blocks?: string;
|
||||
player_turnovers?: string;
|
||||
player_personal_fouls?: string;
|
||||
player_plus_minus?: string;
|
||||
player_field_goals_made?: string;
|
||||
player_field_goals_attempts?: string;
|
||||
player_threepoint_goals_made?: string;
|
||||
player_threepoint_goals_attempts?: string;
|
||||
player_freethrows_goals_made?: string;
|
||||
player_freethrows_goals_attempts?: string;
|
||||
player_oncourt?: string | null;
|
||||
}>;
|
||||
away_team?: Array<{
|
||||
player: string;
|
||||
player_id: number;
|
||||
player_position?: string;
|
||||
player_minutes?: string;
|
||||
player_points?: string;
|
||||
player_total_rebounds?: string;
|
||||
player_offence_rebounds?: string;
|
||||
player_defense_rebounds?: string;
|
||||
player_assists?: string;
|
||||
player_steals?: string;
|
||||
player_blocks?: string;
|
||||
player_turnovers?: string;
|
||||
player_personal_fouls?: string;
|
||||
player_plus_minus?: string;
|
||||
player_field_goals_made?: string;
|
||||
player_field_goals_attempts?: string;
|
||||
player_threepoint_goals_made?: string;
|
||||
player_threepoint_goals_attempts?: string;
|
||||
player_freethrows_goals_made?: string;
|
||||
player_freethrows_goals_attempts?: string;
|
||||
player_oncourt?: string | null;
|
||||
}>;
|
||||
};
|
||||
}
|
||||
|
||||
export interface ApiResponse<T> {
|
||||
@@ -238,6 +302,26 @@ export interface Player {
|
||||
number?: number | string;
|
||||
player_type?: string; // 位置/角色，例如 Goalkeepers
|
||||
position?: string; // 兜底位置字段
|
||||
// 篮球相关字段
|
||||
player_id?: number;
|
||||
player_points?: string;
|
||||
player_assists?: string;
|
||||
player_minutes?: string;
|
||||
player_blocks?: string;
|
||||
player_steals?: string;
|
||||
player_turnovers?: string;
|
||||
player_plus_minus?: string;
|
||||
player_personal_fouls?: string;
|
||||
player_total_rebounds?: string;
|
||||
player_defense_rebounds?: string;
|
||||
player_offence_rebounds?: string;
|
||||
player_field_goals_made?: string;
|
||||
player_field_goals_attempts?: string;
|
||||
player_freethrows_goals_made?: string;
|
||||
player_freethrows_goals_attempts?: string;
|
||||
player_threepoint_goals_made?: string;
|
||||
player_threepoint_goals_attempts?: string;
|
||||
player_oncourt?: string;
|
||||
}
|
||||
|
||||
export interface UpcomingMatch {
|
||||
@@ -337,7 +421,19 @@ export interface MatchDetailData {
|
||||
firstPlayerKey?: string;
|
||||
secondPlayerKey?: string;
|
||||
eventGameResult?: string;
|
||||
scores?: any[];
|
||||
scores?:
|
||||
| any[]
|
||||
| {
|
||||
"1stQuarter"?: Array<{ score_home: string; score_away: string }>;
|
||||
"2ndQuarter"?: Array<{ score_home: string; score_away: string }>;
|
||||
"3rdQuarter"?: Array<{ score_home: string; score_away: string }>;
|
||||
"4thQuarter"?: Array<{ score_home: string; score_away: string }>;
|
||||
};
|
||||
stats?: Array<{
|
||||
type: string;
|
||||
home: string;
|
||||
away: string;
|
||||
}>;
|
||||
events?: MatchEvents;
|
||||
players?: {
|
||||
home_team?: Player[];
|
||||
|
||||
Reference in New Issue
Block a user