1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
/* eslint react/no-multi-comp:0, no-console:0 */
import { createForm } from '../index';
import { regionStyle, errorStyle } from './styles';
var Email = {
props: {
form: Object
},
render: function render() {
var h = arguments[0];
var _form = this.form,
getFieldProps = _form.getFieldProps,
getFieldError = _form.getFieldError,
isFieldValidating = _form.isFieldValidating;
var errors = getFieldError('email');
return h(
'div',
{ style: regionStyle },
[h('div', ['email validate onBlur && onChange']), h('div', [h('input', getFieldProps('email', {
validate: [{
trigger: 'blur',
rules: [{
required: true
}]
}, {
trigger: ['blur', 'input'],
rules: [{
type: 'email',
message: '错误的 email 格式'
}]
}]
}))]), h(
'div',
{ style: errorStyle },
[errors ? errors.join(',') : null]
), h(
'div',
{ style: errorStyle },
[isFieldValidating('email') ? 'validating' : null]
)]
);
}
};
var User = {
props: {
form: Object
},
render: function render() {
var h = arguments[0];
var _form2 = this.form,
getFieldProps = _form2.getFieldProps,
getFieldError = _form2.getFieldError,
isFieldValidating = _form2.isFieldValidating;
var errors = getFieldError('user');
return h(
'div',
{ style: regionStyle },
[h('div', ['user validate on submit']), h('div', [h('input', getFieldProps('user', {
rules: [{
required: true
}, {
type: 'string',
min: 5
}],
validateTrigger: null
}))]), h(
'div',
{ style: errorStyle },
[errors ? errors.join(',') : null]
), h(
'div',
{ style: errorStyle },
[isFieldValidating('user') ? 'validating' : null]
)]
);
}
};
var Form = {
props: {
form: Object
},
methods: {
onSubmit: function onSubmit(e) {
e.preventDefault();
this.form.validateFields(function (error, values) {
if (!error) {
console.log('ok', values);
} else {
console.log('error', error, values);
}
});
}
},
render: function render() {
var h = arguments[0];
var form = this.form;
return h(
'div',
{ style: { margin: '20px' } },
[h('h2', ['use validateTrigger config']), h(
'form',
{
on: {
'submit': this.onSubmit
}
},
[h(User, {
attrs: { form: form }
}), h(Email, {
attrs: { form: form }
}), h(
'div',
{ style: regionStyle },
[h('button', ['submit'])]
)]
)]
);
}
};
export default createForm()(Form);