github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: form scrollToField not work form nest field, close #5404, #5407

pull/5419/head
tangjinzhou 2022-03-26 23:00:21 +08:00
parent 00dc2add94
commit def6a72a77
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
components/form/Form.tsx
View File

@ -174,7 +174,7 @@ const Form = defineComponent({
delete fields[eventKey]; delete fields[eventKey];
}; };
const getFieldsByNameList = (nameList: NamePath) => { const getFieldsByNameList = (nameList: NamePath[]) => {
const provideNameList = !!nameList; const provideNameList = !!nameList;
const namePathList = provideNameList ? toArray(nameList).map(getNamePath) : []; const namePathList = provideNameList ? toArray(nameList).map(getNamePath) : [];
if (!provideNameList) { if (!provideNameList) {
@ -186,17 +186,17 @@ const Form = defineComponent({
); );
} }
}; };
const resetFields = (name: NamePath) => { const resetFields = (name?: NamePath) => {
if (!props.model) { if (!props.model) {
warning(false, 'Form', 'model is required for resetFields to work.'); warning(false, 'Form', 'model is required for resetFields to work.');
return; return;
} }
getFieldsByNameList(name).forEach(field => { getFieldsByNameList(name ? [name] : undefined).forEach(field => {
field.resetField(); field.resetField();
}); });
}; };
const clearValidate = (name: NamePath) => { const clearValidate = (name?: NamePath) => {
getFieldsByNameList(name).forEach(field => { getFieldsByNameList(name ? [name] : undefined).forEach(field => {
field.clearValidate(); field.clearValidate();
}); });
}; };
@ -214,8 +214,8 @@ const Form = defineComponent({
const validate = (...args: any[]) => { const validate = (...args: any[]) => {
return validateField(...args); return validateField(...args);
}; };
const scrollToField = (name: NamePath, options = {}) => { const scrollToField = (name?: NamePath, options = {}) => {
const fields = getFieldsByNameList(name); const fields = getFieldsByNameList(name ? [name] : undefined);
if (fields.length) { if (fields.length) {
const fieldId = fields[0].fieldId.value; const fieldId = fields[0].fieldId.value;
const node = fieldId ? document.getElementById(fieldId) : null; const node = fieldId ? document.getElementById(fieldId) : null;