@progress/kendo-vue-upload 3.6.4 → 3.7.0-dev.202210250731
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-upload.js +1 -1
- package/dist/es/ExternalDropZone.js +2 -9
- package/dist/es/Upload.js +40 -113
- package/dist/es/UploadActionButtons.js +12 -17
- package/dist/es/UploadAddButton.js +15 -18
- package/dist/es/UploadDropZone.js +25 -37
- package/dist/es/UploadInput.js +4 -9
- package/dist/es/UploadList.js +7 -8
- package/dist/es/UploadListActionButton.js +7 -14
- package/dist/es/UploadListGroup.js +12 -13
- package/dist/es/UploadListMultiItem.js +8 -15
- package/dist/es/UploadListSingleItem.js +8 -26
- package/dist/es/UploadNavigation.js +17 -47
- package/dist/es/UploadStatus.js +3 -7
- package/dist/es/UploadUI.js +21 -21
- package/dist/es/package-metadata.js +1 -1
- package/dist/esm/ExternalDropZone.js +2 -9
- package/dist/esm/Upload.js +40 -113
- package/dist/esm/UploadActionButtons.js +12 -17
- package/dist/esm/UploadAddButton.js +15 -18
- package/dist/esm/UploadDropZone.js +25 -37
- package/dist/esm/UploadInput.js +4 -9
- package/dist/esm/UploadList.js +7 -8
- package/dist/esm/UploadListActionButton.js +7 -14
- package/dist/esm/UploadListGroup.js +12 -13
- package/dist/esm/UploadListMultiItem.js +8 -15
- package/dist/esm/UploadListSingleItem.js +8 -26
- package/dist/esm/UploadNavigation.js +17 -47
- package/dist/esm/UploadStatus.js +3 -7
- package/dist/esm/UploadUI.js +21 -21
- package/dist/esm/package-metadata.js +1 -1
- package/dist/npm/ExternalDropZone.js +4 -17
- package/dist/npm/Upload.js +40 -124
- package/dist/npm/UploadActionButtons.js +14 -25
- package/dist/npm/UploadAddButton.js +17 -26
- package/dist/npm/UploadDropZone.js +27 -47
- package/dist/npm/UploadInput.js +6 -13
- package/dist/npm/UploadList.js +9 -14
- package/dist/npm/UploadListActionButton.js +9 -22
- package/dist/npm/UploadListGroup.js +14 -22
- package/dist/npm/UploadListMultiItem.js +10 -24
- package/dist/npm/UploadListSingleItem.js +10 -35
- package/dist/npm/UploadNavigation.js +19 -53
- package/dist/npm/UploadStatus.js +5 -14
- package/dist/npm/UploadUI.js +23 -29
- package/dist/npm/package-metadata.js +1 -1
- package/package.json +4 -4
|
@@ -9,17 +9,14 @@ import { UploadUI } from './UploadUI.js';
|
|
|
9
9
|
/**
|
|
10
10
|
* @hidden
|
|
11
11
|
*/
|
|
12
|
-
|
|
13
12
|
var NOT_FOCUSED_INDEX = -2;
|
|
14
13
|
/**
|
|
15
14
|
* @hidden
|
|
16
15
|
*/
|
|
17
|
-
|
|
18
16
|
var DEFAULT_INDEX = -1;
|
|
19
17
|
/**
|
|
20
18
|
* @hidden
|
|
21
19
|
*/
|
|
22
|
-
|
|
23
20
|
var UploadNavigationVue2 = {
|
|
24
21
|
name: 'KendoVueUploadNavigation',
|
|
25
22
|
props: {
|
|
@@ -69,7 +66,8 @@ var UploadNavigationVue2 = {
|
|
|
69
66
|
currentNavIndex: NOT_FOCUSED_INDEX
|
|
70
67
|
};
|
|
71
68
|
},
|
|
72
|
-
updated: function updated() {
|
|
69
|
+
updated: function updated() {
|
|
70
|
+
// const prevGroupLength = Object.keys(prevProps.groupedFiles).length;
|
|
73
71
|
// const groupLength = Object.keys(this.$props.groupedFiles).length;
|
|
74
72
|
// if (prevGroupLength > groupLength && this.navIndex > DEFAULT_INDEX) {
|
|
75
73
|
// this.navIndex = this.navIndex - (prevGroupLength - groupLength);
|
|
@@ -85,10 +83,8 @@ var UploadNavigationVue2 = {
|
|
|
85
83
|
if (_navIndex === undefined) {
|
|
86
84
|
return this.currentNavIndex;
|
|
87
85
|
}
|
|
88
|
-
|
|
89
86
|
var prevNavIndex = this.navIndex;
|
|
90
87
|
this.currentNavIndex = _navIndex;
|
|
91
|
-
|
|
92
88
|
if (_navIndex !== prevNavIndex) {
|
|
93
89
|
this.$forceUpdate();
|
|
94
90
|
}
|
|
@@ -107,29 +103,21 @@ var UploadNavigationVue2 = {
|
|
|
107
103
|
var uploadButtonIndex = cancelButtonIndex + 1;
|
|
108
104
|
var prevIndex = navIndex === NOT_FOCUSED_INDEX ? DEFAULT_INDEX : navIndex;
|
|
109
105
|
var nextIndex = navIndex;
|
|
110
|
-
|
|
111
106
|
switch (event.keyCode) {
|
|
112
107
|
case Keys.up:
|
|
113
108
|
event.preventDefault();
|
|
114
|
-
|
|
115
109
|
if (navIndex > -1) {
|
|
116
110
|
nextIndex = prevIndex - 1;
|
|
117
111
|
}
|
|
118
|
-
|
|
119
112
|
break;
|
|
120
|
-
|
|
121
113
|
case Keys.down:
|
|
122
114
|
event.preventDefault();
|
|
123
|
-
|
|
124
115
|
if (navIndex < maxNavIndex) {
|
|
125
116
|
nextIndex = prevIndex + 1;
|
|
126
117
|
}
|
|
127
|
-
|
|
128
118
|
break;
|
|
129
|
-
|
|
130
119
|
case Keys.left:
|
|
131
120
|
event.preventDefault();
|
|
132
|
-
|
|
133
121
|
if (isRtl) {
|
|
134
122
|
if (navIndex === cancelButtonIndex) {
|
|
135
123
|
nextIndex = prevIndex + 1;
|
|
@@ -139,12 +127,9 @@ var UploadNavigationVue2 = {
|
|
|
139
127
|
nextIndex = prevIndex - 1;
|
|
140
128
|
}
|
|
141
129
|
}
|
|
142
|
-
|
|
143
130
|
break;
|
|
144
|
-
|
|
145
131
|
case Keys.right:
|
|
146
132
|
event.preventDefault();
|
|
147
|
-
|
|
148
133
|
if (isRtl) {
|
|
149
134
|
if (navIndex === uploadButtonIndex) {
|
|
150
135
|
nextIndex = prevIndex - 1;
|
|
@@ -154,56 +139,42 @@ var UploadNavigationVue2 = {
|
|
|
154
139
|
nextIndex = prevIndex + 1;
|
|
155
140
|
}
|
|
156
141
|
}
|
|
157
|
-
|
|
158
142
|
break;
|
|
159
|
-
|
|
160
143
|
case Keys.enter:
|
|
161
144
|
if (navIndex === DEFAULT_INDEX || navIndex === NOT_FOCUSED_INDEX) {
|
|
162
145
|
if (this.actionElement()) {
|
|
163
146
|
this.actionElement().$el.click();
|
|
164
147
|
}
|
|
165
148
|
}
|
|
166
|
-
|
|
167
149
|
if (navIndex >= 0 && navIndex <= maxFileIndex) {
|
|
168
150
|
this.onRetry(groupKeys[navIndex]);
|
|
169
151
|
}
|
|
170
|
-
|
|
171
152
|
break;
|
|
172
|
-
|
|
173
153
|
case Keys.space:
|
|
174
154
|
event.preventDefault();
|
|
175
|
-
|
|
176
155
|
if (navIndex === DEFAULT_INDEX || navIndex === NOT_FOCUSED_INDEX) {
|
|
177
156
|
if (this.actionElement()) {
|
|
178
157
|
this.actionElement().$el.click();
|
|
179
158
|
}
|
|
180
159
|
}
|
|
181
|
-
|
|
182
160
|
break;
|
|
183
|
-
|
|
184
161
|
case Keys.tab:
|
|
185
162
|
nextIndex = NOT_FOCUSED_INDEX;
|
|
186
163
|
break;
|
|
187
|
-
|
|
188
164
|
case Keys.delete:
|
|
189
165
|
if (navIndex >= 0 && navIndex <= maxFileIndex) {
|
|
190
166
|
nextIndex = prevIndex - 1;
|
|
191
167
|
this.onRemove(groupKeys[navIndex]);
|
|
192
168
|
}
|
|
193
|
-
|
|
194
169
|
break;
|
|
195
|
-
|
|
196
170
|
case Keys.esc:
|
|
197
171
|
if (navIndex >= 0 && navIndex <= maxFileIndex) {
|
|
198
172
|
nextIndex = prevIndex - 1;
|
|
199
173
|
this.onCancel(groupKeys[navIndex]);
|
|
200
174
|
}
|
|
201
|
-
|
|
202
175
|
break;
|
|
203
|
-
|
|
204
176
|
default:
|
|
205
177
|
}
|
|
206
|
-
|
|
207
178
|
this.navIndex(nextIndex);
|
|
208
179
|
},
|
|
209
180
|
onCancel: function onCancel(uid) {
|
|
@@ -260,23 +231,23 @@ var UploadNavigationVue2 = {
|
|
|
260
231
|
},
|
|
261
232
|
render: function render(createElement) {
|
|
262
233
|
var _this = this;
|
|
263
|
-
|
|
264
234
|
var h = gh || createElement;
|
|
265
235
|
var _a = this.$props,
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
return (
|
|
236
|
+
multiple = _a.multiple,
|
|
237
|
+
disabled = _a.disabled,
|
|
238
|
+
showFileList = _a.showFileList,
|
|
239
|
+
showActionButtons = _a.showActionButtons,
|
|
240
|
+
actionsLayout = _a.actionsLayout,
|
|
241
|
+
tabIndex = _a.tabIndex,
|
|
242
|
+
accept = _a.accept,
|
|
243
|
+
groupedFiles = _a.groupedFiles,
|
|
244
|
+
list = _a.list,
|
|
245
|
+
id = _a.id,
|
|
246
|
+
ariaLabelledBy = _a.ariaLabelledBy,
|
|
247
|
+
ariaDescribedBy = _a.ariaDescribedBy,
|
|
248
|
+
async = _a.async;
|
|
249
|
+
return (
|
|
250
|
+
// @ts-ignore function children
|
|
280
251
|
h(UploadUI, {
|
|
281
252
|
ref: this.v3 ? function (el) {
|
|
282
253
|
_this.uploadUIRef = el;
|
|
@@ -343,6 +314,5 @@ var UploadNavigationVue2 = {
|
|
|
343
314
|
/**
|
|
344
315
|
* @hidden
|
|
345
316
|
*/
|
|
346
|
-
|
|
347
317
|
var UploadNavigation = UploadNavigationVue2;
|
|
348
318
|
export { UploadNavigation, UploadNavigationVue2 };
|
package/dist/esm/UploadStatus.js
CHANGED
|
@@ -11,7 +11,6 @@ import { messages, headerStatusUploading, headerStatusUploaded } from './message
|
|
|
11
11
|
/**
|
|
12
12
|
* @hidden
|
|
13
13
|
*/
|
|
14
|
-
|
|
15
14
|
var UploadStatusVue2 = {
|
|
16
15
|
props: {
|
|
17
16
|
isUploading: Boolean,
|
|
@@ -35,19 +34,17 @@ var UploadStatusVue2 = {
|
|
|
35
34
|
render: function render(createElement) {
|
|
36
35
|
var h = gh || createElement;
|
|
37
36
|
var _a = this.$props,
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
37
|
+
isUploading = _a.isUploading,
|
|
38
|
+
isUploaded = _a.isUploaded,
|
|
39
|
+
isUploadFailed = _a.isUploadFailed;
|
|
41
40
|
var statusClassName = classNames(!isUploading && !isUploadFailed && isUploaded ? 'k-i-checkmark' : '', !isUploading && isUploadFailed ? 'k-i-exception' : '', isUploading ? 'k-i-loading' : '', 'k-icon');
|
|
42
41
|
var statusText = '';
|
|
43
42
|
var localizationService = provideLocalizationService(this);
|
|
44
|
-
|
|
45
43
|
if (isUploading) {
|
|
46
44
|
statusText = localizationService.toLanguageString(headerStatusUploading, messages[headerStatusUploading]);
|
|
47
45
|
} else if (isUploaded || isUploadFailed) {
|
|
48
46
|
statusText = localizationService.toLanguageString(headerStatusUploaded, messages[headerStatusUploaded]);
|
|
49
47
|
}
|
|
50
|
-
|
|
51
48
|
return h("div", {
|
|
52
49
|
"class": classNames('k-upload-status', 'k-upload-status-total')
|
|
53
50
|
}, [h("span", {
|
|
@@ -58,6 +55,5 @@ var UploadStatusVue2 = {
|
|
|
58
55
|
/**
|
|
59
56
|
* @hidden
|
|
60
57
|
*/
|
|
61
|
-
|
|
62
58
|
var UploadStatus = UploadStatusVue2;
|
|
63
59
|
export { UploadStatus, UploadStatusVue2 };
|
package/dist/esm/UploadUI.js
CHANGED
|
@@ -12,7 +12,6 @@ var ADD_BUTTON_NAV_INDEX = -1;
|
|
|
12
12
|
/**
|
|
13
13
|
* @hidden
|
|
14
14
|
*/
|
|
15
|
-
|
|
16
15
|
var UploadUIVue2 = {
|
|
17
16
|
name: 'KendoVueUploadUI',
|
|
18
17
|
props: {
|
|
@@ -141,24 +140,23 @@ var UploadUIVue2 = {
|
|
|
141
140
|
},
|
|
142
141
|
render: function render(createElement) {
|
|
143
142
|
var _this = this;
|
|
144
|
-
|
|
145
143
|
var h = gh || createElement;
|
|
146
144
|
var _a = this.$props,
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
145
|
+
multiple = _a.multiple,
|
|
146
|
+
disabled = _a.disabled,
|
|
147
|
+
tabIndex = _a.tabIndex,
|
|
148
|
+
accept = _a.accept,
|
|
149
|
+
showFileList = _a.showFileList,
|
|
150
|
+
groupedFiles = _a.groupedFiles,
|
|
151
|
+
navigationIndex = _a.navigationIndex,
|
|
152
|
+
showActionButtons = _a.showActionButtons,
|
|
153
|
+
actionsLayout = _a.actionsLayout,
|
|
154
|
+
notFocusedIndex = _a.notFocusedIndex,
|
|
155
|
+
list = _a.list,
|
|
156
|
+
id = _a.id,
|
|
157
|
+
ariaLabelledBy = _a.ariaLabelledBy,
|
|
158
|
+
ariaDescribedBy = _a.ariaDescribedBy,
|
|
159
|
+
async = _a.async;
|
|
162
160
|
var className = classNames('k-widget', 'k-upload', this.$props.className, disabled ? 'k-disabled' : '');
|
|
163
161
|
return h("div", {
|
|
164
162
|
ref: setRef(this, 'container'),
|
|
@@ -171,7 +169,8 @@ var UploadUIVue2 = {
|
|
|
171
169
|
},
|
|
172
170
|
onFocus: this.onFocus,
|
|
173
171
|
onBlur: this.onBlur
|
|
174
|
-
}, [
|
|
172
|
+
}, [
|
|
173
|
+
// @ts-ignore function children
|
|
175
174
|
h(UploadDropZone, {
|
|
176
175
|
id: id,
|
|
177
176
|
attrs: this.v3 ? undefined : {
|
|
@@ -208,7 +207,8 @@ var UploadUIVue2 = {
|
|
|
208
207
|
onAdd: this.onAdd,
|
|
209
208
|
fileGroup: groupedFiles,
|
|
210
209
|
disabled: disabled
|
|
211
|
-
}), showFileList ?
|
|
210
|
+
}), showFileList ?
|
|
211
|
+
// @ts-ignore function children
|
|
212
212
|
h(UploadList, {
|
|
213
213
|
groupedFiles: groupedFiles,
|
|
214
214
|
attrs: this.v3 ? undefined : {
|
|
@@ -232,7 +232,8 @@ var UploadUIVue2 = {
|
|
|
232
232
|
onRemove: this.onRemove,
|
|
233
233
|
onRetry: this.onRetry,
|
|
234
234
|
onClick: this.onClick
|
|
235
|
-
}) : undefined, showActionButtons ?
|
|
235
|
+
}) : undefined, showActionButtons ?
|
|
236
|
+
// @ts-ignore function children
|
|
236
237
|
h(UploadActionButtons, {
|
|
237
238
|
disabled: disabled,
|
|
238
239
|
attrs: this.v3 ? undefined : {
|
|
@@ -260,6 +261,5 @@ var UploadUIVue2 = {
|
|
|
260
261
|
/**
|
|
261
262
|
* @hidden
|
|
262
263
|
*/
|
|
263
|
-
|
|
264
264
|
var UploadUI = UploadUIVue2;
|
|
265
265
|
export { UploadUI, UploadUIVue2 };
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-vue-upload',
|
|
6
6
|
productName: 'Kendo UI for Vue',
|
|
7
7
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1666682972,
|
|
9
9
|
version: '',
|
|
10
10
|
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'
|
|
11
11
|
};
|
|
@@ -3,33 +3,25 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.ExternalDropZoneVue2 = exports.ExternalDropZone = void 0;
|
|
7
|
-
|
|
6
|
+
exports.ExternalDropZoneVue2 = exports.ExternalDropZone = 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
12
|
var ref = allVue.ref;
|
|
14
13
|
var inject = allVue.inject;
|
|
15
|
-
|
|
16
14
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
17
|
-
|
|
18
15
|
var main_1 = require("./messages/main");
|
|
19
|
-
|
|
20
16
|
var package_metadata_1 = require("./package-metadata");
|
|
21
|
-
|
|
22
17
|
var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
|
|
23
18
|
/**
|
|
24
19
|
* @hidden
|
|
25
20
|
*/
|
|
26
|
-
|
|
27
|
-
|
|
28
21
|
var TIME_TO_CHECK_DRAG = 100;
|
|
29
22
|
/**
|
|
30
23
|
* @hidden
|
|
31
24
|
*/
|
|
32
|
-
|
|
33
25
|
var ExternalDropZoneVue2 = {
|
|
34
26
|
name: 'KendoVueExternalDropZone',
|
|
35
27
|
props: {
|
|
@@ -73,7 +65,6 @@ var ExternalDropZoneVue2 = {
|
|
|
73
65
|
event.preventDefault();
|
|
74
66
|
var droppedFiles = event.dataTransfer.files;
|
|
75
67
|
var refToUpload = this.$parent.$refs[this.$props.uploadRef];
|
|
76
|
-
|
|
77
68
|
if (droppedFiles.length > 0 && !this.$props.disabled && refToUpload) {
|
|
78
69
|
if (refToUpload.onAdd) {
|
|
79
70
|
event.preventDefault();
|
|
@@ -83,9 +74,7 @@ var ExternalDropZoneVue2 = {
|
|
|
83
74
|
},
|
|
84
75
|
handleOnElementDragEnter: function handleOnElementDragEnter() {
|
|
85
76
|
var _this = this;
|
|
86
|
-
|
|
87
77
|
this.elementActive = true;
|
|
88
|
-
|
|
89
78
|
var locElementInterval = function locElementInterval() {
|
|
90
79
|
if (_this.isDragOver(_this.lastElementDragOver)) {
|
|
91
80
|
_this.overDropZone = false;
|
|
@@ -95,7 +84,6 @@ var ExternalDropZoneVue2 = {
|
|
|
95
84
|
_this.lastElementDragOver = null;
|
|
96
85
|
}
|
|
97
86
|
};
|
|
98
|
-
|
|
99
87
|
this.elementInterval = setInterval(locElementInterval, TIME_TO_CHECK_DRAG);
|
|
100
88
|
},
|
|
101
89
|
handleOnElementDragOver: function handleOnElementDragOver(event) {
|
|
@@ -118,8 +106,8 @@ var ExternalDropZoneVue2 = {
|
|
|
118
106
|
render: function render(createElement) {
|
|
119
107
|
var h = gh || createElement;
|
|
120
108
|
var _a = this.$props,
|
|
121
|
-
|
|
122
|
-
|
|
109
|
+
customNote = _a.customNote,
|
|
110
|
+
customHint = _a.customHint;
|
|
123
111
|
var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
|
|
124
112
|
var localizedHint = localizationService.toLanguageString(main_1.dropZoneHint, main_1.messages[main_1.dropZoneHint]);
|
|
125
113
|
var localizedNote = localizationService.toLanguageString(main_1.dropZoneNote, main_1.messages[main_1.dropZoneNote]);
|
|
@@ -177,6 +165,5 @@ exports.ExternalDropZoneVue2 = ExternalDropZoneVue2;
|
|
|
177
165
|
/**
|
|
178
166
|
* @hidden
|
|
179
167
|
*/
|
|
180
|
-
|
|
181
168
|
var ExternalDropZone = ExternalDropZoneVue2;
|
|
182
169
|
exports.ExternalDropZone = ExternalDropZone;
|