Fixed #148 - Rename select event with *-select
parent
97d7441585
commit
8298fc048f
|
@ -12,8 +12,8 @@ export declare class AutoComplete extends Vue {
|
||||||
delay?: number;
|
delay?: number;
|
||||||
ariaLabelledBy?: string;
|
ariaLabelledBy?: string;
|
||||||
$emit(eventName: 'input', value: any): this;
|
$emit(eventName: 'input', value: any): this;
|
||||||
$emit(eventName: 'select', e: {originalEvent: Event, value: any}): this;
|
$emit(eventName: 'item-select', e: {originalEvent: Event, value: any}): this;
|
||||||
$emit(eventName: 'unselect', e: {originalEvent: Event, value: any}): this;
|
$emit(eventName: 'item-unselect', e: {originalEvent: Event, value: any}): this;
|
||||||
$emit(eventName: 'dropdown-click', e: {originalEvent: Event, query: string}): this;
|
$emit(eventName: 'dropdown-click', e: {originalEvent: Event, query: string}): this;
|
||||||
$emit(eventName: 'complete', e: {originalEvent: Event, query: string}): this;
|
$emit(eventName: 'complete', e: {originalEvent: Event, query: string}): this;
|
||||||
$emit(eventName: 'clear'): this;
|
$emit(eventName: 'clear'): this;
|
||||||
|
|
|
@ -152,7 +152,7 @@ export default {
|
||||||
this.$emit('input', item);
|
this.$emit('input', item);
|
||||||
}
|
}
|
||||||
|
|
||||||
this.$emit('select', {
|
this.$emit('item-select', {
|
||||||
originalEvent: event,
|
originalEvent: event,
|
||||||
value: item
|
value: item
|
||||||
});
|
});
|
||||||
|
@ -167,7 +167,7 @@ export default {
|
||||||
let removedValue = this.value[index];
|
let removedValue = this.value[index];
|
||||||
let newValue = this.value.filter((val, i) => (index !== i));
|
let newValue = this.value.filter((val, i) => (index !== i));
|
||||||
this.$emit('input', newValue);
|
this.$emit('input', newValue);
|
||||||
this.$emit('unselect', {
|
this.$emit('item-unselect', {
|
||||||
originalEvent: event,
|
originalEvent: event,
|
||||||
value: removedValue
|
value: removedValue
|
||||||
});
|
});
|
||||||
|
@ -323,7 +323,7 @@ export default {
|
||||||
let newValue = this.value.slice(0, -1);
|
let newValue = this.value.slice(0, -1);
|
||||||
|
|
||||||
this.$emit('input', newValue);
|
this.$emit('input', newValue);
|
||||||
this.$emit('unselect', {
|
this.$emit('item-unselect', {
|
||||||
originalEvent: event,
|
originalEvent: event,
|
||||||
value: removedValue
|
value: removedValue
|
||||||
});
|
});
|
||||||
|
|
|
@ -57,7 +57,7 @@ export declare class Calendar extends Vue {
|
||||||
$emit(eventName: 'hide'): this;
|
$emit(eventName: 'hide'): this;
|
||||||
$emit(eventName: 'month-change', e: { month: number, year: number }): this;
|
$emit(eventName: 'month-change', e: { month: number, year: number }): this;
|
||||||
$emit(eventName: 'year-change', e: { month: number, year: number }): this;
|
$emit(eventName: 'year-change', e: { month: number, year: number }): this;
|
||||||
$emit(eventName: 'select', value: Date): this;
|
$emit(eventName: 'date-select', value: Date): this;
|
||||||
$emit(eventName: 'input', value: Date): this;
|
$emit(eventName: 'input', value: Date): this;
|
||||||
$emit(eventName: 'today-click', value: Date): this;
|
$emit(eventName: 'today-click', value: Date): this;
|
||||||
$emit(eventName: 'clear-click', event: Event): this;
|
$emit(eventName: 'clear-click', event: Event): this;
|
||||||
|
|
|
@ -783,7 +783,7 @@ export default {
|
||||||
this.updateModel(modelVal);
|
this.updateModel(modelVal);
|
||||||
this.updateInputFieldValue(modelVal);
|
this.updateInputFieldValue(modelVal);
|
||||||
}
|
}
|
||||||
this.$emit('select', date);
|
this.$emit('date-select', date);
|
||||||
},
|
},
|
||||||
updateModel(value) {
|
updateModel(value) {
|
||||||
this.$emit('input', value);
|
this.$emit('input', value);
|
||||||
|
@ -1221,7 +1221,7 @@ export default {
|
||||||
|
|
||||||
this.updateModel(value);
|
this.updateModel(value);
|
||||||
this.updateInputFieldValue(value);
|
this.updateInputFieldValue(value);
|
||||||
this.$emit('select', value);
|
this.$emit('date-select', value);
|
||||||
},
|
},
|
||||||
toggleAMPM(event) {
|
toggleAMPM(event) {
|
||||||
this.pm = !this.pm;
|
this.pm = !this.pm;
|
||||||
|
|
|
@ -167,13 +167,13 @@ export default {
|
||||||
<td>Callback to invoke to search for suggestions.</td>
|
<td>Callback to invoke to search for suggestions.</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>select</td>
|
<td>item-select</td>
|
||||||
<td>event.originalEvent: Browser event <br />
|
<td>event.originalEvent: Browser event <br />
|
||||||
event.value: Selected item</td>
|
event.value: Selected item</td>
|
||||||
<td>Callback to invoke when a suggestion is selected.</td>
|
<td>Callback to invoke when a suggestion is selected.</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>unselect</td>
|
<td>item-unselect</td>
|
||||||
<td>event.originalEvent: Browser event <br />
|
<td>event.originalEvent: Browser event <br />
|
||||||
event.value: Unselected item</td>
|
event.value: Unselected item</td>
|
||||||
<td>Callback to invoke when a selected value is removed.</td>
|
<td>Callback to invoke when a selected value is removed.</td>
|
||||||
|
|
|
@ -424,10 +424,9 @@ export default {
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr>
|
<tr>
|
||||||
<td>select</td>
|
<td>date-select</td>
|
||||||
<td>value: Selected value</td>
|
<td>value: Selected value</td>
|
||||||
<td>Callback to invoke when a date is selected.
|
<td>Callback to invoke when a date is selected.</td>
|
||||||
</td>
|
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>show</td>
|
<td>show</td>
|
||||||
|
|
Loading…
Reference in New Issue