Refactor #5592 - For ScrollPanel, Splitter, Stepper

This commit is contained in:
tugcekucukoglu 2024-04-30 17:09:49 +03:00
parent 8c6c62db04
commit 6d688ef675
12 changed files with 49 additions and 53 deletions

View file

@ -54,9 +54,9 @@ export interface ScrollPanelPassThroughOptions {
*/
root?: ScrollPanelPassThroughOptionType;
/**
* Used to pass attributes to the wrapper's DOM element.
* Used to pass attributes to the content container's DOM element.
*/
wrapper?: ScrollPanelPassThroughOptionType;
contentContainer?: ScrollPanelPassThroughOptionType;
/**
* Used to pass attributes to the content's DOM element.
*/

View file

@ -1,6 +1,6 @@
<template>
<div :class="cx('root')" v-bind="ptmi('root')">
<div :class="cx('wrapper')" v-bind="ptm('wrapper')">
<div :class="cx('contentContainer')" v-bind="ptm('contentContainer')">
<div ref="content" :id="contentId" :class="cx('content')" @scroll="onScroll" @mouseenter="moveBar" v-bind="ptm('content')">
<slot></slot>
</div>

View file

@ -2,7 +2,7 @@ import BaseStyle from 'primevue/base/style';
const classes = {
root: 'p-scrollpanel p-component',
wrapper: 'p-scrollpanel-content-container',
contentContainer: 'p-scrollpanel-content-container',
content: 'p-scrollpanel-content',
barX: 'p-scrollpanel-bar p-scrollpanel-bar-x',
barY: 'p-scrollpanel-bar p-scrollpanel-bar-y'