feat: The minimum value of a numeric input box is 0 (#550)

* feat: The minimum value of number type input is 0

Signed-off-by: zhaoxinxin <1186037180@qq.com>

* feat: The minimum value of number type input is 0

Signed-off-by: zhaoxinxin <1186037180@qq.com>

---------

Signed-off-by: zhaoxinxin <1186037180@qq.com>

Author: Liam-Zhao

cypress/e2e/gc/audit.cy.ts

@@ -175,7 +175,7 @@ describe('audit', () => {
     cy.get('#update').click();
 
     cy.get('#audit-ttl-input').clear();
-    cy.get('#audit-ttl-input').type('10');
+    cy.get('#audit-ttl-input').type('100');
 
     cy.get('#ttl-error').should(
       'have.text',
@@ -186,7 +186,7 @@ describe('audit', () => {
     cy.get('[data-value="hours"]').click();
 
     cy.get('#audit-ttl-input').clear();
-    cy.get('#audit-ttl-input').type('200');
+    cy.get('#audit-ttl-input').type('2000');
 
     // Shou error.
     cy.get('#ttl-error').should('have.text', 'Fill in the number, the length is 1-1000.');

cypress/e2e/gc/job.cy.ts

@@ -176,7 +176,7 @@ describe('audit', () => {
     cy.get('#update').click();
 
     cy.get('#job-ttl-input').clear();
-    cy.get('#job-ttl-input').type('10');
+    cy.get('#job-ttl-input').type('100');
 
     cy.get('#ttl-error').should(
       'have.text',
@@ -187,7 +187,7 @@ describe('audit', () => {
     cy.get('[data-value="hours"]').click();
 
     cy.get('#job-ttl-input').clear();
-    cy.get('#job-ttl-input').type('200');
+    cy.get('#job-ttl-input').type('2000');
 
     // Shou error.
     cy.get('#ttl-error').should('have.text', 'Fill in the number, the length is 1-1000.');

src/components/clusters/edit.tsx

@@ -851,6 +851,9 @@ export default function EditCluster() {
                 className={styles.textField}
                 color="success"
                 required
+                inputProps={{
+                  min: 0,
+                }}
                 key={item.formProps.name}
                 {...item.formProps}
               />

src/components/clusters/new.tsx

@@ -773,6 +773,9 @@ export default function NewCluster() {
                 className={styles.textField}
                 color="success"
                 size="small"
+                inputProps={{
+                  min: 0,
+                }}
                 required
                 key={item.formProps.name}
                 {...item.formProps}

src/components/gc/audit/index.tsx

@@ -353,8 +353,11 @@ export default function AuditGC() {
                 color="success"
                 sx={{ mr: '1rem', width: '14rem' }}
                 value={audit}
-                onChange={(e) => {
-                  setAudit(Number(e.target.value));
+                inputProps={{
+                  min: 0,
+                }}
+                onChange={(e: any) => {
+                  setAudit(e.target.value);
                   onChangeTTL(Number(e.target.value), auditLogTTL);
                 }}
               />

src/components/gc/job/index.tsx

@@ -359,8 +359,11 @@ export default function JobGC() {
                 color="success"
                 sx={{ mr: '1rem', width: '14rem' }}
                 value={job}
-                onChange={(e) => {
-                  setJob(Number(e.target.value));
+                inputProps={{
+                  min: 0,
+                }}
+                onChange={(e: any) => {
+                  setJob(e.target.value);
                   onChangeTTL(Number(e.target.value), jobUnit);
                 }}
               />
@@ -373,7 +376,7 @@ export default function JobGC() {
                 value={jobUnit}
                 onChange={(e) => {
                   setJobUnit(e.target.value);
-                  onChangeTTL(job, e.target.value);
+                  onChangeTTL(Number(job), e.target.value);
                 }}
               >
                 {unit.map((item) => (

src/components/job/preheats/new.tsx

@@ -1194,12 +1194,16 @@ export default function NewPreheat() {
                               defaultValue={1}
                               placeholder="Enter your count"
                               type="number"
+                              minRows={0}
                               error={countError}
                               helperText={countError && 'Fill in the characters, the length is 1-200.'}
                               onChange={(e) => {
                                 const validate = countValidate(e.target.value);
                                 setCountError(!validate);
                               }}
+                              inputProps={{
+                                min: 0,
+                              }}
                               InputProps={{
                                 endAdornment: (
                                   <Tooltip