cloud-ide-element 1.0.66 → 1.0.67

package/fesm2022/cloud-ide-element.mjs

@@ -4714,8 +4714,14 @@ class CideEleDataGridComponent {
         let processedData = data;
         // Transform to tree structure if tree config is enabled
         if (this.mergedConfig().tree?.enabled) {
+            // Preserve expansion state from current data before transforming
+            const currentData = this.internalData();
+            const expansionState = this.preserveTreeExpansionState(currentData);
             processedData = this.transformToTree(data);
             console.log('processedData', processedData);
+            // Apply preserved expansion state to new tree data
+            processedData = this.applyTreeExpansionState(processedData, expansionState);
+            console.log('processedData with preserved expansion state', processedData);
         }
         this.internalData.set(processedData);
         console.log('processedData', processedData);
@@ -4747,7 +4753,12 @@ class CideEleDataGridComponent {
         let data = this.config?.data || [];
         // Transform to tree structure if tree config is enabled
         if (this.mergedConfig().tree?.enabled) {
+            // Preserve expansion state from current data before transforming
+            const currentData = this.internalData();
+            const expansionState = this.preserveTreeExpansionState(currentData);
             data = this.transformToTree(data);
+            // Apply preserved expansion state to new tree data
+            data = this.applyTreeExpansionState(data, expansionState);
         }
         this.internalData.set(data);
         // Set pagination values based on mode
@@ -4878,6 +4889,59 @@ class CideEleDataGridComponent {
         }
         this.updatePaginationState();
     }
+    /**
+     * Preserve tree expansion state from current data
+     */
+    preserveTreeExpansionState(currentData) {
+        const expansionState = new Map();
+        const treeConfig = this.mergedConfig().tree;
+        if (!treeConfig)
+            return expansionState;
+        const { expandedKey = 'isExpanded', primaryKey } = treeConfig;
+        const extractExpansionState = (items) => {
+            items.forEach(item => {
+                const itemId = String(this.getNestedValue(item, primaryKey) || '');
+                if (itemId) {
+                    const isExpanded = this.getNestedValue(item, expandedKey) || false;
+                    expansionState.set(itemId, isExpanded);
+                }
+                // Check for children recursively
+                const children = this.getNestedValue(item, treeConfig.childrenKey || 'children') || [];
+                if (children.length > 0) {
+                    extractExpansionState(children);
+                }
+            });
+        };
+        extractExpansionState(currentData);
+        console.log('🔍 DataGrid: Preserved expansion state for', expansionState.size, 'items');
+        return expansionState;
+    }
+    /**
+     * Apply preserved tree expansion state to new data
+     */
+    applyTreeExpansionState(data, expansionState) {
+        const treeConfig = this.mergedConfig().tree;
+        if (!treeConfig)
+            return data;
+        const { expandedKey = 'isExpanded', primaryKey, childrenKey = 'children' } = treeConfig;
+        const applyToItems = (items) => {
+            return items.map(item => {
+                const itemId = String(this.getNestedValue(item, primaryKey) || '');
+                const isExpanded = expansionState.get(itemId) || false;
+                const updatedItem = {
+                    ...item,
+                    [expandedKey]: isExpanded
+                };
+                // Apply to children recursively
+                const children = this.getNestedValue(item, childrenKey) || [];
+                if (children.length > 0) {
+                    this.setNestedValue(updatedItem, childrenKey, applyToItems(children));
+                }
+                return updatedItem;
+            });
+        };
+        return applyToItems(data);
+    }
     /**
      * Transform flat data to tree structure based on foreign key relationships
      */