fix: update baidu translate api

src/views/Selection/DictCont.js

@@ -1,16 +1,11 @@
 import Box from "@mui/material/Box";
-import Chip from "@mui/material/Chip";
 import Stack from "@mui/material/Stack";
 import FavBtn from "./FavBtn";
 import Typography from "@mui/material/Typography";
 
-const exchangeMap = {
-  word_third: "第三人称单数",
-  word_ing: "现在分词",
-  word_done: "过去式",
-  word_past: "过去分词",
-  word_pl: "复数",
-  word_proto: "词源",
+const phonicMap = {
+  en_phonic: "英",
+  us_phonic: "美",
 };
 
 export default function DictCont({ dictResult }) {
@@ -26,40 +21,28 @@ export default function DictCont({ dictResult }) {
         alignItems="flex-start"
       >
         <Typography variant="subtitle1" style={{ fontWeight: "bold" }}>
-          {dictResult.simple_means?.word_name}
+          {dictResult.src}
         </Typography>
-        <FavBtn word={dictResult.simple_means?.word_name} />
+        <FavBtn word={dictResult.src} />
       </Stack>
 
-      {dictResult.simple_means?.symbols?.map(({ ph_en, ph_am, parts }, idx) => (
-        <Typography key={idx} component="div">
-          {(ph_en || ph_am) && (
-            <Typography>{`英 /${ph_en || ""}/ 美 /${ph_am || ""}/`}</Typography>
-          )}
-          <ul style={{ margin: "0.5em 0" }}>
-            {parts.map(({ part, means }, idx) => (
-              <li key={idx}>
-                {part ? `[${part}] ${means.join("; ")}` : means.join("; ")}
-              </li>
-            ))}
-          </ul>
+      <Typography component="div">
+        <Typography>
+          {dictResult.voice
+            .map(Object.entries)
+            .map((item) => item[0])
+            .map(([key, val]) => `${phonicMap[key] || key} ${val}`)
+            .join(" ")}
         </Typography>
-      ))}
-
-      <Typography>
-        {Object.entries(dictResult.simple_means?.exchange || {})
-          .map(([key, val]) => `${exchangeMap[key] || key}: ${val.join(", ")}`)
-          .join("; ")}
-      </Typography>
-
-      <Stack direction="row" spacing={1} flexWrap="wrap" useFlexGap>
-        {Object.values(dictResult.simple_means?.tags || {})
-          .flat()
-          .filter((item) => item)
-          .map((item) => (
-            <Chip label={item} size="small" />
+        <ul style={{ margin: "0.5em 0" }}>
+          {dictResult.content[0].mean.map(({ pre, cont }, idx) => (
+            <li key={idx}>
+              {pre && `[${pre}] `}
+              {Object.keys(cont).join("; ")}
+            </li>
           ))}
-      </Stack>
+        </ul>
+      </Typography>
     </Box>
   );
 }