UNPKG

vue-contextmenu

Version:

vue contextmenu

2 lines 11.2 kB
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define("ContextMenu",[],e):"object"==typeof exports?exports.ContextMenu=e():t.ContextMenu=e()}(this,function(){return function(t){function e(a){if(n[a])return n[a].exports;var o=n[a]={i:a,l:!1,exports:{}};return t[a].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,a){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:a})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="/dist/",e(e.s=6)}([function(t,e){t.exports=function(){var t=[];return t.toString=function(){for(var t=[],e=0;e<this.length;e++){var n=this[e];n[2]?t.push("@media "+n[2]+"{"+n[1]+"}"):t.push(n[1])}return t.join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var a={},o=0;o<this.length;o++){var i=this[o][0];"number"==typeof i&&(a[i]=!0)}for(o=0;o<e.length;o++){var r=e[o];"number"==typeof r[0]&&a[r[0]]||(n&&!r[2]?r[2]=n:n&&(r[2]="("+r[2]+") and ("+n+")"),t.push(r))}},t}},function(t,e){t.exports=function(t,e,n,a,o){var i,r=t=t||{},s=typeof t.default;"object"!==s&&"function"!==s||(i=t,r=t.default);var l="function"==typeof r?r.options:r;e&&(l.render=e.render,l.staticRenderFns=e.staticRenderFns),a&&(l._scopeId=a);var d;if(o?(d=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),n&&n.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(o)},l._ssrRegister=d):n&&(d=n),d){var c=l.functional,p=c?l.render:l.beforeCreate;c?l.render=function(t,e){return d.call(e),p(t,e)}:l.beforeCreate=p?[].concat(p,d):[d]}return{esModule:i,exports:r,options:l}}},function(t,e,n){function a(t){for(var e=0;e<t.length;e++){var n=t[e],a=c[n.id];if(a){a.refs++;for(var o=0;o<a.parts.length;o++)a.parts[o](n.parts[o]);for(;o<n.parts.length;o++)a.parts.push(i(n.parts[o]));a.parts.length>n.parts.length&&(a.parts.length=n.parts.length)}else{for(var r=[],o=0;o<n.parts.length;o++)r.push(i(n.parts[o]));c[n.id]={id:n.id,refs:1,parts:r}}}}function o(){var t=document.createElement("style");return t.type="text/css",p.appendChild(t),t}function i(t){var e,n,a=document.querySelector("style["+x+'~="'+t.id+'"]');if(a){if(h)return v;a.parentNode.removeChild(a)}if(b){var i=f++;a=u||(u=o()),e=r.bind(null,a,i,!1),n=r.bind(null,a,i,!0)}else a=o(),e=s.bind(null,a),n=function(){a.parentNode.removeChild(a)};return e(t),function(a){if(a){if(a.css===t.css&&a.media===t.media&&a.sourceMap===t.sourceMap)return;e(t=a)}else n()}}function r(t,e,n,a){var o=n?"":a.css;if(t.styleSheet)t.styleSheet.cssText=g(e,o);else{var i=document.createTextNode(o),r=t.childNodes;r[e]&&t.removeChild(r[e]),r.length?t.insertBefore(i,r[e]):t.appendChild(i)}}function s(t,e){var n=e.css,a=e.media,o=e.sourceMap;if(a&&t.setAttribute("media",a),m.ssrId&&t.setAttribute(x,e.id),o&&(n+="\n/*# sourceURL="+o.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}var l="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!l)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var d=n(14),c={},p=l&&(document.head||document.getElementsByTagName("head")[0]),u=null,f=0,h=!1,v=function(){},m=null,x="data-vue-ssr-id",b="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());t.exports=function(t,e,n,o){h=n,m=o||{};var i=d(t,e);return a(i),function(e){for(var n=[],o=0;o<i.length;o++){var r=i[o],s=c[r.id];s.refs--,n.push(s)}e?(i=d(t,e),a(i)):i=[];for(var o=0;o<n.length;o++){var s=n[o];if(0===s.refs){for(var l=0;l<s.parts.length;l++)s.parts[l]();delete c[s.id]}}}};var g=function(){var t=[];return function(e,n){return t[e]=n,t.filter(Boolean).join("\n")}}()},function(t,e,n){function a(t){n(12)}var o=n(1)(n(5),n(10),a,"data-v-1931f86e",null);t.exports=o.exports},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"tree-child-component",props:["itemchildren","float"],methods:{fnHandler:function(t){this.$emit("childhandler",t)}}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=n(9),o=n.n(a);e.default={name:"context-menu-component",components:{Tree:o.a},data:function(){return{floatDirection:"float-statue-1"}},props:{contextMenuData:{type:Object,requred:!1,default:function(){return{menuName:null,axis:{x:null,y:null},menulists:[{fnHandler:"",icoName:"",btnName:""}]}}},transferIndex:{type:Number,default:0}},watch:{"contextMenuData.axis":function(t){var e=t.x,n=t.y,a=window.innerWidth,o=window.innerHeight,i=this,r=i.transferIndex,s="vue-contextmenuName-"+i.contextMenuData.menuName,l=document.getElementsByClassName(s)[r];l.style.display="block";var d=30*this.contextMenuData.menulists.length;l.style.top=(n+d>o?o-d:n)+"px",l.style.left=(e+150>a?a-150:e)+"px",document.addEventListener("mouseup",function(t){0===t.button&&(l.style.display="none")},!1),e+300>a&&n+2*d>o&&(this.floatDirection="float-status-4"),e+300<a&&n+2*d>o&&(this.floatDirection="float-status-1"),e+300>a&&n+2*d<o&&(this.floatDirection="float-status-3"),e+300<a&&n+2*d<o&&(this.floatDirection="float-status-2")}},methods:{fnHandler:function(t){this.$emit(t.fnHandler)}}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=n(3),o=n.n(a),i={install:function(t){t.component("VueContextMenu",o.a)}};e.default=i},function(t,e,n){e=t.exports=n(0)(),e.push([t.i,".vue-contextmenu-listWrapper[data-v-1931f86e]{display:none;position:fixed;z-index:9999;background:#fff;top:0;left:0;border-radius:2px;box-shadow:0 2px 2px 0 #ccc;font-family:Courier New,Courier,monospace;font-size:12px}.vue-contextmenu-listWrapper .context-menu-list[data-v-1931f86e]{position:relative;background:#fff;text-decoration:none;list-style:none;margin:3px 0}.context-menu-list[data-v-1931f86e]:hover{background:#2894f8}.context-menu-list .has-child[data-v-1931f86e]{position:relative;cursor:pointer;padding:5px 10px}.context-menu-list:hover>.has-child>.child-ul-wrapper[data-v-1931f86e]{display:block}.parent-name .icon[data-v-1931f86e]{position:absolute;display:block;top:4px;right:0;border-top:4px solid transparent;border-left:8px solid #111;border-bottom:4px solid transparent;border-right:4px solid transparent}.no-child-btn[data-v-1931f86e]{padding:5px 10px;cursor:pointer}.nav-icon-fontawe[data-v-1931f86e]{position:absolute;left:0}.nav-name-right[data-v-1931f86e]{margin:0 20px;height:16px;line-height:16px;display:block}.no-allow[data-v-1931f86e]{color:#d3cfcf;cursor:not-allowed}.btn-wrapper-simple[data-v-1931f86e]{position:relative;height:16px;line-height:16px}",""])},function(t,e,n){e=t.exports=n(0)(),e.push([t.i,".float-status-1[data-v-65699d5f]{left:100%;bottom:-1px;z-index:10001}.float-status-2[data-v-65699d5f]{left:100%;top:-1px;z-index:10001}.float-status-3[data-v-65699d5f]{right:100%;top:-1px;z-index:10001}.float-status-4[data-v-65699d5f]{right:100%;bottom:-1px;z-index:10001}.child-ul-wrapper .has-child[data-v-65699d5f]{padding:5px 10px;position:relative}li[data-v-65699d5f]{list-style:none}.parent-name .icon[data-v-65699d5f]{position:absolute;display:block;top:4px;right:0;border-top:4px solid transparent;border-left:8px solid #111;border-bottom:4px solid transparent;border-right:4px solid transparent}.no-child-btn[data-v-65699d5f]{padding:5px 10px}.child-ul-wrapper[data-v-65699d5f]{background:#fff;position:absolute;display:none;border:1px solid #e8e8e8;border-radius:3px}.child-li-wrapper:hover>.has-child>.child-ul-wrapper[data-v-65699d5f]{display:block}.child-li-wrapper[data-v-65699d5f]:hover,.context-menu-list[data-v-65699d5f]:hover{background:#2894f8}.nav-icon-fontawe[data-v-65699d5f]{position:absolute}.nav-name-right[data-v-65699d5f]{white-space:nowrap;display:block;margin:auto 20px}.btn-wrapper-simple[data-v-65699d5f]{position:relative;height:16px;line-height:16px}",""])},function(t,e,n){function a(t){n(13)}var o=n(1)(n(4),n(11),a,"data-v-65699d5f",null);t.exports=o.exports},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("ul",{staticClass:"vue-contextmenu-listWrapper",class:"vue-contextmenuName-"+t.contextMenuData.menuName,on:{contextmenu:function(t){t.stopPropagation()}}},t._l(t.contextMenuData.menulists,function(e){return n("li",{key:e.btnName,staticClass:"context-menu-list"},[e.children&&e.children.length>0?n("div",{staticClass:"has-child"},[n("div",{staticClass:"parent-name btn-wrapper-simple",class:{"no-allow":!!e.disabled&&e.disabled}},[n("i",{staticClass:"nav-icon-fontawe",class:e.icoName?e.icoName:""}),t._v(" "),n("span",{staticClass:"nav-name-right"},[t._v(t._s(e.btnName))]),t._v(" "),n("i",{staticClass:"icon"})]),t._v(" "),n("Tree",{attrs:{itemchildren:e.children,float:t.floatDirection},on:{childhandler:t.fnHandler}})],1):n("div",[n("div",{staticClass:"no-child-btn btn-wrapper-simple",class:{"no-allow":!!e.disabled&&e.disabled},on:{click:function(n){n.stopPropagation(),!0===e.disabled||t.fnHandler(e)}}},[n("i",{staticClass:"nav-icon-fontawe",class:e.icoName?e.icoName:""}),t._v(" "),n("span",{staticClass:"nav-name-right"},[t._v(t._s(e.btnName))])])])])}),0)},staticRenderFns:[]}},function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("ul",{staticClass:"child-ul-wrapper",class:t.float},t._l(t.itemchildren,function(e){return n("li",{key:e.name,staticClass:"child-li-wrapper"},[e.children&&e.children.length>0?n("div",{staticClass:"has-child"},[n("div",{staticClass:"parent-name btn-wrapper-simple"},[n("i",{staticClass:"nav-icon-fontawe",class:e.icoName?e.icoName:""}),t._v(" "),n("span",{staticClass:"nav-name-right"},[t._v(t._s(e.btnName))]),t._v(" "),n("i",{staticClass:"icon"})]),t._v(" "),n("tree-child-component",{attrs:{itemchildren:e.children,float:t.float},on:{childhandler:t.fnHandler}})],1):n("div",[n("div",{staticClass:"no-child-btn btn-wrapper-simple",on:{click:function(n){return n.stopPropagation(),t.fnHandler(e)}}},[n("i",{staticClass:"nav-icon-fontawe",class:e.icoName?e.icoName:""}),t._v(" "),n("span",{staticClass:"nav-name-right"},[t._v(t._s(e.btnName))])])])])}),0)},staticRenderFns:[]}},function(t,e,n){var a=n(7);"string"==typeof a&&(a=[[t.i,a,""]]),a.locals&&(t.exports=a.locals);n(2)("6b12b0a8",a,!0,{})},function(t,e,n){var a=n(8);"string"==typeof a&&(a=[[t.i,a,""]]),a.locals&&(t.exports=a.locals);n(2)("007c7502",a,!0,{})},function(t,e){t.exports=function(t,e){for(var n=[],a={},o=0;o<e.length;o++){var i=e[o],r=i[0],s=i[1],l=i[2],d=i[3],c={id:t+":"+o,css:s,media:l,sourceMap:d};a[r]?a[r].parts.push(c):n.push(a[r]={id:r,parts:[c]})}return n}}])}); //# sourceMappingURL=vue-contextmenu.min.js.map