@progress/kendo-vue-upload 3.5.0 → 3.5.1-dev.202208100944
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/UploadListMultiItem.js +5 -5
- package/dist/es/UploadListSingleItem.js +1 -1
- package/dist/es/interfaces/BaseUploadEvent.js +1 -0
- package/dist/es/interfaces/FileGroup.js +1 -0
- package/dist/es/interfaces/UploadActionsLayout.js +1 -0
- package/dist/es/interfaces/UploadAdditionalData.js +1 -0
- package/dist/es/interfaces/UploadAsyncProps.js +1 -0
- package/dist/es/interfaces/UploadFileInfo.js +1 -0
- package/dist/es/interfaces/UploadFileRestrictions.js +1 -0
- package/dist/es/interfaces/UploadHttpHeaders.js +1 -0
- package/dist/es/interfaces/UploadListItemProps.js +1 -0
- package/dist/es/interfaces/UploadOnAddEvent.js +1 -0
- package/dist/es/interfaces/UploadOnBeforeRemoveEvent.js +1 -0
- package/dist/es/interfaces/UploadOnBeforeUploadEvent.js +1 -0
- package/dist/es/interfaces/UploadOnCancelEvent.js +1 -0
- package/dist/es/interfaces/UploadOnProgressEvent.js +1 -0
- package/dist/es/interfaces/UploadOnRemoveEvent.js +1 -0
- package/dist/es/interfaces/UploadOnStatusChangeEvent.js +1 -0
- package/dist/es/interfaces/UploadProps.js +1 -0
- package/dist/es/interfaces/UploadResponse.js +1 -0
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/utils/connectionUtils.d.ts +3 -3
- package/dist/es/utils/stateUtils.d.ts +3 -3
- package/dist/es/utils/utils.d.ts +3 -3
- package/dist/es/utils/validationUtils.d.ts +3 -3
- package/dist/esm/ExternalDropZone.d.ts +121 -0
- package/dist/esm/ExternalDropZone.js +169 -0
- package/dist/esm/Upload.d.ts +50 -0
- package/dist/esm/Upload.js +787 -0
- package/dist/esm/UploadActionButtons.d.ts +59 -0
- package/dist/esm/UploadActionButtons.js +165 -0
- package/dist/esm/UploadAddButton.d.ts +67 -0
- package/dist/esm/UploadAddButton.js +165 -0
- package/dist/esm/UploadDropZone.d.ts +61 -0
- package/dist/esm/UploadDropZone.js +288 -0
- package/dist/esm/UploadInput.d.ts +56 -0
- package/dist/esm/UploadInput.js +116 -0
- package/dist/esm/UploadList.d.ts +58 -0
- package/dist/esm/UploadList.js +103 -0
- package/dist/esm/UploadListActionButton.d.ts +56 -0
- package/dist/esm/UploadListActionButton.js +176 -0
- package/dist/esm/UploadListGroup.d.ts +56 -0
- package/dist/esm/UploadListGroup.js +150 -0
- package/dist/esm/UploadListMultiItem.d.ts +44 -0
- package/dist/esm/UploadListMultiItem.js +172 -0
- package/dist/esm/UploadListSingleItem.d.ts +44 -0
- package/dist/esm/UploadListSingleItem.js +228 -0
- package/dist/esm/UploadNavigation.d.ts +46 -0
- package/dist/esm/UploadNavigation.js +348 -0
- package/dist/esm/UploadStatus.d.ts +53 -0
- package/dist/esm/UploadStatus.js +63 -0
- package/dist/esm/UploadUI.d.ts +81 -0
- package/dist/esm/UploadUI.js +265 -0
- package/dist/esm/additionalTypes.ts +21 -0
- package/dist/esm/interfaces/BaseUploadEvent.d.ts +9 -0
- package/dist/esm/interfaces/BaseUploadEvent.js +1 -0
- package/dist/esm/interfaces/FileGroup.d.ts +7 -0
- package/dist/esm/interfaces/FileGroup.js +1 -0
- package/dist/esm/interfaces/UploadActionsLayout.d.ts +4 -0
- package/dist/esm/interfaces/UploadActionsLayout.js +1 -0
- package/dist/esm/interfaces/UploadAdditionalData.d.ts +6 -0
- package/dist/esm/interfaces/UploadAdditionalData.js +1 -0
- package/dist/esm/interfaces/UploadAsyncProps.d.ts +82 -0
- package/dist/esm/interfaces/UploadAsyncProps.js +1 -0
- package/dist/esm/interfaces/UploadFileInfo.d.ts +41 -0
- package/dist/esm/interfaces/UploadFileInfo.js +1 -0
- package/dist/esm/interfaces/UploadFileRestrictions.d.ts +19 -0
- package/dist/esm/interfaces/UploadFileRestrictions.js +1 -0
- package/dist/esm/interfaces/UploadFileStatus.d.ts +33 -0
- package/dist/esm/interfaces/UploadFileStatus.js +34 -0
- package/dist/esm/interfaces/UploadHttpHeaders.d.ts +6 -0
- package/dist/esm/interfaces/UploadHttpHeaders.js +1 -0
- package/dist/esm/interfaces/UploadListItemProps.d.ts +19 -0
- package/dist/esm/interfaces/UploadListItemProps.js +1 -0
- package/dist/esm/interfaces/UploadOnAddEvent.d.ts +15 -0
- package/dist/esm/interfaces/UploadOnAddEvent.js +1 -0
- package/dist/esm/interfaces/UploadOnBeforeRemoveEvent.d.ts +21 -0
- package/dist/esm/interfaces/UploadOnBeforeRemoveEvent.js +1 -0
- package/dist/esm/interfaces/UploadOnBeforeUploadEvent.d.ts +21 -0
- package/dist/esm/interfaces/UploadOnBeforeUploadEvent.js +1 -0
- package/dist/esm/interfaces/UploadOnCancelEvent.d.ts +10 -0
- package/dist/esm/interfaces/UploadOnCancelEvent.js +1 -0
- package/dist/esm/interfaces/UploadOnProgressEvent.d.ts +15 -0
- package/dist/esm/interfaces/UploadOnProgressEvent.js +1 -0
- package/dist/esm/interfaces/UploadOnRemoveEvent.d.ts +20 -0
- package/dist/esm/interfaces/UploadOnRemoveEvent.js +1 -0
- package/dist/esm/interfaces/UploadOnStatusChangeEvent.d.ts +20 -0
- package/dist/esm/interfaces/UploadOnStatusChangeEvent.js +1 -0
- package/dist/esm/interfaces/UploadProps.d.ts +114 -0
- package/dist/esm/interfaces/UploadProps.js +1 -0
- package/dist/esm/interfaces/UploadResponse.d.ts +25 -0
- package/dist/esm/interfaces/UploadResponse.js +1 -0
- package/dist/esm/main.d.ts +25 -0
- package/dist/esm/main.js +9 -0
- package/dist/esm/messages/index.d.ts +100 -0
- package/dist/esm/messages/index.js +101 -0
- package/dist/esm/package-metadata.d.ts +5 -0
- package/dist/esm/package-metadata.js +11 -0
- package/dist/esm/package.json +3 -0
- package/dist/esm/utils/connectionUtils.d.ts +17 -0
- package/dist/esm/utils/connectionUtils.js +78 -0
- package/dist/esm/utils/stateUtils.d.ts +26 -0
- package/dist/esm/utils/stateUtils.js +83 -0
- package/dist/esm/utils/utils.d.ts +17 -0
- package/dist/esm/utils/utils.js +128 -0
- package/dist/esm/utils/validationUtils.d.ts +7 -0
- package/dist/esm/utils/validationUtils.js +50 -0
- package/dist/npm/ExternalDropZone.js +6 -6
- package/dist/npm/Upload.js +5 -5
- package/dist/npm/UploadActionButtons.js +4 -4
- package/dist/npm/UploadAddButton.js +3 -3
- package/dist/npm/UploadDropZone.js +2 -2
- package/dist/npm/UploadInput.js +1 -1
- package/dist/npm/UploadList.js +1 -1
- package/dist/npm/UploadListActionButton.js +3 -3
- package/dist/npm/UploadListGroup.js +2 -2
- package/dist/npm/UploadListMultiItem.js +8 -8
- package/dist/npm/UploadListSingleItem.js +4 -4
- package/dist/npm/UploadStatus.js +3 -3
- package/dist/npm/UploadUI.js +2 -2
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/utils/connectionUtils.d.ts +3 -3
- package/dist/npm/utils/stateUtils.d.ts +3 -3
- package/dist/npm/utils/utils.d.ts +3 -3
- package/dist/npm/utils/utils.js +2 -2
- package/dist/npm/utils/validationUtils.d.ts +3 -3
- package/package.json +4 -4
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Lists the possible states of a file.
|
|
3
|
+
*/
|
|
4
|
+
export var UploadFileStatus;
|
|
5
|
+
(function (UploadFileStatus) {
|
|
6
|
+
/**
|
|
7
|
+
* Indicates that the file upload process has failed.
|
|
8
|
+
*/
|
|
9
|
+
UploadFileStatus[UploadFileStatus["UploadFailed"] = 0] = "UploadFailed";
|
|
10
|
+
/**
|
|
11
|
+
* An initially selected fake file without a set state.
|
|
12
|
+
*/
|
|
13
|
+
UploadFileStatus[UploadFileStatus["Initial"] = 1] = "Initial";
|
|
14
|
+
/**
|
|
15
|
+
* The file is selected.
|
|
16
|
+
*/
|
|
17
|
+
UploadFileStatus[UploadFileStatus["Selected"] = 2] = "Selected";
|
|
18
|
+
/**
|
|
19
|
+
* The file is in the process of uploading.
|
|
20
|
+
*/
|
|
21
|
+
UploadFileStatus[UploadFileStatus["Uploading"] = 3] = "Uploading";
|
|
22
|
+
/**
|
|
23
|
+
* The file is successfully uploaded.
|
|
24
|
+
*/
|
|
25
|
+
UploadFileStatus[UploadFileStatus["Uploaded"] = 4] = "Uploaded";
|
|
26
|
+
/**
|
|
27
|
+
* The remove process has failed.
|
|
28
|
+
*/
|
|
29
|
+
UploadFileStatus[UploadFileStatus["RemoveFailed"] = 5] = "RemoveFailed";
|
|
30
|
+
/**
|
|
31
|
+
* The file is in the process of removing.
|
|
32
|
+
*/
|
|
33
|
+
UploadFileStatus[UploadFileStatus["Removing"] = 6] = "Removing";
|
|
34
|
+
})(UploadFileStatus || (UploadFileStatus = {}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { UploadAsyncProps } from './UploadAsyncProps';
|
|
2
|
+
import { UploadFileInfo } from './UploadFileInfo';
|
|
3
|
+
/**
|
|
4
|
+
* Represents the properties of the Kendo Ui for Vue UploadList Item component.
|
|
5
|
+
*/
|
|
6
|
+
export interface UploadListItemProps {
|
|
7
|
+
/**
|
|
8
|
+
* One or more files for the current item.
|
|
9
|
+
*/
|
|
10
|
+
files: Array<UploadFileInfo>;
|
|
11
|
+
/**
|
|
12
|
+
* The `disabled` property of the Upload.
|
|
13
|
+
*/
|
|
14
|
+
disabled: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* The asynchronous properties of the Upload.
|
|
17
|
+
*/
|
|
18
|
+
async: UploadAsyncProps;
|
|
19
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { BaseUploadEvent } from './BaseUploadEvent';
|
|
2
|
+
import { UploadFileInfo } from './UploadFileInfo';
|
|
3
|
+
/**
|
|
4
|
+
* The `onAdd` event.
|
|
5
|
+
*/
|
|
6
|
+
export interface UploadOnAddEvent extends BaseUploadEvent<any> {
|
|
7
|
+
/**
|
|
8
|
+
* The new updated state candidate.
|
|
9
|
+
*/
|
|
10
|
+
newState: Array<UploadFileInfo>;
|
|
11
|
+
/**
|
|
12
|
+
* The list of affected files.
|
|
13
|
+
*/
|
|
14
|
+
affectedFiles: Array<UploadFileInfo>;
|
|
15
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { BaseUploadEvent } from './BaseUploadEvent';
|
|
2
|
+
import { UploadFileInfo } from './UploadFileInfo';
|
|
3
|
+
import { UploadHttpHeaders } from './UploadHttpHeaders';
|
|
4
|
+
import { UploadAdditionalData } from './UploadAdditionalData';
|
|
5
|
+
/**
|
|
6
|
+
* The `onBeforeRemove` event.
|
|
7
|
+
*/
|
|
8
|
+
export interface UploadOnBeforeRemoveEvent extends BaseUploadEvent<any> {
|
|
9
|
+
/**
|
|
10
|
+
* The files that will be sent with the request.
|
|
11
|
+
*/
|
|
12
|
+
files: Array<UploadFileInfo>;
|
|
13
|
+
/**
|
|
14
|
+
* The headers that will be sent with the request. Can be modified.
|
|
15
|
+
*/
|
|
16
|
+
headers: UploadHttpHeaders;
|
|
17
|
+
/**
|
|
18
|
+
* The additional data that will be sent with the request. Can be modified.
|
|
19
|
+
*/
|
|
20
|
+
additionalData: UploadAdditionalData;
|
|
21
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { BaseUploadEvent } from './BaseUploadEvent';
|
|
2
|
+
import { UploadFileInfo } from './UploadFileInfo';
|
|
3
|
+
import { UploadHttpHeaders } from './UploadHttpHeaders';
|
|
4
|
+
import { UploadAdditionalData } from './UploadAdditionalData';
|
|
5
|
+
/**
|
|
6
|
+
* The `onBeforeUpload` event.
|
|
7
|
+
*/
|
|
8
|
+
export interface UploadOnBeforeUploadEvent extends BaseUploadEvent<any> {
|
|
9
|
+
/**
|
|
10
|
+
* The files that will be sent with the request.
|
|
11
|
+
*/
|
|
12
|
+
files: Array<UploadFileInfo>;
|
|
13
|
+
/**
|
|
14
|
+
* The headers that will be sent with the request. Can be modified.
|
|
15
|
+
*/
|
|
16
|
+
headers: UploadHttpHeaders;
|
|
17
|
+
/**
|
|
18
|
+
* The additional data that will be sent with the request. Can be modified.
|
|
19
|
+
*/
|
|
20
|
+
additionalData: UploadAdditionalData;
|
|
21
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { BaseUploadEvent } from './BaseUploadEvent';
|
|
2
|
+
/**
|
|
3
|
+
* The `onCancel` event.
|
|
4
|
+
*/
|
|
5
|
+
export interface UploadOnCancelEvent extends BaseUploadEvent<any> {
|
|
6
|
+
/**
|
|
7
|
+
* The unique identifier of the group (batch) of one or more files that is cancelled.
|
|
8
|
+
*/
|
|
9
|
+
uid: string;
|
|
10
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { BaseUploadEvent } from './BaseUploadEvent';
|
|
2
|
+
import { UploadFileInfo } from './UploadFileInfo';
|
|
3
|
+
/**
|
|
4
|
+
* The `onProgress` event.
|
|
5
|
+
*/
|
|
6
|
+
export interface UploadOnProgressEvent extends BaseUploadEvent<any> {
|
|
7
|
+
/**
|
|
8
|
+
* The new updated state candidate.
|
|
9
|
+
*/
|
|
10
|
+
newState: Array<UploadFileInfo>;
|
|
11
|
+
/**
|
|
12
|
+
* The list of the affected files.
|
|
13
|
+
*/
|
|
14
|
+
affectedFiles: Array<UploadFileInfo>;
|
|
15
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { BaseUploadEvent } from './BaseUploadEvent';
|
|
2
|
+
import { UploadFileInfo } from './UploadFileInfo';
|
|
3
|
+
import { UploadResponse } from './UploadResponse';
|
|
4
|
+
/**
|
|
5
|
+
* The `onRemove` event.
|
|
6
|
+
*/
|
|
7
|
+
export interface UploadOnRemoveEvent extends BaseUploadEvent<any> {
|
|
8
|
+
/**
|
|
9
|
+
* The new updated state candidate.
|
|
10
|
+
*/
|
|
11
|
+
newState: Array<UploadFileInfo>;
|
|
12
|
+
/**
|
|
13
|
+
* The list of the affected files.
|
|
14
|
+
*/
|
|
15
|
+
affectedFiles: Array<UploadFileInfo>;
|
|
16
|
+
/**
|
|
17
|
+
* The server response (if available).
|
|
18
|
+
*/
|
|
19
|
+
response?: UploadResponse;
|
|
20
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { BaseUploadEvent } from './BaseUploadEvent';
|
|
2
|
+
import { UploadFileInfo } from './UploadFileInfo';
|
|
3
|
+
import { UploadResponse } from './UploadResponse';
|
|
4
|
+
/**
|
|
5
|
+
* The `onStatusChange` event.
|
|
6
|
+
*/
|
|
7
|
+
export interface UploadOnStatusChangeEvent extends BaseUploadEvent<any> {
|
|
8
|
+
/**
|
|
9
|
+
* The new updated state candidate.
|
|
10
|
+
*/
|
|
11
|
+
newState: Array<UploadFileInfo>;
|
|
12
|
+
/**
|
|
13
|
+
* The list of the affected files.
|
|
14
|
+
*/
|
|
15
|
+
affectedFiles: Array<UploadFileInfo>;
|
|
16
|
+
/**
|
|
17
|
+
* The server response (if available).
|
|
18
|
+
*/
|
|
19
|
+
response?: UploadResponse;
|
|
20
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
import { UploadAsyncProps } from './UploadAsyncProps';
|
|
2
|
+
import { UploadFileRestrictions } from './UploadFileRestrictions';
|
|
3
|
+
import { UploadFileInfo } from './UploadFileInfo';
|
|
4
|
+
import { UploadOnAddEvent } from './UploadOnAddEvent';
|
|
5
|
+
import { UploadOnRemoveEvent } from './UploadOnRemoveEvent';
|
|
6
|
+
import { UploadOnStatusChangeEvent } from './UploadOnStatusChangeEvent';
|
|
7
|
+
import { UploadOnProgressEvent } from './UploadOnProgressEvent';
|
|
8
|
+
import { UploadOnBeforeUploadEvent } from './UploadOnBeforeUploadEvent';
|
|
9
|
+
import { UploadOnBeforeRemoveEvent } from './UploadOnBeforeRemoveEvent';
|
|
10
|
+
import { UploadOnCancelEvent } from './UploadOnCancelEvent';
|
|
11
|
+
import { UploadActionsLayout } from './UploadActionsLayout';
|
|
12
|
+
/**
|
|
13
|
+
* Represents the props of the [Kendo Ui for Vue Upload component]({% slug overview_upload %}).
|
|
14
|
+
*/
|
|
15
|
+
export interface UploadProps extends UploadAsyncProps {
|
|
16
|
+
/**
|
|
17
|
+
* Sets a class of the Upload DOM element.
|
|
18
|
+
*/
|
|
19
|
+
className?: string;
|
|
20
|
+
/**
|
|
21
|
+
* Enables the selection of multiple files
|
|
22
|
+
* ([see example]({% slug fileprocessing_upload %}#toc-upload-of-single-or-multiple-files)).
|
|
23
|
+
* If set to `false`, only one file can be selected at a time.
|
|
24
|
+
*/
|
|
25
|
+
multiple?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* Disables the Upload ([see example]({% slug disabledstate_upload %})). Defaults to `false`.
|
|
28
|
+
*/
|
|
29
|
+
disabled?: boolean;
|
|
30
|
+
/**
|
|
31
|
+
* Toggles the visibility of the file list.
|
|
32
|
+
*/
|
|
33
|
+
showFileList?: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* When the `autoUpload` option is set to `false`,
|
|
36
|
+
* `showActionButtons` toggles the visibility of the action buttons which are rendered.
|
|
37
|
+
*/
|
|
38
|
+
showActionButtons?: boolean;
|
|
39
|
+
/**
|
|
40
|
+
* Specifies the possible layouts of the action buttons
|
|
41
|
+
* ([see example]({% slug actionbuttons_upload %})). Defaults to `end`.
|
|
42
|
+
*/
|
|
43
|
+
actionsLayout?: UploadActionsLayout;
|
|
44
|
+
/**
|
|
45
|
+
* Specifies the [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
|
|
46
|
+
* of the Upload.
|
|
47
|
+
*/
|
|
48
|
+
tabIndex?: number | string;
|
|
49
|
+
/**
|
|
50
|
+
* Specifies the id of the component.
|
|
51
|
+
*/
|
|
52
|
+
id?: string;
|
|
53
|
+
/**
|
|
54
|
+
* Identifies the element(s) which will describe the component, similar
|
|
55
|
+
* to HTML aria-describedby attribute For example these elements
|
|
56
|
+
* could contain error or hint message.
|
|
57
|
+
*/
|
|
58
|
+
ariaDescribedBy?: string;
|
|
59
|
+
/**
|
|
60
|
+
* Identifies the element(s) which will label the component.
|
|
61
|
+
*/
|
|
62
|
+
ariaLabelledBy?: string;
|
|
63
|
+
/**
|
|
64
|
+
* Sets the `accept` attribute of the `input` element of the Upload.
|
|
65
|
+
*/
|
|
66
|
+
accept?: string;
|
|
67
|
+
/**
|
|
68
|
+
* Sets the restrictions for the selected files ([see example]({% slug filerestrictions_upload %})).
|
|
69
|
+
*/
|
|
70
|
+
restrictions?: UploadFileRestrictions;
|
|
71
|
+
/**
|
|
72
|
+
* The list of files which are displayed when the Upload is in controlled mode
|
|
73
|
+
* ([see example]({% slug controleduncontroled_upload %})).
|
|
74
|
+
*/
|
|
75
|
+
files?: Array<UploadFileInfo>;
|
|
76
|
+
/**
|
|
77
|
+
* The initial list of files which are displayed when the Upload is in
|
|
78
|
+
* uncontrolled mode ([see example]({% slug controleduncontroled_upload %})).
|
|
79
|
+
*/
|
|
80
|
+
defaultFiles?: Array<UploadFileInfo>;
|
|
81
|
+
/**
|
|
82
|
+
* The component that will be rendered as a list item inside the Upload.
|
|
83
|
+
*/
|
|
84
|
+
list?: any;
|
|
85
|
+
/**
|
|
86
|
+
* Fires when new files are selected for upload.
|
|
87
|
+
*/
|
|
88
|
+
onAdd?: (event: UploadOnAddEvent) => void;
|
|
89
|
+
/**
|
|
90
|
+
* Fires when files are removed. Optionally, if a request is made, can contain a server response.
|
|
91
|
+
*/
|
|
92
|
+
onRemove?: (event: UploadOnRemoveEvent) => void;
|
|
93
|
+
/**
|
|
94
|
+
* Fires when the status of the files is changed. Optionally, if a request is made, can contain a server response.
|
|
95
|
+
*/
|
|
96
|
+
onStatuschange?: (event: UploadOnStatusChangeEvent) => void;
|
|
97
|
+
/**
|
|
98
|
+
* Fires when the progress of the file upload is changed.
|
|
99
|
+
*/
|
|
100
|
+
onProgress?: (event: UploadOnProgressEvent) => void;
|
|
101
|
+
/**
|
|
102
|
+
* Fires before a request for a file upload is made. Can be used to add extra data to the request.
|
|
103
|
+
*/
|
|
104
|
+
onBeforeupload?: (event: UploadOnBeforeUploadEvent) => void;
|
|
105
|
+
/**
|
|
106
|
+
* Fires before a request for a file removal is made. Can be used to add extra data to the request.
|
|
107
|
+
*/
|
|
108
|
+
onBeforeremove?: (event: UploadOnBeforeRemoveEvent) => void;
|
|
109
|
+
/**
|
|
110
|
+
* Fires when user clicks on the **Remove** button while the file upload is in progress.
|
|
111
|
+
* Can be used when the `saveUrl` option is set to a function that cancels custom requests.
|
|
112
|
+
*/
|
|
113
|
+
onCancel?: (event: UploadOnCancelEvent) => void;
|
|
114
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Represents the response type of the Upload.
|
|
3
|
+
*/
|
|
4
|
+
export interface UploadResponse {
|
|
5
|
+
/**
|
|
6
|
+
* The response that was provided by the server.
|
|
7
|
+
*/
|
|
8
|
+
response: any;
|
|
9
|
+
/**
|
|
10
|
+
* The HTTP status code from the server response.
|
|
11
|
+
*/
|
|
12
|
+
status: number;
|
|
13
|
+
/**
|
|
14
|
+
* The HTTP status message from the server response.
|
|
15
|
+
*/
|
|
16
|
+
statusText: string;
|
|
17
|
+
/**
|
|
18
|
+
* The headers with which the server responded.
|
|
19
|
+
*/
|
|
20
|
+
headers: any;
|
|
21
|
+
/**
|
|
22
|
+
* The XMLHttpRequest instance of the browser.
|
|
23
|
+
*/
|
|
24
|
+
request?: XMLHttpRequest;
|
|
25
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { UploadUI, UploadUIVue2, UploadUIProps } from './UploadUI';
|
|
2
|
+
import { Upload, UploadVue2 } from './Upload';
|
|
3
|
+
import { UploadListSingleItem, UploadListSingleItemVue2 } from './UploadListSingleItem';
|
|
4
|
+
import { UploadListMultiItem, UploadListMultiItemVue2 } from './UploadListMultiItem';
|
|
5
|
+
import utils from './utils/utils';
|
|
6
|
+
import { UploadListActionButton, UploadListActionButtonVue2 } from './UploadListActionButton';
|
|
7
|
+
import { UploadOnAddEvent } from './interfaces/UploadOnAddEvent';
|
|
8
|
+
import { UploadOnBeforeRemoveEvent } from './interfaces/UploadOnBeforeRemoveEvent';
|
|
9
|
+
import { UploadOnBeforeUploadEvent } from './interfaces/UploadOnBeforeUploadEvent';
|
|
10
|
+
import { UploadOnProgressEvent } from './interfaces/UploadOnProgressEvent';
|
|
11
|
+
import { UploadOnRemoveEvent } from './interfaces/UploadOnRemoveEvent';
|
|
12
|
+
import { UploadOnStatusChangeEvent } from './interfaces/UploadOnStatusChangeEvent';
|
|
13
|
+
import { UploadAdditionalData } from './interfaces/UploadAdditionalData';
|
|
14
|
+
import { UploadAsyncProps } from './interfaces/UploadAsyncProps';
|
|
15
|
+
import { UploadFileInfo } from './interfaces/UploadFileInfo';
|
|
16
|
+
import { UploadFileRestrictions } from './interfaces/UploadFileRestrictions';
|
|
17
|
+
import { UploadFileStatus } from './interfaces/UploadFileStatus';
|
|
18
|
+
import { UploadHttpHeaders } from './interfaces/UploadHttpHeaders';
|
|
19
|
+
import { UploadResponse } from './interfaces/UploadResponse';
|
|
20
|
+
import { UploadListItemProps } from './interfaces/UploadListItemProps';
|
|
21
|
+
import { UploadProps } from './interfaces/UploadProps';
|
|
22
|
+
import { UploadOnCancelEvent } from './interfaces/UploadOnCancelEvent';
|
|
23
|
+
import { UploadActionsLayout } from './interfaces/UploadActionsLayout';
|
|
24
|
+
import { ExternalDropZone, ExternalDropZoneVue2 } from './ExternalDropZone';
|
|
25
|
+
export { UploadUI, UploadUIVue2, UploadUIProps, UploadFileRestrictions, Upload, UploadVue2, UploadProps, UploadOnAddEvent, UploadOnBeforeRemoveEvent, UploadOnBeforeUploadEvent, UploadOnProgressEvent, UploadOnRemoveEvent, UploadOnStatusChangeEvent, UploadOnCancelEvent, UploadResponse, UploadFileStatus, UploadAdditionalData, UploadAsyncProps, UploadFileInfo, UploadHttpHeaders, UploadListItemProps, UploadActionsLayout, ExternalDropZone, ExternalDropZoneVue2, UploadListSingleItem, UploadListSingleItemVue2, UploadListMultiItem, UploadListMultiItemVue2, UploadListActionButton, UploadListActionButtonVue2, utils };
|
package/dist/esm/main.js
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { UploadUI, UploadUIVue2 } from './UploadUI.js';
|
|
2
|
+
import { Upload, UploadVue2 } from './Upload.js';
|
|
3
|
+
import { UploadListSingleItem, UploadListSingleItemVue2 } from './UploadListSingleItem.js';
|
|
4
|
+
import { UploadListMultiItem, UploadListMultiItemVue2 } from './UploadListMultiItem.js';
|
|
5
|
+
import utils from './utils/utils.js';
|
|
6
|
+
import { UploadListActionButton, UploadListActionButtonVue2 } from './UploadListActionButton.js';
|
|
7
|
+
import { UploadFileStatus } from './interfaces/UploadFileStatus.js';
|
|
8
|
+
import { ExternalDropZone, ExternalDropZoneVue2 } from './ExternalDropZone.js';
|
|
9
|
+
export { UploadUI, UploadUIVue2, Upload, UploadVue2, UploadFileStatus, ExternalDropZone, ExternalDropZoneVue2, UploadListSingleItem, UploadListSingleItemVue2, UploadListMultiItem, UploadListMultiItemVue2, UploadListActionButton, UploadListActionButtonVue2, utils };
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @hidden
|
|
3
|
+
*/
|
|
4
|
+
export declare const cancel = "upload.cancel";
|
|
5
|
+
/**
|
|
6
|
+
* @hidden
|
|
7
|
+
*/
|
|
8
|
+
export declare const clearSelectedFiles = "upload.clearSelectedFiles";
|
|
9
|
+
/**
|
|
10
|
+
* @hidden
|
|
11
|
+
*/
|
|
12
|
+
export declare const dropFilesHere = "upload.dropFilesHere";
|
|
13
|
+
/**
|
|
14
|
+
* @hidden
|
|
15
|
+
*/
|
|
16
|
+
export declare const headerStatusUploaded = "upload.headerStatusUploaded";
|
|
17
|
+
/**
|
|
18
|
+
* @hidden
|
|
19
|
+
*/
|
|
20
|
+
export declare const headerStatusUploading = "upload.headerStatusUploading";
|
|
21
|
+
/**
|
|
22
|
+
* @hidden
|
|
23
|
+
*/
|
|
24
|
+
export declare const invalidFileExtension = "upload.invalidFileExtension";
|
|
25
|
+
/**
|
|
26
|
+
* @hidden
|
|
27
|
+
*/
|
|
28
|
+
export declare const invalidFiles = "upload.invalidFiles";
|
|
29
|
+
/**
|
|
30
|
+
* @hidden
|
|
31
|
+
*/
|
|
32
|
+
export declare const invalidMaxFileSize = "upload.invalidMaxFileSize";
|
|
33
|
+
/**
|
|
34
|
+
* @hidden
|
|
35
|
+
*/
|
|
36
|
+
export declare const invalidMinFileSize = "upload.invalidMinFileSize";
|
|
37
|
+
/**
|
|
38
|
+
* @hidden
|
|
39
|
+
*/
|
|
40
|
+
export declare const remove = "upload.remove";
|
|
41
|
+
/**
|
|
42
|
+
* @hidden
|
|
43
|
+
*/
|
|
44
|
+
export declare const retry = "upload.retry";
|
|
45
|
+
/**
|
|
46
|
+
* @hidden
|
|
47
|
+
*/
|
|
48
|
+
export declare const select = "upload.select";
|
|
49
|
+
/**
|
|
50
|
+
* @hidden
|
|
51
|
+
*/
|
|
52
|
+
export declare const uploadSelectedFiles = "upload.uploadSelectedFiles";
|
|
53
|
+
/**
|
|
54
|
+
* @hidden
|
|
55
|
+
*/
|
|
56
|
+
export declare const total = "upload.total";
|
|
57
|
+
/**
|
|
58
|
+
* @hidden
|
|
59
|
+
*/
|
|
60
|
+
export declare const files = "upload.files";
|
|
61
|
+
/**
|
|
62
|
+
* @hidden
|
|
63
|
+
*/
|
|
64
|
+
export declare const statusUploaded = "upload.statusUploaded";
|
|
65
|
+
/**
|
|
66
|
+
* @hidden
|
|
67
|
+
*/
|
|
68
|
+
export declare const statusUploadFailed = "upload.statusUploadFailed";
|
|
69
|
+
/**
|
|
70
|
+
* @hidden
|
|
71
|
+
*/
|
|
72
|
+
export declare const dropZoneHint = "upload.dropZoneHint";
|
|
73
|
+
/**
|
|
74
|
+
* @hidden
|
|
75
|
+
*/
|
|
76
|
+
export declare const dropZoneNote = "upload.dropZoneNote";
|
|
77
|
+
/**
|
|
78
|
+
* @hidden
|
|
79
|
+
*/
|
|
80
|
+
export declare const messages: {
|
|
81
|
+
"upload.cancel": string;
|
|
82
|
+
"upload.clearSelectedFiles": string;
|
|
83
|
+
"upload.dropFilesHere": string;
|
|
84
|
+
"upload.headerStatusUploaded": string;
|
|
85
|
+
"upload.headerStatusUploading": string;
|
|
86
|
+
"upload.invalidFileExtension": string;
|
|
87
|
+
"upload.invalidFiles": string;
|
|
88
|
+
"upload.invalidMaxFileSize": string;
|
|
89
|
+
"upload.invalidMinFileSize": string;
|
|
90
|
+
"upload.remove": string;
|
|
91
|
+
"upload.retry": string;
|
|
92
|
+
"upload.select": string;
|
|
93
|
+
"upload.uploadSelectedFiles": string;
|
|
94
|
+
"upload.total": string;
|
|
95
|
+
"upload.files": string;
|
|
96
|
+
"upload.statusUploaded": string;
|
|
97
|
+
"upload.statusUploadFailed": string;
|
|
98
|
+
"upload.dropZoneHint": string;
|
|
99
|
+
"upload.dropZoneNote": string;
|
|
100
|
+
};
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
var _a;
|
|
2
|
+
/**
|
|
3
|
+
* @hidden
|
|
4
|
+
*/
|
|
5
|
+
export var cancel = 'upload.cancel';
|
|
6
|
+
/**
|
|
7
|
+
* @hidden
|
|
8
|
+
*/
|
|
9
|
+
export var clearSelectedFiles = 'upload.clearSelectedFiles';
|
|
10
|
+
/**
|
|
11
|
+
* @hidden
|
|
12
|
+
*/
|
|
13
|
+
export var dropFilesHere = 'upload.dropFilesHere';
|
|
14
|
+
/**
|
|
15
|
+
* @hidden
|
|
16
|
+
*/
|
|
17
|
+
export var headerStatusUploaded = 'upload.headerStatusUploaded';
|
|
18
|
+
/**
|
|
19
|
+
* @hidden
|
|
20
|
+
*/
|
|
21
|
+
export var headerStatusUploading = 'upload.headerStatusUploading';
|
|
22
|
+
/**
|
|
23
|
+
* @hidden
|
|
24
|
+
*/
|
|
25
|
+
export var invalidFileExtension = 'upload.invalidFileExtension';
|
|
26
|
+
/**
|
|
27
|
+
* @hidden
|
|
28
|
+
*/
|
|
29
|
+
export var invalidFiles = 'upload.invalidFiles';
|
|
30
|
+
/**
|
|
31
|
+
* @hidden
|
|
32
|
+
*/
|
|
33
|
+
export var invalidMaxFileSize = 'upload.invalidMaxFileSize';
|
|
34
|
+
/**
|
|
35
|
+
* @hidden
|
|
36
|
+
*/
|
|
37
|
+
export var invalidMinFileSize = 'upload.invalidMinFileSize';
|
|
38
|
+
/**
|
|
39
|
+
* @hidden
|
|
40
|
+
*/
|
|
41
|
+
export var remove = 'upload.remove';
|
|
42
|
+
/**
|
|
43
|
+
* @hidden
|
|
44
|
+
*/
|
|
45
|
+
export var retry = 'upload.retry';
|
|
46
|
+
/**
|
|
47
|
+
* @hidden
|
|
48
|
+
*/
|
|
49
|
+
export var select = 'upload.select';
|
|
50
|
+
/**
|
|
51
|
+
* @hidden
|
|
52
|
+
*/
|
|
53
|
+
export var uploadSelectedFiles = 'upload.uploadSelectedFiles';
|
|
54
|
+
/**
|
|
55
|
+
* @hidden
|
|
56
|
+
*/
|
|
57
|
+
export var total = 'upload.total';
|
|
58
|
+
/**
|
|
59
|
+
* @hidden
|
|
60
|
+
*/
|
|
61
|
+
export var files = 'upload.files';
|
|
62
|
+
/**
|
|
63
|
+
* @hidden
|
|
64
|
+
*/
|
|
65
|
+
export var statusUploaded = 'upload.statusUploaded';
|
|
66
|
+
/**
|
|
67
|
+
* @hidden
|
|
68
|
+
*/
|
|
69
|
+
export var statusUploadFailed = 'upload.statusUploadFailed';
|
|
70
|
+
/**
|
|
71
|
+
* @hidden
|
|
72
|
+
*/
|
|
73
|
+
export var dropZoneHint = 'upload.dropZoneHint';
|
|
74
|
+
/**
|
|
75
|
+
* @hidden
|
|
76
|
+
*/
|
|
77
|
+
export var dropZoneNote = 'upload.dropZoneNote';
|
|
78
|
+
/**
|
|
79
|
+
* @hidden
|
|
80
|
+
*/
|
|
81
|
+
export var messages = (_a = {},
|
|
82
|
+
_a[cancel] = 'Cancel',
|
|
83
|
+
_a[clearSelectedFiles] = 'Clear',
|
|
84
|
+
_a[dropFilesHere] = 'Drop files here to upload',
|
|
85
|
+
_a[headerStatusUploaded] = 'Done',
|
|
86
|
+
_a[headerStatusUploading] = 'Uploading...',
|
|
87
|
+
_a[invalidFileExtension] = 'File type not allowed.',
|
|
88
|
+
_a[invalidFiles] = 'Invalid file(s). Please check file upload requirements.',
|
|
89
|
+
_a[invalidMaxFileSize] = 'File size too large.',
|
|
90
|
+
_a[invalidMinFileSize] = 'File size too small.',
|
|
91
|
+
_a[remove] = 'Remove',
|
|
92
|
+
_a[retry] = 'Retry',
|
|
93
|
+
_a[select] = 'Select files...',
|
|
94
|
+
_a[uploadSelectedFiles] = 'Upload',
|
|
95
|
+
_a[total] = 'Total',
|
|
96
|
+
_a[files] = 'files',
|
|
97
|
+
_a[statusUploaded] = 'File(s) successfully uploaded.',
|
|
98
|
+
_a[statusUploadFailed] = 'File(s) failed to upload.',
|
|
99
|
+
_a[dropZoneHint] = 'Drag and drop files here to upload.',
|
|
100
|
+
_a[dropZoneNote] = 'Only JPEG and PNG files are allowed.',
|
|
101
|
+
_a);
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @hidden
|
|
3
|
+
*/
|
|
4
|
+
export var packageMetadata = {
|
|
5
|
+
name: '@progress/kendo-vue-upload',
|
|
6
|
+
productName: 'Kendo UI for Vue',
|
|
7
|
+
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
8
|
+
publishDate: 1660124545,
|
|
9
|
+
version: '',
|
|
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
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { UploadFileInfo } from '../interfaces/UploadFileInfo';
|
|
2
|
+
import { UploadAsyncProps } from '../interfaces/UploadAsyncProps';
|
|
3
|
+
import { UploadHttpHeaders } from '../interfaces/UploadHttpHeaders';
|
|
4
|
+
import { AxiosResponse } from 'axios';
|
|
5
|
+
import { UploadResponse } from '../interfaces/UploadResponse';
|
|
6
|
+
/**
|
|
7
|
+
* @hidden
|
|
8
|
+
*/
|
|
9
|
+
declare const _default: {
|
|
10
|
+
populateClientFormData: (data: FormData, clientData: Object) => void;
|
|
11
|
+
populateUploadFormData: (files: UploadFileInfo[], saveField: string, clientData: Object) => FormData;
|
|
12
|
+
populateRemoveFormData: (fileNames: string[], removeField: string, clientData: Object) => FormData;
|
|
13
|
+
populateRequestOptions: (headers: UploadHttpHeaders, async: UploadAsyncProps) => any;
|
|
14
|
+
cloneRequestHeaders: (headers: UploadHttpHeaders) => UploadHttpHeaders;
|
|
15
|
+
convertAxiosResponse: (event: AxiosResponse<any, any>) => UploadResponse;
|
|
16
|
+
};
|
|
17
|
+
export default _default;
|