From aeba88374bd23a7016e47f838a040f5e6c61c7f9 Mon Sep 17 00:00:00 2001
From: mertsincan <sincan.mert@gmail.com>
Date: Tue, 31 Aug 2021 14:28:46 +0300
Subject: [PATCH] Fixed #1490 - Add tooltipOptions property to Dock

---
 src/components/dock/Dock.d.ts   | 1 +
 src/components/dock/Dock.vue    | 3 ++-
 src/components/dock/DockSub.vue | 7 ++++---
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/dock/Dock.d.ts b/src/components/dock/Dock.d.ts
index 908876ca6..9ea7619bd 100644
--- a/src/components/dock/Dock.d.ts
+++ b/src/components/dock/Dock.d.ts
@@ -6,6 +6,7 @@ interface DockProps {
     class?: string;
     style?: any;
     exact?: boolean;
+    tooltipOptions?: any;
 }
 
 declare class Dock {
diff --git a/src/components/dock/Dock.vue b/src/components/dock/Dock.vue
index eaf85871a..29a96a110 100644
--- a/src/components/dock/Dock.vue
+++ b/src/components/dock/Dock.vue
@@ -1,6 +1,6 @@
 <template>
     <div :class="containerClass" :style="style">
-        <DockSub :model="model" :template="$slots.item" :exact="exact"></DockSub>
+        <DockSub :model="model" :template="$slots.item" :exact="exact" :tooltipOptions="tooltipOptions"></DockSub>
     </div>
 </template>
 
@@ -17,6 +17,7 @@ export default {
         model: null,
         class: null,
         style: null,
+        tooltipOptions: null,
         exact: {
             type: Boolean,
             default: true
diff --git a/src/components/dock/DockSub.vue b/src/components/dock/DockSub.vue
index 2067794b4..8fe03717f 100644
--- a/src/components/dock/DockSub.vue
+++ b/src/components/dock/DockSub.vue
@@ -5,7 +5,7 @@
                 <template v-if="!template">
                     <router-link v-if="item.to && !disabled(item)" :to="item.to" custom v-slot="{navigate, href, isActive, isExactActive}">
                         <a :href="href" role="menuitem" :class="linkClass(item, {isActive, isExactActive})" :target="item.target"
-                            :data-pr-tooltip="item.label" @click="onItemClick($event, item, navigate)">
+                            v-tooltip:[tooltipOptions]="{value: item.label, disabled: !tooltipOptions}" @click="onItemClick($event, item, navigate)">
                             <template v-if="typeof item.icon === 'string'">
                                 <span :class="['p-dock-action-icon', item.icon]" v-ripple></span>
                             </template>
@@ -13,7 +13,7 @@
                         </a>
                     </router-link>
                     <a v-else :href="item.url" role="menuitem" :class="linkClass(item)" :target="item.target"
-                        :data-pr-tooltip="item.label" @click="onItemClick($event, item)" :tabindex="disabled(item) ? null : '0'">
+                        v-tooltip:[tooltipOptions]="{value: item.label, disabled: !tooltipOptions}" @click="onItemClick($event, item)" :tabindex="disabled(item) ? null : '0'">
                         <template v-if="typeof item.icon === 'string'">
                             <span :class="['p-dock-action-icon', item.icon]" v-ripple></span>
                         </template>
@@ -41,7 +41,8 @@ export default {
         exact: {
             type: Boolean,
             default: true
-        }
+        },
+        tooltipOptions: null
     },
     data() {
         return {