@myrtex-org/form 1.1.54 → 1.1.55

package/fesm2022/myrtex-org-form.mjs

@@ -1732,7 +1732,7 @@ class InputDateComponent extends BaseFieldComponent {
     }
     updateValue(event) {
         if (this._isInit) {
-            this._isUpdatingInternal = true; // Блокируем внешние обновления на время ввода
+            this._isUpdatingInternal = true;
             if (this.settings.options.range) {
                 if (!event.value || event.value.length === 0) {
                     this.dateModel = [];
@@ -1741,21 +1741,22 @@ class InputDateComponent extends BaseFieldComponent {
                     this.modelCounter = 0;
                 }
                 else if (event.value.length === 2) {
-                    console.log(event, 'event date');
                     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);
                 }
-                this.model.value = this.dateModel;
+                // Упаковываем массив измененных моделей в объект, соответствующий типу InputDateTimeValueWithId
+                this.dispatchModify({
+                    id: event.id, // сохраняем id события, полученный от mrx-input-date-time
+                    value: [structuredClone(this.modelStart), structuredClone(this.modelEnd)]
+                });
             }
             else {
                 this.dateModel = event.value;
                 this.model.value = event.value;
+                this.dispatchModify(event);
             }
-            console.log(this.dateModel, 'dateModel date');
-            this.dispatchModify(event);
-            // Снимаем блокировку чуть позже, когда Store переварит изменения
             setTimeout(() => this._isUpdatingInternal = false, 600);
         }
     }
@@ -1829,15 +1830,30 @@ class InputDateComponent extends BaseFieldComponent {
     _loadFromInputs() {
         if (!this.values)
             return;
-        const found = this.values.find((x) => x.sysName === this.settings.sysName);
-        if (found) {
-            if (this.settings.options.range && Array.isArray(found.value)) {
-                this.modelStart = { ...defaultValueModel(this.settings), value: found.value[0] };
-                this.modelEnd = { ...defaultValueModel(this.settings), value: found.value[1] };
-                this.dateModel = [found.value[0], found.value[1]];
-                this.modelCounter = this._getDaysDifference(found.value[0], found.value[1]);
+        const valuesArray = this.values;
+        if (this.settings.options.range) {
+            // Ищем значения по суффиксам внутри переданного массива строки
+            const startNode = valuesArray.find(x => x.sysName === `${this.settings.sysName}-id0`);
+            const endNode = valuesArray.find(x => x.sysName === `${this.settings.sysName}-id1`);
+            this.modelStart = startNode ? structuredClone(startNode) : { ...defaultValueModel(this.settings), sysName: `${this.settings.sysName}-id0` };
+            this.modelEnd = endNode ? structuredClone(endNode) : { ...defaultValueModel(this.settings), sysName: `${this.settings.sysName}-id1` };
+            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 if (this.modelStart.value) {
+                this.dateModel = [this.modelStart.value, ''];
+                this.modelCounter = 0;
             }
             else {
+                this.dateModel = [];
+                this.modelCounter = 0;
+            }
+        }
+        else {
+            // Логика для обычной даты без ренджа
+            const found = valuesArray.find(x => x.sysName === this.settings.sysName);
+            if (found) {
                 this.model = structuredClone(found);
                 this.dateModel = this.model.value;
             }
@@ -2568,29 +2584,20 @@ class InputTableComponent {
         this._rows = [];
     }
     _initDataSource(data) {
+        // Маппим массив строк из Store/локального состояния в массив плоских объектов для DevExtreme
         this.dataSource = data.map((item) => {
             const newDataItem = {};
-            // 1. Сначала переносим все плоские ключи
+            // Разворачиваем все дочерние элементы строки (включая itb6-id0, itb6-id1, itb6-itt0 и т.д.)
             for (let i in item.data) {
                 newDataItem[item.data[i].sysName] = item.data[i].value;
             }
-            // 2. Ищем пары диапазона дат (например, itb6-id0 и itb6-id1) и склеиваем их для Грида
-            this.settings.components.forEach(component => {
-                const isRangeDate = component.type === ComponentType.InputDate && component.options?.range;
-                if (isRangeDate) {
-                    const startKey = `${component.sysName}-id0`;
-                    const endKey = `${component.sysName}-id1`;
-                    // Клеим их в массив, который ожидает колонка
-                    newDataItem[component.sysName] = [
-                        newDataItem[startKey] || null,
-                        newDataItem[endKey] || null
-                    ];
-                }
-            });
+            // Обязательно сохраняем id строки, чтобы работали методы editRow и deleteRow
             newDataItem.id = item.id;
             return newDataItem;
         });
+        // Запускаем ручную проверку изменений, так как у компонента стоит ChangeDetectionStrategy.OnPush
         this._detector.detectChanges();
+        // Если грид уже отрендерен в DOM, принудительно обновляем его данные
         if (this.dataGrid?.instance) {
             this.dataGrid.instance.refresh();
         }
@@ -2627,30 +2634,29 @@ class InputTableComponent {
             caption: component.options.label || '',
             columns: component.components.map(c => this._transformColumn(structuredClone(c))),
             dataField: component.sysName,
-            dataType: isRangeDate ? 'object' : this.getDataType(component), // Для ренджа пишем object, чтобы DevExtreme не падал на массиве
+            dataType: isRangeDate ? 'string' : this.getDataType(component), // Оставляем string, чтобы грид не пугался объектов
             format: this.getFormat(component),
             minWidth: 160
         };
-        // Используем кастомный шаблон отображения ячейки для диапазона дат
         if (isRangeDate) {
             column.cellTemplate = (container, options) => {
-                const value = options.value; // Здесь теперь лежит наш склеенный [start, end]
+                // options.data — это весь сырой объект строки из dataSource (то, что вы прислали в логе)
+                const rowData = options.data;
                 let displayStr = '';
-                if (Array.isArray(value) && value.length === 2) {
-                    const rawStart = value[0];
-                    const rawEnd = value[1];
-                    const formatOptions = component.options.viewType === DateTypeEnum.DateTime
-                        ? { day: '2-digit', month: '2-digit', year: 'numeric', hour: '2-digit', minute: '2-digit' }
-                        : { day: '2-digit', month: '2-digit', year: 'numeric' };
-                    const startStr = rawStart ? new Date(rawStart).toLocaleDateString('ru-RU', formatOptions) : '...';
-                    const endStr = rawEnd ? new Date(rawEnd).toLocaleDateString('ru-RU', formatOptions) : '...';
-                    // Если обе даты пустые — ничего не пишем
+                if (rowData) {
+                    // Достаем значения напрямую по ключам с суффиксами
+                    const rawStart = rowData[`${component.sysName}-id0`];
+                    const rawEnd = rowData[`${component.sysName}-id1`];
                     if (rawStart || rawEnd) {
+                        const formatOptions = component.options.viewType === DateTypeEnum.DateTime
+                            ? { day: '2-digit', month: '2-digit', year: 'numeric', hour: '2-digit', minute: '2-digit' }
+                            : { day: '2-digit', month: '2-digit', year: 'numeric' };
+                        const startStr = rawStart ? new Date(rawStart).toLocaleDateString('ru-RU', formatOptions) : '...';
+                        const endStr = rawEnd ? new Date(rawEnd).toLocaleDateString('ru-RU', formatOptions) : '...';
                         displayStr = `${startStr} — ${endStr}`;
                     }
                 }
-                const textNode = document.createTextNode(displayStr);
-                container.appendChild(textNode);
+                container.textContent = displayStr; // Безопасно пишем текст в ячейку
             };
         }
         if (dataType === 'boolean') {