feat: replace traffic chart rendering component for performance improvement and React 19 compatibility

This commit is contained in:
wonfen
2025-05-14 12:16:59 +08:00
parent 1993e5dd51
commit becc51bcd2
3 changed files with 299 additions and 196 deletions

32
pnpm-lock.yaml generated
View File

@@ -80,6 +80,9 @@ importers:
axios:
specifier: ^1.8.3
version: 1.9.0
chart.js:
specifier: ^4.4.9
version: 4.4.9
cli-color:
specifier: ^2.0.4
version: 2.0.4
@@ -122,6 +125,9 @@ importers:
react:
specifier: 19.1.0
version: 19.1.0
react-chartjs-2:
specifier: ^5.3.0
version: 5.3.0(chart.js@4.4.9)(react@19.1.0)
react-dom:
specifier: 19.1.0
version: 19.1.0(react@19.1.0)
@@ -147,7 +153,7 @@ importers:
specifier: ^4.12.7
version: 4.12.7(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
recharts:
specifier: ^2.15.1
specifier: ^2.15.3
version: 2.15.3(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
sockette:
specifier: ^2.0.6
@@ -1006,6 +1012,9 @@ packages:
'@juggle/resize-observer@3.4.0':
resolution: {integrity: sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA==}
'@kurkle/color@0.3.4':
resolution: {integrity: sha512-M5UknZPHRu3DEDWoipU6sE8PdkZ6Z/S+v4dD+Ke8IaNlpdSQah50lz1KtcFBa2vsdOnwbbnxJwVM4wty6udA5w==}
'@mui/core-downloads-tracker@7.1.0':
resolution: {integrity: sha512-E0OqhZv548Qdc0PwWhLVA2zmjJZSTvaL4ZhoswmI8NJEC1tpW2js6LLP827jrW9MEiXYdz3QS6+hask83w74yQ==}
@@ -1786,6 +1795,10 @@ packages:
character-reference-invalid@2.0.1:
resolution: {integrity: sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==}
chart.js@4.4.9:
resolution: {integrity: sha512-EyZ9wWKgpAU0fLJ43YAEIF8sr5F2W3LqbS40ZJyHIner2lY14ufqv2VMp69MAiZ2rpwxEUxEhIH/0U3xyRynxg==}
engines: {pnpm: '>=8'}
chokidar@4.0.3:
resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
engines: {node: '>= 14.16.0'}
@@ -2615,6 +2628,12 @@ packages:
proxy-from-env@1.1.0:
resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
react-chartjs-2@5.3.0:
resolution: {integrity: sha512-UfZZFnDsERI3c3CZGxzvNJd02SHjaSJ8kgW1djn65H1KK8rehwTjyrRKOG3VTMG8wtHZ5rgAO5oTHtHi9GCCmw==}
peerDependencies:
chart.js: ^4.1.1
react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
react-dom@19.1.0:
resolution: {integrity: sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==}
peerDependencies:
@@ -4020,6 +4039,8 @@ snapshots:
'@juggle/resize-observer@3.4.0': {}
'@kurkle/color@0.3.4': {}
'@mui/core-downloads-tracker@7.1.0': {}
'@mui/icons-material@7.1.0(@mui/material@7.1.0(@emotion/react@11.14.0(@types/react@19.1.4)(react@19.1.0))(@emotion/styled@11.14.0(@emotion/react@11.14.0(@types/react@19.1.4)(react@19.1.0))(@types/react@19.1.4)(react@19.1.0))(@types/react@19.1.4)(react-dom@19.1.0(react@19.1.0))(react@19.1.0))(@types/react@19.1.4)(react@19.1.0)':
@@ -4740,6 +4761,10 @@ snapshots:
character-reference-invalid@2.0.1: {}
chart.js@4.4.9:
dependencies:
'@kurkle/color': 0.3.4
chokidar@4.0.3:
dependencies:
readdirp: 4.1.2
@@ -5687,6 +5712,11 @@ snapshots:
proxy-from-env@1.1.0: {}
react-chartjs-2@5.3.0(chart.js@4.4.9)(react@19.1.0):
dependencies:
chart.js: 4.4.9
react: 19.1.0
react-dom@19.1.0(react@19.1.0):
dependencies:
react: 19.1.0