vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-09 17:02:38 +00:00
Code Issues Projects Releases Packages Wiki Activity

Merge branch 'master' of https://github.com/primefaces/primevue

Browse source
This commit is contained in:
onursenture 2021-11-09 15:19:33 +03:00
commit 2425fe267d
49 changed files with 512 additions and 339 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/AppConfigurator.vue
View file

@ -138,7 +138,7 @@
<span>Lara Light Indigo</span>
</div>
<div class="p-col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'lara-dark-indigo')">
<button class="p-link" type="button" @click="changeTheme($event, 'lara-dark-indigo', true)">
<img src="demo/images/themes/lara-dark-indigo.svg" alt="Lara Dark Indigo" />
</button>
<span>Lara Dark Indigo</span>
@ -150,7 +150,7 @@
<span>Lara Light Purple</span>
</div>
<div class="p-col-3">
<button class="p-link" type="button" @click="changeTheme($event, 'lara-dark-purple')">
<button class="p-link" type="button" @click="changeTheme($event, 'lara-dark-purple', true)">
<img src="demo/images/themes/lara-dark-purple.svg" alt="Lara Dark Purple" />
</button>
<span>Lara Dark Purple</span>

17
src/AppTopBar.vue
View file

@ -49,6 +49,10 @@
<li><a @click="changeTheme($event, 'fluent-light')"><img src="demo/images/themes/fluent-light.png" alt="Fluent Light" /><span>Fluent Light</span></a></li>
<li class="topbar-submenu-header">PRIMEONE</li>
<li><a @click="changeTheme($event, 'lara-light-indigo')"><img src="demo/images/themes/lara-light-indigo.svg" alt="Lara Light Indigo" /><span>Lara Light Indigo</span></a></li>
<li><a @click="changeTheme($event, 'lara-dark-indigo')"><img src="demo/images/themes/lara-dark-indigo.svg" alt="Lara Dark Indigo" /><span>Lara Dark Indigo</span></a></li>
<li><a @click="changeTheme($event, 'lara-light-purple')"><img src="demo/images/themes/lara-light-purple.svg" alt="Lara Light Purple" /><span>Lara Light Purple</span></a></li>
<li><a @click="changeTheme($event, 'lara-dark-purple')"><img src="demo/images/themes/lara-dark-purple.svg" alt="Lara Dark Purple" /><span>Lara Dark Purple</span></a></li>
<li><a @click="changeTheme($event, 'saga-blue')"><img src="demo/images/themes/saga-blue.png" alt="Saga Blue" /><span>Saga Blue</span></a></li>
<li><a @click="changeTheme($event, 'saga-green')"><img src="demo/images/themes/saga-green.png" alt="Saga Green" /><span>Saga Green</span></a></li>
<li><a @click="changeTheme($event, 'saga-orange')"><img src="demo/images/themes/saga-orange.png" alt="Saga Orange" /><span>Saga Orange</span></a></li>
@ -69,17 +73,6 @@
<li><a @click="changeTheme($event, 'viva-dark', true)"><img src="demo/images/themes/viva-dark.svg" alt="Viva Dark" /><span>Viva Dark</span></a></li>
<li><a @click="changeTheme($event, 'mira')"><img src="demo/images/themes/mira.jpg" alt="Mira" /><span>Mira</span></a></li>
<li><a @click="changeTheme($event, 'nano')"><img src="demo/images/themes/nano.jpg" alt="Nano" /><span>Nano</span></a></li>
<li class="topbar-submenu-header">LEGACY</li>
<li><a @click="changeTheme($event, 'nova')"><img src="demo/images/themes/nova.png" alt="Nova" /><span>Nova</span></a></li>
<li><a @click="changeTheme($event, 'nova-alt')"><img src="demo/images/themes/nova-alt.png" alt="Nova Alt" /><span>Nova Alt</span></a></li>
<li><a @click="changeTheme($event, 'nova-accent')"><img src="demo/images/themes/nova-accent.png" alt="Nova Accent" /><span>Nova Accent</span></a></li>
<li><a @click="changeTheme($event, 'nova-vue')"><img src="demo/images/themes/nova-vue.png" alt="Nova Vue" /><span>Nova Vue</span></a></li>
<li><a @click="changeTheme($event, 'luna-amber', true)"><img src="demo/images/themes/luna-amber.png" alt="Luna Amber" /><span>Luna Amber</span></a></li>
<li><a @click="changeTheme($event, 'luna-blue', true)"><img src="demo/images/themes/luna-blue.png" alt="Luna Blue" /><span>Luna Blue</span></a></li>
<li><a @click="changeTheme($event, 'luna-green', true)"><img src="demo/images/themes/luna-green.png" alt="Luna Green" /><span>Luna Green</span></a></li>
<li><a @click="changeTheme($event, 'luna-pink', true)"><img src="demo/images/themes/luna-pink.png" alt="Luna Pink" /><span>Luna Pink</span></a></li>
<li><a @click="changeTheme($event, 'rhea')"><img src="demo/images/themes/rhea.png" alt="Rhea" /><span>Rhea</span></a></li>
</ul>
</transition>
</li>
@ -187,7 +180,7 @@ export default {
'lara-dark-indigo': 'lara-dark-indigo.svg',
'lara-dark-purple': 'lara-dark-purple.svg',
'lara-light-indigo': 'lara-light-indigo.svg',
'lara-light-purple': 'lara-light-purple.svg',
'lara-light-purple': 'lara-light-purple.svg'
}
}
},

