From acc4040afb3393d8ee269957f5f89d20cdf4478d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Thu, 30 Jun 2022 16:55:42 +0300
Subject: [PATCH] Fixed #2697 - PickList: Disable show source and target
 buttons

---
 api-generator/components/picklist.js  | 12 ++++++++++++
 src/components/picklist/PickList.d.ts |  8 ++++++++
 src/components/picklist/PickList.vue  | 12 ++++++++++--
 src/views/picklist/PickListDoc.vue    | 12 ++++++++++++
 4 files changed, 42 insertions(+), 2 deletions(-)

diff --git a/api-generator/components/picklist.js b/api-generator/components/picklist.js
index dc72c9cfe..9b22f78dd 100644
--- a/api-generator/components/picklist.js
+++ b/api-generator/components/picklist.js
@@ -46,6 +46,18 @@ const PickListProps = [
         type: "boolean",
         default: "false",
         description: "Whether to displays rows with alternating colors."
+    },
+    {
+        name: "showSourceControls",
+        type: "boolean",
+        default: "true",
+        description: "Whether to show buttons of source list."
+    },
+    {
+        name: "showTargetControls",
+        type: "boolean",
+        default: "true",
+        description: "Whether to show buttons of target list."
     }
 ];
 
diff --git a/src/components/picklist/PickList.d.ts b/src/components/picklist/PickList.d.ts
index ffeb5261d..9abf67f16 100755
--- a/src/components/picklist/PickList.d.ts
+++ b/src/components/picklist/PickList.d.ts
@@ -95,6 +95,14 @@ export interface PickListProps {
      * Whether to displays rows with alternating colors.
      */
     stripedRows?: boolean | undefined;
+    /**
+     * Whether to show buttons of source list.
+     */
+    showSourceControls?: boolean | undefined;
+    /**
+     * Whether to show buttons of target list.
+     */
+    showTargetControls?: boolean | undefined;
 }
 
 export interface PickListSlots {
diff --git a/src/components/picklist/PickList.vue b/src/components/picklist/PickList.vue
index 8f473d60b..206493873 100755
--- a/src/components/picklist/PickList.vue
+++ b/src/components/picklist/PickList.vue
@@ -1,6 +1,6 @@
 <template>
     <div :class="containerClass">
-        <div class="p-picklist-buttons p-picklist-source-controls">
+        <div class="p-picklist-buttons p-picklist-source-controls" v-if="showSourceControls">
             <slot name="sourcecontrolsstart"></slot>
             <PLButton type="button" icon="pi pi-angle-up" @click="moveUp($event, 0)"></PLButton>
             <PLButton type="button" icon="pi pi-angle-double-up" @click="moveTop($event, 0)"></PLButton>
@@ -44,7 +44,7 @@
                 </template>
             </transition-group>
         </div>
-        <div class="p-picklist-buttons p-picklist-target-controls">
+        <div class="p-picklist-buttons p-picklist-target-controls" v-if="showTargetControls">
             <slot name="targetcontrolsstart"></slot>
             <PLButton type="button" icon="pi pi-angle-up" @click="moveUp($event, 1)"></PLButton>
             <PLButton type="button" icon="pi pi-angle-double-up" @click="moveTop($event, 1)"></PLButton>
@@ -95,6 +95,14 @@ export default {
         stripedRows: {
             type: Boolean,
             default: false
+        },
+        showSourceControls: {
+            type: Boolean,
+            default: true
+        },
+        showTargetControls: {
+            type: Boolean,
+            default: true
         }
     },
     itemTouched: false,
diff --git a/src/views/picklist/PickListDoc.vue b/src/views/picklist/PickListDoc.vue
index bc177b404..9a6c562e5 100755
--- a/src/views/picklist/PickListDoc.vue
+++ b/src/views/picklist/PickListDoc.vue
@@ -142,6 +142,18 @@ import PickList from 'primevue/picklist';
                         <td>boolean</td>
                         <td>false</td>
                         <td>Whether to displays rows with alternating colors.</td>
+                    </tr>
+                    <tr>
+                        <td>showSourceControls</td>
+                        <td>boolean</td>
+                        <td>true</td>
+                        <td>Whether to show buttons of source list.</td>
+                    </tr>
+                    <tr>
+                        <td>showTargetControls</td>
+                        <td>boolean</td>
+                        <td>true</td>
+                        <td>Whether to show buttons of target list.</td>
                     </tr>
 				</tbody>
 			</table>