@kris701/ez-ui 1.4.12 → 1.4.13

package/fesm2022/kris701-ez-ui.mjs

@@ -3295,15 +3295,29 @@ class EzUITreeMultiSelect {
     map = new Map();
     visMap = new Map();
     ngOnChanges(changes) {
+        if (changes['options'] && changes['options'].currentValue != changes['options'].previousValue) {
+            let index = 0;
+            for (let option of this.options)
+                this.setIDs(option, "" + index++);
+        }
         if (changes['selected'] && changes['selected'].currentValue != changes['selected'].previousValue) {
             this.selected = changes['selected'].currentValue;
             let newMap = new Map();
             if (this.selected)
                 for (let item of this.selected)
-                    newMap.set(item, true);
+                    newMap.set(item.id, true);
             this.map = newMap;
         }
     }
+    setIDs(parent, prefix) {
+        if (!parent.id || parent.id == '')
+            parent.id = prefix;
+        if (parent.children) {
+            let subIndex = 0;
+            for (let child of parent.children)
+                this.setIDs(child, prefix + ";" + subIndex++);
+        }
+    }
     stringify = (value) => value.label;
     expandAll() {
         for (let option of this.options)
@@ -3349,13 +3363,16 @@ class EzUITreeMultiSelect {
     }
     onChecked(node, value) {
         flatten(node).filter(x => x.selectable != false).forEach((item) => {
-            this.map.set(item, value);
+            this.map.set(item.id, value);
         });
         this.map = new Map(this.map.entries());
         let newSelected = [];
-        for (let key of this.map.keys())
-            if (this.map.get(key) == true)
-                newSelected.push(key);
+        for (let node of this.options) {
+            let nodes = flatten(node);
+            for (let sub of nodes)
+                if (this.map.get(sub.id) == true && !newSelected.find(x => x.id == sub.id))
+                    newSelected.push(sub);
+        }
         this.selected = newSelected;
         this.selectedChange.emit(this.selected);
     }
@@ -3364,10 +3381,10 @@ class EzUITreeMultiSelect {
         const flat = flatten(item);
         const key = flat[0];
         if (key) {
-            result = !!map.get(key);
+            result = !!map.get(key.id);
         }
         for (const item of flat) {
-            if (result !== !!map.get(item)) {
+            if (result !== !!map.get(item.id)) {
                 return null;
             }
         }