Doc update

pull/12/head
cagataycivici 2019-05-22 18:31:12 +03:00
parent d0f13544be
commit 624b67350d
6 changed files with 266 additions and 244 deletions

View File

@ -9,9 +9,18 @@
<script> <script>
export default { export default {
props: { props: {
value: Number, value: {
disabled: Boolean, type: Number,
readonly: Boolean, default: null
},
disabled: {
type: Boolean,
default: false
},
readonly: {
type: Boolean,
default: false
},
stars: { stars: {
type: Number, type: Number,
default: 5 default: 5
@ -23,10 +32,14 @@ export default {
}, },
methods: { methods: {
onStarClick(event, value) { onStarClick(event, value) {
if (!this.readonly && !this.disabled) {
this.updateModel(event, value); this.updateModel(event, value);
}
}, },
onCancelClick() { onCancelClick() {
if (!this.readonly && !this.disabled) {
this.updateModel(event, null); this.updateModel(event, null);
}
}, },
updateModel(event, value) { updateModel(event, value) {
this.$emit('input', value); this.$emit('input', value);

View File

@ -25,9 +25,18 @@ export default {
type: String, type: String,
default: 'horizontal' default: 'horizontal'
}, },
step: Number, step: {
range: Boolean, type: Number,
disabled: Boolean default: null
},
range: {
type: Boolean,
default: false
},
disabled: {
type: Boolean,
default: false
}
}, },
dragging: false, dragging: false,
handleIndex: null, handleIndex: null,

View File

@ -14,8 +14,7 @@ import Password from 'primevue/password';
</CodeHighlight> </CodeHighlight>
<h3>Properties</h3> <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"> <div class="doc-tablewrapper">
<table class="doc-table"> <table class="doc-table">
<thead> <thead>

View File

@ -26,6 +26,7 @@ import Rating from 'primevue/rating';
</CodeHighlight> </CodeHighlight>
<h3>Properties</h3> <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"> <div class="doc-tablewrapper">
<table class="doc-table"> <table class="doc-table">
<thead> <thead>
@ -53,7 +54,7 @@ import Rating from 'primevue/rating';
<td>readonly</td> <td>readonly</td>
<td>boolean</td> <td>boolean</td>
<td>false</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>
<tr> <tr>
<td>stars</td> <td>stars</td>
@ -65,7 +66,7 @@ import Rating from 'primevue/rating';
<td>cancel</td> <td>cancel</td>
<td>boolean</td> <td>boolean</td>
<td>true</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> </tr>
</tbody> </tbody>
</table> </table>
@ -84,15 +85,13 @@ import Rating from 'primevue/rating';
<tbody> <tbody>
<tr> <tr>
<td>change</td> <td>change</td>
<td>event.originalEvent: Browser event <br /> <td>event.originalEvent: Original event <br />
event.value: selected value event.value: Selected option value </td>
</td>
<td>Callback to invoke on value change.</td> <td>Callback to invoke on value change.</td>
</tr> </tr>
<tr> <tr>
<td>input</td> <td>input</td>
<td>event: selected value <td>value: New value</td>
</td>
<td>Callback to invoke on value change.</td> <td>Callback to invoke on value change.</td>
</tr> </tr>
</tbody> </tbody>

View File

@ -37,7 +37,7 @@ export default {
</CodeHighlight> </CodeHighlight>
<h3>Step</h3> <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> <CodeHighlight>
&lt;Slider v-model=&quot;value&quot; :step=&quot;20&quot; /&gt; &lt;Slider v-model=&quot;value&quot; :step=&quot;20&quot; /&gt;
</CodeHighlight> </CodeHighlight>
@ -49,6 +49,7 @@ export default {
</CodeHighlight> </CodeHighlight>
<h3>Properties</h3> <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"> <div class="doc-tablewrapper">
<table class="doc-table"> <table class="doc-table">
<thead> <thead>
@ -119,13 +120,14 @@ export default {
<tbody> <tbody>
<tr> <tr>
<td>change</td> <td>change</td>
<td>event: New value.</td> <td>event.originalEvent: Original event <br />
<td>Callback to invoke on value change via slide.</td> event.value: Selected option value </td>
<td>Callback to invoke on value change.</td>
</tr> </tr>
<tr> <tr>
<td>input</td> <td>input</td>
<td>event: New value.</td> <td>value: New value</td>
<td>Callback to invoke on value change via slide.</td> <td>Callback to invoke on value change.</td>
</tr> </tr>
<tr> <tr>
<td>slideEnd</td> <td>slideEnd</td>

View File

@ -20,7 +20,7 @@ import Textarea from 'primevue/textarea';
</CodeHighlight> </CodeHighlight>
<h3>Properties</h3> <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"> <div class="doc-tablewrapper">
<table class="doc-table"> <table class="doc-table">
<thead> <thead>