@progress/kendo-vue-upload 3.7.4-dev.202212020747 → 3.7.4-dev.202212300853
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/README.md +1 -1
- package/dist/cdn/js/kendo-vue-upload.js +1 -1
- package/dist/es/ExternalDropZone.js +6 -3
- package/dist/es/UploadAddButton.d.ts +0 -2
- package/dist/es/UploadAddButton.js +1 -13
- package/dist/es/UploadInput.d.ts +3 -0
- package/dist/es/UploadInput.js +37 -3
- package/dist/es/messages/main.d.ts +10 -0
- package/dist/es/messages/main.js +10 -0
- package/dist/es/package-metadata.js +1 -1
- package/dist/esm/ExternalDropZone.js +6 -3
- package/dist/esm/UploadAddButton.d.ts +0 -2
- package/dist/esm/UploadAddButton.js +1 -13
- package/dist/esm/UploadInput.d.ts +3 -0
- package/dist/esm/UploadInput.js +37 -3
- package/dist/esm/messages/main.d.ts +10 -0
- package/dist/esm/messages/main.js +10 -0
- package/dist/esm/package-metadata.js +1 -1
- package/dist/npm/ExternalDropZone.js +5 -2
- package/dist/npm/UploadAddButton.d.ts +0 -2
- package/dist/npm/UploadAddButton.js +1 -13
- package/dist/npm/UploadInput.d.ts +3 -0
- package/dist/npm/UploadInput.js +37 -3
- package/dist/npm/messages/main.d.ts +10 -0
- package/dist/npm/messages/main.js +11 -1
- package/dist/npm/package-metadata.js +1 -1
- package/package.json +4 -4
|
@@ -5,7 +5,7 @@ var gh = allVue.h;
|
|
|
5
5
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
6
6
|
var ref = allVue.ref;
|
|
7
7
|
var inject = allVue.inject;
|
|
8
|
-
import { classNames, getListeners, getTabIndex, getTemplate, setRef, templateRendering, validatePackage } from '@progress/kendo-vue-common';
|
|
8
|
+
import { classNames, getListeners, getTabIndex, getTemplate, Icon, setRef, templateRendering, validatePackage } from '@progress/kendo-vue-common';
|
|
9
9
|
import { dropZoneHint, dropZoneNote, messages } from './messages/main';
|
|
10
10
|
import { packageMetadata } from './package-metadata';
|
|
11
11
|
import { provideLocalizationService } from '@progress/kendo-vue-intl';
|
|
@@ -144,8 +144,11 @@ var ExternalDropZoneVue2 = {
|
|
|
144
144
|
}, [h("div", {
|
|
145
145
|
style: this.$props.innerStyle,
|
|
146
146
|
"class": 'k-dropzone-inner'
|
|
147
|
-
}, [h(
|
|
148
|
-
|
|
147
|
+
}, [h(Icon, {
|
|
148
|
+
name: 'upload',
|
|
149
|
+
attrs: this.v3 ? undefined : {
|
|
150
|
+
name: 'upload'
|
|
151
|
+
}
|
|
149
152
|
}), h("span", {
|
|
150
153
|
"class": 'k-dropzone-hint'
|
|
151
154
|
}, [hintElement]), h("span", {
|
|
@@ -23,9 +23,7 @@ var UploadAddButtonVue2 = {
|
|
|
23
23
|
multiple: Boolean,
|
|
24
24
|
disabled: Boolean,
|
|
25
25
|
accept: String,
|
|
26
|
-
id: String
|
|
27
|
-
ariaLabelledBy: String,
|
|
28
|
-
ariaDescribedBy: String
|
|
26
|
+
id: String
|
|
29
27
|
},
|
|
30
28
|
inject: {
|
|
31
29
|
kendoLocalizationService: {
|
|
@@ -100,8 +98,6 @@ var UploadAddButtonVue2 = {
|
|
|
100
98
|
addButtonIndex = _a.addButtonIndex,
|
|
101
99
|
tabIndex = _a.tabIndex,
|
|
102
100
|
id = _a.id,
|
|
103
|
-
ariaLabelledBy = _a.ariaLabelledBy,
|
|
104
|
-
ariaDescribedBy = _a.ariaDescribedBy,
|
|
105
101
|
async = _a.async,
|
|
106
102
|
multiple = _a.multiple,
|
|
107
103
|
disabled = _a.disabled,
|
|
@@ -113,18 +109,10 @@ var UploadAddButtonVue2 = {
|
|
|
113
109
|
id: id,
|
|
114
110
|
attrs: this.v3 ? undefined : {
|
|
115
111
|
id: id,
|
|
116
|
-
role: "button",
|
|
117
|
-
"aria-label": selectMessage,
|
|
118
|
-
"aria-labelledby": ariaLabelledBy,
|
|
119
|
-
"aria-describedby": ariaDescribedBy,
|
|
120
112
|
tabindex: tabIndex
|
|
121
113
|
},
|
|
122
114
|
ref: setRef(this, 'element'),
|
|
123
|
-
role: "button",
|
|
124
115
|
"class": buttonClassName,
|
|
125
|
-
"aria-label": selectMessage,
|
|
126
|
-
"aria-labelledby": ariaLabelledBy,
|
|
127
|
-
"aria-describedby": ariaDescribedBy,
|
|
128
116
|
tabindex: tabIndex,
|
|
129
117
|
onClick: this.onClick,
|
|
130
118
|
on: this.v3 ? undefined : {
|
package/dist/es/UploadInput.d.ts
CHANGED
package/dist/es/UploadInput.js
CHANGED
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
// @ts-ignore
|
|
2
2
|
import { setRef } from '@progress/kendo-vue-common';
|
|
3
|
+
import { provideLocalizationService } from '@progress/kendo-vue-intl';
|
|
3
4
|
import * as Vue from 'vue';
|
|
4
5
|
var allVue = Vue;
|
|
5
6
|
var gh = allVue.h;
|
|
6
7
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
7
8
|
var ref = allVue.ref;
|
|
9
|
+
import { selectTitle, selectNoFilesTitle, select, messages } from './messages/main';
|
|
8
10
|
var CHROME_REGEX = /(chrome)[ \/]([\w.]+)/i;
|
|
9
11
|
var SAFARI_REGEX = /(webkit)[ \/]([\w.]+)/i;
|
|
10
12
|
/**
|
|
@@ -25,6 +27,18 @@ var UploadInputVue2 = {
|
|
|
25
27
|
accept: {
|
|
26
28
|
type: String,
|
|
27
29
|
default: undefined
|
|
30
|
+
},
|
|
31
|
+
hasFiles: {
|
|
32
|
+
type: Boolean,
|
|
33
|
+
default: false
|
|
34
|
+
},
|
|
35
|
+
ariaLabelledBy: {
|
|
36
|
+
type: String,
|
|
37
|
+
default: undefined
|
|
38
|
+
},
|
|
39
|
+
ariaDescribedBy: {
|
|
40
|
+
type: String,
|
|
41
|
+
default: undefined
|
|
28
42
|
}
|
|
29
43
|
},
|
|
30
44
|
// @ts-ignore
|
|
@@ -32,6 +46,11 @@ var UploadInputVue2 = {
|
|
|
32
46
|
'mousedown': null,
|
|
33
47
|
'add': null
|
|
34
48
|
},
|
|
49
|
+
inject: {
|
|
50
|
+
kendoLocalizationService: {
|
|
51
|
+
default: null
|
|
52
|
+
}
|
|
53
|
+
},
|
|
35
54
|
mounted: function mounted() {
|
|
36
55
|
this._input = this.v3 ? this.inputRef : this.$refs.input;
|
|
37
56
|
},
|
|
@@ -76,7 +95,14 @@ var UploadInputVue2 = {
|
|
|
76
95
|
multiple = _a.multiple,
|
|
77
96
|
async = _a.async,
|
|
78
97
|
disabled = _a.disabled,
|
|
79
|
-
accept = _a.accept
|
|
98
|
+
accept = _a.accept,
|
|
99
|
+
hasFiles = _a.hasFiles,
|
|
100
|
+
ariaLabelledBy = _a.ariaLabelledBy,
|
|
101
|
+
ariaDescribedBy = _a.ariaDescribedBy;
|
|
102
|
+
var localizationService = provideLocalizationService(this);
|
|
103
|
+
var message = hasFiles ? selectTitle : selectNoFilesTitle;
|
|
104
|
+
var selectMessage = localizationService.toLanguageString(message, messages[message]);
|
|
105
|
+
var selectLabel = localizationService.toLanguageString(select, messages[select]);
|
|
80
106
|
return h("input", {
|
|
81
107
|
ref: setRef(this, 'input'),
|
|
82
108
|
autocomplete: 'off',
|
|
@@ -87,7 +113,11 @@ var UploadInputVue2 = {
|
|
|
87
113
|
type: 'file',
|
|
88
114
|
tabindex: -1,
|
|
89
115
|
multiple: multiple,
|
|
90
|
-
disabled: disabled
|
|
116
|
+
disabled: disabled,
|
|
117
|
+
title: selectMessage,
|
|
118
|
+
"aria-label": ariaLabelledBy !== undefined ? undefined : selectLabel,
|
|
119
|
+
"aria-labelledby": ariaLabelledBy,
|
|
120
|
+
"aria-describedby": ariaDescribedBy
|
|
91
121
|
},
|
|
92
122
|
name: async.saveField,
|
|
93
123
|
accept: accept,
|
|
@@ -100,7 +130,11 @@ var UploadInputVue2 = {
|
|
|
100
130
|
"change": this.onAdd,
|
|
101
131
|
"mousedown": this.onMouseDown
|
|
102
132
|
},
|
|
103
|
-
onMousedown: this.onMouseDown
|
|
133
|
+
onMousedown: this.onMouseDown,
|
|
134
|
+
title: selectMessage,
|
|
135
|
+
"aria-label": ariaLabelledBy !== undefined ? undefined : selectLabel,
|
|
136
|
+
"aria-labelledby": ariaLabelledBy,
|
|
137
|
+
"aria-describedby": ariaDescribedBy
|
|
104
138
|
});
|
|
105
139
|
}
|
|
106
140
|
};
|
|
@@ -46,6 +46,14 @@ export declare const retry = "upload.retry";
|
|
|
46
46
|
* @hidden
|
|
47
47
|
*/
|
|
48
48
|
export declare const select = "upload.select";
|
|
49
|
+
/**
|
|
50
|
+
* @hidden
|
|
51
|
+
*/
|
|
52
|
+
export declare const selectTitle = "upload.selectTitle";
|
|
53
|
+
/**
|
|
54
|
+
* @hidden
|
|
55
|
+
*/
|
|
56
|
+
export declare const selectNoFilesTitle = "upload.selectNoFilesTitle";
|
|
49
57
|
/**
|
|
50
58
|
* @hidden
|
|
51
59
|
*/
|
|
@@ -90,6 +98,8 @@ export declare const messages: {
|
|
|
90
98
|
"upload.remove": string;
|
|
91
99
|
"upload.retry": string;
|
|
92
100
|
"upload.select": string;
|
|
101
|
+
"upload.selectTitle": string;
|
|
102
|
+
"upload.selectNoFilesTitle": string;
|
|
93
103
|
"upload.uploadSelectedFiles": string;
|
|
94
104
|
"upload.total": string;
|
|
95
105
|
"upload.files": string;
|
package/dist/es/messages/main.js
CHANGED
|
@@ -47,6 +47,14 @@ export var retry = 'upload.retry';
|
|
|
47
47
|
* @hidden
|
|
48
48
|
*/
|
|
49
49
|
export var select = 'upload.select';
|
|
50
|
+
/**
|
|
51
|
+
* @hidden
|
|
52
|
+
*/
|
|
53
|
+
export var selectTitle = 'upload.selectTitle';
|
|
54
|
+
/**
|
|
55
|
+
* @hidden
|
|
56
|
+
*/
|
|
57
|
+
export var selectNoFilesTitle = 'upload.selectNoFilesTitle';
|
|
50
58
|
/**
|
|
51
59
|
* @hidden
|
|
52
60
|
*/
|
|
@@ -91,6 +99,8 @@ export var messages = (_a = {},
|
|
|
91
99
|
_a[remove] = 'Remove',
|
|
92
100
|
_a[retry] = 'Retry',
|
|
93
101
|
_a[select] = 'Select files...',
|
|
102
|
+
_a[selectTitle] = 'Press to select more files',
|
|
103
|
+
_a[selectNoFilesTitle] = 'No files selected',
|
|
94
104
|
_a[uploadSelectedFiles] = 'Upload',
|
|
95
105
|
_a[total] = 'Total',
|
|
96
106
|
_a[files] = 'files',
|
|
@@ -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: 1672390325,
|
|
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
|
};
|
|
@@ -5,7 +5,7 @@ var gh = allVue.h;
|
|
|
5
5
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
6
6
|
var ref = allVue.ref;
|
|
7
7
|
var inject = allVue.inject;
|
|
8
|
-
import { classNames, getListeners, getTabIndex, getTemplate, setRef, templateRendering, validatePackage } from '@progress/kendo-vue-common';
|
|
8
|
+
import { classNames, getListeners, getTabIndex, getTemplate, Icon, setRef, templateRendering, validatePackage } from '@progress/kendo-vue-common';
|
|
9
9
|
import { dropZoneHint, dropZoneNote, messages } from './messages/main.js';
|
|
10
10
|
import { packageMetadata } from './package-metadata.js';
|
|
11
11
|
import { provideLocalizationService } from '@progress/kendo-vue-intl';
|
|
@@ -144,8 +144,11 @@ var ExternalDropZoneVue2 = {
|
|
|
144
144
|
}, [h("div", {
|
|
145
145
|
style: this.$props.innerStyle,
|
|
146
146
|
"class": 'k-dropzone-inner'
|
|
147
|
-
}, [h(
|
|
148
|
-
|
|
147
|
+
}, [h(Icon, {
|
|
148
|
+
name: 'upload',
|
|
149
|
+
attrs: this.v3 ? undefined : {
|
|
150
|
+
name: 'upload'
|
|
151
|
+
}
|
|
149
152
|
}), h("span", {
|
|
150
153
|
"class": 'k-dropzone-hint'
|
|
151
154
|
}, [hintElement]), h("span", {
|
|
@@ -23,9 +23,7 @@ var UploadAddButtonVue2 = {
|
|
|
23
23
|
multiple: Boolean,
|
|
24
24
|
disabled: Boolean,
|
|
25
25
|
accept: String,
|
|
26
|
-
id: String
|
|
27
|
-
ariaLabelledBy: String,
|
|
28
|
-
ariaDescribedBy: String
|
|
26
|
+
id: String
|
|
29
27
|
},
|
|
30
28
|
inject: {
|
|
31
29
|
kendoLocalizationService: {
|
|
@@ -100,8 +98,6 @@ var UploadAddButtonVue2 = {
|
|
|
100
98
|
addButtonIndex = _a.addButtonIndex,
|
|
101
99
|
tabIndex = _a.tabIndex,
|
|
102
100
|
id = _a.id,
|
|
103
|
-
ariaLabelledBy = _a.ariaLabelledBy,
|
|
104
|
-
ariaDescribedBy = _a.ariaDescribedBy,
|
|
105
101
|
async = _a.async,
|
|
106
102
|
multiple = _a.multiple,
|
|
107
103
|
disabled = _a.disabled,
|
|
@@ -113,18 +109,10 @@ var UploadAddButtonVue2 = {
|
|
|
113
109
|
id: id,
|
|
114
110
|
attrs: this.v3 ? undefined : {
|
|
115
111
|
id: id,
|
|
116
|
-
role: "button",
|
|
117
|
-
"aria-label": selectMessage,
|
|
118
|
-
"aria-labelledby": ariaLabelledBy,
|
|
119
|
-
"aria-describedby": ariaDescribedBy,
|
|
120
112
|
tabindex: tabIndex
|
|
121
113
|
},
|
|
122
114
|
ref: setRef(this, 'element'),
|
|
123
|
-
role: "button",
|
|
124
115
|
"class": buttonClassName,
|
|
125
|
-
"aria-label": selectMessage,
|
|
126
|
-
"aria-labelledby": ariaLabelledBy,
|
|
127
|
-
"aria-describedby": ariaDescribedBy,
|
|
128
116
|
tabindex: tabIndex,
|
|
129
117
|
onClick: this.onClick,
|
|
130
118
|
on: this.v3 ? undefined : {
|
package/dist/esm/UploadInput.js
CHANGED
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
// @ts-ignore
|
|
2
2
|
import { setRef } from '@progress/kendo-vue-common';
|
|
3
|
+
import { provideLocalizationService } from '@progress/kendo-vue-intl';
|
|
3
4
|
import * as Vue from 'vue';
|
|
4
5
|
var allVue = Vue;
|
|
5
6
|
var gh = allVue.h;
|
|
6
7
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
7
8
|
var ref = allVue.ref;
|
|
9
|
+
import { selectTitle, selectNoFilesTitle, select, messages } from './messages/main.js';
|
|
8
10
|
var CHROME_REGEX = /(chrome)[ \/]([\w.]+)/i;
|
|
9
11
|
var SAFARI_REGEX = /(webkit)[ \/]([\w.]+)/i;
|
|
10
12
|
/**
|
|
@@ -25,6 +27,18 @@ var UploadInputVue2 = {
|
|
|
25
27
|
accept: {
|
|
26
28
|
type: String,
|
|
27
29
|
default: undefined
|
|
30
|
+
},
|
|
31
|
+
hasFiles: {
|
|
32
|
+
type: Boolean,
|
|
33
|
+
default: false
|
|
34
|
+
},
|
|
35
|
+
ariaLabelledBy: {
|
|
36
|
+
type: String,
|
|
37
|
+
default: undefined
|
|
38
|
+
},
|
|
39
|
+
ariaDescribedBy: {
|
|
40
|
+
type: String,
|
|
41
|
+
default: undefined
|
|
28
42
|
}
|
|
29
43
|
},
|
|
30
44
|
// @ts-ignore
|
|
@@ -32,6 +46,11 @@ var UploadInputVue2 = {
|
|
|
32
46
|
'mousedown': null,
|
|
33
47
|
'add': null
|
|
34
48
|
},
|
|
49
|
+
inject: {
|
|
50
|
+
kendoLocalizationService: {
|
|
51
|
+
default: null
|
|
52
|
+
}
|
|
53
|
+
},
|
|
35
54
|
mounted: function mounted() {
|
|
36
55
|
this._input = this.v3 ? this.inputRef : this.$refs.input;
|
|
37
56
|
},
|
|
@@ -76,7 +95,14 @@ var UploadInputVue2 = {
|
|
|
76
95
|
multiple = _a.multiple,
|
|
77
96
|
async = _a.async,
|
|
78
97
|
disabled = _a.disabled,
|
|
79
|
-
accept = _a.accept
|
|
98
|
+
accept = _a.accept,
|
|
99
|
+
hasFiles = _a.hasFiles,
|
|
100
|
+
ariaLabelledBy = _a.ariaLabelledBy,
|
|
101
|
+
ariaDescribedBy = _a.ariaDescribedBy;
|
|
102
|
+
var localizationService = provideLocalizationService(this);
|
|
103
|
+
var message = hasFiles ? selectTitle : selectNoFilesTitle;
|
|
104
|
+
var selectMessage = localizationService.toLanguageString(message, messages[message]);
|
|
105
|
+
var selectLabel = localizationService.toLanguageString(select, messages[select]);
|
|
80
106
|
return h("input", {
|
|
81
107
|
ref: setRef(this, 'input'),
|
|
82
108
|
autocomplete: 'off',
|
|
@@ -87,7 +113,11 @@ var UploadInputVue2 = {
|
|
|
87
113
|
type: 'file',
|
|
88
114
|
tabindex: -1,
|
|
89
115
|
multiple: multiple,
|
|
90
|
-
disabled: disabled
|
|
116
|
+
disabled: disabled,
|
|
117
|
+
title: selectMessage,
|
|
118
|
+
"aria-label": ariaLabelledBy !== undefined ? undefined : selectLabel,
|
|
119
|
+
"aria-labelledby": ariaLabelledBy,
|
|
120
|
+
"aria-describedby": ariaDescribedBy
|
|
91
121
|
},
|
|
92
122
|
name: async.saveField,
|
|
93
123
|
accept: accept,
|
|
@@ -100,7 +130,11 @@ var UploadInputVue2 = {
|
|
|
100
130
|
"change": this.onAdd,
|
|
101
131
|
"mousedown": this.onMouseDown
|
|
102
132
|
},
|
|
103
|
-
onMousedown: this.onMouseDown
|
|
133
|
+
onMousedown: this.onMouseDown,
|
|
134
|
+
title: selectMessage,
|
|
135
|
+
"aria-label": ariaLabelledBy !== undefined ? undefined : selectLabel,
|
|
136
|
+
"aria-labelledby": ariaLabelledBy,
|
|
137
|
+
"aria-describedby": ariaDescribedBy
|
|
104
138
|
});
|
|
105
139
|
}
|
|
106
140
|
};
|
|
@@ -46,6 +46,14 @@ export declare const retry = "upload.retry";
|
|
|
46
46
|
* @hidden
|
|
47
47
|
*/
|
|
48
48
|
export declare const select = "upload.select";
|
|
49
|
+
/**
|
|
50
|
+
* @hidden
|
|
51
|
+
*/
|
|
52
|
+
export declare const selectTitle = "upload.selectTitle";
|
|
53
|
+
/**
|
|
54
|
+
* @hidden
|
|
55
|
+
*/
|
|
56
|
+
export declare const selectNoFilesTitle = "upload.selectNoFilesTitle";
|
|
49
57
|
/**
|
|
50
58
|
* @hidden
|
|
51
59
|
*/
|
|
@@ -90,6 +98,8 @@ export declare const messages: {
|
|
|
90
98
|
"upload.remove": string;
|
|
91
99
|
"upload.retry": string;
|
|
92
100
|
"upload.select": string;
|
|
101
|
+
"upload.selectTitle": string;
|
|
102
|
+
"upload.selectNoFilesTitle": string;
|
|
93
103
|
"upload.uploadSelectedFiles": string;
|
|
94
104
|
"upload.total": string;
|
|
95
105
|
"upload.files": string;
|
|
@@ -47,6 +47,14 @@ export var retry = 'upload.retry';
|
|
|
47
47
|
* @hidden
|
|
48
48
|
*/
|
|
49
49
|
export var select = 'upload.select';
|
|
50
|
+
/**
|
|
51
|
+
* @hidden
|
|
52
|
+
*/
|
|
53
|
+
export var selectTitle = 'upload.selectTitle';
|
|
54
|
+
/**
|
|
55
|
+
* @hidden
|
|
56
|
+
*/
|
|
57
|
+
export var selectNoFilesTitle = 'upload.selectNoFilesTitle';
|
|
50
58
|
/**
|
|
51
59
|
* @hidden
|
|
52
60
|
*/
|
|
@@ -91,6 +99,8 @@ export var messages = (_a = {},
|
|
|
91
99
|
_a[remove] = 'Remove',
|
|
92
100
|
_a[retry] = 'Retry',
|
|
93
101
|
_a[select] = 'Select files...',
|
|
102
|
+
_a[selectTitle] = 'Press to select more files',
|
|
103
|
+
_a[selectNoFilesTitle] = 'No files selected',
|
|
94
104
|
_a[uploadSelectedFiles] = 'Upload',
|
|
95
105
|
_a[total] = 'Total',
|
|
96
106
|
_a[files] = 'files',
|
|
@@ -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: 1672390325,
|
|
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
|
};
|
|
@@ -150,8 +150,11 @@ var ExternalDropZoneVue2 = {
|
|
|
150
150
|
}, [h("div", {
|
|
151
151
|
style: this.$props.innerStyle,
|
|
152
152
|
"class": 'k-dropzone-inner'
|
|
153
|
-
}, [h(
|
|
154
|
-
|
|
153
|
+
}, [h(kendo_vue_common_1.Icon, {
|
|
154
|
+
name: 'upload',
|
|
155
|
+
attrs: this.v3 ? undefined : {
|
|
156
|
+
name: 'upload'
|
|
157
|
+
}
|
|
155
158
|
}), h("span", {
|
|
156
159
|
"class": 'k-dropzone-hint'
|
|
157
160
|
}, [hintElement]), h("span", {
|
|
@@ -29,9 +29,7 @@ var UploadAddButtonVue2 = {
|
|
|
29
29
|
multiple: Boolean,
|
|
30
30
|
disabled: Boolean,
|
|
31
31
|
accept: String,
|
|
32
|
-
id: String
|
|
33
|
-
ariaLabelledBy: String,
|
|
34
|
-
ariaDescribedBy: String
|
|
32
|
+
id: String
|
|
35
33
|
},
|
|
36
34
|
inject: {
|
|
37
35
|
kendoLocalizationService: {
|
|
@@ -106,8 +104,6 @@ var UploadAddButtonVue2 = {
|
|
|
106
104
|
addButtonIndex = _a.addButtonIndex,
|
|
107
105
|
tabIndex = _a.tabIndex,
|
|
108
106
|
id = _a.id,
|
|
109
|
-
ariaLabelledBy = _a.ariaLabelledBy,
|
|
110
|
-
ariaDescribedBy = _a.ariaDescribedBy,
|
|
111
107
|
async = _a.async,
|
|
112
108
|
multiple = _a.multiple,
|
|
113
109
|
disabled = _a.disabled,
|
|
@@ -119,18 +115,10 @@ var UploadAddButtonVue2 = {
|
|
|
119
115
|
id: id,
|
|
120
116
|
attrs: this.v3 ? undefined : {
|
|
121
117
|
id: id,
|
|
122
|
-
role: "button",
|
|
123
|
-
"aria-label": selectMessage,
|
|
124
|
-
"aria-labelledby": ariaLabelledBy,
|
|
125
|
-
"aria-describedby": ariaDescribedBy,
|
|
126
118
|
tabindex: tabIndex
|
|
127
119
|
},
|
|
128
120
|
ref: (0, kendo_vue_common_1.setRef)(this, 'element'),
|
|
129
|
-
role: "button",
|
|
130
121
|
"class": buttonClassName,
|
|
131
|
-
"aria-label": selectMessage,
|
|
132
|
-
"aria-labelledby": ariaLabelledBy,
|
|
133
|
-
"aria-describedby": ariaDescribedBy,
|
|
134
122
|
tabindex: tabIndex,
|
|
135
123
|
onClick: this.onClick,
|
|
136
124
|
on: this.v3 ? undefined : {
|
package/dist/npm/UploadInput.js
CHANGED
|
@@ -6,11 +6,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.UploadInputVue2 = exports.UploadInput = void 0;
|
|
7
7
|
// @ts-ignore
|
|
8
8
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
9
|
+
var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
|
|
9
10
|
var Vue = require("vue");
|
|
10
11
|
var allVue = Vue;
|
|
11
12
|
var gh = allVue.h;
|
|
12
13
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
13
14
|
var ref = allVue.ref;
|
|
15
|
+
var main_1 = require("./messages/main");
|
|
14
16
|
var CHROME_REGEX = /(chrome)[ \/]([\w.]+)/i;
|
|
15
17
|
var SAFARI_REGEX = /(webkit)[ \/]([\w.]+)/i;
|
|
16
18
|
/**
|
|
@@ -31,6 +33,18 @@ var UploadInputVue2 = {
|
|
|
31
33
|
accept: {
|
|
32
34
|
type: String,
|
|
33
35
|
default: undefined
|
|
36
|
+
},
|
|
37
|
+
hasFiles: {
|
|
38
|
+
type: Boolean,
|
|
39
|
+
default: false
|
|
40
|
+
},
|
|
41
|
+
ariaLabelledBy: {
|
|
42
|
+
type: String,
|
|
43
|
+
default: undefined
|
|
44
|
+
},
|
|
45
|
+
ariaDescribedBy: {
|
|
46
|
+
type: String,
|
|
47
|
+
default: undefined
|
|
34
48
|
}
|
|
35
49
|
},
|
|
36
50
|
// @ts-ignore
|
|
@@ -38,6 +52,11 @@ var UploadInputVue2 = {
|
|
|
38
52
|
'mousedown': null,
|
|
39
53
|
'add': null
|
|
40
54
|
},
|
|
55
|
+
inject: {
|
|
56
|
+
kendoLocalizationService: {
|
|
57
|
+
default: null
|
|
58
|
+
}
|
|
59
|
+
},
|
|
41
60
|
mounted: function mounted() {
|
|
42
61
|
this._input = this.v3 ? this.inputRef : this.$refs.input;
|
|
43
62
|
},
|
|
@@ -82,7 +101,14 @@ var UploadInputVue2 = {
|
|
|
82
101
|
multiple = _a.multiple,
|
|
83
102
|
async = _a.async,
|
|
84
103
|
disabled = _a.disabled,
|
|
85
|
-
accept = _a.accept
|
|
104
|
+
accept = _a.accept,
|
|
105
|
+
hasFiles = _a.hasFiles,
|
|
106
|
+
ariaLabelledBy = _a.ariaLabelledBy,
|
|
107
|
+
ariaDescribedBy = _a.ariaDescribedBy;
|
|
108
|
+
var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
|
|
109
|
+
var message = hasFiles ? main_1.selectTitle : main_1.selectNoFilesTitle;
|
|
110
|
+
var selectMessage = localizationService.toLanguageString(message, main_1.messages[message]);
|
|
111
|
+
var selectLabel = localizationService.toLanguageString(main_1.select, main_1.messages[main_1.select]);
|
|
86
112
|
return h("input", {
|
|
87
113
|
ref: (0, kendo_vue_common_1.setRef)(this, 'input'),
|
|
88
114
|
autocomplete: 'off',
|
|
@@ -93,7 +119,11 @@ var UploadInputVue2 = {
|
|
|
93
119
|
type: 'file',
|
|
94
120
|
tabindex: -1,
|
|
95
121
|
multiple: multiple,
|
|
96
|
-
disabled: disabled
|
|
122
|
+
disabled: disabled,
|
|
123
|
+
title: selectMessage,
|
|
124
|
+
"aria-label": ariaLabelledBy !== undefined ? undefined : selectLabel,
|
|
125
|
+
"aria-labelledby": ariaLabelledBy,
|
|
126
|
+
"aria-describedby": ariaDescribedBy
|
|
97
127
|
},
|
|
98
128
|
name: async.saveField,
|
|
99
129
|
accept: accept,
|
|
@@ -106,7 +136,11 @@ var UploadInputVue2 = {
|
|
|
106
136
|
"change": this.onAdd,
|
|
107
137
|
"mousedown": this.onMouseDown
|
|
108
138
|
},
|
|
109
|
-
onMousedown: this.onMouseDown
|
|
139
|
+
onMousedown: this.onMouseDown,
|
|
140
|
+
title: selectMessage,
|
|
141
|
+
"aria-label": ariaLabelledBy !== undefined ? undefined : selectLabel,
|
|
142
|
+
"aria-labelledby": ariaLabelledBy,
|
|
143
|
+
"aria-describedby": ariaDescribedBy
|
|
110
144
|
});
|
|
111
145
|
}
|
|
112
146
|
};
|
|
@@ -46,6 +46,14 @@ export declare const retry = "upload.retry";
|
|
|
46
46
|
* @hidden
|
|
47
47
|
*/
|
|
48
48
|
export declare const select = "upload.select";
|
|
49
|
+
/**
|
|
50
|
+
* @hidden
|
|
51
|
+
*/
|
|
52
|
+
export declare const selectTitle = "upload.selectTitle";
|
|
53
|
+
/**
|
|
54
|
+
* @hidden
|
|
55
|
+
*/
|
|
56
|
+
export declare const selectNoFilesTitle = "upload.selectNoFilesTitle";
|
|
49
57
|
/**
|
|
50
58
|
* @hidden
|
|
51
59
|
*/
|
|
@@ -90,6 +98,8 @@ export declare const messages: {
|
|
|
90
98
|
"upload.remove": string;
|
|
91
99
|
"upload.retry": string;
|
|
92
100
|
"upload.select": string;
|
|
101
|
+
"upload.selectTitle": string;
|
|
102
|
+
"upload.selectNoFilesTitle": string;
|
|
93
103
|
"upload.uploadSelectedFiles": string;
|
|
94
104
|
"upload.total": string;
|
|
95
105
|
"upload.files": string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var _a;
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
exports.messages = exports.dropZoneNote = exports.dropZoneHint = exports.statusUploadFailed = exports.statusUploaded = exports.files = exports.total = exports.uploadSelectedFiles = exports.select = exports.retry = exports.remove = exports.invalidMinFileSize = exports.invalidMaxFileSize = exports.invalidFiles = exports.invalidFileExtension = exports.headerStatusUploading = exports.headerStatusUploaded = exports.dropFilesHere = exports.clearSelectedFiles = exports.cancel = void 0;
|
|
4
|
+
exports.messages = exports.dropZoneNote = exports.dropZoneHint = exports.statusUploadFailed = exports.statusUploaded = exports.files = exports.total = exports.uploadSelectedFiles = exports.selectNoFilesTitle = exports.selectTitle = exports.select = exports.retry = exports.remove = exports.invalidMinFileSize = exports.invalidMaxFileSize = exports.invalidFiles = exports.invalidFileExtension = exports.headerStatusUploading = exports.headerStatusUploaded = exports.dropFilesHere = exports.clearSelectedFiles = exports.cancel = void 0;
|
|
5
5
|
/**
|
|
6
6
|
* @hidden
|
|
7
7
|
*/
|
|
@@ -50,6 +50,14 @@ exports.retry = 'upload.retry';
|
|
|
50
50
|
* @hidden
|
|
51
51
|
*/
|
|
52
52
|
exports.select = 'upload.select';
|
|
53
|
+
/**
|
|
54
|
+
* @hidden
|
|
55
|
+
*/
|
|
56
|
+
exports.selectTitle = 'upload.selectTitle';
|
|
57
|
+
/**
|
|
58
|
+
* @hidden
|
|
59
|
+
*/
|
|
60
|
+
exports.selectNoFilesTitle = 'upload.selectNoFilesTitle';
|
|
53
61
|
/**
|
|
54
62
|
* @hidden
|
|
55
63
|
*/
|
|
@@ -94,6 +102,8 @@ exports.messages = (_a = {},
|
|
|
94
102
|
_a[exports.remove] = 'Remove',
|
|
95
103
|
_a[exports.retry] = 'Retry',
|
|
96
104
|
_a[exports.select] = 'Select files...',
|
|
105
|
+
_a[exports.selectTitle] = 'Press to select more files',
|
|
106
|
+
_a[exports.selectNoFilesTitle] = 'No files selected',
|
|
97
107
|
_a[exports.uploadSelectedFiles] = 'Upload',
|
|
98
108
|
_a[exports.total] = 'Total',
|
|
99
109
|
_a[exports.files] = 'files',
|