vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Refactor #3965 - For ScrollTop

pull/3997/head
Tuğçe Küçükoğlu 2023-05-25 17:42:59 +03:00
parent ff2230736d
commit 4fc5d0918e
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/lib/scrolltop/BaseScrollTop.vue
View File

@ -39,7 +39,7 @@ const styles = `
const classes = { const classes = {
root: ({ props }) => ['p-scrolltop p-link p-component', { 'p-scrolltop-sticky': props.target !== 'window' }], root: ({ props }) => ['p-scrolltop p-link p-component', { 'p-scrolltop-sticky': props.target !== 'window' }],
icon: ({ props }) => ['p-scrolltop-icon', props.icon] icon: 'p-scrolltop-icon'
}; };
const { load: loadStyle } = useStyle(styles, { id: 'primevue_scrolltop_style', manual: true }); const { load: loadStyle } = useStyle(styles, { id: 'primevue_scrolltop_style', manual: true });

6
components/lib/scrolltop/ScrollTop.vue
View File

@ -1,17 +1,17 @@
<template> <template>
<transition name="p-scrolltop" appear @enter="onEnter" @after-leave="onAfterLeave"> <transition name="p-scrolltop" appear @enter="onEnter" @after-leave="onAfterLeave">
<button v-if="visible" :ref="containerRef" :class="cx('root')" @click="onClick" type="button" :aria-label="scrollTopAriaLabel" v-bind="ptm('root')"> <button v-if="visible" :ref="containerRef" :class="cx('root')" @click="onClick" type="button" :aria-label="scrollTopAriaLabel" v-bind="ptm('root')">
<slot name="icon"> <slot name="icon" :class="cx('icon')">
<component :is="icon ? 'span' : 'ChevronUpIcon'" :class="cx('icon')" v-bind="ptm('icon')" /> <component :is="icon ? 'span' : 'ChevronUpIcon'" :class="[cx('icon'), icon]" v-bind="ptm('icon')" />
</slot> </slot>
</button> </button>
</transition> </transition>
</template> </template>
<script> <script>
import BaseScrollTop from './BaseScrollTop.vue';
import ChevronUpIcon from 'primevue/icons/chevronup'; import ChevronUpIcon from 'primevue/icons/chevronup';
import { DomHandler, ZIndexUtils } from 'primevue/utils'; import { DomHandler, ZIndexUtils } from 'primevue/utils';
import BaseScrollTop from './BaseScrollTop.vue';
export default { export default {
name: 'ScrollTop', name: 'ScrollTop',