@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
|
@@ -3,28 +3,21 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.UploadAddButtonVue2 = exports.UploadAddButton = void 0;
|
|
7
|
-
|
|
6
|
+
exports.UploadAddButtonVue2 = exports.UploadAddButton = 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 kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
|
|
19
|
-
|
|
20
16
|
var main_1 = require("./messages/main");
|
|
21
|
-
|
|
22
17
|
var UploadInput_1 = require("./UploadInput");
|
|
23
18
|
/**
|
|
24
19
|
* @hidden
|
|
25
20
|
*/
|
|
26
|
-
|
|
27
|
-
|
|
28
21
|
var UploadAddButtonVue2 = {
|
|
29
22
|
name: 'KendoVueUploadAddButton',
|
|
30
23
|
props: {
|
|
@@ -74,10 +67,9 @@ var UploadAddButtonVue2 = {
|
|
|
74
67
|
},
|
|
75
68
|
updated: function updated() {
|
|
76
69
|
var _a = this.$props,
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
70
|
+
navigationIndex = _a.navigationIndex,
|
|
71
|
+
addButtonIndex = _a.addButtonIndex,
|
|
72
|
+
notFocusedIndex = _a.notFocusedIndex;
|
|
81
73
|
if (navigationIndex !== this._prevNavigationIndex && this._prevNavigationIndex !== notFocusedIndex && navigationIndex === addButtonIndex && this.element) {
|
|
82
74
|
this.element.focus();
|
|
83
75
|
}
|
|
@@ -108,19 +100,18 @@ var UploadAddButtonVue2 = {
|
|
|
108
100
|
},
|
|
109
101
|
render: function render(createElement) {
|
|
110
102
|
var _this = this;
|
|
111
|
-
|
|
112
103
|
var h = gh || createElement;
|
|
113
104
|
var _a = this.$props,
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
105
|
+
navigationIndex = _a.navigationIndex,
|
|
106
|
+
addButtonIndex = _a.addButtonIndex,
|
|
107
|
+
tabIndex = _a.tabIndex,
|
|
108
|
+
id = _a.id,
|
|
109
|
+
ariaLabelledBy = _a.ariaLabelledBy,
|
|
110
|
+
ariaDescribedBy = _a.ariaDescribedBy,
|
|
111
|
+
async = _a.async,
|
|
112
|
+
multiple = _a.multiple,
|
|
113
|
+
disabled = _a.disabled,
|
|
114
|
+
accept = _a.accept;
|
|
124
115
|
var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
|
|
125
116
|
var selectMessage = localizationService.toLanguageString(main_1.select, main_1.messages[main_1.select]);
|
|
126
117
|
var buttonClassName = (0, kendo_vue_common_1.classNames)('k-button', 'k-button-md', 'k-button-solid', 'k-button-solid-base', 'k-rounded-md', 'k-upload-button', navigationIndex === addButtonIndex ? 'k-focus' : '');
|
|
@@ -145,7 +136,8 @@ var UploadAddButtonVue2 = {
|
|
|
145
136
|
on: this.v3 ? undefined : {
|
|
146
137
|
"click": this.onClick
|
|
147
138
|
}
|
|
148
|
-
}, [
|
|
139
|
+
}, [
|
|
140
|
+
// @ts-ignore function children
|
|
149
141
|
h(UploadInput_1.UploadInput, {
|
|
150
142
|
async: async,
|
|
151
143
|
attrs: this.v3 ? undefined : {
|
|
@@ -173,6 +165,5 @@ exports.UploadAddButtonVue2 = UploadAddButtonVue2;
|
|
|
173
165
|
/**
|
|
174
166
|
* @hidden
|
|
175
167
|
*/
|
|
176
|
-
|
|
177
168
|
var UploadAddButton = UploadAddButtonVue2;
|
|
178
169
|
exports.UploadAddButton = UploadAddButton;
|
|
@@ -3,37 +3,27 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.UploadDropZoneVue2 = exports.UploadDropZone = void 0;
|
|
7
|
-
|
|
6
|
+
exports.UploadDropZoneVue2 = exports.UploadDropZone = 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 UploadAddButton_1 = require("./UploadAddButton");
|
|
19
|
-
|
|
20
16
|
var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
|
|
21
|
-
|
|
22
17
|
var main_1 = require("./messages/main");
|
|
23
|
-
|
|
24
18
|
var utils_1 = require("./utils/utils");
|
|
25
|
-
|
|
26
19
|
var UploadStatus_1 = require("./UploadStatus");
|
|
27
20
|
/**
|
|
28
21
|
* @hidden
|
|
29
22
|
*/
|
|
30
|
-
|
|
31
|
-
|
|
32
23
|
var TIME_TO_CHECK_DRAG = 100;
|
|
33
24
|
/**
|
|
34
25
|
* @hidden
|
|
35
26
|
*/
|
|
36
|
-
|
|
37
27
|
var UploadDropZoneVue2 = {
|
|
38
28
|
name: 'KendoVueUploadDropZone',
|
|
39
29
|
props: {
|
|
@@ -137,10 +127,8 @@ var UploadDropZoneVue2 = {
|
|
|
137
127
|
},
|
|
138
128
|
onDocumentDragEnter: function onDocumentDragEnter() {
|
|
139
129
|
var _this = this;
|
|
140
|
-
|
|
141
130
|
if (!this.currentDocumentActive) {
|
|
142
131
|
this.currentDocumentActive = true;
|
|
143
|
-
|
|
144
132
|
var documentInterval = function documentInterval() {
|
|
145
133
|
if (_this.isDragOver(_this._lastDocumentDragOver)) {
|
|
146
134
|
_this.currentDocumentActive = false;
|
|
@@ -149,7 +137,6 @@ var UploadDropZoneVue2 = {
|
|
|
149
137
|
_this._lastDocumentDragOver = null;
|
|
150
138
|
}
|
|
151
139
|
};
|
|
152
|
-
|
|
153
140
|
this._documentInterval = setInterval(documentInterval, TIME_TO_CHECK_DRAG);
|
|
154
141
|
}
|
|
155
142
|
},
|
|
@@ -158,10 +145,8 @@ var UploadDropZoneVue2 = {
|
|
|
158
145
|
},
|
|
159
146
|
onElementDragEnter: function onElementDragEnter() {
|
|
160
147
|
var _this = this;
|
|
161
|
-
|
|
162
148
|
if (!this.currentElementActive) {
|
|
163
149
|
this.currentElementActive = true;
|
|
164
|
-
|
|
165
150
|
var elementInterval = function elementInterval() {
|
|
166
151
|
if (_this.isDragOver(_this._lastElementDragOver)) {
|
|
167
152
|
_this.currentElementActive = false;
|
|
@@ -170,7 +155,6 @@ var UploadDropZoneVue2 = {
|
|
|
170
155
|
_this._lastElementDragOver = null;
|
|
171
156
|
}
|
|
172
157
|
};
|
|
173
|
-
|
|
174
158
|
this._elementInterval = setInterval(elementInterval, TIME_TO_CHECK_DRAG);
|
|
175
159
|
}
|
|
176
160
|
},
|
|
@@ -181,7 +165,6 @@ var UploadDropZoneVue2 = {
|
|
|
181
165
|
onDrop: function onDrop(event) {
|
|
182
166
|
event.preventDefault();
|
|
183
167
|
var droppedFiles = event.dataTransfer.files;
|
|
184
|
-
|
|
185
168
|
if (droppedFiles.length > 0 && !this.$props.disabled) {
|
|
186
169
|
this.$emit('add', droppedFiles);
|
|
187
170
|
}
|
|
@@ -199,38 +182,36 @@ var UploadDropZoneVue2 = {
|
|
|
199
182
|
render: function render(createElement) {
|
|
200
183
|
var h = gh || createElement;
|
|
201
184
|
var _a = this.$props,
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
185
|
+
multiple = _a.multiple,
|
|
186
|
+
disabled = _a.disabled,
|
|
187
|
+
tabIndex = _a.tabIndex,
|
|
188
|
+
fileGroup = _a.fileGroup,
|
|
189
|
+
accept = _a.accept,
|
|
190
|
+
showFileList = _a.showFileList,
|
|
191
|
+
groupedFiles = _a.groupedFiles,
|
|
192
|
+
navigationIndex = _a.navigationIndex,
|
|
193
|
+
showActionButtons = _a.showActionButtons,
|
|
194
|
+
actionsLayout = _a.actionsLayout,
|
|
195
|
+
notFocusedIndex = _a.notFocusedIndex,
|
|
196
|
+
list = _a.list,
|
|
197
|
+
id = _a.id,
|
|
198
|
+
ariaLabelledBy = _a.ariaLabelledBy,
|
|
199
|
+
ariaDescribedBy = _a.ariaDescribedBy;
|
|
217
200
|
var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
|
|
218
201
|
var dropFilesMessage = localizationService.toLanguageString(main_1.dropFilesHere, main_1.messages[main_1.dropFilesHere]);
|
|
219
|
-
|
|
220
202
|
var _b = utils_1.default.getFileStatus(fileGroup),
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
203
|
+
isUploading = _b[0],
|
|
204
|
+
isUploaded = _b[1],
|
|
205
|
+
isUploadFailed = _b[2],
|
|
206
|
+
isUploadValidationFailed = _b[3];
|
|
207
|
+
var dropZoneClassName = (0, kendo_vue_common_1.classNames)('k-dropzone-hint', {
|
|
208
|
+
// Unsure about that, since it hides the "Drop Files Message" when we remove all uploaded components.
|
|
227
209
|
// 'k-hidden': this.isDragged && !this.elementActive
|
|
228
210
|
});
|
|
229
|
-
|
|
230
211
|
var addButtonComponent = function addButtonComponent() {
|
|
231
212
|
var _this = this;
|
|
232
|
-
|
|
233
|
-
|
|
213
|
+
return (
|
|
214
|
+
// @ts-ignore function children
|
|
234
215
|
h(UploadAddButton_1.UploadAddButton, {
|
|
235
216
|
id: id,
|
|
236
217
|
attrs: this.v3 ? undefined : {
|
|
@@ -268,7 +249,6 @@ var UploadDropZoneVue2 = {
|
|
|
268
249
|
})
|
|
269
250
|
);
|
|
270
251
|
};
|
|
271
|
-
|
|
272
252
|
return h("div", {
|
|
273
253
|
"class": this.dropZoneClasses,
|
|
274
254
|
onDrop: this.onDrop,
|
|
@@ -279,7 +259,8 @@ var UploadDropZoneVue2 = {
|
|
|
279
259
|
},
|
|
280
260
|
onDragenter: this.onElementDragEnter,
|
|
281
261
|
onDragover: this.onElementDragOver
|
|
282
|
-
}, [addButtonComponent.call(this), isUploading || isUploaded || isUploadFailed || isUploadValidationFailed ?
|
|
262
|
+
}, [addButtonComponent.call(this), isUploading || isUploaded || isUploadFailed || isUploadValidationFailed ?
|
|
263
|
+
// @ts-ignore function children
|
|
283
264
|
h(UploadStatus_1.UploadStatus, {
|
|
284
265
|
isUploading: isUploading,
|
|
285
266
|
attrs: this.v3 ? undefined : {
|
|
@@ -298,6 +279,5 @@ exports.UploadDropZoneVue2 = UploadDropZoneVue2;
|
|
|
298
279
|
/**
|
|
299
280
|
* @hidden
|
|
300
281
|
*/
|
|
301
|
-
|
|
302
282
|
var UploadDropZone = UploadDropZoneVue2;
|
|
303
283
|
exports.UploadDropZone = UploadDropZone;
|
package/dist/npm/UploadInput.js
CHANGED
|
@@ -3,12 +3,10 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.UploadInputVue2 = exports.UploadInput = void 0;
|
|
7
|
-
|
|
6
|
+
exports.UploadInputVue2 = exports.UploadInput = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
8
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
9
|
-
|
|
10
9
|
var Vue = require("vue");
|
|
11
|
-
|
|
12
10
|
var allVue = Vue;
|
|
13
11
|
var gh = allVue.h;
|
|
14
12
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
@@ -18,7 +16,6 @@ var SAFARI_REGEX = /(webkit)[ \/]([\w.]+)/i;
|
|
|
18
16
|
/**
|
|
19
17
|
* @hidden
|
|
20
18
|
*/
|
|
21
|
-
|
|
22
19
|
var UploadInputVue2 = {
|
|
23
20
|
name: 'KendoVueUploadInput',
|
|
24
21
|
props: {
|
|
@@ -51,7 +48,6 @@ var UploadInputVue2 = {
|
|
|
51
48
|
onAdd: function onAdd() {
|
|
52
49
|
var ua = navigator.userAgent;
|
|
53
50
|
var input = this._input;
|
|
54
|
-
|
|
55
51
|
if (input) {
|
|
56
52
|
if (input.files) {
|
|
57
53
|
this.$emit('add', input.files);
|
|
@@ -61,8 +57,6 @@ var UploadInputVue2 = {
|
|
|
61
57
|
when a file with the same name is selected a number of consecutive times.
|
|
62
58
|
As a workaround, clear the input value after handling the file.
|
|
63
59
|
*/
|
|
64
|
-
|
|
65
|
-
|
|
66
60
|
if (!(!ua.match(CHROME_REGEX) && ua.match(SAFARI_REGEX))) {
|
|
67
61
|
input.type = '';
|
|
68
62
|
input.type = 'file';
|
|
@@ -85,10 +79,10 @@ var UploadInputVue2 = {
|
|
|
85
79
|
render: function render(createElement) {
|
|
86
80
|
var h = gh || createElement;
|
|
87
81
|
var _a = this.$props,
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
82
|
+
multiple = _a.multiple,
|
|
83
|
+
async = _a.async,
|
|
84
|
+
disabled = _a.disabled,
|
|
85
|
+
accept = _a.accept;
|
|
92
86
|
return h("input", {
|
|
93
87
|
ref: (0, kendo_vue_common_1.setRef)(this, 'input'),
|
|
94
88
|
autocomplete: 'off',
|
|
@@ -120,6 +114,5 @@ exports.UploadInputVue2 = UploadInputVue2;
|
|
|
120
114
|
/**
|
|
121
115
|
* @hidden
|
|
122
116
|
*/
|
|
123
|
-
|
|
124
117
|
var UploadInput = UploadInputVue2;
|
|
125
118
|
exports.UploadInput = UploadInput;
|
package/dist/npm/UploadList.js
CHANGED
|
@@ -3,23 +3,18 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.UploadListVue2 = exports.UploadList = void 0;
|
|
7
|
-
|
|
6
|
+
exports.UploadListVue2 = exports.UploadList = 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
|
-
|
|
15
13
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
16
|
-
|
|
17
14
|
var UploadListGroup_1 = require("./UploadListGroup");
|
|
18
15
|
/**
|
|
19
16
|
* @hidden
|
|
20
17
|
*/
|
|
21
|
-
|
|
22
|
-
|
|
23
18
|
var UploadListVue2 = {
|
|
24
19
|
name: 'KendoVueUploadList',
|
|
25
20
|
props: {
|
|
@@ -63,17 +58,18 @@ var UploadListVue2 = {
|
|
|
63
58
|
render: function render(createElement) {
|
|
64
59
|
var h = gh || createElement;
|
|
65
60
|
var _a = this.$props,
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
61
|
+
groupedFiles = _a.groupedFiles,
|
|
62
|
+
navigationIndex = _a.navigationIndex,
|
|
63
|
+
async = _a.async,
|
|
64
|
+
disabled = _a.disabled,
|
|
65
|
+
list = _a.list;
|
|
71
66
|
var ulClassName = (0, kendo_vue_common_1.classNames)('k-upload-files', 'k-reset');
|
|
72
67
|
return h("ul", {
|
|
73
68
|
"class": ulClassName
|
|
74
69
|
}, [Object.keys(groupedFiles).map(function (key, index) {
|
|
75
70
|
var files = groupedFiles[key];
|
|
76
|
-
return (
|
|
71
|
+
return (
|
|
72
|
+
// @ts-ignore function children
|
|
77
73
|
h(UploadListGroup_1.UploadListGroup, {
|
|
78
74
|
key: key,
|
|
79
75
|
files: files,
|
|
@@ -109,6 +105,5 @@ exports.UploadListVue2 = UploadListVue2;
|
|
|
109
105
|
/**
|
|
110
106
|
* @hidden
|
|
111
107
|
*/
|
|
112
|
-
|
|
113
108
|
var UploadList = UploadListVue2;
|
|
114
109
|
exports.UploadList = UploadList;
|
|
@@ -3,28 +3,21 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.UploadListActionButtonVue2 = exports.UploadListActionButton = void 0;
|
|
7
|
-
|
|
6
|
+
exports.UploadListActionButtonVue2 = exports.UploadListActionButton = 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 UploadFileStatus_1 = require("./interfaces/UploadFileStatus");
|
|
19
|
-
|
|
20
16
|
var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
|
|
21
|
-
|
|
22
17
|
var main_1 = require("./messages/main");
|
|
23
18
|
/**
|
|
24
19
|
* @hidden
|
|
25
20
|
*/
|
|
26
|
-
|
|
27
|
-
|
|
28
21
|
var UploadListActionButtonVue2 = {
|
|
29
22
|
name: 'KendoVueUploadListActionButton',
|
|
30
23
|
props: {
|
|
@@ -56,7 +49,6 @@ var UploadListActionButtonVue2 = {
|
|
|
56
49
|
if (status === UploadFileStatus_1.UploadFileStatus.Uploading) {
|
|
57
50
|
return localizationService.toLanguageString(main_1.cancel, main_1.messages[main_1.cancel]);
|
|
58
51
|
}
|
|
59
|
-
|
|
60
52
|
return localizationService.toLanguageString(main_1.remove, main_1.messages[main_1.remove]);
|
|
61
53
|
},
|
|
62
54
|
retryButtonTitle: function retryButtonTitle(localizationService) {
|
|
@@ -79,14 +71,12 @@ var UploadListActionButtonVue2 = {
|
|
|
79
71
|
},
|
|
80
72
|
onActionClick: function onActionClick() {
|
|
81
73
|
var _a = this.$props,
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
74
|
+
status = _a.status,
|
|
75
|
+
uid = _a.uid,
|
|
76
|
+
disabled = _a.disabled;
|
|
86
77
|
if (disabled || status === UploadFileStatus_1.UploadFileStatus.Removing) {
|
|
87
78
|
return;
|
|
88
79
|
}
|
|
89
|
-
|
|
90
80
|
if (status === UploadFileStatus_1.UploadFileStatus.Uploading) {
|
|
91
81
|
this.$emit('cancel', uid);
|
|
92
82
|
} else {
|
|
@@ -95,13 +85,11 @@ var UploadListActionButtonVue2 = {
|
|
|
95
85
|
},
|
|
96
86
|
onRetryClick: function onRetryClick() {
|
|
97
87
|
var _a = this.$props,
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
88
|
+
uid = _a.uid,
|
|
89
|
+
disabled = _a.disabled;
|
|
101
90
|
if (disabled) {
|
|
102
91
|
return;
|
|
103
92
|
}
|
|
104
|
-
|
|
105
93
|
this.$emit('retry', uid);
|
|
106
94
|
}
|
|
107
95
|
},
|
|
@@ -117,8 +105,8 @@ var UploadListActionButtonVue2 = {
|
|
|
117
105
|
render: function render(createElement) {
|
|
118
106
|
var h = gh || createElement;
|
|
119
107
|
var _a = this.$props,
|
|
120
|
-
|
|
121
|
-
|
|
108
|
+
status = _a.status,
|
|
109
|
+
progress = _a.progress;
|
|
122
110
|
var actionButtonClassNames = (0, kendo_vue_common_1.classNames)('k-icon', status === UploadFileStatus_1.UploadFileStatus.Uploading ? 'k-cancel k-i-deny' : '', status !== UploadFileStatus_1.UploadFileStatus.Uploading ? 'k-delete k-i-x' : '');
|
|
123
111
|
var isRetryVisible = status === UploadFileStatus_1.UploadFileStatus.UploadFailed;
|
|
124
112
|
var isProgressVisible = status === UploadFileStatus_1.UploadFileStatus.Uploading;
|
|
@@ -184,6 +172,5 @@ exports.UploadListActionButtonVue2 = UploadListActionButtonVue2;
|
|
|
184
172
|
/**
|
|
185
173
|
* @hidden
|
|
186
174
|
*/
|
|
187
|
-
|
|
188
175
|
var UploadListActionButton = UploadListActionButtonVue2;
|
|
189
176
|
exports.UploadListActionButton = UploadListActionButton;
|
|
@@ -3,29 +3,21 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.UploadListGroupVue2 = exports.UploadListGroup = void 0;
|
|
7
|
-
|
|
6
|
+
exports.UploadListGroupVue2 = exports.UploadListGroup = 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
|
-
|
|
15
13
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
16
|
-
|
|
17
14
|
var UploadFileStatus_1 = require("./interfaces/UploadFileStatus");
|
|
18
|
-
|
|
19
15
|
var UploadListSingleItem_1 = require("./UploadListSingleItem");
|
|
20
|
-
|
|
21
16
|
var UploadListMultiItem_1 = require("./UploadListMultiItem");
|
|
22
|
-
|
|
23
17
|
var utils_1 = require("./utils/utils");
|
|
24
18
|
/**
|
|
25
19
|
* @hidden
|
|
26
20
|
*/
|
|
27
|
-
|
|
28
|
-
|
|
29
21
|
var UploadListGroupVue2 = {
|
|
30
22
|
name: 'KendoVueUploadListGroup',
|
|
31
23
|
props: {
|
|
@@ -48,9 +40,8 @@ var UploadListGroupVue2 = {
|
|
|
48
40
|
},
|
|
49
41
|
updated: function updated() {
|
|
50
42
|
var _a = this.$props,
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
43
|
+
navigationIndex = _a.navigationIndex,
|
|
44
|
+
index = _a.index;
|
|
54
45
|
if (navigationIndex === index && this._element && kendo_vue_common_1.canUseDOM && document.activeElement !== this._element) {
|
|
55
46
|
this._element.focus();
|
|
56
47
|
}
|
|
@@ -81,17 +72,18 @@ var UploadListGroupVue2 = {
|
|
|
81
72
|
render: function render(createElement) {
|
|
82
73
|
var h = gh || createElement;
|
|
83
74
|
var _a = this.$props,
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
75
|
+
files = _a.files,
|
|
76
|
+
async = _a.async,
|
|
77
|
+
disabled = _a.disabled,
|
|
78
|
+
navigationIndex = _a.navigationIndex,
|
|
79
|
+
index = _a.index,
|
|
80
|
+
list = _a.list;
|
|
90
81
|
var firstFile = files[0];
|
|
91
82
|
var isFileSuccess = firstFile.status === UploadFileStatus_1.UploadFileStatus.Uploaded || firstFile.status === UploadFileStatus_1.UploadFileStatus.Initial;
|
|
92
83
|
var liClassName = (0, kendo_vue_common_1.classNames)('k-file', utils_1.default.filesHaveValidationErrors(files) ? 'k-file-invalid' : '', firstFile.status === UploadFileStatus_1.UploadFileStatus.UploadFailed || firstFile.status === UploadFileStatus_1.UploadFileStatus.RemoveFailed ? 'k-file-error' : '', firstFile.status === UploadFileStatus_1.UploadFileStatus.Uploading ? 'k-file-progress' : '', isFileSuccess ? 'k-file-success' : '', navigationIndex === index ? 'k-focus' : '');
|
|
93
84
|
var itemComponent;
|
|
94
|
-
var defaultItemRendering = files.length === 1 ?
|
|
85
|
+
var defaultItemRendering = files.length === 1 ?
|
|
86
|
+
// @ts-ignore
|
|
95
87
|
h(UploadListSingleItem_1.UploadListSingleItem, {
|
|
96
88
|
files: files,
|
|
97
89
|
attrs: this.v3 ? undefined : {
|
|
@@ -109,7 +101,8 @@ var UploadListGroupVue2 = {
|
|
|
109
101
|
},
|
|
110
102
|
onRemove: this.onRemove,
|
|
111
103
|
onRetry: this.onRetry
|
|
112
|
-
}) :
|
|
104
|
+
}) :
|
|
105
|
+
// @ts-ignore
|
|
113
106
|
h(UploadListMultiItem_1.UploadListMultiItem, {
|
|
114
107
|
files: files,
|
|
115
108
|
attrs: this.v3 ? undefined : {
|
|
@@ -159,6 +152,5 @@ exports.UploadListGroupVue2 = UploadListGroupVue2;
|
|
|
159
152
|
/**
|
|
160
153
|
* @hidden
|
|
161
154
|
*/
|
|
162
|
-
|
|
163
155
|
var UploadListGroup = UploadListGroupVue2;
|
|
164
156
|
exports.UploadListGroup = UploadListGroup;
|
|
@@ -3,30 +3,22 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.UploadListMultiItemVue2 = exports.UploadListMultiItem = void 0;
|
|
7
|
-
|
|
6
|
+
exports.UploadListMultiItemVue2 = exports.UploadListMultiItem = 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 utils_1 = require("./utils/utils");
|
|
19
|
-
|
|
20
16
|
var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
|
|
21
|
-
|
|
22
17
|
var main_1 = require("./messages/main");
|
|
23
|
-
|
|
24
18
|
var UploadListActionButton_1 = require("./UploadListActionButton");
|
|
25
19
|
/**
|
|
26
20
|
* @hidden
|
|
27
21
|
*/
|
|
28
|
-
|
|
29
|
-
|
|
30
22
|
var UploadListMultiItemVue2 = {
|
|
31
23
|
name: 'KendoVueUploadListMultiItem',
|
|
32
24
|
props: {
|
|
@@ -58,12 +50,10 @@ var UploadListMultiItemVue2 = {
|
|
|
58
50
|
getFileValidationMessage: function getFileValidationMessage(file) {
|
|
59
51
|
var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
|
|
60
52
|
var validationMessage = '';
|
|
61
|
-
|
|
62
53
|
if (file.validationErrors && file.validationErrors.length > 0) {
|
|
63
54
|
var messageKey = "upload.".concat(file.validationErrors[0]);
|
|
64
55
|
validationMessage = localizationService.toLanguageString(messageKey, main_1.messages[messageKey]);
|
|
65
56
|
}
|
|
66
|
-
|
|
67
57
|
return validationMessage;
|
|
68
58
|
},
|
|
69
59
|
progress: function progress() {
|
|
@@ -87,16 +77,14 @@ var UploadListMultiItemVue2 = {
|
|
|
87
77
|
render: function render(createElement) {
|
|
88
78
|
var h = gh || createElement;
|
|
89
79
|
var _a = this.$props,
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
80
|
+
files = _a.files,
|
|
81
|
+
disabled = _a.disabled,
|
|
82
|
+
async = _a.async;
|
|
93
83
|
var itemClassName = (0, kendo_vue_common_1.classNames)('k-file-multiple');
|
|
94
|
-
|
|
95
84
|
var _b = utils_1.default.getFileStatus(files),
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
85
|
+
isUploaded = _b[1],
|
|
86
|
+
isUploadFailed = _b[2],
|
|
87
|
+
isUploadValidationFailed = _b[3];
|
|
100
88
|
var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
|
|
101
89
|
var totalMessage = localizationService.toLanguageString(main_1.total, main_1.messages[main_1.total]);
|
|
102
90
|
var filesMessage = localizationService.toLanguageString(main_1.files, main_1.messages[main_1.files]);
|
|
@@ -104,7 +92,6 @@ var UploadListMultiItemVue2 = {
|
|
|
104
92
|
var successMessage = localizationService.toLanguageString(main_1.statusUploaded, main_1.messages[main_1.statusUploaded]);
|
|
105
93
|
var progress = this.progress();
|
|
106
94
|
var showProgressBar = !isUploadValidationFailed && !isUploaded && !isUploadFailed;
|
|
107
|
-
|
|
108
95
|
var mapFiles = function mapFiles() {
|
|
109
96
|
return files.map(function (file) {
|
|
110
97
|
return h("span", {
|
|
@@ -124,7 +111,6 @@ var UploadListMultiItemVue2 = {
|
|
|
124
111
|
}, [utils_1.default.getTotalFilesSizeMessage([file])])]);
|
|
125
112
|
}, this);
|
|
126
113
|
};
|
|
127
|
-
|
|
128
114
|
return h("div", {
|
|
129
115
|
"class": itemClassName
|
|
130
116
|
}, [h("div", {
|
|
@@ -150,7 +136,8 @@ var UploadListMultiItemVue2 = {
|
|
|
150
136
|
"class": 'k-file-information k-text-success'
|
|
151
137
|
}, ["".concat(files.length, " ").concat(successMessage)]) : h("span", {
|
|
152
138
|
"class": 'k-file-validation-message k-text-error'
|
|
153
|
-
}, ["".concat(files.length, " ").concat(uploadFailedMessage)])]),
|
|
139
|
+
}, ["".concat(files.length, " ").concat(uploadFailedMessage)])]),
|
|
140
|
+
// @ts-ignore function children
|
|
154
141
|
h(UploadListActionButton_1.UploadListActionButton, {
|
|
155
142
|
uid: files[0].uid,
|
|
156
143
|
attrs: this.v3 ? undefined : {
|
|
@@ -181,6 +168,5 @@ exports.UploadListMultiItemVue2 = UploadListMultiItemVue2;
|
|
|
181
168
|
/**
|
|
182
169
|
* @hidden
|
|
183
170
|
*/
|
|
184
|
-
|
|
185
171
|
var UploadListMultiItem = UploadListMultiItemVue2;
|
|
186
172
|
exports.UploadListMultiItem = UploadListMultiItem;
|