vgapp 1.0.4 → 1.0.6

package/app/modules/vgfiles/js/vgfiles.js

@@ -53,8 +53,8 @@ class VGFiles extends VGFilesBase {
                 retryDelay: 1000,
             },
             removes: {
-                all: { route: '', alert: true, toast: true },
-                single: { route: '', alert: true, toast: true }
+                all: { route: '', alert: true, toast: true, confirm: null },
+                single: { route: '', alert: true, toast: true, confirm: null }
             },
             sortable: {
                 enabled: false,
@@ -559,6 +559,81 @@ class VGFiles extends VGFilesBase {
         this.upload(fileToRetry);
     }
 
+    _runAjaxRequest(paramsAjax, callback) {
+        const previousAjax = this._params.ajax;
+        this._params.ajax = paramsAjax;
+
+        this._route((status, data) => {
+            this._params.ajax = previousAjax;
+            callback(status, data);
+        });
+    }
+
+    _normalizeConfirmResult(result) {
+        if (result === true) return { accepted: true, data: null };
+        if (result === false || result == null) return { accepted: false, data: null };
+
+        if (typeof result === 'object') {
+            if (typeof result.accepted === 'boolean') {
+                return { accepted: result.accepted, data: result.data ?? null };
+            }
+            if (Object.prototype.hasOwnProperty.call(result, 'data')) {
+                return { accepted: true, data: result.data ?? null };
+            }
+        }
+
+        return { accepted: Boolean(result), data: null };
+    }
+
+    _runDefaultRemoveConfirm(trigger, params) {
+        return new Promise((resolve) => {
+            VGAlert.confirm(trigger, {
+                lang: params.lang,
+                ajax: params.ajax,
+                buttons: params.buttons,
+                message: params.message
+            });
+
+            EventHandler.one(trigger, 'vg.alert.accept', (event) => {
+                resolve({ accepted: true, data: event?.vgalert?.data ?? null });
+            });
+
+            EventHandler.one(trigger, 'vg.alert.reject', () => {
+                resolve({ accepted: false, data: null });
+            });
+        });
+    }
+
+    _confirmRemove(type, trigger, ajax, message) {
+        const buttons = {
+            agree: {
+                text: lang_buttons(this._params.lang, NAME)['agree'],
+                class: ["btn-danger"],
+            },
+            cancel: {
+                text: lang_buttons(this._params.lang, NAME)['cancel'],
+                class: ["btn-outline-danger"],
+            },
+        };
+
+        const confirmParams = {
+            type,
+            trigger,
+            lang: this._params.lang,
+            ajax,
+            buttons,
+            message
+        };
+
+        const customConfirm = this._params?.removes?.[type]?.confirm;
+        if (typeof customConfirm === 'function') {
+            return Promise.resolve(customConfirm(confirmParams, this))
+                .then((result) => this._normalizeConfirmResult(result));
+        }
+
+        return this._runDefaultRemoveConfirm(trigger, confirmParams);
+    }
+
     removeFile(button) {
         const name = normalizeData(Manipulator.get(button, 'data-name'));
         const size = normalizeData(Manipulator.get(button, 'data-size'));
@@ -593,7 +668,9 @@ class VGFiles extends VGFilesBase {
         if (this._params.ajax && this._params.removes.single.route) {
             if (!id) return;
 
-            const route = this._params.removes.single.route + '/' + encodeURIComponent(id);
+            const routeBase = this._params.removes.single.route;
+            const routeSeparator = routeBase.includes('?') ? '&' : '?';
+            const route = `${routeBase}${routeSeparator}id=${encodeURIComponent(id)}`;
             const paramsAjax = {
                 route: route,
                 method: 'delete'
@@ -615,31 +692,27 @@ class VGFiles extends VGFilesBase {
             };
 
             if (this._params.removes.single.alert) {
-                VGAlert.confirm(button, {
-                    lang: this._params.lang,
-                    ajax: paramsAjax,
-                    buttons: {
-                        agree: {
-                            text: lang_buttons(this._params.lang, NAME)['agree'],
-                            class: ["btn-danger"],
-                        },
-                        cancel: {
-                            text: lang_buttons(this._params.lang, NAME)['cancel'],
-                            class: ["btn-outline-danger"],
-                        },
-                    },
-                    message: {
-                        title: lang_messages(this._params.lang, NAME)['title'],
-                        description: lang_messages(this._params.lang, NAME)['description']
-                    }
-                });
+                const message = {
+                    title: lang_messages(this._params.lang, NAME)['title'],
+                    description: lang_messages(this._params.lang, NAME)['description']
+                };
+
+                this._confirmRemove('single', button, paramsAjax, message)
+                    .then((result) => {
+                        if (!result.accepted) return;
+
+                        if (result.data) {
+                            _completeRemoveFile(result.data);
+                            return;
+                        }
 
-                EventHandler.one(button, 'vg.alert.accept', (event) => {
-                    _completeRemoveFile(event.vgalert.data);
-                });
+                        this._runAjaxRequest(paramsAjax, (status, data) => {
+                            _completeRemoveFile(data);
+                        });
+                    })
+                    .catch(() => {});
             } else {
-                this._params.ajax = paramsAjax;
-                this._route((status, data) => {
+                this._runAjaxRequest(paramsAjax, (status, data) => {
                     _completeRemoveFile(data);
                 });
             }
@@ -812,7 +885,14 @@ class VGFiles extends VGFilesBase {
         this._sortable = null;
 
         this.clear();
-        if (this._uploader) this._uploader.destroy();
+        if (this._uploader) {
+            if (typeof this._uploader.destroy === 'function') {
+                this._uploader.destroy();
+            } else {
+                if (typeof this._uploader.clear === 'function') this._uploader.clear();
+                if (typeof this._uploader.offAll === 'function') this._uploader.offAll();
+            }
+        }
         super.dispose();
     }
 }
@@ -860,33 +940,33 @@ EventHandler.on(document, `click.${NAME_KEY}.data.api`, SELECTOR_DATA_DISMISS_AL
         };
 
         if (instance._params.removes.all.alert) {
-            VGAlert.confirm(e.target, {
-                lang: instance._params.lang,
-                ajax: paramsAjax,
-                buttons: {
-                    agree: {
-                        text: lang_buttons(instance._params.lang, NAME)['agree'],
-                        class: ["btn-danger"],
-                    },
-                    cancel: {
-                        text: lang_buttons(instance._params.lang, NAME)['cancel'],
-                        class: ["btn-outline-danger"],
-                    },
-                },
-                message: {
-                    title: lang_messages(instance._params.lang, NAME)['title'],
-                    description: lang_messages(instance._params.lang, NAME)['descriptions']
-                }
-            });
+            const message = {
+                title: lang_messages(instance._params.lang, NAME)['title'],
+                description: lang_messages(instance._params.lang, NAME)['descriptions']
+            };
 
-            EventHandler.one(e.target, 'vg.alert.accept', (event) => {
-                if (instance._params.removes.all.toast) {
-                    VGToast.run(event.vgalert.data?.response?.message);
-                }
-                _completeClearAll();
-            });
+            instance._confirmRemove('all', e.target, paramsAjax, message)
+                .then((result) => {
+                    if (!result.accepted) return;
+
+                    if (result.data) {
+                        if (instance._params.removes.all.toast) {
+                            VGToast.run(result.data?.response?.message);
+                        }
+                        _completeClearAll();
+                        return;
+                    }
+
+                    instance._runAjaxRequest(paramsAjax, (status, data) => {
+                        if (instance._params.removes.all.toast && data?.response?.message) {
+                            VGToast.run(data.response.message);
+                        }
+                        _completeClearAll();
+                    });
+                })
+                .catch(() => {});
         } else {
-            instance._route(paramsAjax, (status, data) => {
+            instance._runAjaxRequest(paramsAjax, (status, data) => {
                 if (instance._params.removes.all.toast && data?.response?.message) {
                     VGToast.run(data.response.message);
                 }

package/app/modules/vgfiles/readme.md

@@ -62,9 +62,13 @@ const files = new VGFiles(document.querySelector('.vg-files'), {
 | `uploads.retryAttempts` | `number` | `1` | Кол-во попыток повтора при ошибке |
 | `uploads.retryDelay` | `number` | `1000` | Задержка между попытками (мс) |
 | `removes.single.route` | `string` | `''` | URL для удаления одного файла |
-| `removes.all.route` | `string` | `''` | URL для удаления всех файлов |
-| `removes.single.alert` | `boolean` | `true` | Показывать подтверждение при удалении |
-| `removes.single.toast` | `boolean` | `true` | Показывать уведомление после удаления |
+| `removes.all.route` | `string` | `''` | URL для удаления всех файлов |
+| `removes.all.alert` | `boolean` | `true` | Показывать подтверждение при удалении всех файлов |
+| `removes.all.toast` | `boolean` | `true` | Показывать уведомление после удаления всех файлов |
+| `removes.all.confirm` | `function \| null` | `null` | Кастомный confirm-обработчик для удаления всех файлов |
+| `removes.single.alert` | `boolean` | `true` | Показывать подтверждение при удалении |
+| `removes.single.toast` | `boolean` | `true` | Показывать уведомление после удаления |
+| `removes.single.confirm` | `function \| null` | `null` | Кастомный confirm-обработчик для удаления одного файла |
 | `sortable.enabled` | `boolean` | `false` | Включить сортировку |
 | `sortable.route` | `string` | `''` | URL для сохранения порядка файлов |
 | `callbacks` | `object` | `null` | Колбэки на события (см. ниже) |
@@ -116,7 +120,34 @@ const files = new VGFiles(document.querySelector('.vg-files'), {
 - **Удаление одного файла**: кнопка с `data-vg-dismiss="file"` → вызов `removeFile()`.
 - **Очистка всех**: кнопка с `data-vg-dismiss="vg-files"` → `clear()`.
 
-Поддержка подтверждения через `VGAlert` и уведомлений через `VGToast`.
+Поддержка подтверждения через `VGAlert` и уведомлений через `VGToast`.
+
+### Кастомный confirm для удаления
+
+Если задан `removes.single.confirm` или `removes.all.confirm`, модуль вызовет вашу функцию вместо дефолтного `VGAlert`.
+
+```js
+new VGFiles(document.querySelector('.vg-files'), {
+  ajax: true,
+  removes: {
+    single: {
+      route: '/api/file/remove',
+      alert: true,
+      confirm: async ({ message }) => {
+        const accepted = window.confirm(`${message.title}\n${message.description}`);
+        return { accepted };
+      }
+    }
+  }
+});
+```
+
+Контракт функции confirm:
+- Вход: объект `{ type, trigger, lang, ajax, buttons, message }`.
+- Выход:
+`true` или `{ accepted: true }` — подтвердить;
+`false` или `{ accepted: false }` — отменить;
+`{ accepted: true, data }` — подтвердить и передать готовый ответ удаления (если запрос уже выполнен внутри confirm).
 
 ---
 

package/app/modules/vgmodal/js/vgmodal.js

@@ -351,6 +351,7 @@ class VGModal extends BaseModule {
 			for (const elm of elements) {
 				switch (elm.tagName) {
 					case 'INPUT': elm.value = item.value; break;
+					case 'FORM': elm.action = item.value; break;
 					case 'IMG': Manipulator.set(elm, 'src', item.value); break;
 					default: elm.innerHTML = item.value;
 				}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "vgapp",
-	"version": "1.0.4",
+	"version": "1.0.6",
 	"description": "",
 	"author": {
 		"name": "Vegas Studio",