vgapp 1.0.2 → 1.0.3

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

@@ -137,12 +137,12 @@ class VGFilesBase extends BaseModule {
 			Boolean(this._params?.replace) &&
 			isSingle;
 
-		if (shouldReplaceOnSingle) {
-			this.clear();
-			this.append(filesArray, true);
-			this._revokeUrls();
-			this._cleanupFakeInputs();
-			this._cleanupErrors();
+		if (shouldReplaceOnSingle) {
+			this.clear(false);
+			this.append(filesArray, true);
+			this._revokeUrls();
+			this._cleanupFakeInputs();
+			this._cleanupErrors();
 
 			this._files = this._filterFiles(filesArray);
 			if (this._params.prepend) this._files.reverse();
@@ -394,11 +394,17 @@ class VGFilesBase extends BaseModule {
 		$list.innerHTML = '';
 		$list.appendChild(fragment);
 
-		const $message = Selectors.find(`.${this._getClass('drop-message')}`, this._nodes.drop);
-		if ($message) {
-			if (files.length) Classes.add($message, 'has-files');
-			else Classes.remove($message, 'has-files');
-		}
+		const $message = Selectors.find(`.${this._getClass('drop-message')}`, this._nodes.drop);
+		if ($message) {
+			if (files.length) Classes.add($message, 'has-files');
+			else Classes.remove($message, 'has-files');
+
+			const isSingle = Number(this._params?.limits?.count) === 1;
+			if (isSingle) {
+				if (files.length) Classes.remove($message, 'show');
+				else Classes.add($message, 'show');
+			}
+		}
 
 		this._nodes.drop.appendChild($list);
 		Classes.add(this._nodes.drop, 'active');
@@ -580,12 +586,14 @@ class VGFilesBase extends BaseModule {
 		Selectors.findAll('[data-vg-files="generated"]', this._element).forEach(el => el.remove());
 	}
 
-	clear() {
-		this._revokeUrls();
-		this._resetFileInput();
-		this._cleanupFakeInputs();
-		this._cleanupErrors();
-		this._files = [];
+	clear(resetInput = true) {
+		this._revokeUrls();
+		if (resetInput) {
+			this._resetFileInput();
+		}
+		this._cleanupFakeInputs();
+		this._cleanupErrors();
+		this._files = [];
 
 		if (this._nodes.info) {
 			Classes.remove(this._nodes.info, 'show');
@@ -596,8 +604,15 @@ class VGFilesBase extends BaseModule {
 			const $list = Selectors.find(`.${this._getClass('drop-list')}`, this._element);
 			if ($list) $list.innerHTML = '';
 
-			const $message = Selectors.find(`.${this._getClass('drop-message')}`, this._element);
-			if ($message) Classes.remove($message, 'has-files');
+			const $message = Selectors.find(`.${this._getClass('drop-message')}`, this._element);
+			if ($message) {
+				Classes.remove($message, 'has-files');
+
+				const isSingle = Number(this._params?.limits?.count) === 1;
+				if (isSingle) {
+					Classes.add($message, 'show');
+				}
+			}
 
 			Classes.remove(this._nodes.drop, 'active');
 		}

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

@@ -207,17 +207,32 @@ class VGFiles extends VGFilesBase {
         });
     }
 
-    _handleChange(e) {
-        const input = e?.target;
-        this.change(input);
-
-        if (this._params.ajax) this.uploadAll(this._files);
-
-        const payload = { files: this._files, input: e?.target || e?.src || '' };
-
-        this._triggerCallback('onChange', payload);
-        this._triggerEvent('change', { files: this._files, input: payload.input });
-    }
+    _handleChange(e) {
+        const input = e?.target;
+        const inputFiles = this._snapshotInputFiles(input);
+        this.change(input);
+
+        if (this._params.ajax) this.uploadAll(this._files);
+
+        const payload = {
+            files: this._files,
+            input: e?.target || e?.src || '',
+            inputFiles
+        };
+
+        this._triggerCallback('onChange', payload);
+        this._triggerEvent('change', {
+            files: this._files,
+            input: payload.input,
+            inputFiles: payload.inputFiles
+        });
+    }
+
+    _snapshotInputFiles(input) {
+        const files = input?.files;
+        if (!files?.length) return [];
+        return Array.from(files);
+    }
 
     async uploadAll(files) {
         if (!this._params.ajax || !this._params.uploads.route) return;

package/app/modules/vgfiles/readme.md

@@ -84,7 +84,7 @@ const files = new VGFiles(document.querySelector('.vg-files'), {
 | Колбэк | Параметры | Описание |
 |-------|----------|--------|
 | `onInit` | `(data)` | Инициализация завершена |
-| `onChange` | `{ files, input }` | Изменён список файлов |
+| `onChange` | `{ files, input, inputFiles }` | Изменён список файлов (`inputFiles` — снимок исходных `input.files`) |
 | `onUploadStart` | `{ files, total }` | Началась загрузка |
 | `onUploadProgress` | `{ file, progress, bytesSent, totalBytes }` | Прогресс загрузки |
 | `onUploadComplete` | `{ file, response, status, id }` | Файл успешно загружен |
@@ -190,4 +190,4 @@ MIT. Свободно использовать и модифицировать.
 
 📌 *Разработано в рамках фронтенд-системы VG Modules.*
 > 🚀 Автор: VEGAS STUDIO (vegas-dev.com)
-> 📍 Поддерживается в проектах VEGAS
+> 📍 Поддерживается в проектах VEGAS

package/package.json

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