fix(#4953): use beforeMount to generate unique component id (#4954)

primefaces · Jan 16, 2024 · e8b5b8f · e8b5b8f
1 parent 23360e7
commit e8b5b8f
Show file tree

Hide file tree

Showing 17 changed files with 43 additions and 28 deletions.
diff --git a/components/lib/accordion/Accordion.vue b/components/lib/accordion/Accordion.vue
@@ -79,7 +79,7 @@ export default {
             this.d_activeIndex = newValue;
         }
     },
-    mounted() {
+    beforeMount() {
         this.id = this.id || UniqueComponentId();
     },
     methods: {

diff --git a/components/lib/autocomplete/AutoComplete.vue b/components/lib/autocomplete/AutoComplete.vue
@@ -223,9 +223,10 @@ export default {
             this.autoUpdateModel();
         }
     },
-    mounted() {
+    beforeMount() {
         this.id = this.id || UniqueComponentId();
-
+    },
+    mounted() {
         this.autoUpdateModel();
     },
     updated() {

diff --git a/components/lib/cascadeselect/CascadeSelect.vue b/components/lib/cascadeselect/CascadeSelect.vue
@@ -114,9 +114,10 @@ export default {
             this.autoUpdateModel();
         }
     },
-    mounted() {
+    beforeMount() {
         this.id = this.id || UniqueComponentId();
-
+    },
+    mounted() {
         this.autoUpdateModel();
     },
     beforeUnmount() {

diff --git a/components/lib/contextmenu/ContextMenu.vue b/components/lib/contextmenu/ContextMenu.vue
@@ -76,9 +76,10 @@ export default {
             }
         }
     },
-    mounted() {
+    beforeMount() {
         this.id = this.id || UniqueComponentId();
-
+    },
+    mounted() {
         if (this.global) {
             this.bindDocumentContextMenuListener();
         }

diff --git a/components/lib/dock/DockSub.vue b/components/lib/dock/DockSub.vue
@@ -110,7 +110,7 @@ export default {
             this.id = newValue || UniqueComponentId();
         }
     },
-    mounted() {
+    beforeMount() {
         this.id = this.id || UniqueComponentId();
     },
     methods: {

diff --git a/components/lib/dropdown/Dropdown.vue b/components/lib/dropdown/Dropdown.vue
@@ -215,9 +215,10 @@ export default {
             this.autoUpdateModel();
         }
     },
-    mounted() {
+    beforeMount() {
         this.id = this.id || UniqueComponentId();
-
+    },
+    mounted() {
         this.autoUpdateModel();
         this.bindLabelClickListener();
     },

diff --git a/components/lib/listbox/Listbox.vue b/components/lib/listbox/Listbox.vue
@@ -156,9 +156,10 @@ export default {
             this.autoUpdateModel();
         }
     },
-    mounted() {
+    beforeMount() {
         this.id = this.id || UniqueComponentId();
-
+    },
+    mounted() {
         this.autoUpdateModel();
     },
     methods: {

diff --git a/components/lib/megamenu/MegaMenu.vue b/components/lib/megamenu/MegaMenu.vue
@@ -98,8 +98,10 @@ export default {
             }
         }
     },
-    mounted() {
+    beforeMount() {
         this.id = this.id || UniqueComponentId();
+    },
+    mounted() {
         this.bindMatchMediaListener();
     },
     beforeUnmount() {

diff --git a/components/lib/menu/Menu.vue b/components/lib/menu/Menu.vue
@@ -73,9 +73,10 @@ export default {
     resizeListener: null,
     container: null,
     list: null,
-    mounted() {
+    beforeMount() {
         this.id = this.id || UniqueComponentId();
-
+    },
+    mounted() {
         if (!this.popup) {
             this.bindResizeListener();
             this.bindOutsideClickListener();

diff --git a/components/lib/menubar/Menubar.vue b/components/lib/menubar/Menubar.vue
@@ -93,8 +93,10 @@ export default {
     outsideClickListener: null,
     container: null,
     menubar: null,
-    mounted() {
+    beforeMount() {
         this.id = this.id || UniqueComponentId();
+    },
+    mounted() {
         this.bindMatchMediaListener();
     },
     beforeUnmount() {

diff --git a/components/lib/multiselect/MultiSelect.vue b/components/lib/multiselect/MultiSelect.vue
@@ -241,9 +241,10 @@ export default {
             this.autoUpdateModel();
         }
     },
-    mounted() {
+    beforeMount() {
         this.id = this.id || UniqueComponentId();
-
+    },
+    mounted() {
         this.autoUpdateModel();
     },
     beforeUnmount() {

diff --git a/components/lib/orderlist/OrderList.vue b/components/lib/orderlist/OrderList.vue
@@ -116,9 +116,10 @@ export default {
             this.reorderDirection = null;
         }
     },
-    mounted() {
+    beforeMount() {
         this.id = this.id || UniqueComponentId();
-
+    },
+    mounted() {
         if (this.responsive) {
             this.createStyle();
         }

diff --git a/components/lib/panelmenu/PanelMenu.vue b/components/lib/panelmenu/PanelMenu.vue
@@ -76,7 +76,7 @@ export default {
             this.id = newValue || UniqueComponentId();
         }
     },
-    mounted() {
+    beforeMount() {
         this.id = this.id || UniqueComponentId();
     },
     methods: {

diff --git a/components/lib/picklist/PickList.vue b/components/lib/picklist/PickList.vue
@@ -276,9 +276,10 @@ export default {
         this.destroyStyle();
         this.destroyMedia();
     },
-    mounted() {
+    beforeMount() {
         this.id = this.id || UniqueComponentId();
-
+    },
+    mounted() {
         if (this.responsive) {
             this.createStyle();
             this.initMedia();

diff --git a/components/lib/speeddial/SpeedDial.vue b/components/lib/speeddial/SpeedDial.vue
@@ -84,9 +84,10 @@ export default {
             this.d_visible = newValue;
         }
     },
-    mounted() {
+    beforeMount() {
         this.id = this.id || UniqueComponentId();
-
+    },
+    mounted() {
         if (this.type !== 'linear') {
             const button = DomHandler.findSingle(this.container, '[data-pc-name="button"]');
             const firstItem = DomHandler.findSingle(this.list, '[data-pc-section="menuitem"]');

diff --git a/components/lib/tabview/TabView.vue b/components/lib/tabview/TabView.vue
@@ -121,9 +121,10 @@ export default {
             this.scrollInView({ index: newValue });
         }
     },
-    mounted() {
+    beforeMount() {
         this.id = this.id || UniqueComponentId();
-
+    },
+    mounted() {
         this.updateInkBar();
         this.scrollable && this.updateButtonState();
     },

diff --git a/components/lib/tieredmenu/TieredMenu.vue b/components/lib/tieredmenu/TieredMenu.vue
@@ -85,7 +85,7 @@ export default {
             }
         }
     },
-    mounted() {
+    beforeMount() {
         this.id = this.id || UniqueComponentId();
     },
     beforeUnmount() {