@myrtex-org/form 1.1.80 → 1.1.82

package/fesm2022/myrtex-org-form.mjs

@@ -17,7 +17,7 @@ import { AutoSaveStore, ToasterType, LabelModule, ModalServiceComponent, MODAL_D
 import { HttpHeaders, HttpClient, HTTP_INTERCEPTORS } from '@angular/common/http';
 import * as i2$1 from '@myrtex-org/templates';
 import { FormHeaderModule, MenuAdminModule } from '@myrtex-org/templates';
-import { cloneDeep } from 'lodash-es';
+import { cloneDeep, isArray } from 'lodash-es';
 import * as i2$2 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { provideNgxMask } from 'ngx-mask';
@@ -1731,40 +1731,32 @@ class InputDateComponent extends BaseFieldComponent {
         return this.settings.options.viewType === DateTypeEnum.DateTime;
     }
     updateValue(event) {
+        console.log(`[DateComponent -> updateValue] [sysName: ${this.settings.sysName}] Событие от UI элемента:`, event);
         if (this._isInit) {
-            console.group(`=== ДАТА [${this.settings.sysName}]: Пользовательский ввод (updateValue) ===`);
-            console.log('Событие от mrx-input-date-time (event):', structuredClone(event));
-            this._isUpdatingInternal = true;
+            this._isUpdatingInternal = true; // Блокируем внешние обновления на время ввода
             if (this.settings.options.range) {
                 if (!event.value || event.value.length === 0) {
-                    console.log('Диапазон пустой, сброс значений');
                     this.dateModel = [];
                     this.modelStart.value = null;
                     this.modelEnd.value = null;
                     this.modelCounter = 0;
                 }
                 else if (event.value.length === 2) {
-                    console.log(`Установка диапазона: Start = ${event.value[0]}, End = ${event.value[1]}`);
                     this.dateModel = [event.value[0], event.value[1]];
                     this.modelStart.value = event.value[0];
                     this.modelEnd.value = event.value[1];
                     this.modelCounter = this._getDaysDifference(this.modelStart.value, this.modelEnd.value);
-                    console.log('Высчитанный modelCounter (дней):', this.modelCounter);
                 }
                 this.model.value = this.dateModel;
             }
             else {
-                console.log('Одиночная дата:', event.value);
                 this.dateModel = event.value;
                 this.model.value = event.value;
             }
-            console.log('Вызываем dispatchModify со значением:', structuredClone(event));
+            console.log(`[DateComponent -> updateValue] Сформирован вызов dispatchModify. Отправляемое значение:`, this._transformOutputValue());
             this.dispatchModify(event);
-            setTimeout(() => {
-                this._isUpdatingInternal = false;
-                console.log(`=== ДАТА [${this.settings.sysName}]: Снята блокировка _isUpdatingInternal ===`);
-            }, 600);
-            console.groupEnd();
+            // Снимаем блокировку чуть позже, когда Store переварит изменения
+            setTimeout(() => this._isUpdatingInternal = false, 600);
         }
     }
     updateCounter(value) {
@@ -1799,8 +1791,26 @@ class InputDateComponent extends BaseFieldComponent {
     _initSubscriptionForValue() {
         this._subscriptions$.push(this._store.select(selectValueModel(this.settings))
             .subscribe((result) => {
-            if (!result || this._isUpdatingInternal)
+            console.log(`[DateComponent -> Store Subscription] [sysName: ${this.settings.sysName}] Получено из Store:`, structuredClone(result));
+            if (!result || this._isUpdatingInternal) {
+                if (this._isUpdatingInternal)
+                    console.log(`[DateComponent] Пропущено обновление из Store, так как _isUpdatingInternal = true`);
                 return;
+            }
+            // Если компонент уже инициализирован, проверяем, нужно ли обновляться.
+            // Мы НЕ обновляемся, если данные в Store идентичны тем, что мы уже держим в памяти.
+            if (this._isInit) {
+                const newValue = Array.isArray(result)
+                    ? JSON.stringify([result[0]?.value, result[1]?.value])
+                    : JSON.stringify(result.value);
+                const currentValue = this.settings.options.range
+                    ? JSON.stringify([this.modelStart?.value, this.modelEnd?.value])
+                    : JSON.stringify(this.model?.value);
+                if (newValue === currentValue) {
+                    return; // Данные те же самые, выходим, чтобы не запускать таймер заново
+                }
+            }
+            // Если данные реально новые (пришли извне), обновляем локальные модели
             if (Array.isArray(result)) {
                 this.modelStart = structuredClone(result[0]) || defaultValueModel(this.settings);
                 this.modelEnd = structuredClone(result[1]) || defaultValueModel(this.settings);
@@ -1812,6 +1822,7 @@ class InputDateComponent extends BaseFieldComponent {
         }));
     }
     _customInit() {
+        console.log(`[DateComponent -> _customInit] [sysName: ${this.settings.sysName}] Настройка локальных моделей. Текущее состояние range:`, this.settings.options.range);
         if (this.settings.options.range) {
             if (!this.modelStart) {
                 this.modelStart = defaultValueModel(this.settings);
@@ -1824,20 +1835,20 @@ class InputDateComponent extends BaseFieldComponent {
             this.model = defaultValueModel(this.settings);
         }
         if (this.settings.options.range) {
-            // Проверяем наличие значений в распакованных моделях начала и конца
             if (this.modelStart?.value && this.modelEnd?.value) {
                 this.dateModel = [this.modelStart.value, this.modelEnd.value];
                 this.modelCounter = this._getDaysDifference(this.modelStart.value, this.modelEnd.value);
             }
-            else {
+            else if (!this.modelStart?.value && !this.modelEnd?.value) {
+                // Очищаем только если в Store реально пусто
                 this.dateModel = [];
                 this.modelCounter = 0;
             }
         }
         else {
-            // Обычная одиночная дата (itb6-id1) берет строку из `.value`
             this.dateModel = this.model.value;
         }
+        console.log(`[DateComponent -> _customInit] Результат инициализации: dateModel =`, this.dateModel, 'modelCounter =', this.modelCounter);
         this._isInit = true;
         this._detector.markForCheck();
     }
@@ -2189,104 +2200,39 @@ class InputTableModalComponent extends ModalServiceComponent {
         this.title = data.title;
         this.okText = data.okText;
         this.settings = data.settings;
+        this.rowModel = data.rowModel;
         this.isCheckRequired = data.isCheckRequired;
-        // Клонируем входящую модель строки
-        const preparedRowModel = structuredClone(data.rowModel);
-        // Проверяем все компоненты таблицы. Если это Range-календарь, подготавливаем массив моделей
-        this.settings.components.forEach(component => {
-            if (component.type === ComponentType.InputDate && component.options?.range) {
-                const cell = preparedRowModel.data.find(x => x.sysName === component.sysName);
-                // Если в таблице лежал массив строк дат ['ISO...', 'ISO...'] или пустой массив
-                if (cell && Array.isArray(cell.value) && (cell.value.length === 2 || cell.value.length === 0)) {
-                    const dateStart = cell.value[0] || null;
-                    const dateEnd = cell.value[1] || null;
-                    // Превращаем в массив моделей, который так ждет InputDateComponent
-                    cell.value = [
-                        { sysName: component.sysName, type: component.type, valueType: component.valueType, value: dateStart },
-                        { sysName: component.sysName, type: component.type, valueType: component.valueType, value: dateEnd }
-                    ];
-                }
-            }
+        console.log('[Modal -> Constructor] Данные, пришедшие в модалку:', {
+            title: data.title,
+            rowModel: structuredClone(data.rowModel)
         });
-        this.rowModel = preparedRowModel;
         this.result = { result: false, rowModel: this.rowModel };
     }
     componentValueChanged(valueModel) {
-        console.group('=== МОДАЛКА: Изменение значения в форме ===');
-        const incomingModels = Array.isArray(valueModel) ? valueModel : [valueModel];
-        const cloneRowModel = structuredClone(this.rowModel);
-        // Шаг 1: Сначала просто обновляем в cloneRowModel те точечные значения, которые сейчас прилетели
-        incomingModels.forEach(incoming => {
-            // Ищем ячейку в строке по sysName
-            const cell = cloneRowModel.data.find(c => c.sysName === incoming.sysName);
-            if (cell) {
-                // Находим настройки этого компонента, чтобы понять, range это или нет
-                const compSettings = this.settings.components.find(x => x.sysName === incoming.sysName);
-                const isRange = compSettings?.type === ComponentType.InputDate && compSettings.options?.range;
-                if (isRange) {
-                    // Если это range, то FormDispenser мог прислать либо массив моделей, либо одну из них
-                    // Нам нужно аккуратно обновить массив строк в cell.value
-                    if (!Array.isArray(cell.value)) {
-                        cell.value = [null, null];
-                    }
-                    // Если прилетел массив (например, при первой инициализации или полном изменении)
-                    if (incomingModels.length > 1 && incomingModels.every(m => m.sysName === incoming.sysName)) {
-                        cell.value = [incomingModels[0].value, incomingModels[1].value];
-                    }
-                    else {
-                        // Если прилетела одиночная модель из диапазона (например, обновилась только одна дата),
-                        // или FormDispenser плюнул объект, у которого внутри value уже лежит массив/дата.
-                        // Проверяем, что именно внутри incoming.value
-                        if (Array.isArray(incoming.value)) {
-                            cell.value = [incoming.value[0], incoming.value[1]];
-                        }
-                        else {
-                            // Самый частый случай при частичном изменении формы:
-                            // Пытаемся понять, это стартовая дата или конечная. Если это невозможно определить напрямую,
-                            // и нам важен порядок, то FormDispenser обычно шлет массив. 
-                            // Но если он прислал одиночную строку, а у нас в cell.value уже что-то было:
-                            cell.value = Array.isArray(incoming.value) ? incoming.value : [incoming.value, cell.value[1]];
-                        }
-                    }
-                }
-                else {
-                    // Для всех остальных обычных полей (строки, переключатели, одиночные даты)
-                    cell.value = incoming.value;
-                }
-            }
-        });
-        // Шаг 2: Валидация структуры. Проверяем ВСЕ range-компоненты в строке.
-        // Если где-то по ошибке оказалась строка вместо массива (как в вашем логе), принудительно чиним структуру!
-        this.settings.components.forEach(component => {
-            if (component.type === ComponentType.InputDate && component.options?.range) {
-                const cell = cloneRowModel.data.find(c => c.sysName === component.sysName);
-                if (cell && !Array.isArray(cell.value)) {
-                    console.warn(`[Фикс структуры] Поле ${component.sysName} имело неверный тип значения:`, cell.value);
-                    // Заворачиваем одиночную строку в массив, чтобы не ломать логику таблицы
-                    cell.value = cell.value ? [cell.value, null] : [null, null];
-                }
-            }
-        });
-        this.rowModel = cloneRowModel;
+        console.log('[Modal -> componentValueChanged] Изменение компонента. Пришло значение:', structuredClone(valueModel));
+        if (isArray(valueModel)) {
+            valueModel.forEach(model => {
+                this._transformValues(model);
+            });
+        }
+        else {
+            this._transformValues(valueModel);
+        }
         this._recalculateFormulaFields();
         this.emptyRow = this.rowModel.data.every(x => this.isEmpty(x.value, x.valueType));
-        console.log('Итоговый rowModel в памяти модалки:', structuredClone(this.rowModel));
-        console.groupEnd();
     }
     ok() {
-        console.group('=== МОДАЛКА: Нажата кнопка ОК ===');
-        console.log('Финальный rowModel перед отправкой в таблицу:', structuredClone(this.rowModel));
+        console.log('[Modal -> OK] Попытка сохранения. Текущая модель перед закрытием:', structuredClone(this.rowModel));
         if (!this._isValid()) {
-            console.warn('Валидация модалки НЕ ПРОЙДЕНА');
+            console.warn('[Modal -> OK] Форма не валидна!');
+            // включаем подсветку полей
             this.store.dispatch(updateCheckRequired({ isCheckRequired: true }));
-            console.groupEnd();
             return;
         }
-        console.log('Валидация успешна. Закрываем модалку с результатом true.');
+        // возвращаем признак как был до открытия модалки
         this.store.dispatch(updateCheckRequired({ isCheckRequired: this.isCheckRequired }));
         this.result = { result: true, rowModel: this.rowModel };
         this.dialogRef.close(structuredClone(this.result));
-        console.groupEnd();
     }
     close() {
         // возвращаем признак как был до открытия модалки
@@ -2297,8 +2243,15 @@ class InputTableModalComponent extends ModalServiceComponent {
     _transformValues(value) {
         const cloneRowModel = structuredClone(this.rowModel);
         const findValue = cloneRowModel.data.find((c) => c.sysName === value.sysName);
+        console.log(`[Modal -> _transformValues] Пытаемся обновить поле "${value.sysName}". Найдено в rowModel.data:`, structuredClone(findValue));
+        // const cloneRowModel = structuredClone(this.rowModel);
+        // const findValue: ComponentValueModel | undefined = cloneRowModel.data.find((c: ComponentValueModel) => c.sysName === value.sysName);
         if (findValue) {
             findValue.value = value.value;
+            console.log(`[Modal -> _transformValues] Успешно обновили "${value.sysName}". Новое значение поля:`, findValue.value);
+        }
+        else {
+            console.warn(`[Modal -> _transformValues] Внимание! Поле с sysName "${value.sysName}" не найдено в rowModel.data`);
         }
         this.rowModel = cloneRowModel;
     }
@@ -2478,6 +2431,8 @@ class InputTableComponent {
         this._subscriptions$.forEach((subscription) => subscription.unsubscribe());
     }
     createRow() {
+        const initialRowModel = getRowModel(this.settings);
+        console.log('[Table -> Create Row] Исходная модель для новой строки:', structuredClone(initialRowModel));
         this._modalService.open(InputTableModalComponent, {
             title: 'Создание строки',
             okText: 'Создать',
@@ -2485,15 +2440,11 @@ class InputTableComponent {
             rowModel: getRowModel(this.settings),
             isCheckRequired: this._isCheckRequired
         }).afterClosed().subscribe(resolve => {
+            console.log('[Table <- Modal Closed (Create)] Результат из модалки:', structuredClone(resolve));
             if (resolve.result) {
-                console.group('=== ТАБЛИЦА: Получены данные после СОЗДАНИЯ ===');
-                console.log('Данные строки из модалки (resolve.rowModel):', structuredClone(resolve.rowModel));
                 this._rows = [...structuredClone(this._rows), resolve.rowModel];
                 this._initDataSource(this._rows);
-                const nextValueModel = this._buildTableValueModel();
-                console.log('Сформированная модель таблицы для отправки в Store:', structuredClone(nextValueModel));
                 this._changeSubject$.next(this._buildTableValueModel());
-                console.groupEnd();
             }
         });
     }
@@ -2510,13 +2461,17 @@ class InputTableComponent {
     }
     editRow(event) {
         const findRow = this._rows.find(item => item.id === event.row.data.id);
+        console.log('[Table -> Edit Row] Данные строки из клика (event.row.data):', event.row.data);
+        console.log('[Table -> Edit Row] Найдено в локальном rows:', structuredClone(findRow));
+        // const findRow: TableRowModel | undefined = this._rows.find(item => item.id === event.row.data.id);
         if (findRow) {
             this._modalService.open(InputTableModalComponent, {
                 title: 'Редактирование строки',
                 okText: 'Сохранить',
                 settings: this.settings,
-                rowModel: structuredClone(findRow) // Просто передаем клон строки, где внутри лежит массив строк дат
+                rowModel: findRow
             }).afterClosed().subscribe(resolve => {
+                console.log('[Table <- Modal Closed (Edit)] Результат из модалки:', structuredClone(resolve));
                 if (resolve.result) {
                     const cloneRows = structuredClone(this._rows);
                     const editableRow = cloneRows.find(row => row.id === resolve.rowModel.id);
@@ -2573,6 +2528,7 @@ class InputTableComponent {
         this._rows = [];
     }
     _initDataSource(data) {
+        console.log('[Table -> _initDataSource] Преобразование rows в dataSource таблицы. Исходный rows:', structuredClone(data));
         this.dataSource = data.map((item) => {
             const newDataItem = {};
             for (let i in item.data) {
@@ -2581,6 +2537,7 @@ class InputTableComponent {
             newDataItem.id = item.id;
             return newDataItem;
         });
+        console.log('[Table -> _initDataSource] Итоговый dataSource для DevExtreme:', structuredClone(this.dataSource));
         this._detector.detectChanges();
         if (this.dataGrid?.instance) {
             this.dataGrid.instance.refresh();
@@ -2621,19 +2578,6 @@ class InputTableComponent {
             format: this.getFormat(component),
             minWidth: 160
         };
-        if (component.type === ComponentType.InputDate && component.options?.range) {
-            column.calculateCellValue = (rowData) => {
-                const cellData = rowData[component.sysName]; // Массив строк ['2026...', '2026...']
-                if (Array.isArray(cellData) && cellData.length === 2) {
-                    const startRaw = cellData[0];
-                    const endRaw = cellData[1];
-                    if (startRaw || endRaw) {
-                        return `${this._formatToRuDate(startRaw)} - ${this._formatToRuDate(endRaw)}`;
-                    }
-                }
-                return cellData ? this._formatToRuDate(cellData) : '';
-            };
-        }
         if (dataType === 'boolean') {
             column.calculateCellValue = (rowData) => {
                 const value = rowData[component.sysName];
@@ -2680,17 +2624,6 @@ class InputTableComponent {
         }
         return column;
     }
-    _formatToRuDate(dateString) {
-        if (!dateString)
-            return '...';
-        const date = new Date(dateString);
-        if (isNaN(date.getTime()))
-            return '...';
-        const day = String(date.getDate()).padStart(2, '0');
-        const month = String(date.getMonth() + 1).padStart(2, '0');
-        const year = date.getFullYear();
-        return `${day}.${month}.${year}`;
-    }
     getLookupData(directoryName) {
         // Проверяем кэш
         if (this._lookupsCache.has(directoryName)) {