enable custom animation speed

src/stores/settingStore/animation.ts

+export interface AnimationConfig {
+  // custom speed set by player
+  speed: number;
+}
+
+export const defaultAnimationConfig: AnimationConfig = {
+  speed: 0.7,
+};

src/stores/settingStore/index.ts

@@ -3,17 +3,19 @@ import { pick } from "lodash-es";
 import { proxy, subscribe } from "valtio";
 
 import { type NeosStore } from "../shared";
+import { AnimationConfig, defaultAnimationConfig } from "./animation";
 import { AudioConfig, defaultAudioConfig } from "./audio";
 
 /** 将设置保存到本地 */
 const NEO_SETTING_CONFIG = "__neo_setting_config__";
 
 /** 设置项 */
-type SettingStoreConfig = Pick<SettingStore, "audio">;
+type SettingStoreConfig = Pick<SettingStore, "audio" | "animation">;
 
 /** 默认设置 */
 const defaultSettingConfig: SettingStoreConfig = {
   audio: defaultAudioConfig,
+  animation: defaultAnimationConfig,
 };
 
 /** 获取默认设置 */
@@ -33,14 +35,23 @@ class SettingStore implements NeosStore {
   /** 音频设置 */
   audio: AudioConfig = defaultSetting.audio;
 
+  /** Animation Configuration */
+  animation: AnimationConfig = defaultSetting.animation;
+
   /** 保存音频设置 */
   saveAudioConfig(config: Partial<AudioConfig>): void {
     Object.assign(this.audio, config);
   }
 
+  /** save Animation Configuration */
+  saveAnimationConfig(config: Partial<AnimationConfig>): void {
+    Object.assign(this.animation, config);
+  }
+
   reset(): void {
     const defaultSetting = getDefaultSetting();
     this.audio = defaultSetting.audio;
+    this.animation = defaultSetting.animation;
   }
 }
 
@@ -52,7 +63,7 @@ subscribe(settingStore, () => {
   if (!isSSR()) {
     localStorage.setItem(
       NEO_SETTING_CONFIG,
-      JSON.stringify(pick(settingStore, ["audio"])),
+      JSON.stringify(pick(settingStore, ["audio", "animation"])),
     );
   }
 });

src/ui/Setting/Animation.tsx

+import { Form, Slider } from "antd";
+import React from "react";
+import { useTranslation } from "react-i18next";
+import { useSnapshot } from "valtio";
+
+import { settingStore } from "@/stores/settingStore";
+
+export const AnimationSetting: React.FC = () => {
+  const { animation } = useSnapshot(settingStore);
+  const { t: i18n } = useTranslation("SystemSettings");
+
+  return (
+    <Form
+      initialValues={animation}
+      onValuesChange={(config) => settingStore.saveAnimationConfig(config)}
+      labelAlign="left"
+    >
+      <Form.Item label={i18n("AnimationSpeed")} name="speed" noStyle>
+        <Slider
+          style={{ width: 200 }}
+          min={0}
+          max={1}
+          step={0.01}
+          tooltip={{
+            formatter: (value) => ((value || 0) * 100).toFixed(0),
+          }}
+        />
+      </Form.Item>
+    </Form>
+  );
+};