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[]; loadingicon(): VNode[];
/** /**
* Custom reorder indicator up icon template. * Custom row reorder indicator up icon template.
* @deprecated since v4.0. Use 'rowreorderindicatorupicon' slot.
*/ */
reorderindicatorupicon(): VNode[]; reorderindicatorupicon(): VNode[];
/**
* Custom row reorder indicator up icon template.
*/
rowreorderindicatorupicon(): VNode[];
/** /**
* Custom reorder indicator down icon template. * Custom reorder indicator down icon template.
* @deprecated since v4.0. Use 'rowreorderindicatordownicon' slot.
*/ */
reorderindicatordownicon(): VNode[]; reorderindicatordownicon(): VNode[];
/**
* Custom reorder indicator down icon template.
*/
rowreorderindicatordownicon(): VNode[];
/** /**
* Custom rowgroup toggler icon template. * Custom rowgroup toggler icon template.
* @param {Object} scope - rowgroup toggler icon slot's params. * @param {Object} scope - rowgroup toggler icon slot's params.

View File

@ -273,10 +273,10 @@
</DTPaginator> </DTPaginator>
<div ref="resizeHelper" :class="cx('columnResizeIndicator')" style="display: none" v-bind="ptm('columnResizeIndicator')"></div> <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')"> <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>
<span v-if="reorderableColumns" ref="reorderIndicatorDown" :class="cx('rowReorderIndicatorDown')" style="position: absolute; display: none" v-bind="ptm('rowReorderIndicatorDown')"> <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> </span>
</div> </div>
</template> </template>