From 77927e251ee4099fb9af631dd41014ea0ee94b45 Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Wed, 17 Jul 2024 15:46:30 +0300
Subject: [PATCH] Correctly bind pt options

---
 packages/primevue/src/datatable/BodyCell.vue    | 13 ++++++++-----
 packages/primevue/src/datatable/HeaderCell.vue  |  4 ++--
 packages/primevue/src/datatable/RowCheckbox.vue |  2 +-
 packages/primevue/src/listbox/Listbox.vue       |  6 +++---
 packages/primevue/src/select/Select.vue         |  8 ++++----
 5 files changed, 18 insertions(+), 15 deletions(-)

diff --git a/packages/primevue/src/datatable/BodyCell.vue b/packages/primevue/src/datatable/BodyCell.vue
index 6fd5631f7..50e67706e 100755
--- a/packages/primevue/src/datatable/BodyCell.vue
+++ b/packages/primevue/src/datatable/BodyCell.vue
@@ -88,7 +88,8 @@
                 :aria-label="initButtonAriaLabel"
                 :unstyled="unstyled"
                 @click="onRowEditInit"
-                v-bind="{ ...getColumnPT('pcRowEditorInit'), ...editButtonProps.init }"
+                v-bind="editButtonProps.init"
+                :pt="getColumnPT('pcRowEditorInit')"
                 data-pc-group-section="rowactionbutton"
             >
                 <template #icon="slotProps">
@@ -101,7 +102,8 @@
                 :aria-label="saveButtonAriaLabel"
                 :unstyled="unstyled"
                 @click="onRowEditSave"
-                v-bind="{ ...getColumnPT('pcRowEditorSave'), ...editButtonProps.save }"
+                v-bind="editButtonProps.save"
+                :pt="getColumnPT('pcRowEditorSave')"
                 data-pc-group-section="rowactionbutton"
             >
                 <template #icon="slotProps">
@@ -114,7 +116,8 @@
                 :aria-label="cancelButtonAriaLabel"
                 :unstyled="unstyled"
                 @click="onRowEditCancel"
-                v-bind="{ ...getColumnPT('pcRowEditorCancel'), ...editButtonProps.cancel }"
+                v-bind="editButtonProps.cancel"
+                :pt="getColumnPT('pcRowEditorCancel')"
                 data-pc-group-section="rowactionbutton"
             >
                 <template #icon="slotProps">
@@ -127,10 +130,10 @@
 </template>
 
 <script>
+import { getAttribute, getFirstFocusableElement, getNextElementSibling, getOuterWidth, getPreviousElementSibling, invokeElementMethod } from '@primeuix/utils/dom';
+import { resolveFieldData } from '@primeuix/utils/object';
 import BaseComponent from '@primevue/core/basecomponent';
 import { getVNodeProp } from '@primevue/core/utils';
-import { getFirstFocusableElement, invokeElementMethod, getAttribute, getNextElementSibling, getOuterWidth, getPreviousElementSibling } from '@primeuix/utils/dom';
-import { resolveFieldData } from '@primeuix/utils/object';
 import BarsIcon from '@primevue/icons/bars';
 import CheckIcon from '@primevue/icons/check';
 import ChevronDownIcon from '@primevue/icons/chevrondown';
diff --git a/packages/primevue/src/datatable/HeaderCell.vue b/packages/primevue/src/datatable/HeaderCell.vue
index 94a911015..a8026d5f4 100644
--- a/packages/primevue/src/datatable/HeaderCell.vue
+++ b/packages/primevue/src/datatable/HeaderCell.vue
@@ -29,7 +29,7 @@
             <span v-if="columnProp('sortable')" v-bind="getColumnPT('sort')">
                 <component :is="(column.children && column.children.sorticon) || sortableColumnIcon" :sorted="sortState.sorted" :sortOrder="sortState.sortOrder" :class="cx('sortIcon')" v-bind="getColumnPT('sorticon')" />
             </span>
-            <Badge v-if="isMultiSorted()" :class="cx('pcSortBadge')" v-bind="getColumnPT('pcSortBadge')" :value="getBadgeValue()" size="small" />
+            <Badge v-if="isMultiSorted()" :class="cx('pcSortBadge')" :pt="getColumnPT('pcSortBadge')" :value="getBadgeValue()" size="small" />
             <DTHeaderCheckbox
                 v-if="columnProp('selectionMode') === 'multiple' && filterDisplay !== 'row'"
                 :checked="allRowsSelected"
@@ -84,9 +84,9 @@
 </template>
 
 <script>
+import { getAttribute, getIndex, getNextElementSibling, getOuterWidth, getPreviousElementSibling } from '@primeuix/utils/dom';
 import BaseComponent from '@primevue/core/basecomponent';
 import { getVNodeProp } from '@primevue/core/utils';
-import { getAttribute, getNextElementSibling, getOuterWidth, getPreviousElementSibling, getIndex } from '@primeuix/utils/dom';
 import SortAltIcon from '@primevue/icons/sortalt';
 import SortAmountDownIcon from '@primevue/icons/sortamountdown';
 import SortAmountUpAltIcon from '@primevue/icons/sortamountupalt';
