mirror of
https://github.com/primefaces/primevue.git
synced 2025-05-09 00:42:36 +00:00
parent
a2cd63672b
commit
a8f3e2d5e3
12 changed files with 56 additions and 41 deletions
|
@ -2,11 +2,12 @@
|
|||
<button v-ripple :class="buttonClass" type="button" :aria-label="defaultAriaLabel" :disabled="disabled">
|
||||
<slot></slot>
|
||||
<template v-if="!$slots.default">
|
||||
<slot v-if="loading" name="loadingicon" :class="iconStyleClass">
|
||||
<component :is="loadingIcon ? 'span' : 'SpinnerIcon'" :class="iconStyleClass" spin />
|
||||
<slot v-if="loading" name="loadingicon" :class="loadingIconStyleClass">
|
||||
<span v-if="loadingIcon" :class="[loadingIconStyleClass, loadingIcon]" />
|
||||
<SpinnerIcon v-else :class="loadingIconStyleClass" spin />
|
||||
</slot>
|
||||
<slot v-else name="icon" :class="iconStyleClass">
|
||||
<span v-if="icon" :class="iconStyleClass"></span>
|
||||
<span v-if="icon" :class="[iconStyleClass, icon]"></span>
|
||||
</slot>
|
||||
<span class="p-button-label">{{ label || ' ' }}</span>
|
||||
<span v-if="badge" :class="badgeStyleClass">{{ badge }}</span>
|
||||
|
@ -110,7 +111,6 @@ export default {
|
|||
},
|
||||
iconStyleClass() {
|
||||
return [
|
||||
this.loading ? 'p-button-loading-icon ' + (this.loadingIcon || '') : this.icon,
|
||||
'p-button-icon',
|
||||
this.iconClass,
|
||||
{
|
||||
|
@ -121,6 +121,9 @@ export default {
|
|||
}
|
||||
];
|
||||
},
|
||||
loadingIconStyleClass() {
|
||||
return ['p-button-loading-icon pi-spin', this.iconStyleClass];
|
||||
},
|
||||
badgeStyleClass() {
|
||||
return [
|
||||
'p-badge p-component',
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue