leetcode-pp · azl397985856 · Nov 8, 2023 · Nov 1, 2023 · Nov 3, 2023 · Nov 3, 2023
diff --git a/src/App.js b/src/App.js
@@ -1,4 +1,4 @@
-import React, { useState, Suspense } from "react";
+import React, { useState, Suspense, useEffect } from "react";
 import { Button, Table, Empty, Tabs, Image } from "antd";
 
 import "highlight.js/styles/github.css";
@@ -109,8 +109,8 @@ function App() {
   //   setHasSolution(!!problems[problemId]);
   // }, 1000);
 
-  // 开发环境不需要依赖 chrome 插件 query 函数
-  const [langReady, setLangReady] = useState(isDev);
+  // 开发环境和直接进入网站的方式不需要依赖 chrome 插件 query 函数
+  const [langReady, setLangReady] = useState(isDev||!isInExtension());
   const [problemId, setProblemId] = useState("");
 
   const [hasSolution, setHasSolution] = useState(false);
@@ -243,7 +243,7 @@ function App() {
                 <Button
                   type="link"
                   target="_blank"
-                  href="https://leetcode-pp.github.io/leetcode-cheat/?tab=data-structure-vis"
+                  href={`https://leetcode-pp.github.io/leetcode-cheat/?tab=data-structure-vis&lang=${lang}`}
                 >
                   {t("Locale.app.goToTheWebsiteToUse")}
                 </Button>

diff --git a/src/codeTemplates/codeTemplate.jsx b/src/codeTemplates/codeTemplate.jsx
@@ -28,7 +28,7 @@ export default function CodeTemplate({ templates }) {
 
   return (
     <div>
-      <Tabs activeKey={tab}>
+      <Tabs activeKey={tab} onChange={setTab}>
         {tempaltesState.map((tempalte) => (
           <TabPane
             tab={
@@ -74,7 +74,7 @@ export default function CodeTemplate({ templates }) {
                             size="small"
                             style={{ marginLeft: "10px" }}
                           >
-                            {t("Locale.app.toWriteSilently")}
+                            {t("Locale.app.goForDictation")}
                           </Button>
                         </li>
                       ))}

diff --git a/src/codeTemplates/index.js b/src/codeTemplates/index.js
@@ -11,7 +11,7 @@ import handWriting from "./hand-writing";
 import rotate from "./rotate";
 import grapth from "./grapth";
 import prime from "./prime";
-console.log(binarySearch,"123");
+
 const templates = [
   preSum,
   grapth,

diff --git a/src/complexityRating/index.jsx b/src/complexityRating/index.jsx
@@ -1,6 +1,6 @@
 import React from "react";
 import { Button, Table } from "antd";
-
+import { t } from "../locales";
 import "./index.less";
 
 // | 数据规模 | 算法可接受时间复杂度 |
@@ -15,17 +15,19 @@ import "./index.less";
 // | <=10^14  | $O(\sqrt{n})$        |
 // | -        | $O(logn)$            |
 
-const columns = [
+const getColumns = () => [
   {
     key: "size",
     dataIndex: "size",
-    title: "数据规模",
+    // title: "数据规模",
+    title: t("Locale.complexityQuickCheck.dataScale"),
     align: "center",
   },
   {
     key: "complexity",
     dataIndex: "complexity",
-    title: "算法可接受时间复杂度",
+    // title: "算法可接受时间复杂度",
+    title: t("Locale.complexityQuickCheck.timeComplexity"),
     align: "center",
     render: (t) => {
       if (t === "O(sqrt(n))")
@@ -82,10 +84,11 @@ export default function ComplexityRating() {
         href="https://lucifer.ren/blog/2020/12/21/shuati-silu3/"
         target="_blank"
       >
-        不懂为什么？点这里
+        {/* 不懂为什么？点这里 */}
+        {t("Locale.complexityQuickCheck.tips")}
       </Button>
 
-      <Table columns={columns} dataSource={data} />
+      <Table columns={getColumns()} dataSource={data} />
     </div>
   );
 }
diff --git a/src/dataStructureVis/data.js b/src/dataStructureVis/data.js
@@ -0,0 +1,178 @@
+import treeLevel2 from "../db/dataStructureVis/tree-level-2";
+import treeLevel3 from "../db/dataStructureVis/tree-level-3";
+import treeLevel4 from "../db/dataStructureVis/tree-level-4";
+import trigeminal from "../db/dataStructureVis/trigeminal";
+import graph1 from "../db/dataStructureVis/graph-1";
+import recurTree1 from "../db/dataStructureVis/recur-tree-1.js";
+import array1 from "../db/dataStructureVis/array-1.js";
+import board1 from "../db/dataStructureVis/board-1.js";
+import official from "../db/dataStructureVis/leetcode-official";
+import calm from "../db/dataStructureVis/calm";
+
+export const initialDataSource = {
+    presets: [
+      {
+        title: "力扣官方",
+        data: official,
+        desc: "力扣官方题解主题（持续更新）",
+        type: "leetcode-official",
+        typeName: "力扣官方",
+      },
+      {
+        title: "calm",
+        data: calm,
+        desc: "稳重色系（目前只完成了树，后续更新其他数据结构）",
+        type: "theme",
+        typeName: "色系",
+      },
+      {
+        title: "二层二叉树",
+        data: treeLevel2,
+        desc: "",
+        cover: "",
+        type: "tree",
+        typeName: "树",
+      },
+      {
+        title: "三层二叉树",
+        data: treeLevel3,
+        desc: "",
+        cover: "",
+        type: "tree",
+        typeName: "树",
+      },
+      {
+        title: "四层二叉树",
+        data: treeLevel4,
+        desc: "",
+        cover: "",
+        type: "tree",
+        typeName: "树",
+      },
+      {
+        title: "三叉树",
+        data: trigeminal,
+        desc: "",
+        cover: "",
+        type: "tree",
+        typeName: "树",
+      },
+      {
+        title: "递归树",
+        data: recurTree1,
+        desc: "",
+        cover: "",
+        type: "tree",
+        typeName: "树",
+      },
+      {
+        title: "简单数组",
+        data: array1,
+        desc: "",
+        cover: "",
+        type: "array",
+        typeName: "数组",
+      },
+      {
+        title: "简单二维矩阵",
+        data: board1,
+        desc: "",
+        cover: "",
+        type: "board",
+        typeName: "二维矩阵（或邻接矩阵）",
+      },
+      {
+        title: "简单图",
+        data: graph1,
+        desc: "",
+        cover: "",
+        type: "graph",
+        typeName: "图",
+      },
+    ],
+    custom: [],
+  };
+
+  export  const initialDataSourceEn = {
+    presets: [
+      {
+        title: "LeetCode Official",
+        data: official,
+        desc: "Official LeetCode solution topics (continuously updated)",
+        type: "leetcode-official",
+        typeName: "LeetCode Official",
+      },
+      {
+        title: "Calm",
+        data: calm,
+        desc: "Serene color scheme (currently only completed for trees, more data structures to be updated)",
+        type: "theme",
+        typeName: "Color Scheme",
+      },
+      {
+        title: "Binary Tree - Level 2",
+        data: treeLevel2,
+        desc: "",
+        cover: "",
+        type: "tree",
+        typeName: "Tree",
+      },
+      {
+        title: "Binary Tree - Level 3",
+        data: treeLevel3,
+        desc: "",
+        cover: "",
+        type: "tree",
+        typeName: "Tree",
+      },
+      {
+        title: "Binary Tree - Level 4",
+        data: treeLevel4,
+        desc: "",
+        cover: "",
+        type: "tree",
+        typeName: "Tree",
+      },
+      {
+        title: "Ternary Tree",
+        data: trigeminal,
+        desc: "",
+        cover: "",
+        type: "tree",
+        typeName: "Tree",
+      },
+      {
+        title: "Recursive Tree",
+        data: recurTree1,
+        desc: "",
+        cover: "",
+        type: "tree",
+        typeName: "Tree",
+      },
+      {
+        title: "Simple Array",
+        data: array1,
+        desc: "",
+        cover: "",
+        type: "array",
+        typeName: "Array",
+      },
+      {
+        title: "Simple 2D Matrix",
+        data: board1,
+        desc: "",
+        cover: "",
+        type: "board",
+        typeName: "2D Matrix (or Adjacency Matrix)",
+      },
+      {
+        title: "Simple Graph",
+        data: graph1,
+        desc: "",
+        cover: "",
+        type: "graph",
+        typeName: "Graph",
+      },
+    ],
+    custom: [],
+  };