3
src/components/autocomplete/AutoComplete.vue
View file

@ -191,7 +191,8 @@ export default {
this.bindResizeListener();
if (this.autoHighlight && this.suggestions && this.suggestions.length) {
DomHandler.addClass(this.overlay.firstElementChild.firstElementChild, 'p-highlight')
let itemList = DomHandler.findSingle(this.overlay, '.p-autocomplete-items');
DomHandler.addClass(itemList.firstElementChild, 'p-highlight');
}
},
onOverlayLeave() {

2
src/views/dataview/DataViewDemo.vue
View file

@ -184,7 +184,7 @@ export default {
::v-deep(.product-grid-item) {
margin: .5rem;
border: 1px solid #dee2e6;
border: 1px solid var(--surface-border);
.product-grid-item-top,
.product-grid-item-bottom {

6
src/views/dataview/DataViewDoc.vue
View file

@ -638,7 +638,7 @@ export default {
::v-deep(.product-grid-item) {
margin: .5rem;
border: 1px solid #dee2e6;
border: 1px solid var(--surface-border);
.product-grid-item-top,
.product-grid-item-bottom {
@ -871,7 +871,7 @@ export default {
::v-deep(.product-grid-item) {
margin: .5rem;
border: 1px solid #dee2e6;
border: 1px solid var(--surface-border);
.product-grid-item-top,
.product-grid-item-bottom {
@ -1118,7 +1118,7 @@ export default {
.product-grid-item {
margin: .5rem;
border: 1px solid #dee2e6;
border: 1px solid var(--surface-border);
}
.product-grid-item .product-grid-item-top,

4
src/views/paginator/PaginatorDemo.vue
View file

@ -62,10 +62,6 @@ export default {
</script>
<style scoped>
.p-button.p-button-icon-only {
border-radius: 0;
}
.image-gallery {
text-align: center;
padding: 1rem;

12
src/views/paginator/PaginatorDoc.vue
View file

@ -324,10 +324,6 @@ export default {
<\\/script>
<style scoped>
.p-button.p-button-icon-only {
border-radius: 0;
}
.image-gallery {
text-align: center;
padding: 1rem;
@ -377,10 +373,6 @@ export default {
<\\/script>
<style scoped>
.p-button.p-button-icon-only {
border-radius: 0;
}
.image-gallery {
text-align: center;
padding: 1rem;
@ -435,10 +427,6 @@ export default {
<\\/script>
<style scoped>
.p-button.p-button-icon-only {
border-radius: 0;
}
.image-gallery {
text-align: center;
padding: 1rem;

2
src/views/progressspinner/ProgressSpinnerDemo.vue
View file

@ -14,7 +14,7 @@
<ProgressSpinner />
<h5>Custom</h5>
<ProgressSpinner style="width:50px;height:50px" strokeWidth="8" fill="#EEEEEE" animationDuration=".5s"/>
<ProgressSpinner style="width:50px;height:50px" strokeWidth="8" fill="var(--surface-ground)" animationDuration=".5s"/>
</div>
</div>

6
src/views/progressspinner/ProgressSpinnerDoc.vue
View file

@ -123,7 +123,7 @@ export default {
<ProgressSpinner />
<h5>Custom</h5>
<ProgressSpinner style="width:50px;height:50px" strokeWidth="8" fill="#EEEEEE" animationDuration=".5s"/>
<ProgressSpinner style="width:50px;height:50px" strokeWidth="8" fill="var(--surface-ground)" animationDuration=".5s"/>
</div>
</template>
@ -142,7 +142,7 @@ export default {
<ProgressSpinner />
<h5>Custom</h5>
<ProgressSpinner style="width:50px;height:50px" strokeWidth="8" fill="#EEEEEE" animationDuration=".5s"/>
<ProgressSpinner style="width:50px;height:50px" strokeWidth="8" fill="var(--surface-ground)" animationDuration=".5s"/>
</div>
</template>
@ -159,7 +159,7 @@ export default {
<p-progressspinner></p-progressspinner>
<h5>Custom</h5>
<p-progressspinner style="width:50px;height:50px" stroke-width="8" fill="#EEEEEE" animation-duration=".5s"></p-progressspinner>
<p-progressspinner style="width:50px;height:50px" stroke-width="8" fill="var(--surface-ground)" animation-duration=".5s"></p-progressspinner>
</div>
<script type="module">

8
src/views/treetable/TreeTableTemplatingDemo.vue
View file

@ -17,7 +17,7 @@
<Column field="name" header="Name" :expander="true"></Column>
<Column field="size" header="Size"></Column>
<Column field="type" header="Type"></Column>
<Column headerStyle="width: 8em" headerClass="p-text-center" bodyClass="p-text-center">
<Column headerStyle="width: 10rem" headerClass="p-text-center" bodyClass="p-text-center">
<template #header>
<Button type="button" icon="pi pi-cog"></Button>
</template>
@ -60,7 +60,7 @@ export default {
<Column field="name" header="Name" :expander="true"></Column>
<Column field="size" header="Size"></Column>
<Column field="type" header="Type"></Column>
<Column headerStyle="width: 8em" headerClass="p-text-center" bodyClass="p-text-center">
<Column headerStyle="width: 10rem" headerClass="p-text-center" bodyClass="p-text-center">
<template #header>
<Button type="button" icon="pi pi-cog"></Button>
</template>
@ -110,7 +110,7 @@ export default {
<Column field="name" header="Name" :expander="true"></Column>
<Column field="size" header="Size"></Column>
<Column field="type" header="Type"></Column>
<Column headerStyle="width: 8em" headerClass="p-text-center" bodyClass="p-text-center">
<Column headerStyle="width: 10rem" headerClass="p-text-center" bodyClass="p-text-center">
<template #header>
<Button type="button" icon="pi pi-cog"></Button>
</template>
@ -160,7 +160,7 @@ export default {
<p-column field="name" header="Name" :expander="true"></p-column>
<p-column field="size" header="Size"></p-column>
<p-column field="type" header="Type"></p-column>
<p-column header-style="width: 8em" header-class="p-text-center" body-class="p-text-center">
<p-column header-style="width: 10rem" header-class="p-text-center" body-class="p-text-center">
<template #header>
<p-button type="button" icon="pi pi-cog"></p-button>
</template>