perf: update dependency, support FireFox

README.md

@@ -3,7 +3,6 @@
 
 这是波浪进度球的Demo，主仓库请见[https://github.com/Heuluck/Wave-Progress-Ball](https://github.com/Heuluck/Wave-Progress-Ball-v2)
 
-
 ## Demo
 [https://heuluck.github.io/Wave-Progress-Ball-Demo/](https://heuluck.github.io/Wave-Progress-Ball-Demo/)
 

package.json

@@ -18,7 +18,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-i18next": "^14.1.2",
-    "react-wave-progress-ball-svg": "^1.0.1"
+    "react-wave-progress-ball-svg": "^1.1.3"
   },
   "devDependencies": {
     "@types/react": "^18.2.66",

src/App.tsx

@@ -346,7 +346,7 @@ function App() {
         <>
             <WaveBall value={value} {...setting} />
             <div className="langSelector">
-                <Segmented defaultValue={i18n.language} onChange={(e)=>{i18n.changeLanguage(e)}} options={[{label:"简体中文",value:"zh"}, {label:"English",value:"en"}]} />
+                <Segmented defaultValue={i18n.language} onChange={(e)=>{i18n.changeLanguage(e)}} options={[{label:"简体中文",value:"zh-CN"}, {label:"English",value:"en"}]} />
             </div>
             <Tabs defaultActiveKey="1" items={items} />
         </>
@@ -381,54 +381,54 @@ export function ExampleBall(){
     );
 }
 
-export interface BallSetting {
-    /** 自{t('src.App.838473-1')} */
+interface BallSetting {
+    /** 自适应大小 */
     adaptive: boolean;
     /** 圆环的半径 */
     size: number;
-    /** 圆环的{t('src.App.838473-21')} */
+    /** 圆环的颜色 */
     circleColor: string;
     /** 圆环线条的宽度 */
     circleLineWidth: number;
     /** 波浪的高度 */
     waveHeight: number;
-    /** 是否启用波浪{t('src.App.838473-17')}效果 */
+    /** 是否启用波浪渐变效果 */
     isWaveGradient: boolean;
-    /** 是否启用{t('src.App.838473-22')}{t('src.App.838473-17')}效果 */
+    /** 是否启用背景波浪渐变效果 */
     isWaveBgGradient: boolean;
-    /** 波浪的{t('src.App.838473-21')} */
+    /** 波浪的颜色 */
     waveColor: string;
-    /** {t('src.App.838473-22')}的{t('src.App.838473-21')} */
+    /** 背景波浪的颜色 */
     waveBgColor: string;
-    /** 波浪{t('src.App.838473-17')}色的起始和{t('src.App.838473-20')} */
+    /** 波浪渐变色的起始和结束颜色 */
     waveGradientColor: {
-        /** {t('src.App.838473-17')}的起始{t('src.App.838473-21')} */
+        /** 渐变的起始颜色 */
         start: string;
-        /** {t('src.App.838473-17')}的{t('src.App.838473-20')} */
+        /** 渐变的结束颜色 */
         end: string;
     };
-    /** {t('src.App.838473-22')}{t('src.App.838473-17')}色的起始和{t('src.App.838473-20')} */
+    /** 背景波浪渐变色的起始和结束颜色 */
     waveBgGradientColor: {
-        /** {t('src.App.838473-22')}{t('src.App.838473-17')}的起始{t('src.App.838473-21')} */
+        /** 背景波浪渐变的起始颜色 */
         start: string;
-        /** {t('src.App.838473-22')}{t('src.App.838473-17')}的{t('src.App.838473-20')} */
+        /** 背景波浪渐变的结束颜色 */
         end: string;
     };
     /** 波浪的移动速度 */
     waveSpeed: number;
-    /** {t('src.App.838473-22')}的移动速度 */
+    /** 背景波浪的移动速度 */
     waveBgSpeed: number;
     /** 波浪的垂直偏移量 */
     waveOffsetY: number;
-    /** {t('src.App.838473-22')}的垂直偏移量 */
+    /** 背景波浪的垂直偏移量 */
     waveBgOffsetY: number;
-    /** {t('src.App.838473-22')}的水平偏移量 */
+    /** 背景波浪的水平偏移量 */
     waveBgOffsetX: number;
-    /** {t('src.App.838473-24')}{t('src.App.838473-22')} */
+    /** 是否显示背景波浪 */
     showWaveBg: boolean;
-    /** 是否{t('src.App.838473-13')} */
+    /** 是否反转波浪 */
     reverseWave: boolean;
-    /** 是否反转{t('src.App.838473-22')} */
+    /** 是否反转背景波浪 */
     reverseWaveBg: boolean;
 }
 

src/i18n/i18n.ts

@@ -8,12 +8,13 @@ i18n.use(LanguageDetector)
     .use(initReactI18next)
     .init({
         debug: true,
-        fallbackLng: "en",
+        fallbackLng: "zh",
         interpolation: {
             escapeValue: false,
         },
         resources: {
             en: { translation: en },
+            "zh-CN": { translation: zh },
             zh: { translation: zh },
         },
     });

yarn.lock

@@ -2065,9 +2065,9 @@ react-refresh@^0.14.2:
   integrity sha512-jCvmsr+1IUSMUyzOkRcvnVbX3ZYC6g9TDrDbFuFmRDq7PD4yaGbLKNQL6k2jnArV8hjYxh7hVhAZB6s9HDGpZA==
 
 react-wave-progress-ball-svg@^1.0.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/react-wave-progress-ball-svg/-/react-wave-progress-ball-svg-1.1.1.tgz#aed37c2ebd569105509dc901539ac7a63315444e"
-  integrity sha512-XvQueIeT2MCgtupMFNe+mBdStQpiiUScNXndT6W9O/XOATWBVHawWzjcwMPbaTTA1KtQmTVqxbHko0shFGadYw==
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/react-wave-progress-ball-svg/-/react-wave-progress-ball-svg-1.1.3.tgz#1fff034c19b681c1b0f3ed000df5311112a5ae53"
+  integrity sha512-ZY8AIm7445DIdJ6qOgHhjuLfuFCZcqz7Uc8R5RDowEOuMGQRbplbVTioSiBt8A7B5SxCkhZ0zMeYIfF7ooJyNw==
   dependencies:
     "@types/node" "^20.12.12"
     react "^18.2.0"