Merge branch 'master' of https://github.com/primefaces/primevue
commit
985f8f5d03
|
@ -1023,22 +1023,22 @@ export default {
|
|||
<div class="dock-window">
|
||||
<p-dock :model="dockBasicItems" position="bottom">
|
||||
<template #icon="{ item }">
|
||||
<img :alt="item.label" :src="item.icon" style="width: 100%" />
|
||||
<img :alt="item.label" src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" style="width: 100%" />
|
||||
</template>
|
||||
</p-dock>
|
||||
<p-dock :model="dockBasicItems" position="top">
|
||||
<template #icon="{ item }">
|
||||
<img :alt="item.label" :src="item.icon" style="width: 100%" />
|
||||
<img :alt="item.label" src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" style="width: 100%" />
|
||||
</template>
|
||||
</p-dock>
|
||||
<p-dock :model="dockBasicItems" position="left">
|
||||
<template #icon="{ item }">
|
||||
<img :alt="item.label" :src="item.icon" style="width: 100%" />
|
||||
<img :alt="item.label" src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" style="width: 100%" />
|
||||
</template>
|
||||
</p-dock>
|
||||
<p-dock :model="dockBasicItems" position="right">
|
||||
<template #icon="{ item }">
|
||||
<img :alt="item.label" :src="item.icon" style="width: 100%" />
|
||||
<img :alt="item.label" src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" style="width: 100%" />
|
||||
</template>
|
||||
</p-dock>
|
||||
</div>
|
||||
|
|
|
@ -454,7 +454,7 @@ export default {
|
|||
<script src="./ProductService.js"><\\/script>`,
|
||||
content: `<div id="app">
|
||||
<div class="card">
|
||||
<p-orderlist v-model="products" listStyle="height:auto" dataKey="id">
|
||||
<p-orderlist v-model="products" list-style="height:auto" data-key="id">
|
||||
<template #header>
|
||||
List of Products
|
||||
</template>
|
||||
|
|
|
@ -2526,7 +2526,8 @@ export default {
|
|||
},
|
||||
'browser-source': {
|
||||
tabName: 'Browser Source',
|
||||
imports: `<script src="https://unpkg.com/primevue@^3/textarea/textarea.min.js"><\\/script>
|
||||
imports: `<script src="https://unpkg.com/vue-router@4.0.0/dist/vue-router.global.js"><\\/script>
|
||||
<script src="https://unpkg.com/primevue@^3/textarea/textarea.min.js"><\\/script>
|
||||
<script src="https://unpkg.com/primevue@^3/autocomplete/autocomplete.min.js"><\\/script>
|
||||
<script src="https://unpkg.com/primevue@^3/calendar/calendar.min.js"><\\/script>
|
||||
<script src="https://unpkg.com/primevue@^3/chips/chips.min.js"><\\/script>
|
||||
|
@ -2563,7 +2564,8 @@ export default {
|
|||
<script src="./CustomerService.js"><\\/script>
|
||||
<script src="./CountryService.js"><\\/script>
|
||||
<script src="./ProductService.js"><\\/script>`,
|
||||
content: `<div id="app">
|
||||
content: `
|
||||
<div id="app">
|
||||
<h1>Responsive Design</h1>
|
||||
<div class="p-grid">
|
||||
<div class="p-col-12 p-md-6 p-fluid">
|
||||
|
@ -3432,7 +3434,15 @@ export default {
|
|||
}
|
||||
};
|
||||
|
||||
const routes = [{ path: "/", component: App }];
|
||||
|
||||
const router = VueRouter.createRouter({
|
||||
history: VueRouter.createWebHashHistory(),
|
||||
routes
|
||||
});
|
||||
|
||||
createApp(App)
|
||||
.use(router)
|
||||
.use(primevue.config.default, { ripple: true })
|
||||
.use(primevue.toastservice)
|
||||
.use(primevue.confirmationservice)
|
||||
|
|
|
@ -290,7 +290,7 @@ export default {
|
|||
<p-selectbutton v-model="value2" :options="paymentOptions" option-label="name" multiple></p-selectbutton>
|
||||
|
||||
<h5>Custom Content</h5>
|
||||
<p-selectbutton v-model="value3" :options="justifyOptions" dataKey="value">
|
||||
<p-selectbutton v-model="value3" :options="justifyOptions" data-key="value">
|
||||
<template #option="slotProps">
|
||||
<i :class="slotProps.option.icon"></i>
|
||||
</template>
|
||||
|
|
|
@ -697,12 +697,12 @@ export default {
|
|||
icon:'pi pi-fw pi-plus',
|
||||
items:[
|
||||
{
|
||||
label:'Bookmark',
|
||||
icon:'pi pi-fw pi-bookmark'
|
||||
label:'Bookmark',
|
||||
icon:'pi pi-fw pi-bookmark'
|
||||
},
|
||||
{
|
||||
label:'Video',
|
||||
icon:'pi pi-fw pi-video'
|
||||
label:'Video',
|
||||
icon:'pi pi-fw pi-video'
|
||||
},
|
||||
]
|
||||
},
|
||||
|
|
Loading…
Reference in New Issue