blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

chore(Form): use relation

Browse Source
This commit is contained in:
chenjiahan 2020-09-25 14:16:50 +08:00
parent 3d15f7e356
commit 3402ba5c8f
2 changed files with 14 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/field/index.js
View File

@ -23,7 +23,7 @@ import {
// Composition
import { useExpose } from '../composition/use-expose';
import { useParent } from '../composition/use-parent';
import { useParent } from '../composition/use-relation';
// Components
import Icon from '../icon';
@ -100,7 +100,6 @@ export default createComponent({
validateMessage: '',
});
const root = ref();
const inputRef = ref();
const childFieldValue = ref();
@ -220,13 +219,7 @@ export default createComponent({
});
});
const { parent: form } = useParent(FORM_KEY, {
root,
props,
validate,
formValue,
resetValidation,
});
const { parent: form } = useParent(FORM_KEY);
const validateWithTrigger = (trigger) => {
if (form && props.rules) {
@ -534,8 +527,11 @@ export default createComponent({
};
useExpose({
focus,
blur,
focus,
validate,
formValue,
resetValidation,
});
provide(FIELD_KEY, {
@ -569,7 +565,6 @@ export default createComponent({
title: renderLabel,
extra: slots.extra,
}}
ref={root}
size={props.size}
icon={props.leftIcon}
class={bem({

17
src/form/index.js
View File

@ -1,6 +1,6 @@
import { provide, reactive } from 'vue';
import { createNamespace } from '../utils';
import { useExpose } from '../composition/use-expose';
import { useChildren } from '../composition/use-relation';
const [createComponent, bem] = createNamespace('form');
@ -36,9 +36,7 @@ export default createComponent({
emits: ['submit', 'failed'],
setup(props, { emit, slots }) {
const children = reactive([]);
provide(FORM_KEY, { props, children });
const { children, linkChildren } = useChildren(FORM_KEY);
const validateSeq = () =>
new Promise((resolve, reject) => {
@ -81,7 +79,7 @@ export default createComponent({
});
const validateField = (name) => {
const matched = children.filter((item) => item.props.name === name);
const matched = children.filter((item) => item.name === name);
if (matched.length) {
return new Promise((resolve, reject) => {
@ -107,7 +105,7 @@ export default createComponent({
const resetValidation = (name) => {
children.forEach((item) => {
if (!name || item.props.name === name) {
if (!name || item.name === name) {
item.resetValidation();
}
});
@ -115,8 +113,8 @@ export default createComponent({
const scrollToField = (name, options) => {
children.some((item) => {
if (item.props.name === name) {
item.root.value.scrollIntoView(options);
if (item.name === name) {
item.$el.scrollIntoView(options);
return true;
}
return false;
@ -125,7 +123,7 @@ export default createComponent({
const getValues = () =>
children.reduce((form, field) => {
form[field.props.name] = field.formValue;
form[field.name] = field.formValue.value;
return form;
}, {});
@ -150,6 +148,7 @@ export default createComponent({
submit();
};
linkChildren({ props });
useExpose({
submit,
validate,