From 3065d806c6fb16a9717d06879686056e5902a372 Mon Sep 17 00:00:00 2001 From: chiic Date: Thu, 20 Sep 2018 22:10:36 +0800 Subject: [PATCH] modify use in form error and rename axios to axis --- README.md | 8 ++++---- dist/vue-contextmenu.min.js | 2 +- dist/vue-contextmenu.min.js.map | 2 +- package.json | 2 +- src/VueContextMenu.vue | 2 +- 5 files changed, 8 insertions(+), 8 deletions(-) diff --git a/README.md b/README.md index a878738..e7376fe 100644 --- a/README.md +++ b/README.md @@ -31,7 +31,7 @@ npm install vue-contextmenu --save // the contextmenu name(@1.4.1 updated) menuName: 'demo', // The coordinates of the display(菜单显示的位置) - axios: { + axis: { x: null, y: null }, @@ -57,7 +57,7 @@ npm install vue-contextmenu --save var x = event.clientX var y = event.clientY // Get the current location - this.contextMenuData.axios = { + this.contextMenuData.axis = { x, y } }, @@ -91,7 +91,7 @@ npm install vue-contextmenu --save transferIndex: null, // Show the menu that was clicked contextMenuData: { menuName: 'demo', - axios: { + axis: { x: null, y: null }, @@ -116,7 +116,7 @@ npm install vue-contextmenu --save event.preventDefault() var x = event.clientX var y = event.clientY - this.contextMenuData.axios = { + this.contextMenuData.axis = { x, y } }, diff --git a/dist/vue-contextmenu.min.js b/dist/vue-contextmenu.min.js index 95a2418..3c92b23 100644 --- a/dist/vue-contextmenu.min.js +++ b/dist/vue-contextmenu.min.js @@ -1,2 +1,2 @@ -!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(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].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,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},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=2)}([function(e,t,n){function r(e){n(7)}var o=n(5)(n(1),n(6),r,null,null);e.exports=o.exports},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{contextMenuData:{type:Object,requred:!1,default:function(){return{menuName:null,axios:{x:null,y:null},menulists:[{fnHandler:"adddata",icoName:"fa fa-home fa-fw",btnName:"New"},{fnHandler:"savedata",icoName:"fa fa-home fa-fw",btnName:"Save"}]}}},transferIndex:{type:Number,default:0}},watch:{"contextMenuData.axios":function(e){var t=e.x,n=e.y,r=this,o=r.transferIndex,a="vue-contextmenuName-"+r.contextMenuData.menuName,s=document.getElementsByClassName(a)[o];s.style.display="block",s.style.left=t+"px",s.style.top=n+"px",document.addEventListener("mouseup",function(e){0===e.button&&(s.style.display="none")},!1)}},methods:{fnHandler:function(e){this.$emit(e.fnHandler)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),o=n.n(r),a={install:function(e){e.component("VueContextMenu",o.a)}};t.default=a},function(e,t,n){t=e.exports=n(4)(),t.push([e.i,".vue-contextmenu-listWrapper{box-shadow:2px 2px 2px #ccc;display:none;position:fixed;z-index:9999;top:0;left:0}.vue-contextmenu-listWrapper .context-menu-list{width:150px;height:32px;border-radius:4px;background:#f3f3f3;text-decoration:none;list-style:none}.vue-contextmenu-listWrapper .context-menu-list button{cursor:pointer;width:100%;height:100%;display:block;outline:0;border:0}.vue-contextmenu-listWrapper .context-menu-list button i,.vue-contextmenu-listWrapper .context-menu-list button span{float:left}.vue-contextmenu-listWrapper .context-menu-list button i{padding:0 10px}.vue-contextmenu-listWrapper .context-menu-list button:hover{box-shadow:0 1px 3px rgba(34,25,25,.2);color:#fff;border-radius:4px;background:linear-gradient(180deg,#5a6a76,#2e3940)}",""])},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;tn.parts.length&&(r.parts.length=n.parts.length)}else{for(var s=[],o=0;on.parts.length&&(r.parts.length=n.parts.length)}else{for(var s=[],o=0;o tag\n\n// load the styles\nvar content = __webpack_require__(3);\nif(typeof content === 'string') content = [[module.i, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = __webpack_require__(8)(\"698857c0\", content, true, {});\n\n/***/ }),\n/* 8 */\n/***/ (function(module, exports, __webpack_require__) {\n\n/*\n MIT License http://www.opensource.org/licenses/mit-license.php\n Author Tobias Koppers @sokra\n Modified by Evan You @yyx990803\n*/\n\nvar hasDocument = typeof document !== 'undefined'\n\nif (typeof DEBUG !== 'undefined' && DEBUG) {\n if (!hasDocument) {\n throw new Error(\n 'vue-style-loader cannot be used in a non-browser environment. ' +\n \"Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.\"\n ) }\n}\n\nvar listToStyles = __webpack_require__(9)\n\n/*\ntype StyleObject = {\n id: number;\n parts: Array\n}\n\ntype StyleObjectPart = {\n css: string;\n media: string;\n sourceMap: ?string\n}\n*/\n\nvar stylesInDom = {/*\n [id: number]: {\n id: number,\n refs: number,\n parts: Array<(obj?: StyleObjectPart) => void>\n }\n*/}\n\nvar head = hasDocument && (document.head || document.getElementsByTagName('head')[0])\nvar singletonElement = null\nvar singletonCounter = 0\nvar isProduction = false\nvar noop = function () {}\nvar options = null\nvar ssrIdKey = 'data-vue-ssr-id'\n\n// Force single-tag solution on IE6-9, which has a hard limit on the # of \r\n\n\n\n// WEBPACK FOOTER //\n// VueContextMenu.vue?24473116","import VueContextMenuComponent from './VueContextMenu.vue'\r\nconst VueContextMenu = {\r\n\tinstall: function (Vue) {\r\n\t\tVue.component('VueContextMenu', VueContextMenuComponent)\r\n\t}\r\n}\r\nexport default VueContextMenu\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/main.js","exports = module.exports = require(\"../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".vue-contextmenu-listWrapper{box-shadow:2px 2px 2px #ccc;display:none;position:fixed;z-index:9999;top:0;left:0}.vue-contextmenu-listWrapper .context-menu-list{width:150px;height:32px;border-radius:4px;background:#f3f3f3;text-decoration:none;list-style:none}.vue-contextmenu-listWrapper .context-menu-list button{cursor:pointer;width:100%;height:100%;display:block;outline:0;border:0}.vue-contextmenu-listWrapper .context-menu-list button i,.vue-contextmenu-listWrapper .context-menu-list button span{float:left}.vue-contextmenu-listWrapper .context-menu-list button i{padding:0 10px}.vue-contextmenu-listWrapper .context-menu-list button:hover{box-shadow:0 1px 3px rgba(34,25,25,.2);color:#fff;border-radius:4px;background:linear-gradient(180deg,#5a6a76,#2e3940)}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?minimize!./~/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-1931f86e\",\"scoped\":false,\"hasInlineConfig\":false}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/VueContextMenu.vue\n// module id = 3\n// module chunks = 0","/*\r\n\tMIT License http://www.opensource.org/licenses/mit-license.php\r\n\tAuthor Tobias Koppers @sokra\r\n*/\r\n// css base code, injected by the css-loader\r\nmodule.exports = function() {\r\n\tvar list = [];\r\n\r\n\t// return the list of modules as css string\r\n\tlist.toString = function toString() {\r\n\t\tvar result = [];\r\n\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\tvar item = this[i];\r\n\t\t\tif(item[2]) {\r\n\t\t\t\tresult.push(\"@media \" + item[2] + \"{\" + item[1] + \"}\");\r\n\t\t\t} else {\r\n\t\t\t\tresult.push(item[1]);\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn result.join(\"\");\r\n\t};\r\n\r\n\t// import a list of modules into the list\r\n\tlist.i = function(modules, mediaQuery) {\r\n\t\tif(typeof modules === \"string\")\r\n\t\t\tmodules = [[null, modules, \"\"]];\r\n\t\tvar alreadyImportedModules = {};\r\n\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\tvar id = this[i][0];\r\n\t\t\tif(typeof id === \"number\")\r\n\t\t\t\talreadyImportedModules[id] = true;\r\n\t\t}\r\n\t\tfor(i = 0; i < modules.length; i++) {\r\n\t\t\tvar item = modules[i];\r\n\t\t\t// skip already imported module\r\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\r\n\t\t\t// when a module is imported multiple times with different media queries.\r\n\t\t\t// I hope this will never occur (Hey this way we have smaller bundles)\r\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\r\n\t\t\t\tif(mediaQuery && !item[2]) {\r\n\t\t\t\t\titem[2] = mediaQuery;\r\n\t\t\t\t} else if(mediaQuery) {\r\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\r\n\t\t\t\t}\r\n\t\t\t\tlist.push(item);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\treturn list;\r\n};\r\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader/lib/css-base.js\n// module id = 4\n// module chunks = 0","/* globals __VUE_SSR_CONTEXT__ */\n\n// this module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle\n\nmodule.exports = function normalizeComponent (\n rawScriptExports,\n compiledTemplate,\n injectStyles,\n scopeId,\n moduleIdentifier /* server only */\n) {\n var esModule\n var scriptExports = rawScriptExports = rawScriptExports || {}\n\n // ES6 modules interop\n var type = typeof rawScriptExports.default\n if (type === 'object' || type === 'function') {\n esModule = rawScriptExports\n scriptExports = rawScriptExports.default\n }\n\n // Vue.extend constructor export interop\n var options = typeof scriptExports === 'function'\n ? scriptExports.options\n : scriptExports\n\n // render functions\n if (compiledTemplate) {\n options.render = compiledTemplate.render\n options.staticRenderFns = compiledTemplate.staticRenderFns\n }\n\n // scopedId\n if (scopeId) {\n options._scopeId = scopeId\n }\n\n var hook\n if (moduleIdentifier) { // server build\n hook = function (context) {\n // 2.3 injection\n context =\n context || // cached call\n (this.$vnode && this.$vnode.ssrContext) || // stateful\n (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n // 2.2 with runInNewContext: true\n if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n context = __VUE_SSR_CONTEXT__\n }\n // inject component styles\n if (injectStyles) {\n injectStyles.call(this, context)\n }\n // register component module identifier for async chunk inferrence\n if (context && context._registeredComponents) {\n context._registeredComponents.add(moduleIdentifier)\n }\n }\n // used by ssr in case component is cached and beforeCreate\n // never gets called\n options._ssrRegister = hook\n } else if (injectStyles) {\n hook = injectStyles\n }\n\n if (hook) {\n var functional = options.functional\n var existing = functional\n ? options.render\n : options.beforeCreate\n if (!functional) {\n // inject component registration as beforeCreate hook\n options.beforeCreate = existing\n ? [].concat(existing, hook)\n : [hook]\n } else {\n // register for functioal component in vue file\n options.render = function renderWithStyleInjection (h, context) {\n hook.call(context)\n return existing(h, context)\n }\n }\n }\n\n return {\n esModule: esModule,\n exports: scriptExports,\n options: options\n }\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/component-normalizer.js\n// module id = 5\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('ul', {\n staticClass: \"vue-contextmenu-listWrapper\",\n class: 'vue-contextmenuName-' + _vm.contextMenuData.menuName\n }, _vm._l((_vm.contextMenuData.menulists), function(item) {\n return _c('li', {\n key: item.btnName,\n staticClass: \"context-menu-list\"\n }, [_c('button', {\n attrs: {\n \"type\": \"button\"\n },\n on: {\n \"click\": function($event) {\n $event.stopPropagation();\n _vm.fnHandler(item)\n }\n }\n }, [_c('i', {\n class: item.icoName\n }), _vm._v(\" \"), _c('span', [_vm._v(_vm._s(item.btnName))])])])\n }))\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-1931f86e\",\"hasScoped\":false}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/VueContextMenu.vue\n// module id = 6\n// module chunks = 0","// style-loader: Adds some css to the DOM by adding a \r\n\n\n\n// WEBPACK FOOTER //\n// VueContextMenu.vue?fb8d725c","import VueContextMenuComponent from './VueContextMenu.vue'\r\nconst VueContextMenu = {\r\n\tinstall: function (Vue) {\r\n\t\tVue.component('VueContextMenu', VueContextMenuComponent)\r\n\t}\r\n}\r\nexport default VueContextMenu\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/main.js","exports = module.exports = require(\"../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".vue-contextmenu-listWrapper{box-shadow:2px 2px 2px #ccc;display:none;position:fixed;z-index:9999;top:0;left:0}.vue-contextmenu-listWrapper .context-menu-list{width:150px;height:32px;border-radius:4px;background:#f3f3f3;text-decoration:none;list-style:none}.vue-contextmenu-listWrapper .context-menu-list button{cursor:pointer;width:100%;height:100%;display:block;outline:0;border:0}.vue-contextmenu-listWrapper .context-menu-list button i,.vue-contextmenu-listWrapper .context-menu-list button span{float:left}.vue-contextmenu-listWrapper .context-menu-list button i{padding:0 10px}.vue-contextmenu-listWrapper .context-menu-list button:hover{box-shadow:0 1px 3px rgba(34,25,25,.2);color:#fff;border-radius:4px;background:linear-gradient(180deg,#5a6a76,#2e3940)}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?minimize!./~/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-1931f86e\",\"scoped\":false,\"hasInlineConfig\":false}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/VueContextMenu.vue\n// module id = 3\n// module chunks = 0","/*\r\n\tMIT License http://www.opensource.org/licenses/mit-license.php\r\n\tAuthor Tobias Koppers @sokra\r\n*/\r\n// css base code, injected by the css-loader\r\nmodule.exports = function() {\r\n\tvar list = [];\r\n\r\n\t// return the list of modules as css string\r\n\tlist.toString = function toString() {\r\n\t\tvar result = [];\r\n\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\tvar item = this[i];\r\n\t\t\tif(item[2]) {\r\n\t\t\t\tresult.push(\"@media \" + item[2] + \"{\" + item[1] + \"}\");\r\n\t\t\t} else {\r\n\t\t\t\tresult.push(item[1]);\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn result.join(\"\");\r\n\t};\r\n\r\n\t// import a list of modules into the list\r\n\tlist.i = function(modules, mediaQuery) {\r\n\t\tif(typeof modules === \"string\")\r\n\t\t\tmodules = [[null, modules, \"\"]];\r\n\t\tvar alreadyImportedModules = {};\r\n\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\tvar id = this[i][0];\r\n\t\t\tif(typeof id === \"number\")\r\n\t\t\t\talreadyImportedModules[id] = true;\r\n\t\t}\r\n\t\tfor(i = 0; i < modules.length; i++) {\r\n\t\t\tvar item = modules[i];\r\n\t\t\t// skip already imported module\r\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\r\n\t\t\t// when a module is imported multiple times with different media queries.\r\n\t\t\t// I hope this will never occur (Hey this way we have smaller bundles)\r\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\r\n\t\t\t\tif(mediaQuery && !item[2]) {\r\n\t\t\t\t\titem[2] = mediaQuery;\r\n\t\t\t\t} else if(mediaQuery) {\r\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\r\n\t\t\t\t}\r\n\t\t\t\tlist.push(item);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\treturn list;\r\n};\r\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader/lib/css-base.js\n// module id = 4\n// module chunks = 0","/* globals __VUE_SSR_CONTEXT__ */\n\n// this module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle\n\nmodule.exports = function normalizeComponent (\n rawScriptExports,\n compiledTemplate,\n injectStyles,\n scopeId,\n moduleIdentifier /* server only */\n) {\n var esModule\n var scriptExports = rawScriptExports = rawScriptExports || {}\n\n // ES6 modules interop\n var type = typeof rawScriptExports.default\n if (type === 'object' || type === 'function') {\n esModule = rawScriptExports\n scriptExports = rawScriptExports.default\n }\n\n // Vue.extend constructor export interop\n var options = typeof scriptExports === 'function'\n ? scriptExports.options\n : scriptExports\n\n // render functions\n if (compiledTemplate) {\n options.render = compiledTemplate.render\n options.staticRenderFns = compiledTemplate.staticRenderFns\n }\n\n // scopedId\n if (scopeId) {\n options._scopeId = scopeId\n }\n\n var hook\n if (moduleIdentifier) { // server build\n hook = function (context) {\n // 2.3 injection\n context =\n context || // cached call\n (this.$vnode && this.$vnode.ssrContext) || // stateful\n (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n // 2.2 with runInNewContext: true\n if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n context = __VUE_SSR_CONTEXT__\n }\n // inject component styles\n if (injectStyles) {\n injectStyles.call(this, context)\n }\n // register component module identifier for async chunk inferrence\n if (context && context._registeredComponents) {\n context._registeredComponents.add(moduleIdentifier)\n }\n }\n // used by ssr in case component is cached and beforeCreate\n // never gets called\n options._ssrRegister = hook\n } else if (injectStyles) {\n hook = injectStyles\n }\n\n if (hook) {\n var functional = options.functional\n var existing = functional\n ? options.render\n : options.beforeCreate\n if (!functional) {\n // inject component registration as beforeCreate hook\n options.beforeCreate = existing\n ? [].concat(existing, hook)\n : [hook]\n } else {\n // register for functioal component in vue file\n options.render = function renderWithStyleInjection (h, context) {\n hook.call(context)\n return existing(h, context)\n }\n }\n }\n\n return {\n esModule: esModule,\n exports: scriptExports,\n options: options\n }\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/component-normalizer.js\n// module id = 5\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('ul', {\n staticClass: \"vue-contextmenu-listWrapper\",\n class: 'vue-contextmenuName-' + _vm.contextMenuData.menuName\n }, _vm._l((_vm.contextMenuData.menulists), function(item) {\n return _c('li', {\n key: item.btnName,\n staticClass: \"context-menu-list\"\n }, [_c('button', {\n attrs: {\n \"type\": \"button\"\n },\n on: {\n \"click\": function($event) {\n $event.stopPropagation();\n _vm.fnHandler(item)\n }\n }\n }, [_c('i', {\n class: item.icoName\n }), _vm._v(\" \"), _c('span', [_vm._v(_vm._s(item.btnName))])])])\n }))\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-1931f86e\",\"hasScoped\":false}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/VueContextMenu.vue\n// module id = 6\n// module chunks = 0","// style-loader: Adds some css to the DOM by adding a