feat: 新增 偏好设置 > 剪切板 > 操作按钮 国际化 (#875)

kohaiy · web-flow · commit 92eb05b7bc2d · 2024-12-05T10:55:38.000+08:00
diff --git a/src/locales/en-US.json b/src/locales/en-US.json
@@ -48,19 +48,32 @@
 			},
 			"content_settings": {
 				"title": "Clipboard Content",
+				"button": {
+					"custom_operation_button": "Custom"
+				},
 				"label": {
 					"auto_paste": "Auto Paste",
 					"auto_paste_single": "Single Click",
 					"auto_paste_double": "Double Click",
 					"image_ocr": "Image OCR",
 					"copy_as_plain": "Copy as Plain Text",
-					"paste_as_plain": "Paste as Plain Text"
+					"paste_as_plain": "Paste as Plain Text",
+					"operation_button": "Action Button",
+					"custom_operation_button_title": "Custom Action Button",
+					"operation_button_option": {
+						"copy": "Copy",
+						"paste_plain": "Paste as Plain Text",
+						"notes": "Notes",
+						"favorite": "Favorite",
+						"delete": "Delete"
+					}
 				},
 				"hints": {
 					"auto_paste": "Quickly paste content to the input field when using the left mouse button",
 					"image_ocr": "Note: Please be sure to download the",
 					"copy_as_plain": "Rich text and HTML formats retain only plain text content when copied",
-					"paste_as_plain": "Rich text and HTML formatting retains only plain text content when pasting"
+					"paste_as_plain": "Rich text and HTML formatting retains only plain text content when pasting",
+					"operation_button": "Customize icon buttons to operate on clipboard content"
 				}
 			}
 		},
diff --git a/src/locales/ja-JP.json b/src/locales/ja-JP.json
@@ -48,19 +48,32 @@
 			},
 			"content_settings": {
 				"title": "その他の設定",
+				"button": {
+					"custom_operation_button": "カスタム"
+				},
 				"label": {
 					"auto_paste": "自動ペースト",
 					"auto_paste_single": "シングルクリック",
 					"auto_paste_double": "ダブルクリック",
 					"image_ocr": "画像OCR",
 					"copy_as_plain": "プレーンテキストとしてコピー",
-					"paste_as_plain": "プレーンテキストとして貼り付ける"
+					"paste_as_plain": "プレーンテキストとして貼り付ける",
+					"operation_button": "操作ボタン",
+					"custom_operation_button_title": "カスタム操作ボタン",
+					"operation_button_option": {
+						"copy": "コピー",
+						"paste_plain": "プレーンテキストとして貼り付け",
+						"notes": "メモ",
+						"favorite": "お気に入り",
+						"delete": "削除"
+					}
 				},
 				"hints": {
 					"auto_paste": "左クリック時に、内容を素早く入力フィールドに貼り付けます",
 					"image_ocr": "注意：ご使用前に必ずダウンロードしてください。",
 					"copy_as_plain": "リッチテキストとHTML形式は、コピーしてもプレーンテキストの内容しか保持しない",
-					"paste_as_plain": "リッチテキストとHTMLの書式設定は、貼り付け時にプレーンテキストの内容だけを保持する"
+					"paste_as_plain": "リッチテキストとHTMLの書式設定は、貼り付け時にプレーンテキストの内容だけを保持する",
+					"operation_button": "クリップボード内容を操作するためのアイコンボタンをカスタマイズします"
 				}
 			}
 		},
diff --git a/src/locales/zh-CN.json b/src/locales/zh-CN.json
@@ -48,19 +48,32 @@
 			},
 			"content_settings": {
 				"title": "剪切板内容",
+				"button": {
+					"custom_operation_button": "自定义"
+				},
 				"label": {
 					"auto_paste": "自动粘贴",
 					"auto_paste_single": "单击",
 					"auto_paste_double": "双击",
 					"image_ocr": "图片OCR",
 					"copy_as_plain": "复制为纯文本",
-					"paste_as_plain": "粘贴为纯文本"
+					"paste_as_plain": "粘贴为纯文本",
+					"operation_button": "操作按钮",
+					"custom_operation_button_title": "自定义操作按钮",
+					"operation_button_option": {
+						"copy": "复制",
+						"paste_plain": "粘贴为纯文本",
+						"notes": "备注",
+						"favorite": "收藏",
+						"delete": "删除"
+					}
 				},
 				"hints": {
 					"auto_paste": "鼠标左键操作时，快速粘贴内容至输入位置",
 					"image_ocr": "注意：使用前请务必先下载",
 					"copy_as_plain": "富文本和HTML格式在复制时仅保留纯文本内容",
-					"paste_as_plain": "富文本和HTML格式在粘贴时仅保留纯文本内容"
+					"paste_as_plain": "富文本和HTML格式在粘贴时仅保留纯文本内容",
+					"operation_button": "自定义操作剪贴板内容的图标按钮"
 				}
 			}
 		},
