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:
parent
06af9d6fd3
commit
c7c7b8b8b5
@ -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} />
|
||||
|
@ -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;
|
||||
|
@ -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) {
|
||||
|
@ -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}`;
|
||||
|
@ -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)) {
|
||||
|
Loading…
Reference in New Issue
Block a user