Refactor #5592 - For DataTable

primefaces · May 2, 2024 · 8967dd6 · 8967dd6
1 parent ac8aeac
commit 8967dd6
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/components/lib/datatable/BodyCell.vue b/components/lib/datatable/BodyCell.vue
@@ -64,21 +64,21 @@
         <template v-else-if="columnProp('expander')">
             <button
                 v-ripple
-                :class="cx('rowToggler')"
+                :class="cx('rowToggleButton')"
                 type="button"
                 :aria-expanded="isRowExpanded"
                 :aria-controls="ariaControls"
                 :aria-label="expandButtonAriaLabel"
                 @click="toggleRow"
-                v-bind="getColumnPT('rowToggler')"
+                v-bind="getColumnPT('rowToggleButton')"
                 data-pc-group-section="rowactionbutton"
             >
-                <component v-if="column.children && column.children.rowtogglericon" :is="column.children.rowtogglericon" :class="cx('rowTogglerIcon')" :rowExpanded="isRowExpanded" />
+                <component v-if="column.children && column.children.rowtogglericon" :is="column.children.rowtogglericon" :class="cx('rowToggleIcon')" :rowExpanded="isRowExpanded" />
                 <template v-else>
-                    <span v-if="isRowExpanded && expandedRowIcon" :class="[cx('rowTogglerIcon'), expandedRowIcon]" />
-                    <ChevronDownIcon v-else-if="isRowExpanded && !expandedRowIcon" :class="cx('rowTogglerIcon')" v-bind="getColumnPT('rowTogglerIcon')" />
-                    <span v-else-if="!isRowExpanded && collapsedRowIcon" :class="[cx('rowTogglerIcon'), collapsedRowIcon]" />
-                    <ChevronRightIcon v-else-if="!isRowExpanded && !collapsedRowIcon" :class="cx('rowTogglerIcon')" v-bind="getColumnPT('rowTogglerIcon')" />
+                    <span v-if="isRowExpanded && expandedRowIcon" :class="[cx('rowToggleIcon'), expandedRowIcon]" />
+                    <ChevronDownIcon v-else-if="isRowExpanded && !expandedRowIcon" :class="cx('rowToggleIcon')" v-bind="getColumnPT('rowToggleIcon')" />
+                    <span v-else-if="!isRowExpanded && collapsedRowIcon" :class="[cx('rowToggleIcon'), collapsedRowIcon]" />
+                    <ChevronRightIcon v-else-if="!isRowExpanded && !collapsedRowIcon" :class="cx('rowToggleIcon')" v-bind="getColumnPT('rowToggleIcon')" />
                 </template>
             </button>
         </template>