diff --git a/packages/primevue/src/datatable/RowCheckbox.vue b/packages/primevue/src/datatable/RowCheckbox.vue
index df4ccd174..006232113 100755
--- a/packages/primevue/src/datatable/RowCheckbox.vue
+++ b/packages/primevue/src/datatable/RowCheckbox.vue
@@ -2,7 +2,7 @@
     <Checkbox :modelValue="checked" :binary="true" :disabled="$attrs.disabled" :aria-label="checkboxAriaLabel" @change="onChange" :unstyled="unstyled" :pt="getColumnPT('pcRowCheckbox')">
         <template #icon="slotProps">
             <component v-if="rowCheckboxIconTemplate" :is="rowCheckboxIconTemplate" :checked="slotProps.checked" :class="slotProps.class" />
-            <CheckIcon v-else-if="!rowCheckboxIconTemplate && slotProps.checked" :class="slotProps.class" v-bind="getColumnPT('pcRowCheckbox.icon')" />
+            <CheckIcon v-else-if="!rowCheckboxIconTemplate && slotProps.checked" :class="slotProps.class" v-bind="getColumnPT('pcRowCheckbox')['icon']" />
         </template>
     </Checkbox>
 </template>
diff --git a/packages/primevue/src/listbox/Listbox.vue b/packages/primevue/src/listbox/Listbox.vue
index 662fa095b..04cc524cc 100755
--- a/packages/primevue/src/listbox/Listbox.vue
+++ b/packages/primevue/src/listbox/Listbox.vue
@@ -15,7 +15,7 @@
             <slot name="header" :value="modelValue" :options="visibleOptions"></slot>
         </div>
         <div v-if="filter" :class="cx('header')" v-bind="ptm('header')">
-            <IconField :unstyled="unstyled" v-bind="ptm('pcFilterContainer')">
+            <IconField :unstyled="unstyled" :pt="ptm('pcFilterContainer')">
                 <InputText
                     v-model="filterValue"
                     type="text"
@@ -132,10 +132,10 @@
 </template>
 
 <script>
+import { findSingle, focus, getFirstFocusableElement, isElement } from '@primeuix/utils/dom';
+import { equals, findLastIndex, isNotEmpty, isPrintableCharacter, resolveFieldData } from '@primeuix/utils/object';
 import { FilterService } from '@primevue/core/api';
 import { UniqueComponentId } from '@primevue/core/utils';
-import { focus, isElement, getFirstFocusableElement, findSingle } from '@primeuix/utils/dom';
-import { resolveFieldData, isPrintableCharacter, isNotEmpty, equals, findLastIndex } from '@primeuix/utils/object';
 import BlankIcon from '@primevue/icons/blank';
 import CheckIcon from '@primevue/icons/check';
 import SearchIcon from '@primevue/icons/search';
diff --git a/packages/primevue/src/select/Select.vue b/packages/primevue/src/select/Select.vue
index 8aa0d6fdc..bc7033bde 100755
--- a/packages/primevue/src/select/Select.vue
+++ b/packages/primevue/src/select/Select.vue
@@ -76,7 +76,7 @@
                     ></span>
                     <slot name="header" :value="modelValue" :options="visibleOptions"></slot>
                     <div v-if="filter" :class="cx('header')" v-bind="ptm('header')">
-                        <IconField :unstyled="unstyled" v-bind="ptm('pcFilterContainer')">
+                        <IconField :unstyled="unstyled" :pt="ptm('pcFilterContainer')">
                             <InputText
                                 ref="filterInput"
                                 type="text"
@@ -190,11 +190,11 @@
 </template>
 
 <script>
+import { absolutePosition, addStyle, findSingle, focus, getFirstFocusableElement, getFocusableElements, getLastFocusableElement, getOuterWidth, isAndroid, isTouchDevice, isVisible, relativePosition } from '@primeuix/utils/dom';
+import { equals, findLastIndex, isNotEmpty, isPrintableCharacter, resolveFieldData } from '@primeuix/utils/object';
+import { ZIndex } from '@primeuix/utils/zindex';
 import { FilterService } from '@primevue/core/api';
 import { ConnectedOverlayScrollHandler, UniqueComponentId } from '@primevue/core/utils';
-import { focus, isAndroid, getFirstFocusableElement, getLastFocusableElement, addStyle, relativePosition, getOuterWidth, absolutePosition, isTouchDevice, isVisible, getFocusableElements, findSingle } from '@primeuix/utils/dom';
-import { resolveFieldData, isPrintableCharacter, isNotEmpty, equals, findLastIndex } from '@primeuix/utils/object';
-import { ZIndex } from '@primeuix/utils/zindex';
 import BlankIcon from '@primevue/icons/blank';
 import CheckIcon from '@primevue/icons/check';
 import ChevronDownIcon from '@primevue/icons/chevrondown';