fix: number input

src/views/Options/Subtitle.js

@@ -10,7 +10,7 @@ import Alert from "@mui/material/Alert";
 import Switch from "@mui/material/Switch";
 import { useSubtitle } from "../../hooks/Subtitle";
 import { useApiList } from "../../hooks/Api";
-import { limitNumber } from "../../libs/utils";
+import ValidationInput from "../../hooks/ValidationInput";
 
 export default function SubtitleSetting() {
   const i18n = useI18n();
@@ -20,12 +20,6 @@ export default function SubtitleSetting() {
   const handleChange = (e) => {
     e.preventDefault();
     let { name, value } = e.target;
-    switch (name) {
-      case "chunkLength":
-        value = limitNumber(value, 200, 20000);
-        break;
-      default:
-    }
     updateSubtitle({
       [name]: value,
     });
@@ -105,7 +99,7 @@ export default function SubtitleSetting() {
               </TextField>
             </Grid>
             <Grid item xs={12} sm={12} md={6} lg={3}>
-              <TextField
+              <ValidationInput
                 fullWidth
                 size="small"
                 label={i18n("ai_chunk_length")}
@@ -113,6 +107,8 @@ export default function SubtitleSetting() {
                 name="chunkLength"
                 value={chunkLength}
                 onChange={handleChange}
+                min={200}
+                max={20000}
               />
             </Grid>
             <Grid item xs={12} sm={12} md={6} lg={3}>