Doc update
parent
d0f13544be
commit
624b67350d
|
@ -9,9 +9,18 @@
|
|||
<script>
|
||||
export default {
|
||||
props: {
|
||||
value: Number,
|
||||
disabled: Boolean,
|
||||
readonly: Boolean,
|
||||
value: {
|
||||
type: Number,
|
||||
default: null
|
||||
},
|
||||
disabled: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
readonly: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
stars: {
|
||||
type: Number,
|
||||
default: 5
|
||||
|
@ -23,10 +32,14 @@ export default {
|
|||
},
|
||||
methods: {
|
||||
onStarClick(event, value) {
|
||||
if (!this.readonly && !this.disabled) {
|
||||
this.updateModel(event, value);
|
||||
}
|
||||
},
|
||||
onCancelClick() {
|
||||
if (!this.readonly && !this.disabled) {
|
||||
this.updateModel(event, null);
|
||||
}
|
||||
},
|
||||
updateModel(event, value) {
|
||||
this.$emit('input', value);
|
||||
|
|
|
@ -25,9 +25,18 @@ export default {
|
|||
type: String,
|
||||
default: 'horizontal'
|
||||
},
|
||||
step: Number,
|
||||
range: Boolean,
|
||||
disabled: Boolean
|
||||
step: {
|
||||
type: Number,
|
||||
default: null
|
||||
},
|
||||
range: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
disabled: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
dragging: false,
|
||||
handleIndex: null,
|
||||
|
|
|
@ -14,8 +14,7 @@ import Password from 'primevue/password';
|
|||
</CodeHighlight>
|
||||
|
||||
<h3>Properties</h3>
|
||||
<p>Password accepts all valid properties of an input element in addition the the custom properties below.</p>
|
||||
|
||||
<p>Any valid attribute such as name and placeholder are passed to the underlying input element. Following are the additional properties to configure the component.</p>
|
||||
<div class="doc-tablewrapper">
|
||||
<table class="doc-table">
|
||||
<thead>
|
||||
|
|
|
@ -26,6 +26,7 @@ import Rating from 'primevue/rating';
|
|||
</CodeHighlight>
|
||||
|
||||
<h3>Properties</h3>
|
||||
<p>Any attribute such as style and class are passed to the main container element. Following are the additional properties to configure the component.</p>
|
||||
<div class="doc-tablewrapper">
|
||||
<table class="doc-table">
|
||||
<thead>
|
||||
|
@ -53,7 +54,7 @@ import Rating from 'primevue/rating';
|
|||
<td>readonly</td>
|
||||
<td>boolean</td>
|
||||
<td>false</td>
|
||||
<td>When present, changing the value is not possible.</td>
|
||||
<td>When present, it specifies that component is read-only.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>stars</td>
|
||||
|
@ -65,7 +66,7 @@ import Rating from 'primevue/rating';
|
|||
<td>cancel</td>
|
||||
<td>boolean</td>
|
||||
<td>true</td>
|
||||
<td>When specified a cancel icon is displayed to allow removing the value.</td>
|
||||
<td>When specified a cancel icon is displayed to allow clearing the value.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
@ -84,15 +85,13 @@ import Rating from 'primevue/rating';
|
|||
<tbody>
|
||||
<tr>
|
||||
<td>change</td>
|
||||
<td>event.originalEvent: Browser event <br />
|
||||
event.value: selected value
|
||||
</td>
|
||||
<td>event.originalEvent: Original event <br />
|
||||
event.value: Selected option value </td>
|
||||
<td>Callback to invoke on value change.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>input</td>
|
||||
<td>event: selected value
|
||||
</td>
|
||||
<td>value: New value</td>
|
||||
<td>Callback to invoke on value change.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
|
|
@ -37,7 +37,7 @@ export default {
|
|||
</CodeHighlight>
|
||||
|
||||
<h3>Step</h3>
|
||||
<p>Step factor is 1 by default and can be customized with step option.</p>
|
||||
<p>Step factor is 1 by default and can be customized with <i>step</i> option.</p>
|
||||
<CodeHighlight>
|
||||
<Slider v-model="value" :step="20" />
|
||||
</CodeHighlight>
|
||||
|
@ -49,6 +49,7 @@ export default {
|
|||
</CodeHighlight>
|
||||
|
||||
<h3>Properties</h3>
|
||||
<p>Any attribute such as style and class are passed to the main container element. Following are the additional properties to configure the component.</p>
|
||||
<div class="doc-tablewrapper">
|
||||
<table class="doc-table">
|
||||
<thead>
|
||||
|
@ -119,13 +120,14 @@ export default {
|
|||
<tbody>
|
||||
<tr>
|
||||
<td>change</td>
|
||||
<td>event: New value.</td>
|
||||
<td>Callback to invoke on value change via slide.</td>
|
||||
<td>event.originalEvent: Original event <br />
|
||||
event.value: Selected option value </td>
|
||||
<td>Callback to invoke on value change.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>input</td>
|
||||
<td>event: New value.</td>
|
||||
<td>Callback to invoke on value change via slide.</td>
|
||||
<td>value: New value</td>
|
||||
<td>Callback to invoke on value change.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>slideEnd</td>
|
||||
|
|
|
@ -20,7 +20,7 @@ import Textarea from 'primevue/textarea';
|
|||
</CodeHighlight>
|
||||
|
||||
<h3>Properties</h3>
|
||||
<p>InputTextarea passes any attribute to the underlying textarea element, additional attributes are as follows;</p>
|
||||
<p>InputTextarea passes any attribute to the underlying textarea element, additional attributes are the following.</p>
|
||||
<div class="doc-tablewrapper">
|
||||
<table class="doc-table">
|
||||
<thead>
|
||||
|
|
Loading…
Reference in New Issue