34 lines
992 B
JavaScript
34 lines
992 B
JavaScript
|
// Directives
|
||
|
|
import Ripple from '../directives/ripple';
|
||
|
|
// Types
|
||
|
|
import Vue from 'vue';
|
||
|
|
export default Vue.extend({
|
||
|
|
name: 'rippleable',
|
||
|
|
directives: { Ripple: Ripple },
|
||
|
|
props: {
|
||
|
|
ripple: {
|
||
|
|
type: [Boolean, Object],
|
||
|
|
default: true
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
genRipple: function genRipple() {
|
||
|
|
var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
||
|
|
|
||
|
|
if (!this.ripple) return null;
|
||
|
|
data.staticClass = 'v-input--selection-controls__ripple';
|
||
|
|
data.directives = data.directives || [];
|
||
|
|
data.directives.push({
|
||
|
|
name: 'ripple',
|
||
|
|
value: { center: true }
|
||
|
|
});
|
||
|
|
data.on = Object.assign({
|
||
|
|
click: this.onChange
|
||
|
|
}, this.$listeners);
|
||
|
|
return this.$createElement('div', data);
|
||
|
|
},
|
||
|
|
onChange: function onChange() {}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
//# sourceMappingURL=rippleable.js.map
|