From 5888f1d9e97379f7abc1494520a0ebb6c9362399 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bahad=C4=B1r=20Sofuo=C4=9Flu?= <bahadirsofuoglu@gmail.com>
Date: Fri, 30 Dec 2022 14:46:09 +0300
Subject: [PATCH 1/5] Passing computed value as a model prop fixed

---
 components/panelmenu/PanelMenu.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/components/panelmenu/PanelMenu.vue b/components/panelmenu/PanelMenu.vue
index 5d129b366..27c905bea 100755
--- a/components/panelmenu/PanelMenu.vue
+++ b/components/panelmenu/PanelMenu.vue
@@ -1,6 +1,6 @@
 <template>
     <div :id="id" class="p-panelmenu p-component">
-        <template v-for="(item, index) of model" :key="getPanelKey(index)">
+        <template v-for="(item, index) of items" :key="getPanelKey(index)">
             <div v-if="isItemVisible(item)" :style="getItemProp(item, 'style')" :class="getPanelClass(item)">
                 <div
                     :id="getHeaderId(index)"
@@ -70,9 +70,18 @@ export default {
     },
     data() {
         return {
-            activeItem: null
+            activeItem: null,
+            items: null
         };
     },
+    watch: {
+        model: {
+            immediate: true,
+            handler(newValue) {
+                this.items = reactive(newValue);
+            }
+        }
+    },
     methods: {
         getItemProp(item, name) {
             return item ? ObjectUtils.getItemValue(item[name]) : undefined;

From 9eee09834ebb0e38fcbccb87a191e972954da93b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bahad=C4=B1r=20Sofuo=C4=9Flu?= <bahadirsofuoglu@gmail.com>
Date: Tue, 3 Jan 2023 12:14:46 +0300
Subject: [PATCH 2/5] Panelmenu review fixes

---
 components/panelmenu/PanelMenu.vue | 15 ++++-----------
 1 file changed, 4 insertions(+), 11 deletions(-)

diff --git a/components/panelmenu/PanelMenu.vue b/components/panelmenu/PanelMenu.vue
index 27c905bea..5b0849904 100755
--- a/components/panelmenu/PanelMenu.vue
+++ b/components/panelmenu/PanelMenu.vue
@@ -1,6 +1,6 @@
 <template>
     <div :id="id" class="p-panelmenu p-component">
-        <template v-for="(item, index) of items" :key="getPanelKey(index)">
+        <template v-for="(item, index) of model" :key="getPanelKey(index)">
             <div v-if="isItemVisible(item)" :style="getItemProp(item, 'style')" :class="getPanelClass(item)">
                 <div
                     :id="getHeaderId(index)"
@@ -74,14 +74,7 @@ export default {
             items: null
         };
     },
-    watch: {
-        model: {
-            immediate: true,
-            handler(newValue) {
-                this.items = reactive(newValue);
-            }
-        }
-    },
+
     methods: {
         getItemProp(item, name) {
             return item ? ObjectUtils.getItemValue(item[name]) : undefined;
@@ -90,7 +83,7 @@ export default {
             return this.getItemProp(item, 'label');
         },
         isItemActive(item) {
-            return this.expandedKeys ? this.expandedKeys[this.getItemProp(item, 'key')] : item === this.activeItem;
+            return this.expandedKeys ? this.expandedKeys[this.getItemProp(item, 'key')] : ObjectUtils.deepEquals(item, this.activeItem);
         },
         isItemVisible(item) {
             return this.getItemProp(item, 'visible') !== false;
@@ -208,7 +201,7 @@ export default {
         },
         changeActiveItem(event, item, selfActive = false) {
             if (!this.isItemDisabled(item)) {
-                this.activeItem = selfActive ? item : this.activeItem && this.activeItem === item ? null : item;
+                this.activeItem = selfActive ? item : this.activeItem && ObjectUtils.deepEquals(item, this.activeItem) ? null : item;
 
                 const active = this.isItemActive(item);
                 const eventName = active ? 'panel-open' : 'panel-close';

From 3f8ddd8e58f69dea49dd440d0e410292f860a6d6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bahad=C4=B1r=20Sofuo=C4=9Flu?= <bahadirsofuoglu@gmail.com>
Date: Mon, 9 Jan 2023 21:31:18 +0300
Subject: [PATCH 3/5] DeepEquals changed to equals

---
 components/panelmenu/PanelMenu.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/panelmenu/PanelMenu.vue b/components/panelmenu/PanelMenu.vue
index 5b0849904..a0d7c7af7 100755
--- a/components/panelmenu/PanelMenu.vue
+++ b/components/panelmenu/PanelMenu.vue
@@ -83,7 +83,7 @@ export default {
             return this.getItemProp(item, 'label');
         },
         isItemActive(item) {
-            return this.expandedKeys ? this.expandedKeys[this.getItemProp(item, 'key')] : ObjectUtils.deepEquals(item, this.activeItem);
+            return this.expandedKeys ? this.expandedKeys[this.getItemProp(item, 'key')] : ObjectUtils.equals(item, this.activeItem);
         },
         isItemVisible(item) {
             return this.getItemProp(item, 'visible') !== false;
@@ -201,7 +201,7 @@ export default {
         },
         changeActiveItem(event, item, selfActive = false) {
             if (!this.isItemDisabled(item)) {
-                this.activeItem = selfActive ? item : this.activeItem && ObjectUtils.deepEquals(item, this.activeItem) ? null : item;
+                this.activeItem = selfActive ? item : this.activeItem && ObjectUtils.equals(item, this.activeItem) ? null : item;
 
                 const active = this.isItemActive(item);
                 const eventName = active ? 'panel-open' : 'panel-close';

From 2aa1fa89c6418cb9cc6cd95bdb50a4784726fb75 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bahad=C4=B1r=20Sofuo=C4=9Flu?= <bahadirsofuoglu@gmail.com>
Date: Mon, 9 Jan 2023 21:36:40 +0300
Subject: [PATCH 4/5] Fixed for changeActiveItem

---
 components/panelmenu/PanelMenu.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/panelmenu/PanelMenu.vue b/components/panelmenu/PanelMenu.vue
index 069512685..7aaf7a25b 100644
--- a/components/panelmenu/PanelMenu.vue
+++ b/components/panelmenu/PanelMenu.vue
@@ -204,7 +204,7 @@ export default {
                 const active = this.isItemActive(item);
                 const eventName = !active ? 'panel-open' : 'panel-close';
 
-                this.activeItem = selfActive ? item : this.activeItem && this.activeItem === item ? null : item;
+                this.activeItem = selfActive ? item : this.activeItem && ObjectUtils.equals(item, this.activeItem) ? null : item;
                 this.changeExpandedKeys({ item, expanded: !active });
                 this.$emit(eventName, { originalEvent: event, item });
             }

From 53ff85a371976f6c6916d7f389f91d8904378878 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bahad=C4=B1r=20Sofuo=C4=9Flu?= <bahadirsofuoglu@gmail.com>
Date: Mon, 9 Jan 2023 21:52:00 +0300
Subject: [PATCH 5/5] Items removed

---
 components/panelmenu/PanelMenu.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/components/panelmenu/PanelMenu.vue b/components/panelmenu/PanelMenu.vue
index 7aaf7a25b..9db93737b 100644
--- a/components/panelmenu/PanelMenu.vue
+++ b/components/panelmenu/PanelMenu.vue
@@ -70,8 +70,7 @@ export default {
     },
     data() {
         return {
-            activeItem: null,
-            items: null
+            activeItem: null
         };
     },