From 107c9291d8ca5cec40d2042dc76d9a956221e2bd Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Thu, 2 May 2024 16:15:11 +0300
Subject: [PATCH] Refactor #5661 - For DataTable

---
 components/lib/datatable/DataTable.d.ts | 12 +++++++++++-
 components/lib/datatable/DataTable.vue  |  4 ++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/components/lib/datatable/DataTable.d.ts b/components/lib/datatable/DataTable.d.ts
index e93be3380..6f0de1122 100755
--- a/components/lib/datatable/DataTable.d.ts
+++ b/components/lib/datatable/DataTable.d.ts
@@ -1321,13 +1321,23 @@ export interface DataTableSlots {
      */
     loadingicon(): VNode[];
     /**
-     * Custom reorder indicator up icon template.
+     * Custom row reorder indicator up icon template.
+     * @deprecated since v4.0. Use 'rowreorderindicatorupicon' slot.
      */
     reorderindicatorupicon(): VNode[];
+    /**
+     * Custom row reorder indicator up icon template.
+     */
+    rowreorderindicatorupicon(): VNode[];
     /**
      * Custom reorder indicator down icon template.
+     * @deprecated since v4.0. Use 'rowreorderindicatordownicon' slot.
      */
     reorderindicatordownicon(): VNode[];
+    /**
+     * Custom reorder indicator down icon template.
+     */
+    rowreorderindicatordownicon(): VNode[];
     /**
      * Custom rowgroup toggler icon template.
      * @param {Object} scope - rowgroup toggler icon slot's params.
diff --git a/components/lib/datatable/DataTable.vue b/components/lib/datatable/DataTable.vue
index c527eb6ff..2f660032a 100755
--- a/components/lib/datatable/DataTable.vue
+++ b/components/lib/datatable/DataTable.vue
@@ -273,10 +273,10 @@
         </DTPaginator>
         <div ref="resizeHelper" :class="cx('columnResizeIndicator')" style="display: none" v-bind="ptm('columnResizeIndicator')"></div>
         <span v-if="reorderableColumns" ref="reorderIndicatorUp" :class="cx('rowReorderIndicatorUp')" style="position: absolute; display: none" v-bind="ptm('rowReorderIndicatorUp')">
-            <component :is="$slots.reorderindicatorupicon || 'ArrowDownIcon'" />
+            <component :is="$slots.rowreorderindicatorupicon || $slots.reorderindicatorupicon || 'ArrowDownIcon'" />
         </span>
         <span v-if="reorderableColumns" ref="reorderIndicatorDown" :class="cx('rowReorderIndicatorDown')" style="position: absolute; display: none" v-bind="ptm('rowReorderIndicatorDown')">
-            <component :is="$slots.reorderindicatordownicon || 'ArrowUpIcon'" />
+            <component :is="$slots.rowreorderindicatordownicon || $slots.reorderindicatordownicon || 'ArrowUpIcon'" />
         </span>
     </div>
 </template>