Merge branch 'master' of https://github.com/primefaces/primevue
commit
f217bff91f
|
@ -277,13 +277,13 @@ myUploader(event) {
|
|||
<td>select</td>
|
||||
<td>event.originalEvent: Original browser event. <br />
|
||||
event.files: List of selected files.</td>
|
||||
<td>Callback to invoke when file upload is complete.</td>
|
||||
<td>Callback to invoke when files are selected.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>progress</td>
|
||||
<td>event.originalEvent: Original browser event. <br />
|
||||
event.progress: Calculated progress value.</td>
|
||||
<td>Callback to invoke when files are selected.</td>
|
||||
<td>Callback to invoke when files are being uploaded.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>uploader</td>
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<AppDoc name="InputTextDemo" :sources="sources" github="inputtext/InputTextDemo.vue">
|
||||
<AppDoc name="ImageDemo" :sources="sources" github="image/ImageDemo.vue">
|
||||
<h5>Import</h5>
|
||||
<pre v-code.script><code>
|
||||
import Image from 'primevue/image';
|
||||
|
|
|
@ -95,9 +95,9 @@ export default {
|
|||
...extDependencies,
|
||||
'vue': dependencies['vue'],
|
||||
'axios': dependencies['axios'],
|
||||
'primevue': '^3.6.0',
|
||||
'primevue': '^3.7.0',
|
||||
'primeflex': dependencies['primeflex'],
|
||||
'primeicons': 'latest',
|
||||
'primeicons': dependencies['primeicons'],
|
||||
'@babel/cli': dependencies['@babel/cli'],
|
||||
'core-js': dependencies['core-js'],
|
||||
'vue-router': dependencies['vue-router']
|
||||
|
@ -437,6 +437,7 @@ import Dropdown from 'primevue/dropdown';
|
|||
import Fieldset from 'primevue/fieldset';
|
||||
import FileUpload from 'primevue/fileupload';
|
||||
import Galleria from 'primevue/galleria';
|
||||
import Image from 'primevue/image';
|
||||
import InlineMessage from 'primevue/inlinemessage';
|
||||
import Inplace from 'primevue/inplace';
|
||||
import InputSwitch from 'primevue/inputswitch';
|
||||
|
@ -538,13 +539,14 @@ app.component('Dock', Dock);
|
|||
app.component('Dropdown', Dropdown);
|
||||
app.component('Fieldset', Fieldset);
|
||||
app.component('FileUpload', FileUpload);
|
||||
app.component('Galleria', Galleria);
|
||||
app.component('Image', Image);
|
||||
app.component('InlineMessage', InlineMessage);
|
||||
app.component('Inplace', Inplace);
|
||||
app.component('InputMask', InputMask);
|
||||
app.component('InputNumber', InputNumber);
|
||||
app.component('InputSwitch', InputSwitch);
|
||||
app.component('InputText', InputText);
|
||||
app.component('Galleria', Galleria);
|
||||
app.component('Knob', Knob);
|
||||
app.component('Listbox', Listbox);
|
||||
app.component('MegaMenu', MegaMenu);
|
||||
|
|
|
@ -22,31 +22,31 @@
|
|||
<div class="card">
|
||||
<h5>Circle, Semi-Circle and Quarter-Circle</h5>
|
||||
<div class="speeddial-circle-demo" :style="{ position: 'relative', height: '500px' }">
|
||||
<SpeedDial :model="items" :radius="80" type="circle" buttonClassName="p-button-warning" />
|
||||
<SpeedDial :model="items" :radius="80" type="circle" buttonClass="p-button-warning" />
|
||||
<SpeedDial :model="items" :radius="80" direction="up" type="semi-circle" />
|
||||
<SpeedDial :model="items" :radius="80" direction="down" type="semi-circle" />
|
||||
<SpeedDial :model="items" :radius="80" direction="left" type="semi-circle" />
|
||||
<SpeedDial :model="items" :radius="80" direction="right" type="semi-circle" />
|
||||
<SpeedDial :model="items" :radius="120" direction="up-left" type="quarter-circle" buttonClassName="p-button-success" />
|
||||
<SpeedDial :model="items" :radius="120" direction="up-right" type="quarter-circle" buttonClassName="p-button-success" />
|
||||
<SpeedDial :model="items" :radius="120" direction="down-left" type="quarter-circle" buttonClassName="p-button-success" />
|
||||
<SpeedDial :model="items" :radius="120" direction="down-right" type="quarter-circle" buttonClassName="p-button-success" />
|
||||
<SpeedDial :model="items" :radius="120" direction="up-left" type="quarter-circle" buttonClass="p-button-success" />
|
||||
<SpeedDial :model="items" :radius="120" direction="up-right" type="quarter-circle" buttonClass="p-button-success" />
|
||||
<SpeedDial :model="items" :radius="120" direction="down-left" type="quarter-circle" buttonClass="p-button-success" />
|
||||
<SpeedDial :model="items" :radius="120" direction="down-right" type="quarter-circle" buttonClass="p-button-success" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h5>Tooltip</h5>
|
||||
<div class="speeddial-tooltip-demo" :style="{ position: 'relative', height: '350px' }">
|
||||
<SpeedDial :model="items" direction="up" class="speeddial-right" buttonClassName="p-button-danger" :tooltipOptions="{position: 'left'}" />
|
||||
<SpeedDial :model="items" direction="up" class="speeddial-right" buttonClass="p-button-danger" :tooltipOptions="{position: 'left'}" />
|
||||
|
||||
<SpeedDial :model="items" direction="up" class="speeddial-left" buttonClassName="p-button-help" :tooltipOptions="{position: 'right'}" />
|
||||
<SpeedDial :model="items" direction="up" class="speeddial-left" buttonClass="p-button-help" :tooltipOptions="{position: 'right'}" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h5>Transition Duration, Icon and No Rotate Animation</h5>
|
||||
<div class="speeddial-delay-demo" :style="{ position: 'relative', height: '350px' }">
|
||||
<SpeedDial :model="items" direction="up" :transitionDelay="80" showIcon="pi pi-bars" hideIcon="pi pi-times" buttonClassName="p-button-outlined" />
|
||||
<SpeedDial :model="items" direction="up" :transitionDelay="80" showIcon="pi pi-bars" hideIcon="pi pi-times" buttonClass="p-button-outlined" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
@ -291,6 +291,7 @@ export default {
|
|||
content: `
|
||||
<template>
|
||||
<div>
|
||||
<Toast />
|
||||
<div class="card">
|
||||
<h5>Linear</h5>
|
||||
<div class="speeddial-linear-demo" :style="{ position: 'relative', height: '500px' }">
|
||||
|
@ -304,31 +305,31 @@ export default {
|
|||
<div class="card">
|
||||
<h5>Circle, Semi-Circle and Quarter-Circle</h5>
|
||||
<div class="speeddial-circle-demo" :style="{ position: 'relative', height: '500px' }">
|
||||
<SpeedDial :model="items" :radius="80" type="circle" buttonClassName="p-button-warning" />
|
||||
<SpeedDial :model="items" :radius="80" type="circle" buttonClass="p-button-warning" />
|
||||
<SpeedDial :model="items" :radius="80" direction="up" type="semi-circle" />
|
||||
<SpeedDial :model="items" :radius="80" direction="down" type="semi-circle" />
|
||||
<SpeedDial :model="items" :radius="80" direction="left" type="semi-circle" />
|
||||
<SpeedDial :model="items" :radius="80" direction="right" type="semi-circle" />
|
||||
<SpeedDial :model="items" :radius="120" direction="up-left" type="quarter-circle" buttonClassName="p-button-success" />
|
||||
<SpeedDial :model="items" :radius="120" direction="up-right" type="quarter-circle" buttonClassName="p-button-success" />
|
||||
<SpeedDial :model="items" :radius="120" direction="down-left" type="quarter-circle" buttonClassName="p-button-success" />
|
||||
<SpeedDial :model="items" :radius="120" direction="down-right" type="quarter-circle" buttonClassName="p-button-success" />
|
||||
<SpeedDial :model="items" :radius="120" direction="up-left" type="quarter-circle" buttonClass="p-button-success" />
|
||||
<SpeedDial :model="items" :radius="120" direction="up-right" type="quarter-circle" buttonClass="p-button-success" />
|
||||
<SpeedDial :model="items" :radius="120" direction="down-left" type="quarter-circle" buttonClass="p-button-success" />
|
||||
<SpeedDial :model="items" :radius="120" direction="down-right" type="quarter-circle" buttonClass="p-button-success" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h5>Tooltip</h5>
|
||||
<div class="speeddial-tooltip-demo" :style="{ position: 'relative', height: '350px' }">
|
||||
<SpeedDial :model="items" direction="up" class="speeddial-right" buttonClassName="p-button-danger" :tooltipOptions="{position: 'left'}" />
|
||||
<SpeedDial :model="items" direction="up" class="speeddial-right" buttonClass="p-button-danger" :tooltipOptions="{position: 'left'}" />
|
||||
|
||||
<SpeedDial :model="items" direction="up" class="speeddial-left" buttonClassName="p-button-help" :tooltipOptions="{position: 'right'}" />
|
||||
<SpeedDial :model="items" direction="up" class="speeddial-left" buttonClass="p-button-help" :tooltipOptions="{position: 'right'}" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h5>Transition Duration, Icon and No Rotate Animation</h5>
|
||||
<div class="speeddial-delay-demo" :style="{ position: 'relative', height: '350px' }">
|
||||
<SpeedDial :model="items" direction="up" :transitionDelay="80" showIcon="pi pi-bars" hideIcon="pi pi-times" buttonClassName="p-button-outlined" />
|
||||
<SpeedDial :model="items" direction="up" :transitionDelay="80" showIcon="pi pi-bars" hideIcon="pi pi-times" buttonClass="p-button-outlined" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
@ -502,6 +503,7 @@ export default {
|
|||
content: `
|
||||
<template>
|
||||
<div>
|
||||
<Toast />
|
||||
<div class="card">
|
||||
<h5>Linear</h5>
|
||||
<div class="speeddial-linear-demo" :style="{ position: 'relative', height: '500px' }">
|
||||
|
@ -515,31 +517,31 @@ export default {
|
|||
<div class="card">
|
||||
<h5>Circle, Semi-Circle and Quarter-Circle</h5>
|
||||
<div class="speeddial-circle-demo" :style="{ position: 'relative', height: '500px' }">
|
||||
<SpeedDial :model="items" :radius="80" type="circle" buttonClassName="p-button-warning" />
|
||||
<SpeedDial :model="items" :radius="80" type="circle" buttonClass="p-button-warning" />
|
||||
<SpeedDial :model="items" :radius="80" direction="up" type="semi-circle" />
|
||||
<SpeedDial :model="items" :radius="80" direction="down" type="semi-circle" />
|
||||
<SpeedDial :model="items" :radius="80" direction="left" type="semi-circle" />
|
||||
<SpeedDial :model="items" :radius="80" direction="right" type="semi-circle" />
|
||||
<SpeedDial :model="items" :radius="120" direction="up-left" type="quarter-circle" buttonClassName="p-button-success" />
|
||||
<SpeedDial :model="items" :radius="120" direction="up-right" type="quarter-circle" buttonClassName="p-button-success" />
|
||||
<SpeedDial :model="items" :radius="120" direction="down-left" type="quarter-circle" buttonClassName="p-button-success" />
|
||||
<SpeedDial :model="items" :radius="120" direction="down-right" type="quarter-circle" buttonClassName="p-button-success" />
|
||||
<SpeedDial :model="items" :radius="120" direction="up-left" type="quarter-circle" buttonClass="p-button-success" />
|
||||
<SpeedDial :model="items" :radius="120" direction="up-right" type="quarter-circle" buttonClass="p-button-success" />
|
||||
<SpeedDial :model="items" :radius="120" direction="down-left" type="quarter-circle" buttonClass="p-button-success" />
|
||||
<SpeedDial :model="items" :radius="120" direction="down-right" type="quarter-circle" buttonClass="p-button-success" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h5>Tooltip</h5>
|
||||
<div class="speeddial-tooltip-demo" :style="{ position: 'relative', height: '350px' }">
|
||||
<SpeedDial :model="items" direction="up" class="speeddial-right" buttonClassName="p-button-danger" :tooltipOptions="{position: 'left'}" />
|
||||
<SpeedDial :model="items" direction="up" class="speeddial-right" buttonClass="p-button-danger" :tooltipOptions="{position: 'left'}" />
|
||||
|
||||
<SpeedDial :model="items" direction="up" class="speeddial-left" buttonClassName="p-button-help" :tooltipOptions="{position: 'right'}" />
|
||||
<SpeedDial :model="items" direction="up" class="speeddial-left" buttonClass="p-button-help" :tooltipOptions="{position: 'right'}" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h5>Transition Duration, Icon and No Rotate Animation</h5>
|
||||
<div class="speeddial-delay-demo" :style="{ position: 'relative', height: '350px' }">
|
||||
<SpeedDial :model="items" direction="up" :transitionDelay="80" showIcon="pi pi-bars" hideIcon="pi pi-times" buttonClassName="p-button-outlined" />
|
||||
<SpeedDial :model="items" direction="up" :transitionDelay="80" showIcon="pi pi-bars" hideIcon="pi pi-times" buttonClass="p-button-outlined" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
@ -145,7 +145,7 @@
|
|||
</div>
|
||||
|
||||
<div class="content-section section-newfeatures">
|
||||
<h5>New Features</h5>
|
||||
<h5>New Enhancements</h5>
|
||||
<div class="p-d-flex p-mb-4">
|
||||
<p>New feature and enhancement requests are not available in core services and provided via an hour based model instead. When you have a feature request we provide an estimate, if you confirm we deliver your request within an estimated timeframe and deduct the amount of work from your hours. These requests can be;</p>
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue