29 lines
611 B
JavaScript
29 lines
611 B
JavaScript
|
import {onSelect} from "../services/dom";
|
||
|
|
|
||
|
|
/**
|
||
|
|
* EventEmitSelect
|
||
|
|
* Component will simply emit an event when selected.
|
||
|
|
*
|
||
|
|
* Has one required option: "name".
|
||
|
|
* A name of "hello" will emit a component DOM event of
|
||
|
|
* "event-emit-select-name"
|
||
|
|
*
|
||
|
|
* All options will be set as the "detail" of the event with
|
||
|
|
* their values included.
|
||
|
|
*
|
||
|
|
* @extends {Component}
|
||
|
|
*/
|
||
|
|
class EventEmitSelect {
|
||
|
|
setup() {
|
||
|
|
this.container = this.$el;
|
||
|
|
this.name = this.$opts.name;
|
||
|
|
|
||
|
|
|
||
|
|
onSelect(this.$el, () => {
|
||
|
|
this.$emit(this.name, this.$opts);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
export default EventEmitSelect;
|