diff --git a/packages/docs/src/locales/en/en.json b/packages/docs/src/locales/en/en.json
index df792edd9b..1e11bed152 100644
--- a/packages/docs/src/locales/en/en.json
+++ b/packages/docs/src/locales/en/en.json
@@ -398,7 +398,9 @@
"hideFileList": "Hide file list if you want to show files somewhere else.",
"value": "The array with uploaded files",
"dropZoneText": "Custom drop zone label text",
- "uploadButtonText": "Custom upload button text"
+ "uploadButtonText": "Custom upload button text",
+ "undo": "Enables the canceling of the removing action for the added files",
+ "undoDuration": "Undoing action duration"
},
"events": {
"fileRemoved": "Emits after file is removed",
@@ -2050,6 +2052,12 @@
"gallery": {
"title": "As gallery",
"text": "With `type === gallery` prop you can show user picture preview of uploaded files"
+ },
+ "undo": {
+ "title": "Canceling the removing action",
+ "description": "Add the `undo` property to cancel the removing action, and with a `undo-duration` property set the time to cancel removing",
+ "galleryViewLabel": "Enable gallery view",
+ "inputLabel": "Undo duration"
}
},
"variables": "[GitHub Variables Page](https://github.com/epicmaxco/vuestic-ui/blob/develop/packages/ui/src/components/va-file-upload/_variables.scss)[[target=_blank]]"
diff --git a/packages/docs/src/locales/ru/ru.json b/packages/docs/src/locales/ru/ru.json
index 5ce1d7e9b4..cc5f370315 100644
--- a/packages/docs/src/locales/ru/ru.json
+++ b/packages/docs/src/locales/ru/ru.json
@@ -397,7 +397,9 @@
"dropzone": "Включает Drag&Drop",
"value": "Массив с загруженными файлами",
"dropZoneText": "Текст, заменяющий стандартную надпись на drop zone",
- "uploadButtonText": "Текст, заменяющий стандартную надпись кнопки загрузки"
+ "uploadButtonText": "Текст, заменяющий стандартную надпись кнопки загрузки",
+ "undo": "Отмена действия удаления прикрепленных файлов",
+ "undoDuration": "Длительность отображения отмены действия удаления"
}
},
"VaHover": {
@@ -1947,6 +1949,12 @@
"gallery": {
"title": "Превью",
"text": "Свойство `type` со значением `gallery` включит отображение превью загружаемого файла."
+ },
+ "undo": {
+ "title": "Отмена действия удаления прикрепленных файлов",
+ "description": "Добавьте свойство `undo` для отмены удаления загруженных файлов, а с помощью свойства `undo-duration` задайте время для отмены действия",
+ "galleryViewLabel": "Включить режим Галереи",
+ "inputLabel": "Длительность отмены"
}
},
"variables": "[Страница с переменными на GitHub](https://github.com/epicmaxco/vuestic-ui/blob/develop/packages/ui/src/components/va-file-upload/_variables.scss)[[target=_blank]]"
diff --git a/packages/docs/src/page-configs/ui-elements/file-upload/examples/Undo.vue b/packages/docs/src/page-configs/ui-elements/file-upload/examples/Undo.vue
new file mode 100644
index 0000000000..fa691f6671
--- /dev/null
+++ b/packages/docs/src/page-configs/ui-elements/file-upload/examples/Undo.vue
@@ -0,0 +1,38 @@
+
+
+
+
+
+
+
+
+
diff --git a/packages/docs/src/page-configs/ui-elements/file-upload/page-config.ts b/packages/docs/src/page-configs/ui-elements/file-upload/page-config.ts
index 472390765f..3514ca2ccb 100644
--- a/packages/docs/src/page-configs/ui-elements/file-upload/page-config.ts
+++ b/packages/docs/src/page-configs/ui-elements/file-upload/page-config.ts
@@ -40,6 +40,11 @@ const config: ApiDocsBlock[] = [
'fileUpload.examples.slots.text',
'Slots',
),
+ ...block.exampleBlock(
+ 'fileUpload.examples.undo.title',
+ 'fileUpload.examples.undo.description',
+ 'Undo',
+ ),
block.subtitle('all.api'),
block.api(VaFileUpload, apiOptions),