39 lines
1000 B
Vue
39 lines
1000 B
Vue
|
<template>
|
||
|
|
<button v-ripple :class="cx('first')" type="button" v-bind="getPTOptions('first')" data-pc-group-section="pagebutton">
|
||
|
|
<component :is="template || 'AngleDoubleLeftIcon'" :class="cx('firstIcon')" v-bind="getPTOptions('firstIcon')" />
|
||
|
|
</button>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import BaseComponent from '@primevue/core/basecomponent';
|
||
|
|
import AngleDoubleLeftIcon from '@primevue/icons/angledoubleleft';
|
||
|
|
import Ripple from 'primevue/ripple';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: 'FirstPageLink',
|
||
|
|
hostName: 'Paginator',
|
||
|
|
extends: BaseComponent,
|
||
|
|
props: {
|
||
|
|
template: {
|
||
|
|
type: Function,
|
||
|
|
default: null
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
getPTOptions(key) {
|
||
|
|
return this.ptm(key, {
|
||
|
|
context: {
|
||
|
|
disabled: this.$attrs.disabled
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
},
|
||
|
|
components: {
|
||
|
|
AngleDoubleLeftIcon: AngleDoubleLeftIcon
|
||
|
|
},
|
||
|
|
directives: {
|
||
|
|
ripple: Ripple
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|