| | |
|---|
| | | waitingCalloutBgUrl: string; |
|---|
| | | /** 等待态雷达图地址。 */ |
|---|
| | | waitingRadarUrl: string; |
|---|
| | | /** 路线概览气泡背景图地址。 */ |
|---|
| | | routeSummaryBgUrl: string; |
|---|
| | | }; |
|---|
| | | |
|---|
| | | /** Hook 入参。 */ |
|---|
| | |
|---|
| | | waitingCalloutBgSrc: string; |
|---|
| | | /** 等待态雷达图本地地址。 */ |
|---|
| | | waitingRadarSrc: string; |
|---|
| | | /** 路线概览气泡背景图本地地址。 */ |
|---|
| | | routeSummaryBgSrc: string; |
|---|
| | | }; |
|---|
| | | |
|---|
| | | /** |
|---|
| | |
|---|
| | | const [customCalloutIconSrc, setCustomCalloutIconSrc] = useState(params.assetUrls.customCalloutIconUrl); // 自定义气泡箭头图本地地址 |
|---|
| | | const [waitingCalloutBgSrc, setWaitingCalloutBgSrc] = useState(params.assetUrls.waitingCalloutBgUrl); // 等待态气泡背景图本地地址 |
|---|
| | | const [waitingRadarSrc, setWaitingRadarSrc] = useState(params.assetUrls.waitingRadarUrl); // 等待态雷达图本地地址 |
|---|
| | | const [routeSummaryBgSrc, setRouteSummaryBgSrc] = useState(params.assetUrls.routeSummaryBgUrl); // 路线概览气泡背景图本地地址 |
|---|
| | | |
|---|
| | | /** |
|---|
| | | * 预加载单张图片并在组件仍挂载时回写结果。 |
|---|
| | |
|---|
| | | useEffect(() => { |
|---|
| | | const cancelledRef = { current: false }; |
|---|
| | | preloadSingleAsset(params.assetUrls.customCalloutIconUrl, setCustomCalloutIconSrc, cancelledRef); |
|---|
| | | preloadSingleAsset(params.assetUrls.routeSummaryBgUrl, setRouteSummaryBgSrc, cancelledRef); |
|---|
| | | return () => { |
|---|
| | | cancelledRef.current = true; |
|---|
| | | }; |
|---|
| | | }, [params.assetUrls.customCalloutIconUrl, params.assetUrls.routeSummaryBgUrl]); |
|---|
| | | }, [params.assetUrls.customCalloutIconUrl]); |
|---|
| | | |
|---|
| | | useEffect(() => { |
|---|
| | | if (![TripStatus.Publishing, TripStatus.CallingCar].includes(params.tripStatus)) { |
|---|
| | |
|---|
| | | return { |
|---|
| | | customCalloutIconSrc, |
|---|
| | | waitingCalloutBgSrc, |
|---|
| | | waitingRadarSrc, |
|---|
| | | routeSummaryBgSrc |
|---|
| | | waitingRadarSrc |
|---|
| | | }; |
|---|
| | | } |
|---|
