(
>
-
-
-
-
-
+ >{`自动暂停(${autoPause ? "是" : "否"})`}
-
-
+
diff --git a/src/app/translator/page.tsx b/src/app/translator/page.tsx
index c55f50f..6f1c34e 100644
--- a/src/app/translator/page.tsx
+++ b/src/app/translator/page.tsx
@@ -1,7 +1,7 @@
"use client";
import { ChangeEvent, useState } from "react";
-import Button from "@/components/Button";
+import LightButton from "@/components/buttons/LightButton";
import IconClick from "@/components/IconClick";
import { useAudioPlayer } from "@/hooks/useAudioPlayer";
import IMAGES from "@/config/images";
@@ -208,12 +208,12 @@ export default function Translator() {
detect language
-
+
@@ -240,33 +240,33 @@ export default function Translator() {
translate into
-
-
-
-
+
diff --git a/src/app/word-board/page.tsx b/src/app/word-board/page.tsx
index 5942f61..5a1d318 100644
--- a/src/app/word-board/page.tsx
+++ b/src/app/word-board/page.tsx
@@ -1,6 +1,6 @@
"use client";
import TheBoard from "@/app/word-board/TheBoard";
-import Button from "../../components/Button";
+import LightButton from "../../components/buttons/LightButton";
import { KeyboardEvent, useRef, useState } from "react";
import { Word } from "@/interfaces";
import {
@@ -165,12 +165,12 @@ export default function WordBoard() {
type="text"
className="focus:outline-none border-b-2 border-black"
/>
-
-
-
-
-
-
+ 插入
+ 删除
+ 搜索
+ 导入
+ 导出
+ 删光
{/* */}
+ {children}
+
+ );
+}
diff --git a/src/components/Button.tsx b/src/components/buttons/DarkButton.tsx
similarity index 50%
rename from src/components/Button.tsx
rename to src/components/buttons/DarkButton.tsx
index 9569011..91f583c 100644
--- a/src/components/Button.tsx
+++ b/src/components/buttons/DarkButton.tsx
@@ -1,4 +1,6 @@
-export default function Button({
+import PlainButton from "./PlainButton";
+
+export default function DarkButton({
onClick,
className,
selected,
@@ -10,11 +12,11 @@ export default function Button({
children?: React.ReactNode;
}) {
return (
-
+
);
}
diff --git a/src/components/buttons/LightButton.tsx b/src/components/buttons/LightButton.tsx
new file mode 100644
index 0000000..1ee68fa
--- /dev/null
+++ b/src/components/buttons/LightButton.tsx
@@ -0,0 +1,22 @@
+import PlainButton from "./PlainButton";
+
+export default function LightButton({
+ onClick,
+ className,
+ selected,
+ children,
+}: {
+ onClick?: () => void;
+ className?: string;
+ selected?: boolean;
+ children?: React.ReactNode;
+}) {
+ return (
+
+ {children}
+
+ );
+}
diff --git a/src/components/buttons/PlainButton.tsx b/src/components/buttons/PlainButton.tsx
new file mode 100644
index 0000000..33697e1
--- /dev/null
+++ b/src/components/buttons/PlainButton.tsx
@@ -0,0 +1,18 @@
+export default function PlainButton({
+ onClick,
+ className,
+ children,
+}: {
+ onClick?: () => void;
+ className?: string;
+ children?: React.ReactNode;
+}) {
+ return (
+
+ );
+}
diff --git a/src/components/cards/ACard.tsx b/src/components/cards/ACard.tsx
new file mode 100644
index 0000000..6b8385e
--- /dev/null
+++ b/src/components/cards/ACard.tsx
@@ -0,0 +1,16 @@
+"use client";
+
+interface ACardProps {
+ children?: React.ReactNode;
+ className?: string;
+}
+
+export default function ACard({ children, className }: ACardProps) {
+ return (
+
+ {children}
+
+ );
+}
diff --git a/src/components/cards/BCard.tsx b/src/components/cards/BCard.tsx
new file mode 100644
index 0000000..e74675e
--- /dev/null
+++ b/src/components/cards/BCard.tsx
@@ -0,0 +1,12 @@
+"use client";
+
+interface BCardProps {
+ children?: React.ReactNode;
+ className?: string;
+}
+
+export default function BCard({ children, className }: BCardProps) {
+ return (
+ {children}
+ );
+}
diff --git a/src/config/locales.ts b/src/config/locales.ts
index f6ea50d..e66cd2f 100644
--- a/src/config/locales.ts
+++ b/src/config/locales.ts
@@ -1209,4 +1209,12 @@ const VOICES = [
},
];
-export { VOICES };
+const LOCALES = Array.from(
+ new Set(
+ VOICES.map((v) => v.locale)
+ .filter((v) => v.length === 5)
+ .toSorted(),
+ ),
+);
+
+export { VOICES, LOCALES };