Refactor #5661 - For DataTable

pull/5677/head
tugcekucukoglu 2024-05-02 16:15:11 +03:00
parent 8967dd69ac
commit 107c9291d8
2 changed files with 13 additions and 3 deletions

View File

@ -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.

View File

@ -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>