vgapp 0.9.1 → 0.9.3

package/app/modules/vgselect/js/handlers.js

@@ -87,7 +87,9 @@ const _handlersVGSelect = () => {
 
 			container.querySelectorAll(`.${CLASS_NAME_OPTION}`).forEach(o => o.classList.remove('selected'));
 			option.classList.add('selected');
-			VGSelect.changeSelector(select, value, {
+
+			VGSelect.changeSelectorByIndex(select, idx, {
+				index: idx,
 				value,
 				title: option.textContent,
 				...Manipulator.get(option)

package/app/modules/vgselect/js/vgselect.js

@@ -656,6 +656,47 @@ class VGSelect extends BaseModule {
 		}
 	}
 
+	/**
+	 * Программно устанавливает выбор <select> по индексу option (надёжно даже при пустом/отсутствующем value)
+	 * @param {HTMLSelectElement} select
+	 * @param {number} index
+	 * @param {Object} [data]
+	 */
+	static changeSelectorByIndex(select, index, data = {}) {
+		const container = select.nextElementSibling;
+		const instance = container ? VGSelect.getInstance(container) : null;
+
+		select.setAttribute('data-updating', 'true');
+		try {
+			const opt = Number.isInteger(index) ? select.options[index] : null;
+			if (!opt) {
+				instance?._triggerEvent(EVENT_KEY_ERROR, { error: 'Option not found by index', index });
+				return;
+			}
+
+			const wasSelected = opt.selected;
+			const selectedText = opt.textContent.trim();
+			const value = opt.value;
+
+			[...select.options].forEach(o => o.selected = false);
+			opt.selected = true;
+			select.value = opt.value;
+
+			this.updateUI(select);
+
+			const e = new Event('change', { bubbles: true, cancelable: true });
+			select.dispatchEvent(e);
+
+			if (!wasSelected) {
+				EventHandler.trigger(select, EVENT_KEY_CHANGE, { data });
+				instance?._triggerEvent(EVENT_KEY_SELECT, { value, text: selectedText, data });
+				instance?._callCallback('onSelect', { value, text: selectedText, data });
+			}
+		} finally {
+			select.removeAttribute('data-updating');
+		}
+	}
+
 	/**
 	 * Вызывает кастомное событие
 	 * @param {string} eventName - Имя события
@@ -873,6 +914,18 @@ class VGSelect extends BaseModule {
 
 				// Очистка старых опций
 				[...select.querySelectorAll('option')].forEach(opt => {
+					// Оставляем первый пустой скрытый placeholder:
+					// <option value="" selected hidden></option>
+					const isFirst = opt === select.options[0];
+					const isEmptyValue = (opt.getAttribute('value') ?? '') === '';
+					const isEmptyText = (opt.textContent || '').trim() === '';
+					const isHidden = opt.hidden === true || opt.hasAttribute('hidden');
+					const isSelectedAttr = opt.hasAttribute('selected');
+
+					if (isFirst && isEmptyValue && isEmptyText && isHidden && isSelectedAttr) {
+						return;
+					}
+
 					if (!opt.hasAttribute('data-preserve') && !opt.closest('optgroup[data-preserve]')) {
 						opt.remove();
 					}

package/package.json

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