Merge branch 'master' of https://github.com/primefaces/primevue
commit
985f8f5d03
|
@ -1023,22 +1023,22 @@ export default {
|
||||||
<div class="dock-window">
|
<div class="dock-window">
|
||||||
<p-dock :model="dockBasicItems" position="bottom">
|
<p-dock :model="dockBasicItems" position="bottom">
|
||||||
<template #icon="{ item }">
|
<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>
|
</template>
|
||||||
</p-dock>
|
</p-dock>
|
||||||
<p-dock :model="dockBasicItems" position="top">
|
<p-dock :model="dockBasicItems" position="top">
|
||||||
<template #icon="{ item }">
|
<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>
|
</template>
|
||||||
</p-dock>
|
</p-dock>
|
||||||
<p-dock :model="dockBasicItems" position="left">
|
<p-dock :model="dockBasicItems" position="left">
|
||||||
<template #icon="{ item }">
|
<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>
|
</template>
|
||||||
</p-dock>
|
</p-dock>
|
||||||
<p-dock :model="dockBasicItems" position="right">
|
<p-dock :model="dockBasicItems" position="right">
|
||||||
<template #icon="{ item }">
|
<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>
|
</template>
|
||||||
</p-dock>
|
</p-dock>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -454,7 +454,7 @@ export default {
|
||||||
<script src="./ProductService.js"><\\/script>`,
|
<script src="./ProductService.js"><\\/script>`,
|
||||||
content: `<div id="app">
|
content: `<div id="app">
|
||||||
<div class="card">
|
<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>
|
<template #header>
|
||||||
List of Products
|
List of Products
|
||||||
</template>
|
</template>
|
||||||
|
|
|
@ -2526,7 +2526,8 @@ export default {
|
||||||
},
|
},
|
||||||
'browser-source': {
|
'browser-source': {
|
||||||
tabName: '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/autocomplete/autocomplete.min.js"><\\/script>
|
||||||
<script src="https://unpkg.com/primevue@^3/calendar/calendar.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>
|
<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="./CustomerService.js"><\\/script>
|
||||||
<script src="./CountryService.js"><\\/script>
|
<script src="./CountryService.js"><\\/script>
|
||||||
<script src="./ProductService.js"><\\/script>`,
|
<script src="./ProductService.js"><\\/script>`,
|
||||||
content: `<div id="app">
|
content: `
|
||||||
|
<div id="app">
|
||||||
<h1>Responsive Design</h1>
|
<h1>Responsive Design</h1>
|
||||||
<div class="p-grid">
|
<div class="p-grid">
|
||||||
<div class="p-col-12 p-md-6 p-fluid">
|
<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)
|
createApp(App)
|
||||||
|
.use(router)
|
||||||
.use(primevue.config.default, { ripple: true })
|
.use(primevue.config.default, { ripple: true })
|
||||||
.use(primevue.toastservice)
|
.use(primevue.toastservice)
|
||||||
.use(primevue.confirmationservice)
|
.use(primevue.confirmationservice)
|
||||||
|
|
|
@ -290,7 +290,7 @@ export default {
|
||||||
<p-selectbutton v-model="value2" :options="paymentOptions" option-label="name" multiple></p-selectbutton>
|
<p-selectbutton v-model="value2" :options="paymentOptions" option-label="name" multiple></p-selectbutton>
|
||||||
|
|
||||||
<h5>Custom Content</h5>
|
<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">
|
<template #option="slotProps">
|
||||||
<i :class="slotProps.option.icon"></i>
|
<i :class="slotProps.option.icon"></i>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
@ -697,12 +697,12 @@ export default {
|
||||||
icon:'pi pi-fw pi-plus',
|
icon:'pi pi-fw pi-plus',
|
||||||
items:[
|
items:[
|
||||||
{
|
{
|
||||||
label:'Bookmark',
|
label:'Bookmark',
|
||||||
icon:'pi pi-fw pi-bookmark'
|
icon:'pi pi-fw pi-bookmark'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label:'Video',
|
label:'Video',
|
||||||
icon:'pi pi-fw pi-video'
|
icon:'pi pi-fw pi-video'
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|
Loading…
Reference in New Issue