fix: complete setConfig en getConfig

Author: sjhoeksma

src/GEOComp.tsx

@@ -14,7 +14,9 @@ import {
   arrayStringExposingStateControl,
   withMethodExposing,
   AutoHeightControl,
+  changeValueAction,
 } from "lowcoder-sdk";
+//import { changeValueAction } from "lowcoder-core";
 import styles from "./styles.module.css";
 import { i18nObjs, trans } from "./i18n/comps";
 import { Geo } from "./vendors";
@@ -25,6 +27,7 @@ import { useResizeDetector } from "react-resize-detector";
 import Notification from 'ol-ext/control/Notification'
 import { featureControl } from './FeaturesControl';
 import { geoContext } from './GEOContext';
+import { deepMerge } from './vendors/helpers/DeepMerge';
 
 export const CompStyles = [
   {
@@ -547,15 +550,9 @@ GEOComp = withMethodExposing(GEOComp, [
             }
           }
         }
-        for (const [key, value] of Object.entries(data)) {
-          var child = comp.children[key]
-          console.log(key, child)
-          if (child.value) {
-            child.value(value)
-          } else {
-            console.debug("setConfig not supported for ", child)
-          }
-        }
+        //Load by the new values dispatching them, 
+        //first merging the current values with the new values
+        comp.dispatch(changeValueAction(deepMerge(comp.toJsonValue(), data), true))
       } catch (e) {
         console.error("Failed to parse config data", e)
         return false
@@ -590,7 +587,6 @@ GEOComp = withMethodExposing(GEOComp, [
           }
         }
       }
-
       //Should we convert the data into string
       data = params[1] !== true ? data : JSON.stringify(data, null)
       if (geoContext.previewMode)

src/vendors/helpers/DeepMerge.js

@@ -0,0 +1,55 @@
+export function deepMerge(...objs) {
+
+    /**
+     * Get the object type
+     * @param  {*}       obj The object
+     * @return {String}      The object type
+     */
+    function getType(obj) {
+        return Object.prototype.toString.call(obj).slice(8, -1).toLowerCase();
+    }
+
+    /**
+     * Deep merge two objects
+     * @return {Object}
+     */
+    function mergeObj(clone, obj) {
+        for (let [key, value] of Object.entries(obj)) {
+            let type = getType(value);
+            if (clone[key] !== undefined && getType(clone[key]) === type && ['array', 'object'].includes(type)) {
+                clone[key] = deepMerge(clone[key], value);
+            } else {
+                clone[key] = structuredClone(value);
+            }
+        }
+    }
+
+    // Create a clone of the first item in the objs array
+    let clone = structuredClone(objs.shift());
+
+    // Loop through each item
+    for (let obj of objs) {
+
+        // Get the object type
+        let type = getType(obj);
+
+        // If the current item isn't the same type as the clone, replace it
+        if (getType(clone) !== type) {
+            clone = structuredClone(obj);
+            continue;
+        }
+
+        // Otherwise, merge
+        if (type === 'array') {
+            clone = [...clone, ...structuredClone(obj)];
+        } else if (type === 'object') {
+            mergeObj(clone, obj);
+        } else {
+            clone = obj;
+        }
+
+    }
+
+    return clone;
+
+}