feat(themes): ow主题

README.md

@@ -27,7 +27,10 @@
 -   撤销：撤销上一次操作，无限次数
 -   洗牌：哗啦哗啦，无限次数
 -   关卡：50 关玩到爽，可直接跳
--   主题：金轮<img style="width:36px" src="src/themes/jinlun/images/肌肉金轮1.png" />、骚猪<img style="width:36px" src="src/themes/pdd/images/1.png" />、ikun<img style="width:36px" src="src/themes/ikun/images/kun.png" /> 主题等（露出黑脚）
+-   主题：金轮<img style="width:36px" src="src/themes/jinlun/images/肌肉金轮1.png" />、
+    骚猪<img style="width:36px" src="src/themes/pdd/images/1.png" />、
+    ikun<img style="width:36px" src="src/themes/ikun/images/kun.png" />、
+    OW<img style="width:36px" src="src/themes/ow/images/ow.png" />主题等（露出黑脚）
 
 开心就好 😄
 

src/App.tsx

@@ -17,9 +17,17 @@ import { ikunTheme } from './themes/ikun';
 import { pddTheme } from './themes/pdd';
 import { BeiAn } from './BeiAn';
 import { Info } from './Info';
+import { owTheme } from './themes/ow';
 
 // 主题
-const themes = [defaultTheme, fishermanTheme, jinlunTheme, ikunTheme, pddTheme];
+const themes = [
+    defaultTheme,
+    fishermanTheme,
+    jinlunTheme,
+    ikunTheme,
+    pddTheme,
+    owTheme,
+];
 
 // 最大关卡
 const maxLevel = 50;

src/themes/ow/index.tsx

@@ -0,0 +1,50 @@
+import { Theme } from '../interface';
+import React from 'react';
+import { defaultSounds } from '../default';
+
+const soundUrls = import.meta.glob('./sounds/*.mp3', {
+    import: 'default',
+    eager: true,
+});
+
+const sounds = Object.entries(soundUrls).map(([key, value]) => ({
+    name: key.slice(9, -4),
+    src: value,
+})) as Theme<string>['sounds'];
+
+const imagesUrls = import.meta.glob('./images/*.png', {
+    import: 'default',
+    eager: true,
+});
+
+const icons = Object.entries(imagesUrls).map(([key, value]) => ({
+    name: key.slice(9, -4),
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    content: <img src={value} alt="" />,
+}));
+
+export const owTheme: Theme<string> = {
+    title: '守望先锋',
+    desc: (
+        <p>
+            感谢
+            <a
+                href="https://space.bilibili.com/228122468"
+                target="_blank"
+                rel="noreferrer"
+            >
+                白板特工华南虎
+            </a>
+            提供素材
+        </p>
+    ),
+    name: 'OW',
+    icons: icons.map(({ name, content }) => ({
+        name,
+        content,
+        clickSound: 'button-click',
+        tripleSound: name === 'ow' ? 'triple' : name,
+    })),
+    sounds: [...defaultSounds, ...sounds],
+};