@progress/kendo-vue-form 3.6.4 → 3.6.5-dev.202210181442
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/js/kendo-vue-form.js +1 -1
- package/dist/es/Field.js +7 -24
- package/dist/es/FieldArray.js +7 -17
- package/dist/es/FieldWrapper.js +0 -2
- package/dist/es/Form.js +14 -68
- package/dist/es/FormElement.js +0 -2
- package/dist/es/package-metadata.js +1 -1
- package/dist/esm/Field.js +7 -24
- package/dist/esm/FieldArray.js +7 -17
- package/dist/esm/FieldWrapper.js +0 -2
- package/dist/esm/Form.js +14 -68
- package/dist/esm/FormElement.js +0 -2
- package/dist/esm/package-metadata.js +1 -1
- package/dist/npm/Field.js +7 -27
- package/dist/npm/FieldArray.js +7 -20
- package/dist/npm/FieldWrapper.js +2 -8
- package/dist/npm/Form.js +14 -74
- package/dist/npm/FormElement.js +2 -8
- package/dist/npm/package-metadata.js +1 -1
- package/package.json +12 -12
package/dist/npm/Form.js
CHANGED
|
@@ -4,18 +4,14 @@ var __assign = undefined && undefined.__assign || function () {
|
|
|
4
4
|
__assign = Object.assign || function (t) {
|
|
5
5
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
6
6
|
s = arguments[i];
|
|
7
|
-
|
|
8
7
|
for (var p in s) {
|
|
9
8
|
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
10
9
|
}
|
|
11
10
|
}
|
|
12
|
-
|
|
13
11
|
return t;
|
|
14
12
|
};
|
|
15
|
-
|
|
16
13
|
return __assign.apply(this, arguments);
|
|
17
14
|
};
|
|
18
|
-
|
|
19
15
|
var __spreadArray = undefined && undefined.__spreadArray || function (to, from, pack) {
|
|
20
16
|
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
21
17
|
if (ar || !(i in from)) {
|
|
@@ -25,34 +21,25 @@ var __spreadArray = undefined && undefined.__spreadArray || function (to, from,
|
|
|
25
21
|
}
|
|
26
22
|
return to.concat(ar || Array.prototype.slice.call(from));
|
|
27
23
|
};
|
|
28
|
-
|
|
29
24
|
Object.defineProperty(exports, "__esModule", {
|
|
30
25
|
value: true
|
|
31
26
|
});
|
|
32
27
|
exports.FormVue2 = exports.Form = void 0;
|
|
33
|
-
|
|
34
28
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
29
|
+
var package_metadata_1 = require("./package-metadata");
|
|
30
|
+
// @ts-ignore
|
|
39
31
|
var Vue = require("vue");
|
|
40
|
-
|
|
41
32
|
var allVue = Vue;
|
|
42
33
|
var gh = allVue.h;
|
|
43
34
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
44
|
-
|
|
45
35
|
var kendo_vue_common_2 = require("@progress/kendo-vue-common");
|
|
46
36
|
/**
|
|
47
37
|
* @hidden
|
|
48
38
|
*/
|
|
49
|
-
|
|
50
|
-
|
|
51
39
|
var FORCEUPDATE_ACCUMULATOR_TIMEOUT = 0;
|
|
52
40
|
/**
|
|
53
41
|
* @hidden
|
|
54
42
|
*/
|
|
55
|
-
|
|
56
43
|
var FormVue2 = {
|
|
57
44
|
name: 'KendoForm',
|
|
58
45
|
inheritAttrs: false,
|
|
@@ -153,12 +140,10 @@ var FormVue2 = {
|
|
|
153
140
|
},
|
|
154
141
|
getErrors: function getErrors() {
|
|
155
142
|
var _this = this;
|
|
156
|
-
|
|
157
143
|
var errors = {};
|
|
158
144
|
var validatorsByField = this.validatorsByField;
|
|
159
145
|
Object.keys(this.fields).forEach(function (fieldName) {
|
|
160
146
|
errors[fieldName] = '';
|
|
161
|
-
|
|
162
147
|
if (validatorsByField[fieldName]) {
|
|
163
148
|
var validators_1 = [];
|
|
164
149
|
validatorsByField[fieldName].forEach(function (validator) {
|
|
@@ -167,51 +152,43 @@ var FormVue2 = {
|
|
|
167
152
|
} else {
|
|
168
153
|
validators_1.push(validator);
|
|
169
154
|
}
|
|
170
|
-
});
|
|
171
|
-
|
|
155
|
+
});
|
|
156
|
+
// find first validation error
|
|
172
157
|
validators_1.find(function (validator) {
|
|
173
158
|
if (validator) {
|
|
174
159
|
var result = validator(_this.valueGetter(fieldName), _this.valueGetter, {
|
|
175
160
|
name: fieldName
|
|
176
161
|
});
|
|
177
|
-
|
|
178
162
|
if (result) {
|
|
179
163
|
errors[fieldName] = result;
|
|
180
164
|
return true;
|
|
181
165
|
}
|
|
182
166
|
}
|
|
183
|
-
|
|
184
167
|
return false;
|
|
185
168
|
});
|
|
186
169
|
}
|
|
187
170
|
});
|
|
188
171
|
var formErrors = this.formErrors();
|
|
189
|
-
|
|
190
172
|
if (formErrors) {
|
|
191
173
|
(0, kendo_vue_common_1.cloneObject)(this.formErrors(), errors);
|
|
192
174
|
}
|
|
193
|
-
|
|
194
175
|
return errors;
|
|
195
176
|
},
|
|
196
|
-
|
|
197
177
|
/**
|
|
198
178
|
* @hidden
|
|
199
179
|
*/
|
|
200
180
|
accumulatedForceUpdate: function accumulatedForceUpdate() {
|
|
201
|
-
var _this = this;
|
|
181
|
+
var _this = this;
|
|
182
|
+
// IMPORTANT:
|
|
202
183
|
// Should only be used for updates not coming from editors as it
|
|
203
184
|
// will cause cursor jump as vue will reset the editor to old value
|
|
204
|
-
|
|
205
|
-
|
|
206
185
|
if (this._accumulatorTimeout) {
|
|
207
186
|
clearTimeout(this._accumulatorTimeout);
|
|
208
187
|
}
|
|
209
|
-
|
|
210
188
|
this._accumulatorTimeout = window.setTimeout(function () {
|
|
211
189
|
_this._accumulatorTimeout = undefined;
|
|
212
190
|
}, FORCEUPDATE_ACCUMULATOR_TIMEOUT);
|
|
213
191
|
},
|
|
214
|
-
|
|
215
192
|
/**
|
|
216
193
|
* @hidden
|
|
217
194
|
*/
|
|
@@ -220,12 +197,11 @@ var FormVue2 = {
|
|
|
220
197
|
this.id = (0, kendo_vue_common_1.guid)();
|
|
221
198
|
this.form.touchedByField = {};
|
|
222
199
|
this.form.visitedByField = {};
|
|
223
|
-
this.form.modifiedByField = {};
|
|
200
|
+
this.form.modifiedByField = {};
|
|
201
|
+
// this.validatorsByField = {};
|
|
224
202
|
// this.fields = [];
|
|
225
|
-
|
|
226
203
|
this.form.submitted = false;
|
|
227
204
|
},
|
|
228
|
-
|
|
229
205
|
/**
|
|
230
206
|
* Method for resetting the form state outside the form component.
|
|
231
207
|
*
|
|
@@ -241,21 +217,18 @@ var FormVue2 = {
|
|
|
241
217
|
onSubmit: function onSubmit(event) {
|
|
242
218
|
var touchedVisited = {};
|
|
243
219
|
var fields = this.fields;
|
|
244
|
-
|
|
245
220
|
if (event) {
|
|
246
221
|
if (typeof event.preventDefault === 'function') {
|
|
247
222
|
event.preventDefault();
|
|
248
223
|
}
|
|
249
|
-
|
|
250
224
|
if (typeof event.stopPropagation === 'function') {
|
|
251
225
|
event.stopPropagation();
|
|
252
226
|
}
|
|
253
227
|
}
|
|
254
|
-
|
|
255
228
|
Object.keys(fields).forEach(function (fieldName) {
|
|
256
229
|
touchedVisited[fieldName] = true;
|
|
257
|
-
});
|
|
258
|
-
|
|
230
|
+
});
|
|
231
|
+
// show validations
|
|
259
232
|
this.form.visitedByField = __assign({}, touchedVisited);
|
|
260
233
|
this.form.touchedByField = __assign({}, touchedVisited);
|
|
261
234
|
var values = this.form.values;
|
|
@@ -267,13 +240,11 @@ var FormVue2 = {
|
|
|
267
240
|
isModified: isModified,
|
|
268
241
|
event: event
|
|
269
242
|
});
|
|
270
|
-
|
|
271
243
|
if (isValid && (this.$props.ignoreModified || isModified)) {
|
|
272
244
|
this.form.submitted = true;
|
|
273
245
|
this.$emit('submit', values, event);
|
|
274
246
|
}
|
|
275
247
|
},
|
|
276
|
-
|
|
277
248
|
/**
|
|
278
249
|
* Method for emitting changes to a specific field outside the form component.
|
|
279
250
|
*
|
|
@@ -282,60 +253,47 @@ var FormVue2 = {
|
|
|
282
253
|
*/
|
|
283
254
|
onChange: function onChange(name, options) {
|
|
284
255
|
var _a;
|
|
285
|
-
|
|
286
256
|
var value = options.value;
|
|
287
257
|
this.addField(name);
|
|
288
|
-
|
|
289
258
|
if (!this.form.modifiedByField[name]) {
|
|
290
259
|
this.form.modifiedByField = __assign(__assign({}, this.form.modifiedByField), (_a = {}, _a[name] = true, _a));
|
|
291
260
|
}
|
|
292
|
-
|
|
293
261
|
this.valueSetter(name, value);
|
|
294
262
|
},
|
|
295
263
|
onFocus: function onFocus(name) {
|
|
296
264
|
var _a;
|
|
297
|
-
|
|
298
265
|
if (this.form.visitedByField[name]) {
|
|
299
266
|
return;
|
|
300
267
|
}
|
|
301
|
-
|
|
302
268
|
this.form.visitedByField = __assign(__assign({}, this.form.visitedByField), (_a = {}, _a[name] = true, _a));
|
|
303
269
|
},
|
|
304
270
|
onBlur: function onBlur(name) {
|
|
305
271
|
var _a;
|
|
306
|
-
|
|
307
272
|
if (this.form.touchedByField[name]) {
|
|
308
273
|
return;
|
|
309
274
|
}
|
|
310
|
-
|
|
311
275
|
this.onFocus(name);
|
|
312
276
|
this.form.touchedByField = __assign(__assign({}, this.form.touchedByField), (_a = {}, _a[name] = true, _a));
|
|
313
277
|
},
|
|
314
278
|
onFieldRegister: function onFieldRegister(name, validator) {
|
|
315
279
|
var _a;
|
|
316
|
-
|
|
317
280
|
var _this = this;
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
281
|
+
this.addField(name);
|
|
282
|
+
// The sole reason for using class props over state - nextIndex, needed for destroying validators
|
|
321
283
|
var oldValidators = this.validatorsByField[name] || [];
|
|
322
284
|
var nextIndex = oldValidators.length;
|
|
323
285
|
this.validatorsByField = __assign(__assign({}, this.validatorsByField), (_a = {}, _a[name] = __spreadArray(__spreadArray([], oldValidators, true), [validator], false), _a));
|
|
324
286
|
this.accumulatedForceUpdate();
|
|
325
287
|
return function () {
|
|
326
|
-
var _a;
|
|
327
|
-
|
|
328
|
-
|
|
288
|
+
var _a;
|
|
289
|
+
// onFieldUnregister:
|
|
329
290
|
if (_this._unmounted) {
|
|
330
291
|
return;
|
|
331
292
|
}
|
|
332
|
-
|
|
333
293
|
var newValidators = __spreadArray([], _this.validatorsByField[name] || [], true);
|
|
334
|
-
|
|
335
294
|
var validatorIsUnregistered = Boolean(newValidators[nextIndex]);
|
|
336
295
|
newValidators[nextIndex] = undefined;
|
|
337
296
|
_this.validatorsByField = __assign(__assign({}, _this.validatorsByField), (_a = {}, _a[name] = newValidators, _a));
|
|
338
|
-
|
|
339
297
|
if (validatorIsUnregistered) {
|
|
340
298
|
_this.accumulatedForceUpdate();
|
|
341
299
|
}
|
|
@@ -379,25 +337,19 @@ var FormVue2 = {
|
|
|
379
337
|
},
|
|
380
338
|
valueSetter: function valueSetter(fieldName, value) {
|
|
381
339
|
var _a;
|
|
382
|
-
|
|
383
340
|
this.form.values = __assign(__assign({}, this.form.values), (_a = {}, _a[fieldName] = value, _a));
|
|
384
341
|
},
|
|
385
342
|
onArrayAction: function onArrayAction(name) {
|
|
386
343
|
var _a;
|
|
387
|
-
|
|
388
344
|
this.addField(name);
|
|
389
|
-
|
|
390
345
|
if (!this.form.modifiedByField[name]) {
|
|
391
346
|
this.form.modifiedByField = __assign(__assign({}, this.form.modifiedByField), (_a = {}, _a[name] = true, _a));
|
|
392
347
|
}
|
|
393
|
-
|
|
394
348
|
this.onBlur(name, true);
|
|
395
349
|
},
|
|
396
350
|
onInsert: function onInsert(name, options) {
|
|
397
351
|
this.onArrayAction(name);
|
|
398
|
-
|
|
399
352
|
var newArray = __spreadArray([], this.valueGetter(name) || [], true);
|
|
400
|
-
|
|
401
353
|
newArray.splice(options.index, 0, options.value);
|
|
402
354
|
this.valueSetter(name, newArray);
|
|
403
355
|
},
|
|
@@ -409,42 +361,32 @@ var FormVue2 = {
|
|
|
409
361
|
},
|
|
410
362
|
onPush: function onPush(name, options) {
|
|
411
363
|
this.onArrayAction(name);
|
|
412
|
-
|
|
413
364
|
var newArray = __spreadArray(__spreadArray([], this.valueGetter(name) || [], true), [options.value], false);
|
|
414
|
-
|
|
415
365
|
this.valueSetter(name, newArray);
|
|
416
366
|
},
|
|
417
367
|
onPop: function onPop(name) {
|
|
418
368
|
this.onArrayAction(name);
|
|
419
|
-
|
|
420
369
|
var newArray = __spreadArray([], this.valueGetter(name) || [], true);
|
|
421
|
-
|
|
422
370
|
var value = newArray.pop();
|
|
423
371
|
this.valueSetter(name, newArray);
|
|
424
372
|
return value;
|
|
425
373
|
},
|
|
426
374
|
onRemove: function onRemove(name, options) {
|
|
427
375
|
this.onArrayAction(name);
|
|
428
|
-
|
|
429
376
|
var newArray = __spreadArray([], this.valueGetter(name) || [], true);
|
|
430
|
-
|
|
431
377
|
var value = newArray.splice(options.index, 1);
|
|
432
378
|
this.valueSetter(name, newArray);
|
|
433
379
|
return value;
|
|
434
380
|
},
|
|
435
381
|
onReplace: function onReplace(name, options) {
|
|
436
382
|
this.onArrayAction(name);
|
|
437
|
-
|
|
438
383
|
var newArray = __spreadArray([], this.valueGetter(name) || [], true);
|
|
439
|
-
|
|
440
384
|
newArray.splice(options.index, 1, options.value);
|
|
441
385
|
this.valueSetter(name, newArray);
|
|
442
386
|
},
|
|
443
387
|
onMove: function onMove(name, options) {
|
|
444
388
|
this.onArrayAction(name);
|
|
445
|
-
|
|
446
389
|
var newArray = __spreadArray([], this.valueGetter(name) || [], true);
|
|
447
|
-
|
|
448
390
|
var value = newArray[options.prevIndex];
|
|
449
391
|
newArray.splice(options.prevIndex, 1);
|
|
450
392
|
newArray.splice(options.nextIndex, 0, value);
|
|
@@ -452,7 +394,6 @@ var FormVue2 = {
|
|
|
452
394
|
},
|
|
453
395
|
onDestroy: function onDestroy() {
|
|
454
396
|
this.unmounted = true;
|
|
455
|
-
|
|
456
397
|
if (this._accumulatorTimeout) {
|
|
457
398
|
clearTimeout(this._accumulatorTimeout);
|
|
458
399
|
}
|
|
@@ -475,6 +416,5 @@ exports.FormVue2 = FormVue2;
|
|
|
475
416
|
/**
|
|
476
417
|
* @hidden
|
|
477
418
|
*/
|
|
478
|
-
|
|
479
419
|
var Form = FormVue2;
|
|
480
420
|
exports.Form = Form;
|
package/dist/npm/FormElement.js
CHANGED
|
@@ -3,22 +3,17 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.FormElementVue2 = exports.FormElement = void 0;
|
|
7
|
-
|
|
6
|
+
exports.FormElementVue2 = exports.FormElement = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
8
|
var Vue = require("vue");
|
|
9
|
-
|
|
10
9
|
var allVue = Vue;
|
|
11
10
|
var gh = allVue.h;
|
|
12
11
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
13
|
-
|
|
14
12
|
var package_metadata_1 = require("./package-metadata");
|
|
15
|
-
|
|
16
13
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
17
14
|
/**
|
|
18
15
|
* @hidden
|
|
19
16
|
*/
|
|
20
|
-
|
|
21
|
-
|
|
22
17
|
var FormElementVue2 = {
|
|
23
18
|
name: 'KendoFormElement',
|
|
24
19
|
props: {
|
|
@@ -70,6 +65,5 @@ exports.FormElementVue2 = FormElementVue2;
|
|
|
70
65
|
/**
|
|
71
66
|
* @hidden
|
|
72
67
|
*/
|
|
73
|
-
|
|
74
68
|
var FormElement = FormElementVue2;
|
|
75
69
|
exports.FormElement = FormElement;
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-vue-form',
|
|
9
9
|
productName: 'Kendo UI for Vue',
|
|
10
10
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1666103852,
|
|
12
12
|
version: '',
|
|
13
13
|
licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
|
|
14
14
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-vue-form",
|
|
3
3
|
"description": "Kendo UI for Vue Form package",
|
|
4
|
-
"version": "3.6.
|
|
4
|
+
"version": "3.6.5-dev.202210181442",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "https://github.com/telerik/kendo-vue.git"
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"vue": "^2.6.12 || ^3.0.2"
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
42
|
-
"@progress/kendo-vue-common": "3.6.
|
|
42
|
+
"@progress/kendo-vue-common": "3.6.5-dev.202210181442"
|
|
43
43
|
},
|
|
44
44
|
"@progress": {
|
|
45
45
|
"friendlyName": "Form",
|
|
@@ -55,15 +55,15 @@
|
|
|
55
55
|
"@progress/kendo-date-math": "^1.4.1",
|
|
56
56
|
"@progress/kendo-drawing": "^1.8.0",
|
|
57
57
|
"@progress/kendo-licensing": "^1.1.0",
|
|
58
|
-
"@progress/kendo-vue-buttons": "3.6.
|
|
59
|
-
"@progress/kendo-vue-data-tools": "3.6.
|
|
60
|
-
"@progress/kendo-vue-dateinputs": "3.6.
|
|
61
|
-
"@progress/kendo-vue-dropdowns": "3.6.
|
|
62
|
-
"@progress/kendo-vue-grid": "3.6.
|
|
63
|
-
"@progress/kendo-vue-inputs": "3.6.
|
|
64
|
-
"@progress/kendo-vue-intl": "3.6.
|
|
65
|
-
"@progress/kendo-vue-labels": "3.6.
|
|
66
|
-
"@progress/kendo-vue-layout": "3.6.
|
|
67
|
-
"@progress/kendo-vue-upload": "3.6.
|
|
58
|
+
"@progress/kendo-vue-buttons": "3.6.5-dev.202210181442",
|
|
59
|
+
"@progress/kendo-vue-data-tools": "3.6.5-dev.202210181442",
|
|
60
|
+
"@progress/kendo-vue-dateinputs": "3.6.5-dev.202210181442",
|
|
61
|
+
"@progress/kendo-vue-dropdowns": "3.6.5-dev.202210181442",
|
|
62
|
+
"@progress/kendo-vue-grid": "3.6.5-dev.202210181442",
|
|
63
|
+
"@progress/kendo-vue-inputs": "3.6.5-dev.202210181442",
|
|
64
|
+
"@progress/kendo-vue-intl": "3.6.5-dev.202210181442",
|
|
65
|
+
"@progress/kendo-vue-labels": "3.6.5-dev.202210181442",
|
|
66
|
+
"@progress/kendo-vue-layout": "3.6.5-dev.202210181442",
|
|
67
|
+
"@progress/kendo-vue-upload": "3.6.5-dev.202210181442"
|
|
68
68
|
}
|
|
69
69
|
}
|