vue-contextmenu-antd
Version:
2 lines • 14.1 kB
JavaScript
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("ContextMenu",[],t):"object"==typeof exports?exports.ContextMenu=t():e.ContextMenu=t()}(this,function(){return function(e){function t(a){if(n[a])return n[a].exports;var o=n[a]={i:a,l:!1,exports:{}};return e[a].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,a){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:a})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/dist/",t(t.s=6)}([function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var n=this[t];n[2]?e.push("@media "+n[2]+"{"+n[1]+"}"):e.push(n[1])}return e.join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var a={},o=0;o<this.length;o++){var r=this[o][0];"number"==typeof r&&(a[r]=!0)}for(o=0;o<t.length;o++){var i=t[o];"number"==typeof i[0]&&a[i[0]]||(n&&!i[2]?i[2]=n:n&&(i[2]="("+i[2]+") and ("+n+")"),e.push(i))}},e}},function(e,t){e.exports=function(e,t,n,a,o){var r,i=e=e||{},s=typeof e.default;"object"!==s&&"function"!==s||(r=e,i=e.default);var d="function"==typeof i?i.options:i;t&&(d.render=t.render,d.staticRenderFns=t.staticRenderFns),a&&(d._scopeId=a);var l;if(o?(l=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},d._ssrRegister=l):n&&(l=n),l){var c=d.functional,f=c?d.render:d.beforeCreate;c?d.render=function(e,t){return l.call(t),f(e,t)}:d.beforeCreate=f?[].concat(f,l):[l]}return{esModule:r,exports:i,options:d}}},function(e,t,n){function a(e){for(var t=0;t<e.length;t++){var n=e[t],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(r(n.parts[o]));a.parts.length>n.parts.length&&(a.parts.length=n.parts.length)}else{for(var i=[],o=0;o<n.parts.length;o++)i.push(r(n.parts[o]));c[n.id]={id:n.id,refs:1,parts:i}}}}function o(){var e=document.createElement("style");return e.type="text/css",f.appendChild(e),e}function r(e){var t,n,a=document.querySelector("style["+x+'~="'+e.id+'"]');if(a){if(v)return h;a.parentNode.removeChild(a)}if(b){var r=u++;a=p||(p=o()),t=i.bind(null,a,r,!1),n=i.bind(null,a,r,!0)}else a=o(),t=s.bind(null,a),n=function(){a.parentNode.removeChild(a)};return t(e),function(a){if(a){if(a.css===e.css&&a.media===e.media&&a.sourceMap===e.sourceMap)return;t(e=a)}else n()}}function i(e,t,n,a){var o=n?"":a.css;if(e.styleSheet)e.styleSheet.cssText=g(t,o);else{var r=document.createTextNode(o),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(r,i[t]):e.appendChild(r)}}function s(e,t){var n=t.css,a=t.media,o=t.sourceMap;if(a&&e.setAttribute("media",a),m.ssrId&&e.setAttribute(x,t.id),o&&(n+="\n/*# sourceURL="+o.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var d="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!d)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 l=n(14),c={},f=d&&(document.head||document.getElementsByTagName("head")[0]),p=null,u=0,v=!1,h=function(){},m=null,x="data-vue-ssr-id",b="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());e.exports=function(e,t,n,o){v=n,m=o||{};var r=l(e,t);return a(r),function(t){for(var n=[],o=0;o<r.length;o++){var i=r[o],s=c[i.id];s.refs--,n.push(s)}t?(r=l(e,t),a(r)):r=[];for(var o=0;o<n.length;o++){var s=n[o];if(0===s.refs){for(var d=0;d<s.parts.length;d++)s.parts[d]();delete c[s.id]}}}};var g=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}()},function(e,t,n){function a(e){n(12)}var o=n(1)(n(5),n(10),a,"data-v-1931f86e",null);e.exports=o.exports},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"tree-child-component",props:["itemchildren","float"],methods:{fnHandler:function(e,t){t||this.$emit("childhandler",e)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(9),o=n.n(a);t.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(e){var t=e.x,n=e.y,a=window.innerWidth,o=window.innerHeight,r=this,i=r.transferIndex,s="vue-contextmenuName-"+r.contextMenuData.menuName,d=document.getElementsByClassName(s)[i];d.style.display="block";var l=42*this.contextMenuData.menulists.length+40;d.style.top=(n+l>o?o-l:n)+"px",d.style.left=(t+170>a?a-170:t)+"px",document.addEventListener("mouseup",function(e){0===e.button&&(d.style.display="none",document.querySelectorAll(".ant-select-dropdown")&&document.querySelectorAll(".ant-select-dropdown").forEach(function(e){e.style.opacity=1}))},!1),t+340>a&&n+2*l>o&&(this.floatDirection="float-status-4"),t+340<a&&n+2*l>o&&(this.floatDirection="float-status-1"),t+340>a&&n+2*l<o&&(this.floatDirection="float-status-3"),t+340<a&&n+1*l<o&&(this.floatDirection="float-status-2")}},methods:{fnHandler:function(e){this.$emit(e.fnHandler)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(3),o=n.n(a),r={install:function(e){e.component("VueContextMenu",o.a)}};t.default=r},function(e,t,n){t=e.exports=n(0)(),t.push([e.i,'li[data-v-1931f86e],ul[data-v-1931f86e]{margin:0;padding:0;box-sizing:border-box}.vue-contextmenu-listWrapper[data-v-1931f86e]{display:none;position:fixed;z-index:9999;background:#fff;top:0;left:0;border:solid #e3e6f2;border-width:0 1px;font-family:Courier New,Courier,monospace;font-size:12px;box-shadow:0 0 8px 0 rgba(0,0,0,.2)}.vue-contextmenu-listWrapper .context-menu-list[data-v-1931f86e]{position:relative;width:170px;background:#fff;text-decoration:none;list-style:none;border:solid transparent;border-width:1px 0;font-family:Avenir,Helvetica Neue,Arial,Helvetica,sans-serif}.vue-contextmenu-listWrapper .context-menu-list[data-v-1931f86e]:first-child{border-top:1px solid #e3e6f2}.vue-contextmenu-listWrapper .context-menu-list[data-v-1931f86e]:last-child{border-bottom:1px solid #e3e6f2}.vue-contextmenu-listWrapper .underline[data-v-1931f86e]{border-bottom:1px solid #dfdfdf}.context-menu-list[data-v-1931f86e]:hover{background:#f6f9ff;border:solid #e3e6f2;border-width:1px 0}.nav-name-right[data-v-1931f86e]{position:relative;padding-left:12px;color:#595959}.nav-name-right[data-v-1931f86e]:after{position:absolute;top:50%;left:0;transform:translateY(-50%);display:block;content:"";width:4px;height:4px;border-radius:50%;background:#d8d8d8}.shortcutkey[data-v-1931f86e]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;color:#989bad}.context-menu-list:hover .icon s[data-v-1931f86e],.context-menu-list:hover>div .nav-name-right[data-v-1931f86e]{color:#4682fd}.context-menu-list:hover .nav-name-right[data-v-1931f86e]:after{background:#4682fd}.context-menu-list:hover .nav-icon-fontawe[data-v-1931f86e]{color:#4682fd}.context-menu-list .has-child[data-v-1931f86e]{position:relative;cursor:pointer}.context-menu-list:hover>.has-child>.child-ul-wrapper[data-v-1931f86e]{display:block}.parent-name .icon[data-v-1931f86e]{font-style:normal;position:relative;display:block;width:8px;overflow:hidden}.parent-name .icon s[data-v-1931f86e]{text-decoration:none;display:inline-block;width:18px;font-size:18px;font-weight:700;color:#595959;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.no-child-btn[data-v-1931f86e]{cursor:pointer}.nav-icon-fontawe[data-v-1931f86e]{font-size:12px;color:#989bad}.no-allow[data-v-1931f86e]{cursor:not-allowed}.no-allow .icon s[data-v-1931f86e],.no-allow .nav-name-right[data-v-1931f86e],.no-allow .nav-name-right[data-v-1931f86e]:after{color:#989bad}.btn-wrapper-simple[data-v-1931f86e]{position:relative;padding:0 10px;display:flex;justify-content:space-between;align-items:center;height:40px;line-height:40px}',""])},function(e,t,n){t=e.exports=n(0)(),t.push([e.i,'li[data-v-65699d5f],ul[data-v-65699d5f]{margin:0;padding:0;box-sizing:border-box}.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]{position:relative}li[data-v-65699d5f]{list-style:none}.parent-name .icon[data-v-65699d5f]{font-style:normal;position:relative;display:block;width:8px;overflow:hidden}.parent-name .icon s[data-v-65699d5f]{text-decoration:none;display:inline-block;width:18px;font-size:18px;font-weight:700;color:#595959;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.child-ul-wrapper[data-v-65699d5f]{width:170px;background:#fff;position:absolute;display:none;border:solid #e3e6f2;border-width:0 1px;box-shadow:5px 5px 8px -4px rgba(0,0,0,.2),5px -5px 8px -4px rgba(0,0,0,.2)}.child-li-wrapper:hover>.has-child>.child-ul-wrapper[data-v-65699d5f]{display:block}.child-li-wrapper[data-v-65699d5f]{border:solid transparent;border-width:1px 0}.child-li-wrapper[data-v-65699d5f]:first-child{border-top:1px solid #e3e6f2}.child-li-wrapper[data-v-65699d5f]:last-child{border-bottom:1px solid #e3e6f2}.child-li-wrapper[data-v-65699d5f]:hover{background:#f6f9ff;border:solid #e3e6f2;border-width:1px 0}.child-li-wrapper:hover>div>div .nav-name-right[data-v-65699d5f]{color:#4682fd}.child-li-wrapper:hover>div>div .nav-name-right[data-v-65699d5f]:after{background:#4682fd}.shortcutkey[data-v-65699d5f]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;color:#989bad}.child-li-wrapper:hover .icon s[data-v-65699d5f],.context-menu-list:hover .nav-icon-fontawe[data-v-65699d5f]{color:#4682fd}.child-ul-wrapper .underline[data-v-65699d5f]{border-bottom:1px solid #dfdfdf}.nav-icon-fontawe[data-v-65699d5f]{font-size:12px;color:#989bad}.nav-name-right[data-v-65699d5f]{position:relative;padding-left:12px;white-space:nowrap;color:#595959}.nav-name-right[data-v-65699d5f]:after{position:absolute;top:50%;left:0;transform:translateY(-50%);display:block;content:"";width:4px;height:4px;border-radius:50%;background:#d8d8d8}.btn-wrapper-simple[data-v-65699d5f]{position:relative;padding:0 10px;display:flex;justify-content:space-between;align-items:center;height:40px;line-height:40px}.no-allow[data-v-65699d5f]{cursor:not-allowed}.no-allow .icon s[data-v-65699d5f],.no-allow .nav-name-right[data-v-65699d5f],.no-allow .nav-name-right[data-v-65699d5f]:after{color:#989bad}',""])},function(e,t,n){function a(e){n(13)}var o=n(1)(n(4),n(11),a,"data-v-65699d5f",null);e.exports=o.exports},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("ul",{staticClass:"vue-contextmenu-listWrapper",class:"vue-contextmenuName-"+e.contextMenuData.menuName,on:{contextmenu:function(e){e.stopPropagation()}}},e._l(e.contextMenuData.menulists,function(t){return n("li",{key:t.btnName,staticClass:"context-menu-list",class:{underline:t.underline}},[t.children&&t.children.length>0?n("div",{staticClass:"has-child"},[n("div",{staticClass:"parent-name btn-wrapper-simple",class:{"no-allow":!!t.disabled&&t.disabled}},[n("span",{staticClass:"nav-name-right"},[e._v(e._s(t.btnName))])]),e._v(" "),t.disabled?e._e():n("Tree",{attrs:{itemchildren:t.children,float:e.floatDirection},on:{childhandler:e.fnHandler}})],1):n("div",[n("div",{staticClass:"no-child-btn btn-wrapper-simple",class:{"no-allow":!!t.disabled&&t.disabled},on:{click:function(n){n.stopPropagation(),!0===t.disabled||e.fnHandler(t)}}},[n("span",{staticClass:"nav-name-right"},[e._v(e._s(t.btnName))]),e._v(" "),n("span",{staticClass:"shortcutkey"},[e._v(e._s(t.shortcutkey))])])])])}),0)},staticRenderFns:[]}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("ul",{staticClass:"child-ul-wrapper",class:e.float},e._l(e.itemchildren,function(t){return n("li",{key:t.name,staticClass:"child-li-wrapper",class:{underline:t.underline}},[t.children&&t.children.length>0?n("div",{staticClass:"has-child"},[n("div",{staticClass:"parent-name btn-wrapper-simple"},[n("span",{staticClass:"nav-name-right"},[e._v(e._s(t.btnName))])]),e._v(" "),n("tree-child-component",{attrs:{itemchildren:t.children,float:e.float},on:{childhandler:e.fnHandler}})],1):n("div",[n("div",{staticClass:"no-child-btn btn-wrapper-simple",class:{"no-allow":!!t.disabled&&t.disabled},on:{click:function(n){return n.stopPropagation(),e.fnHandler(t,t.disabled)}}},[n("span",{staticClass:"nav-name-right"},[e._v(e._s(t.btnName))]),e._v(" "),n("span",{staticClass:"shortcutkey"},[e._v(e._s(t.shortcutkey))])])])])}),0)},staticRenderFns:[]}},function(e,t,n){var a=n(7);"string"==typeof a&&(a=[[e.i,a,""]]),a.locals&&(e.exports=a.locals);n(2)("201d2716",a,!0,{})},function(e,t,n){var a=n(8);"string"==typeof a&&(a=[[e.i,a,""]]),a.locals&&(e.exports=a.locals);n(2)("b91524e8",a,!0,{})},function(e,t){e.exports=function(e,t){for(var n=[],a={},o=0;o<t.length;o++){var r=t[o],i=r[0],s=r[1],d=r[2],l=r[3],c={id:e+":"+o,css:s,media:d,sourceMap:l};a[i]?a[i].parts.push(c):n.push(a[i]={id:i,parts:[c]})}return n}}])});
//# sourceMappingURL=vue-contextmenu.min.js.map