@myrtex-org/form 1.1.89 → 1.1.91

package/fesm2022/myrtex-org-form.mjs

@@ -2431,31 +2431,37 @@ class InputTableComponent {
         this._subscriptions$.push(this._store.select(selectValueModel(this.settings))
             .subscribe((result) => {
             const cloneResult = structuredClone(result);
-            // Наша проверка по sysName, которую мы добавили ранее
             if (cloneResult && !Array.isArray(cloneResult) && cloneResult.sysName === this.settings.sysName) {
-                // --- ВОТ ЭТОТ НОВЫЙ БЛОК ДЛЯ ВОССТАНОВЛЕНИЯ ДАТ ---
-                // Проверяем, есть ли вообще данные внутри пришедшей модели
+                // --- ОБНОВЛЕННЫЙ БЛОК ПАРСИНГА И ЗАЩИТЫ ОТ NULL ---
                 if (cloneResult.data && Array.isArray(cloneResult.data)) {
                     cloneResult.data.forEach((row) => {
                         if (row.data && Array.isArray(row.data)) {
                             row.data.forEach((cell) => {
-                                // Если тип компонента — дата, значение — строка и в ней есть наш разделитель '/'
+                                // 1. Если пришла строка со слэшем — парсим в массив
                                 if (cell.type === 'inputDate' && typeof cell.value === 'string' && cell.value.includes('/')) {
-                                    console.log(`[Table <- Store Parsing] Восстанавливаем range-дату из строки для ${cell.sysName}:`, cell.value);
-                                    // Разрезаем строку "2026-05-05/2026-05-07" обратно в массив ['2026-05-05', '2026-05-07']
+                                    console.log(`[Table <- Store Parsing] Восстанавливаем range-дату:`, cell.value);
                                     cell.value = cell.value.split('/');
                                 }
+                                // 2. ЗАЩИТА: Если бэк прислал null, но у нас в текущей модели таблицы КУДА-ТО УЖЕ введена дата
+                                if (cell.type === 'inputDate' && cell.value === null) {
+                                    // Ищем эту же ячейку в наших текущих строках на UI
+                                    const currentRow = this._rows?.find((r) => r.id === row.id);
+                                    const currentCell = currentRow?.data?.find((c) => c.sysName === cell.sysName);
+                                    if (currentCell && currentCell.value) {
+                                        console.warn(`[Table Protection] Бэк прислал null для ${cell.sysName}, но мы удерживаем текущее значение:`, currentCell.value);
+                                        // Не даем занулить! Возвращаем ей текущее валидное значение из UI
+                                        cell.value = structuredClone(currentCell.value);
+                                    }
+                                }
                             });
                         }
                     });
                 }
                 // -------------------------------------------------
-                // Проверяем, изменились ли данные по сравнению с текущими
                 const isDataChanged = JSON.stringify(this.model?.data) !== JSON.stringify(cloneResult.data);
                 if (isDataChanged) {
                     console.log(`[Table -> Store Apply] [${this.settings.sysName}] Синхронизируем строки.`);
                     this.model = structuredClone(cloneResult);
-                    // Извлекаем строки (теперь внутри cell.value уже лежит правильный массив, и они не занулятся!)
                     this._rows = this._extractRows(this.model.data);
                     this._initDataSource(this._rows);
                 }
@@ -2468,7 +2474,6 @@ class InputTableComponent {
     }
     createRow() {
         const initialRowModel = getRowModel(this.settings);
-        console.log('[Table -> Create Row] Исходная модель для новой строки:', structuredClone(initialRowModel));
         this._modalService.open(InputTableModalComponent, {
             title: 'Создание строки',
             okText: 'Создать',
@@ -2476,20 +2481,12 @@ class InputTableComponent {
             rowModel: getRowModel(this.settings),
             isCheckRequired: this._isCheckRequired
         }).afterClosed().subscribe(resolve => {
-            console.log('[Table <- Modal Closed (Create)] Результат из модалки:', structuredClone(resolve));
             if (resolve && resolve.result && resolve.rowModel) {
-                // КРИТИЧЕСКИЙ ХАК: Склеиваем массив диапазона дат в строку перед отправкой в Стор
-                if (resolve.rowModel.data && Array.isArray(resolve.rowModel.data)) {
-                    resolve.rowModel.data.forEach((cell) => {
-                        if (cell.type === 'inputDate' && Array.isArray(cell.value)) {
-                            console.log(`[Table <- Modal] Найдена рендж-дата в ${cell.sysName}. Склеиваем в строку:`, cell.value);
-                            cell.value = cell.value.join('/'); // Превращаем ['2026-05-05...', '2026-05-07...'] в "дата1/дата2"
-                        }
-                    });
-                }
-                // Накатываем обновленную модель в локальные строки
+                // Накатываем модель из модалки (там внутри ДАТЫ ЕЩЕ В ВИДЕ МАССИВА Array(2))
                 this._rows = [...structuredClone(this._rows), resolve.rowModel];
+                // Инициализируем Грид МАССИВОМ — DevExtreme сразу отрендерит "дд.мм.гггг - дд.мм.гггг" без мигания!
                 this._initDataSource(this._rows);
+                // А вот теперь принудительно вызываем сборку модели, которая сама сожмет массивы в строки ДЛЯ СТОРА
                 this._changeSubject$.next(this._buildTableValueModel());
             }
         });
@@ -2506,36 +2503,40 @@ class InputTableComponent {
         return !this._canEditObject;
     }
     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) {
-            const rowModelClone = structuredClone(findRow);
-            this._modalService.open(InputTableModalComponent, {
-                title: 'Редактирование строки',
-                okText: 'Сохранить',
-                settings: this.settings,
-                rowModel: rowModelClone
-            }).afterClosed().subscribe(resolve => {
-                console.log('[Table <- Modal Closed (Create)] Результат из модалки:', structuredClone(resolve));
-                if (resolve && resolve.result && resolve.rowModel) {
-                    // КРИТИЧЕСКИЙ ХАК: Склеиваем массив диапазона дат в строку перед отправкой в Стор
-                    if (resolve.rowModel.data && Array.isArray(resolve.rowModel.data)) {
-                        resolve.rowModel.data.forEach((cell) => {
-                            if (cell.type === 'inputDate' && Array.isArray(cell.value)) {
-                                console.log(`[Table <- Modal] Найдена рендж-дата в ${cell.sysName}. Склеиваем в строку:`, cell.value);
-                                cell.value = cell.value.join('/'); // Превращаем ['2026-05-05...', '2026-05-07...'] в "дата1/дата2"
-                            }
-                        });
-                    }
-                    // Накатываем обновленную модель в локальные строки
-                    this._rows = [...structuredClone(this._rows), resolve.rowModel];
-                    this._initDataSource(this._rows);
-                    this._changeSubject$.next(this._buildTableValueModel());
+        // 1. Находим исходную строку в нашем локальном массиве _rows
+        const rowId = event.row?.data?.id || event.data?.id;
+        const localRow = this._rows.find((r) => r.id === rowId);
+        if (!localRow)
+            return;
+        const rowModel = structuredClone(localRow);
+        const gridData = event.row?.data || event.data;
+        // 2. СИНХРОНИЗАЦИЯ: Переносим актуальные значения из Грида (включая наш массив дат) внутрь rowModel для модалки
+        if (rowModel.data && Array.isArray(rowModel.data)) {
+            rowModel.data.forEach((cell) => {
+                // Если в гриде есть значение для этого поля, берем его (особенно актуально для массивов дат)
+                if (gridData && gridData[cell.sysName] !== undefined) {
+                    cell.value = structuredClone(gridData[cell.sysName]);
                 }
             });
         }
+        console.log('[Table -> Edit Row] Подготовленная rowModel для модалки с датами:', rowModel);
+        // 3. Открываем модалку редактирования
+        this._modalService.open(InputTableModalComponent, {
+            title: 'Редактирование строки',
+            okText: 'Сохранить', // или что там у тебя
+            settings: this.settings,
+            rowModel: rowModel, // Передаем уже пропатченную модель с массивом дат!
+            isCheckRequired: this._isCheckRequired
+        }).afterClosed().subscribe(resolve => {
+            if (resolve && resolve.result && resolve.rowModel) {
+                // Обновляем строку в локальном массиве
+                this._rows = this._rows.map((r) => r.id === rowId ? resolve.rowModel : r);
+                // Сразу обновляем UI грида массивами
+                this._initDataSource(this._rows);
+                // Отправляем сжатую строку в Стор
+                this._changeSubject$.next(this._buildTableValueModel());
+            }
+        });
     }
     getFormat(component) {
         switch (component.type) {