fix: validate error when clear input-name

1.The input is not required, when clear the input, the validator error
2.Fix some value to '-' if the value is empty string

Closes-Bug: #1990367
Change-Id: I2edd71e484518c423de2156ec41b06b7ecf00c68
This commit is contained in:
xusongfu 2022-09-21 17:16:01 +08:00
parent 06af9d6fd3
commit c7c7b8b8b5
5 changed files with 15 additions and 15 deletions

View File

@ -59,7 +59,7 @@ export default class index extends Component {
if (label) {
options.showInfo = false;
}
const tip = value === undefined ? '-' : `${value}%`;
const tip = [undefined, null, ''].includes(value) ? '-' : `${value}%`;
return (
<Tooltip title={tip} placement="top">
<Progress {...options} />

View File

@ -246,7 +246,7 @@ export default class DetailBase extends React.Component {
if (unit) {
return getUnitRender(dataConf)(value);
}
if (value === undefined || value === '') {
if ([undefined, null, ''].includes(value)) {
return '-';
}
return value;

View File

@ -68,7 +68,7 @@ export class CreateAction extends ModalAction {
}
validateDomain = (rule, value) => {
if (value === undefined || value === '') return Promise.resolve();
if ([undefined, null, ''].includes(value)) return Promise.resolve();
const domains = value.split(',');
const allCorrect = domains.every((it) => it.length <= 100 && isDomain(it));
if (domains.length > 30 || !allCorrect) {

View File

@ -262,7 +262,7 @@ export const getUnitRender = (column) => {
}
if (unit) {
return (value) => {
if (value === undefined || value === null) {
if ([undefined, null, ''].includes(value)) {
return '-';
}
return `${value}${unit}`;

View File

@ -384,7 +384,7 @@ export const macAddressMessage = t(
const asciiMessage = t('Please enter a valid ASCII code');
export const databaseNameValidate = (rule, value) => {
if (!rule.required && value === undefined) {
if (!rule.required && [undefined, null, ''].includes(value)) {
return Promise.resolve(true);
}
if (isDatabaseName(value)) {
@ -394,7 +394,7 @@ export const databaseNameValidate = (rule, value) => {
};
export const databaseUserNameValidate = (rule, value) => {
if (!rule.required && value === undefined) {
if (!rule.required && [undefined, null, ''].includes(value)) {
return Promise.resolve(true);
}
if (['os_admin', 'root'].includes(value)) {
@ -433,7 +433,7 @@ export const emailValidate = (rule, value) => {
};
const nameValidate = (rule, value) => {
if (!rule.required && value === undefined) {
if (!rule.required && [undefined, null, ''].includes(value)) {
return Promise.resolve(true);
}
if (isName(value)) {
@ -443,7 +443,7 @@ const nameValidate = (rule, value) => {
};
const nameValidateWithoutChinese = (rule, value) => {
if (!rule.required && value === undefined) {
if (!rule.required && [undefined, null, ''].includes(value)) {
return Promise.resolve(true);
}
if (isNameWithoutChinese(value)) {
@ -455,7 +455,7 @@ const nameValidateWithoutChinese = (rule, value) => {
};
const fileNameValidate = (rule, value) => {
if (!rule.required && value === undefined) {
if (!rule.required && [undefined, null, ''].includes(value)) {
return Promise.resolve(true);
}
if (isFilename(value)) {
@ -465,7 +465,7 @@ const fileNameValidate = (rule, value) => {
};
const swiftFileNameValidate = (rule, value) => {
if (!rule.required && value === undefined) {
if (!rule.required && [undefined, null, ''].includes(value)) {
return Promise.resolve(true);
}
if (isSwiftFilename(value)) {
@ -475,7 +475,7 @@ const swiftFileNameValidate = (rule, value) => {
};
const keypairNameValidate = (rule, value) => {
if (!rule.required && value === undefined) {
if (!rule.required && [undefined, null, ''].includes(value)) {
return Promise.resolve(true);
}
if (isKeypairName(value)) {
@ -485,7 +485,7 @@ const keypairNameValidate = (rule, value) => {
};
const stackNameValidate = (rule, value) => {
if (!rule.required && value === undefined) {
if (!rule.required && [undefined, null, ''].includes(value)) {
return Promise.resolve(true);
}
if (isStackName(value)) {
@ -495,7 +495,7 @@ const stackNameValidate = (rule, value) => {
};
const crontabNameValidate = (rule, value) => {
if (!rule.required && value === undefined) {
if (!rule.required && [undefined, null, ''].includes(value)) {
return Promise.resolve(true);
}
if (isCrontabName(value)) {
@ -505,7 +505,7 @@ const crontabNameValidate = (rule, value) => {
};
const imageNameValidate = (rule, value) => {
if (!rule.required && value === undefined) {
if (!rule.required && [undefined, null, ''].includes(value)) {
return Promise.resolve(true);
}
if (isImageName(value)) {
@ -515,7 +515,7 @@ const imageNameValidate = (rule, value) => {
};
const instanceNameValidate = (rule, value) => {
if (!rule.required && value === undefined) {
if (!rule.required && [undefined, null, ''].includes(value)) {
return Promise.resolve(true);
}
if (isInstanceName(value)) {