diff --git a/src/locales/zh-TW.json b/src/locales/zh-TW.json
@@ -48,19 +48,32 @@
 			},
 			"content_settings": {
 				"title": "剪貼簿內容",
+				"button": {
+					"custom_operation_button": "自定義"
+				},
 				"label": {
 					"auto_paste": "自動貼上",
 					"auto_paste_single": "單擊",
 					"auto_paste_double": "雙擊",
 					"image_ocr": "圖片OCR",
 					"copy_as_plain": "複製為純文字",
-					"paste_as_plain": "粘貼為純文字"
+					"paste_as_plain": "粘貼為純文字",
+					"operation_button": "操作按鈕",
+					"custom_operation_button_title": "自定義操作按鈕",
+					"operation_button_option": {
+						"copy": "複製",
+						"paste_plain": "貼上為純文本",
+						"notes": "備註",
+						"favorite": "收藏",
+						"delete": "刪除"
+					}
 				},
 				"hints": {
 					"auto_paste": "當使用滑鼠左鍵時，快速將內容貼上到輸入位置",
 					"image_ocr": "注意：使用前請務必先下載",
 					"copy_as_plain": "富文字和HTML格式在複製時僅保留純文字內容",
-					"paste_as_plain": "富文字和HTML格式在粘貼時僅保留純文字內容"
+					"paste_as_plain": "富文字和HTML格式在粘貼時僅保留純文字內容",
+					"operation_button": "自定義操作剪貼簿內容的圖示按鈕"
 				}
 			}
 		},
diff --git a/src/pages/Clipboard/Panel/components/List/components/Item/components/Header/index.tsx b/src/pages/Clipboard/Panel/components/List/components/Item/components/Header/index.tsx
@@ -125,7 +125,7 @@ const Header: FC<HeaderProps> = (props) => {
 				onDoubleClick={(event) => event.stopPropagation()}
 			>
 				{operationButtons.map((item) => {
-					const { key, icon, activeIcon } = item;
+					const { key, icon, activeIcon, title } = item;
 
 					const isFavorite = key === "star" && favorite;
 
@@ -134,6 +134,7 @@ const Header: FC<HeaderProps> = (props) => {
 							key={key}
 							hoverable
 							name={isFavorite ? activeIcon : icon}
+							title={t(title)}
 							className={clsx({ "text-gold!": isFavorite })}
 							onClick={(event) => handleClick(event, key)}
 						/>
diff --git a/src/pages/Clipboard/Settings/components/OperationButton/index.tsx b/src/pages/Clipboard/Settings/components/OperationButton/index.tsx
@@ -15,35 +15,41 @@ interface TransferData {
 export const transferData: TransferData[] = [
 	{
 		key: "copy",
-		title: "复制",
+		title:
+			"preference.clipboard.content_settings.label.operation_button_option.copy",
 		icon: "i-lucide:copy",
 	},
 	{
 		key: "pastePlain",
-		title: "粘贴为纯文本",
+		title:
+			"preference.clipboard.content_settings.label.operation_button_option.paste_plain",
 		icon: "i-lucide:clipboard-paste",
 	},
 	{
 		key: "note",
-		title: "备注",
+		title:
+			"preference.clipboard.content_settings.label.operation_button_option.notes",
 		icon: "i-lucide:clipboard-pen-line",
 	},
 	{
 		key: "star",
-		title: "收藏",
+		title:
+			"preference.clipboard.content_settings.label.operation_button_option.favorite",
 		icon: "i-iconamoon:star",
 		activeIcon: "i-iconamoon:star-fill",
 	},
 	{
 		key: "delete",
-		title: "删除",
+		title:
+			"preference.clipboard.content_settings.label.operation_button_option.delete",
 		icon: "i-lucide:trash",
 	},
 ];
 
 const OperationButton = () => {
 	const { content } = useSnapshot(clipboardStore);
 	const [open, { toggle }] = useBoolean();
+	const { t } = useTranslation();
 
 	const treeData = useCreation(() => {
 		return content.operationButtons.map((key) => {
@@ -71,9 +77,9 @@ const OperationButton = () => {
 		const { key, icon, title } = data;
 
 		return (
-			<Flex key={key} align="center" gap={4}>
+			<Flex key={key} align="center" gap={4} className="max-w-125">
 				<Icon name={icon} />
-				<span>{title}</span>
+				<span className="truncate">{t(title)}</span>
 			</Flex>
 		);
 	};
@@ -106,16 +112,27 @@ const OperationButton = () => {
 	return (
 		<>
 			<ProListItem
-				title="操作按钮"
-				description="自定义操作剪贴板内容的图标按钮"
+				title={t(
+					"preference.clipboard.content_settings.label.operation_button",
+				)}
+				description={t(
+					"preference.clipboard.content_settings.hints.operation_button",
+				)}
 			>
-				<Button onClick={toggle}>自定义</Button>
+				<Button onClick={toggle}>
+					{t(
+						"preference.clipboard.content_settings.button.custom_operation_button",
+					)}
+				</Button>
 			</ProListItem>
 
 			<Modal
 				centered
+				destroyOnClose
 				open={open}
-				title="自定义操作按钮"
+				title={t(
+					"preference.clipboard.content_settings.label.custom_operation_button_title",
+				)}
 				width={448}
 				footer={null}
 				onCancel={toggle}
