feat: 主题切换

src/themes/default/index.ts

@@ -0,0 +1,40 @@
+import { Theme } from '../interface';
+
+const icons = <const>[
+    `🎨`,
+    `🌈`,
+    `⚙️`,
+    `💻`,
+    `📚`,
+    `🐯`,
+    `🐤`,
+    `🐼`,
+    `🐏`,
+    `🍀`,
+];
+
+export type DefaultSoundNames = 'button-click' | 'triple';
+
+import soundButtonClickUrl from './sounds/sound-button-click.mp3';
+import soundTripleUrl from './sounds/sound-triple.mp3';
+export const defaultSounds: Theme<DefaultSoundNames>['sounds'] = [
+    {
+        name: 'button-click',
+        src: soundButtonClickUrl,
+    },
+    {
+        name: 'triple',
+        src: soundTripleUrl,
+    },
+];
+
+export const defaultTheme: Theme<DefaultSoundNames> = {
+    name: '默认',
+    icons: icons.map((icon) => ({
+        name: icon,
+        content: icon,
+        clickSound: 'button-click',
+        tripleSound: 'triple',
+    })),
+    sounds: defaultSounds,
+};

src/themes/fisherman/index.tsx

@@ -0,0 +1,27 @@
+// 钓鱼佬主题
+import React from 'react';
+import { Theme } from '../interface';
+import { DefaultSoundNames, defaultSounds } from '../default';
+
+const imagesUrls = import.meta.glob('./images/*.png', {
+    import: 'default',
+    eager: true,
+});
+
+const fishes = 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 fishermanTheme: Theme<DefaultSoundNames> = {
+    name: '钓鱼佬',
+    icons: fishes.map(({ name, content }) => ({
+        name,
+        content,
+        clickSound: 'button-click',
+        tripleSound: 'triple',
+    })),
+    sounds: defaultSounds,
+};

src/themes/interface.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+
+export interface Icon<T = string> {
+    name: string;
+    content: ReactNode;
+    clickSound: T;
+    tripleSound: T;
+}
+
+interface Sound<T = string> {
+    name: T;
+    src: string;
+}
+
+export interface Theme<SoundNames> {
+    name: string;
+    icons: Icon<SoundNames>[];
+    sounds: Sound<SoundNames>[];
+}