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

Refactor #3832 - For Panel

pull/3841/head
mertsincan 2023-04-03 09:27:41 +01:00
parent cc02c8e658
commit 72db159a9d
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/lib/panel/Panel.vue
View File

@ -21,7 +21,7 @@
v-bind="{ ...toggleButtonProps, ...ptm('toggler') }" v-bind="{ ...toggleButtonProps, ...ptm('toggler') }"
> >
<slot name="headericon" :collapsed="d_collapsed"> <slot name="headericon" :collapsed="d_collapsed">
<span :class="{ 'pi pi-minus': !d_collapsed, 'pi pi-plus': d_collapsed }" v-bind="ptm('headericon')"></span> <component :is="d_collapsed ? 'PlusIcon' : 'MinusIcon'" v-bind="ptm('headericon')" />
</slot> </slot>
</button> </button>
</div> </div>
@ -41,6 +41,8 @@
<script> <script>
import BaseComponent from 'primevue/basecomponent'; import BaseComponent from 'primevue/basecomponent';
import MinusIcon from 'primevue/icon/minus';
import PlusIcon from 'primevue/icon/plus';
import Ripple from 'primevue/ripple'; import Ripple from 'primevue/ripple';
import { UniqueComponentId } from 'primevue/utils'; import { UniqueComponentId } from 'primevue/utils';
@ -94,6 +96,10 @@ export default {
return this.toggleButtonProps && this.toggleButtonProps['aria-label'] ? this.toggleButtonProps['aria-label'] : this.header; return this.toggleButtonProps && this.toggleButtonProps['aria-label'] ? this.toggleButtonProps['aria-label'] : this.header;
} }
}, },
components: {
PlusIcon,
MinusIcon
},
directives: { directives: {
ripple: Ripple ripple: Ripple
} }