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

feat(form): `scrollToFirstError` supports passing in options (#3918)

pull/3923/head
John 2021-04-10 22:11:11 +08:00 committed by GitHub
parent efb388cb05
commit d8628ce66a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/form/Form.tsx
View File

@ -10,7 +10,7 @@ import { defaultValidateMessages } from './utils/messages';
import { allPromiseFinish } from './utils/asyncUtil'; import { allPromiseFinish } from './utils/asyncUtil';
import { toArray } from './utils/typeUtil'; import { toArray } from './utils/typeUtil';
import isEqual from 'lodash-es/isEqual'; import isEqual from 'lodash-es/isEqual';
import scrollIntoView from 'scroll-into-view-if-needed'; import scrollIntoView, { Options } from 'scroll-into-view-if-needed';
import initDefaultProps from '../_util/props-util/initDefaultProps'; import initDefaultProps from '../_util/props-util/initDefaultProps';
import { tuple, VueNode } from '../_util/type'; import { tuple, VueNode } from '../_util/type';
import { ColProps } from '../grid/Col'; import { ColProps } from '../grid/Col';
@ -56,7 +56,7 @@ export const formProps = {
validateMessages: PropTypes.object, validateMessages: PropTypes.object,
validateOnRuleChange: PropTypes.looseBool, validateOnRuleChange: PropTypes.looseBool,
// 提交失败自动滚动到第一个错误字段 // 提交失败自动滚动到第一个错误字段
scrollToFirstError: PropTypes.looseBool, scrollToFirstError: { type: [Boolean, Object] as PropType<boolean | Options> },
onSubmit: PropTypes.func, onSubmit: PropTypes.func,
onFinish: PropTypes.func, onFinish: PropTypes.func,
onFinishFailed: PropTypes.func, onFinishFailed: PropTypes.func,
@ -151,7 +151,11 @@ const Form = defineComponent({
const { scrollToFirstError } = this; const { scrollToFirstError } = this;
this.$emit('finishFailed', errorInfo); this.$emit('finishFailed', errorInfo);
if (scrollToFirstError && errorInfo.errorFields.length) { if (scrollToFirstError && errorInfo.errorFields.length) {
this.scrollToField(errorInfo.errorFields[0].name); let scrollToFieldOptions: Options = {};
if (typeof scrollToFirstError === 'object') {
scrollToFieldOptions = scrollToFirstError;
}
this.scrollToField(errorInfo.errorFields[0].name, scrollToFieldOptions);
} }
}, },
validate(...args: any[]) { validate(...args: any[]) {