first commit

2026-07-13 15:23:29 +08:00
commit 50885a98c8
473 changed files with 33772 additions and 0 deletions
@@ -0,0 +1,33 @@
+import React, {useMemo} from 'react';
+import {Button, Dropdown, type MenuProps} from 'antd';
+import type { ButtonProps } from 'antd';
+import { TranslationOutlined } from '@ant-design/icons';
+import useLanguage from '@/hooks/useLanguage';
+
+/**
+ * 语言切换器组件
+ */
+const LanguageSwitcher: React.FC<ButtonProps> = (props) => {
+  const { languageOptions, language, changeLanguage } = useLanguage();
+
+  /**
+   * 生成语言下拉菜单项
+   */
+  const languageMenuItems = useMemo<MenuProps['items']>(() => {
+    return languageOptions.map((option) => ({
+      key: option.value,
+      label: option.label,
+      onClick: () => changeLanguage(option.value),
+    }));
+  }, [languageOptions, changeLanguage]);
+
+  return (
+    <> 
+			<Dropdown menu={{ items: languageMenuItems, selectedKeys: [language] }}>
+				<Button icon={<TranslationOutlined />} {...props} />
+			</Dropdown>
+    </>
+  );
+};
+
+export default LanguageSwitcher;