Skip to content

Commit 68910ad

Browse files
johndatserakisjohndatserakis
authored
Merge pull request #40 from VISIONSBOX/develop
2 parents 5b35145 + 287cb20 commit 68910ad

7 files changed

+8771
-145
lines changed

‎dist/vue-simple-context-menu.esm.js

+50-49
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import vClickOutside from 'v-click-outside';
55
Vue.use(vClickOutside);
66

77
var script = {
8-
name: 'VueSimpleContextMenu',
8+
name: "VueSimpleContextMenu",
99
props: {
1010
elementId: {
1111
type: String,
@@ -16,20 +16,20 @@ var script = {
1616
required: true
1717
}
1818
},
19-
data: function data () {
19+
data: function data() {
2020
return {
2121
item: null,
2222
menuWidth: null,
2323
menuHeight: null
24-
}
24+
};
2525
},
2626
methods: {
27-
showMenu: function showMenu (event, item) {
27+
showMenu: function showMenu(event, item) {
2828
this.item = item;
2929

3030
var menu = document.getElementById(this.elementId);
3131
if (!menu) {
32-
return
32+
return;
3333
}
3434

3535
if (!this.menuWidth || !this.menuHeight) {
@@ -40,47 +40,48 @@ var script = {
4040
menu.removeAttribute("style");
4141
}
4242

43-
if ((this.menuWidth + event.pageX) >= window.innerWidth) {
44-
menu.style.left = (event.pageX - this.menuWidth + 2) + "px";
43+
if (this.menuWidth + event.pageX >= window.innerWidth) {
44+
menu.style.left = event.pageX - this.menuWidth + 2 + "px";
4545
} else {
46-
menu.style.left = (event.pageX - 2) + "px";
46+
menu.style.left = event.pageX - 2 + "px";
4747
}
4848

49-
if ((this.menuHeight + event.pageY) >= window.innerHeight) {
50-
menu.style.top = (event.pageY - this.menuHeight + 2) + "px";
49+
if (this.menuHeight + event.pageY >= window.innerHeight) {
50+
menu.style.top = event.pageY - this.menuHeight + 2 + "px";
5151
} else {
52-
menu.style.top = (event.pageY - 2) + "px";
52+
menu.style.top = event.pageY - 2 + "px";
5353
}
5454

55-
menu.classList.add('vue-simple-context-menu--active');
55+
menu.classList.add("vue-simple-context-menu--active");
5656
},
57-
hideContextMenu: function hideContextMenu () {
57+
hideContextMenu: function hideContextMenu() {
5858
var element = document.getElementById(this.elementId);
5959
if (element) {
60-
element.classList.remove('vue-simple-context-menu--active');
60+
element.classList.remove("vue-simple-context-menu--active");
61+
this.$emit("menu-closed");
6162
}
6263
},
63-
onClickOutside: function onClickOutside () {
64+
onClickOutside: function onClickOutside() {
6465
this.hideContextMenu();
6566
},
66-
optionClicked: function optionClicked (option) {
67+
optionClicked: function optionClicked(option) {
6768
this.hideContextMenu();
68-
this.$emit('option-clicked', {
69+
this.$emit("option-clicked", {
6970
item: this.item,
7071
option: option
7172
});
7273
},
73-
onEscKeyRelease: function onEscKeyRelease (event) {
74+
onEscKeyRelease: function onEscKeyRelease(event) {
7475
if (event.keyCode === 27) {
7576
this.hideContextMenu();
7677
}
7778
}
7879
},
79-
mounted: function mounted () {
80-
document.body.addEventListener('keyup', this.onEscKeyRelease);
80+
mounted: function mounted() {
81+
document.body.addEventListener("keyup", this.onEscKeyRelease);
8182
},
82-
beforeDestroy: function beforeDestroy () {
83-
document.removeEventListener('keyup', this.onEscKeyRelease);
83+
beforeDestroy: function beforeDestroy() {
84+
document.removeEventListener("keyup", this.onEscKeyRelease);
8485
}
8586
};
8687

@@ -239,33 +240,33 @@ __vue_render__._withStripped = true;
239240
undefined
240241
);
241242

242-
// Import vue component
243-
244-
// install function executed by Vue.use()
245-
function install (Vue) {
246-
if (install.installed) { return; }
247-
install.installed = true;
248-
Vue.component('VueSimpleContextMenu', __vue_component__);
249-
}
250-
251-
// Create module definition for Vue.use()
252-
var plugin = {
253-
install: install,
254-
};
255-
256-
// To auto-install when vue is found
257-
var GlobalVue = null;
258-
if (typeof window !== 'undefined') {
259-
GlobalVue = window.Vue;
260-
} else if (typeof global !== 'undefined') {
261-
GlobalVue = global.Vue;
262-
}
263-
if (GlobalVue) {
264-
GlobalVue.use(plugin);
265-
}
266-
267-
// It's possible to expose named exports when writing components that can
268-
// also be used as directives, etc. - eg. import { RollupDemoDirective } from 'rollup-demo';
243+
// Import vue component
244+
245+
// install function executed by Vue.use()
246+
function install (Vue) {
247+
if (install.installed) { return; }
248+
install.installed = true;
249+
Vue.component('VueSimpleContextMenu', __vue_component__);
250+
}
251+
252+
// Create module definition for Vue.use()
253+
var plugin = {
254+
install: install,
255+
};
256+
257+
// To auto-install when vue is found
258+
var GlobalVue = null;
259+
if (typeof window !== 'undefined') {
260+
GlobalVue = window.Vue;
261+
} else if (typeof global !== 'undefined') {
262+
GlobalVue = global.Vue;
263+
}
264+
if (GlobalVue) {
265+
GlobalVue.use(plugin);
266+
}
267+
268+
// It's possible to expose named exports when writing components that can
269+
// also be used as directives, etc. - eg. import { RollupDemoDirective } from 'rollup-demo';
269270
// export const RollupDemoDirective = component;
270271

271272
export default __vue_component__;

‎dist/vue-simple-context-menu.min.js

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/vue-simple-context-menu.umd.js

+50-49
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
Vue.use(vClickOutside);
1212

1313
var script = {
14-
name: 'VueSimpleContextMenu',
14+
name: "VueSimpleContextMenu",
1515
props: {
1616
elementId: {
1717
type: String,
@@ -22,20 +22,20 @@
2222
required: true
2323
}
2424
},
25-
data: function data () {
25+
data: function data() {
2626
return {
2727
item: null,
2828
menuWidth: null,
2929
menuHeight: null
30-
}
30+
};
3131
},
3232
methods: {
33-
showMenu: function showMenu (event, item) {
33+
showMenu: function showMenu(event, item) {
3434
this.item = item;
3535

3636
var menu = document.getElementById(this.elementId);
3737
if (!menu) {
38-
return
38+
return;
3939
}
4040

4141
if (!this.menuWidth || !this.menuHeight) {
@@ -46,47 +46,48 @@
4646
menu.removeAttribute("style");
4747
}
4848

49-
if ((this.menuWidth + event.pageX) >= window.innerWidth) {
50-
menu.style.left = (event.pageX - this.menuWidth + 2) + "px";
49+
if (this.menuWidth + event.pageX >= window.innerWidth) {
50+
menu.style.left = event.pageX - this.menuWidth + 2 + "px";
5151
} else {
52-
menu.style.left = (event.pageX - 2) + "px";
52+
menu.style.left = event.pageX - 2 + "px";
5353
}
5454

55-
if ((this.menuHeight + event.pageY) >= window.innerHeight) {
56-
menu.style.top = (event.pageY - this.menuHeight + 2) + "px";
55+
if (this.menuHeight + event.pageY >= window.innerHeight) {
56+
menu.style.top = event.pageY - this.menuHeight + 2 + "px";
5757
} else {
58-
menu.style.top = (event.pageY - 2) + "px";
58+
menu.style.top = event.pageY - 2 + "px";
5959
}
6060

61-
menu.classList.add('vue-simple-context-menu--active');
61+
menu.classList.add("vue-simple-context-menu--active");
6262
},
63-
hideContextMenu: function hideContextMenu () {
63+
hideContextMenu: function hideContextMenu() {
6464
var element = document.getElementById(this.elementId);
6565
if (element) {
66-
element.classList.remove('vue-simple-context-menu--active');
66+
element.classList.remove("vue-simple-context-menu--active");
67+
this.$emit("menu-closed");
6768
}
6869
},
69-
onClickOutside: function onClickOutside () {
70+
onClickOutside: function onClickOutside() {
7071
this.hideContextMenu();
7172
},
72-
optionClicked: function optionClicked (option) {
73+
optionClicked: function optionClicked(option) {
7374
this.hideContextMenu();
74-
this.$emit('option-clicked', {
75+
this.$emit("option-clicked", {
7576
item: this.item,
7677
option: option
7778
});
7879
},
79-
onEscKeyRelease: function onEscKeyRelease (event) {
80+
onEscKeyRelease: function onEscKeyRelease(event) {
8081
if (event.keyCode === 27) {
8182
this.hideContextMenu();
8283
}
8384
}
8485
},
85-
mounted: function mounted () {
86-
document.body.addEventListener('keyup', this.onEscKeyRelease);
86+
mounted: function mounted() {
87+
document.body.addEventListener("keyup", this.onEscKeyRelease);
8788
},
88-
beforeDestroy: function beforeDestroy () {
89-
document.removeEventListener('keyup', this.onEscKeyRelease);
89+
beforeDestroy: function beforeDestroy() {
90+
document.removeEventListener("keyup", this.onEscKeyRelease);
9091
}
9192
};
9293

@@ -245,33 +246,33 @@
245246
undefined
246247
);
247248

248-
// Import vue component
249-
250-
// install function executed by Vue.use()
251-
function install (Vue) {
252-
if (install.installed) { return; }
253-
install.installed = true;
254-
Vue.component('VueSimpleContextMenu', __vue_component__);
255-
}
256-
257-
// Create module definition for Vue.use()
258-
var plugin = {
259-
install: install,
260-
};
261-
262-
// To auto-install when vue is found
263-
var GlobalVue = null;
264-
if (typeof window !== 'undefined') {
265-
GlobalVue = window.Vue;
266-
} else if (typeof global !== 'undefined') {
267-
GlobalVue = global.Vue;
268-
}
269-
if (GlobalVue) {
270-
GlobalVue.use(plugin);
271-
}
272-
273-
// It's possible to expose named exports when writing components that can
274-
// also be used as directives, etc. - eg. import { RollupDemoDirective } from 'rollup-demo';
249+
// Import vue component
250+
251+
// install function executed by Vue.use()
252+
function install (Vue) {
253+
if (install.installed) { return; }
254+
install.installed = true;
255+
Vue.component('VueSimpleContextMenu', __vue_component__);
256+
}
257+
258+
// Create module definition for Vue.use()
259+
var plugin = {
260+
install: install,
261+
};
262+
263+
// To auto-install when vue is found
264+
var GlobalVue = null;
265+
if (typeof window !== 'undefined') {
266+
GlobalVue = window.Vue;
267+
} else if (typeof global !== 'undefined') {
268+
GlobalVue = global.Vue;
269+
}
270+
if (GlobalVue) {
271+
GlobalVue.use(plugin);
272+
}
273+
274+
// It's possible to expose named exports when writing components that can
275+
// also be used as directives, etc. - eg. import { RollupDemoDirective } from 'rollup-demo';
275276
// export const RollupDemoDirective = component;
276277

277278
exports.default = __vue_component__;

‎docs/build.js

+3-3
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)