KevinMidboe/vue-js-modal
1
0
Fork 0
mirror of https://github.com/KevinMidboe/vue-js-modal.git synced 2025-12-08 20:48:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Release 1.0.16

Browse Source
This commit is contained in:
euvl
2017-04-10 12:07:59 +01:00
parent ad6a20b944
commit e081add090
2 changed files with 84 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

164
dist/index.js vendored
View File

@@ -73,11 +73,27 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ __webpack_require__.p = ""; /******/ __webpack_require__.p = "";
/******/ /******/
/******/ // Load entry module and return exports /******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 3); /******/ return __webpack_require__(__webpack_require__.s = 4);
/******/ }) /******/ })
/************************************************************************/ /************************************************************************/
/******/ ([ /******/ ([
/* 0 */ /* 0 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return inRange; });
var inRange = function inRange(from, to, value) {
if (value > to) {
return to;
}
if (value < from) {
return from;
}
return value;
};
/***/ }),
/* 1 */
/***/ (function(module, exports) { /***/ (function(module, exports) {
/* /*
@@ -133,7 +149,7 @@ module.exports = function() {
/***/ }), /***/ }),
/* 1 */ /* 2 */
/***/ (function(module, exports) { /***/ (function(module, exports) {
module.exports = function normalizeComponent ( module.exports = function normalizeComponent (
@@ -186,7 +202,7 @@ module.exports = function normalizeComponent (
/***/ }), /***/ }),
/* 2 */ /* 3 */
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
/* /*
@@ -205,7 +221,7 @@ if (typeof DEBUG !== 'undefined' && DEBUG) {
) } ) }
} }
var listToStyles = __webpack_require__(14) var listToStyles = __webpack_require__(15)
/* /*
type StyleObject = { type StyleObject = {
@@ -422,12 +438,12 @@ function applyToTag (styleElement, obj) {
/***/ }), /***/ }),
/* 3 */ /* 4 */
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__Modal_vue__ = __webpack_require__(4); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__Modal_vue__ = __webpack_require__(5);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__Modal_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__Modal_vue__); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__Modal_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__Modal_vue__);
@@ -462,18 +478,18 @@ var ModalPlugin = {
/* harmony default export */ __webpack_exports__["default"] = ModalPlugin; /* harmony default export */ __webpack_exports__["default"] = ModalPlugin;
/***/ }), /***/ }),
/* 4 */ /* 5 */
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
/* styles */ /* styles */
__webpack_require__(12) __webpack_require__(13)
var Component = __webpack_require__(1)( var Component = __webpack_require__(2)(
/* script */ /* script */
__webpack_require__(5), __webpack_require__(6),
/* template */ /* template */
__webpack_require__(10), __webpack_require__(11),
/* scopeId */ /* scopeId */
"data-v-40dd3b1e", "data-v-40dd3b1e",
/* cssModules */ /* cssModules */
@@ -484,15 +500,16 @@ module.exports = Component.exports
/***/ }), /***/ }),
/* 5 */ /* 6 */
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue__ = __webpack_require__(15); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue__ = __webpack_require__(16);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__index__ = __webpack_require__(3); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__index__ = __webpack_require__(4);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Resizer_vue__ = __webpack_require__(9); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Resizer_vue__ = __webpack_require__(10);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Resizer_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2__Resizer_vue__); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Resizer_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2__Resizer_vue__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__util__ = __webpack_require__(0);
// //
// //
// //
@@ -520,6 +537,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
/* harmony default export */ __webpack_exports__["default"] = { /* harmony default export */ __webpack_exports__["default"] = {
name: 'Modal', name: 'Modal',
props: { props: {
@@ -651,9 +669,19 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
computed: { computed: {
position: function position() { position: function position() {
var window = this.window,
modal = this.modal,
shift = this.shift;
var maxLeft = window.width - modal.width;
var maxTop = window.height - modal.height;
var left = shift.left + this.pivotX * (window.width - modal.width);
var top = shift.top + this.pivotY * (window.height - modal.height);
return { return {
left: Math.max(this.shift.left + this.pivotX * (this.window.width - this.modal.width), 0), left: __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__util__["a" /* inRange */])(0, maxLeft, left),
top: Math.max(this.shift.top + this.pivotY * (this.window.height - this.modal.height), 0) top: __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__util__["a" /* inRange */])(0, maxTop, top)
}; };
}, },
modalClass: function modalClass() { modalClass: function modalClass() {
@@ -674,16 +702,12 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
this.window.height = window.innerHeight; this.window.height = window.innerHeight;
if (this.adaptive) { if (this.adaptive) {
var width = Math.min(this.window.width, this.modal.width); this.modal.width = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__util__["a" /* inRange */])(0, this.window.width, this.modal.width);
var height = Math.min(this.window.height, this.modal.height); this.modal.height = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__util__["a" /* inRange */])(0, this.window.height, this.modal.height);
// Math.max(width, this.minWidth);
this.modal.width = width;
// Math.max(height, this.minHeight);
this.modal.height = height;
} }
}, },
genEventObject: function genEventObject(params) { genEventObject: function genEventObject(params) {
//todo: clean this up //todo: clean this up (change to ...)
return __WEBPACK_IMPORTED_MODULE_0_vue__["a" /* default */].util.extend({ return __WEBPACK_IMPORTED_MODULE_0_vue__["a" /* default */].util.extend({
name: this.name, name: this.name,
ref: this.$refs.modal, ref: this.$refs.modal,
@@ -714,9 +738,9 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
this.$emit(beforeEventName, beforeEvent); this.$emit(beforeEventName, beforeEvent);
if (!stopEventExecution) { if (!stopEventExecution) {
this.visible = !!state;
var afterEvent = this.genEventObject({ state: state, params: params }); var afterEvent = this.genEventObject({ state: state, params: params });
this.visible = !!state;
this.$emit(afterEventName, afterEvent); this.$emit(afterEventName, afterEvent);
} }
}, },
@@ -743,45 +767,33 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
(function () { (function () {
var startX = 0; var startX = 0;
var startY = 0; var startY = 0;
var cachedShiftX = 0;
var left = 0; var cachedShiftY = 0;
var top = 0;
var mousedown = function mousedown(event) { var mousedown = function mousedown(event) {
left = _this3.position.left;
top = _this3.position.top;
document.addEventListener('mousemove', mousemove); document.addEventListener('mousemove', mousemove);
document.addEventListener('mouseup', mouseup); document.addEventListener('mouseup', mouseup);
startX = event.clientX; startX = event.clientX;
startY = event.clientY; startY = event.clientY;
cachedShiftX = _this3.shift.left;
cachedShiftY = _this3.shift.top;
event.preventDefault(); event.preventDefault();
}; };
var mousemove = function mousemove(event) { var mousemove = function mousemove(event) {
_this3.shift.left = event.clientX - startX; _this3.shift.left = cachedShiftX + event.clientX - startX;
_this3.shift.top = event.clientY - startY; _this3.shift.top = cachedShiftY + event.clientY - startY;
console.log(_this3.shift);
event.preventDefault(); event.preventDefault();
}; };
var mouseup = function mouseup(event) { var mouseup = function mouseup(event) {
//dragger.removeEventListener('mousedown', mousedown)
document.removeEventListener('mousemove', mousemove); document.removeEventListener('mousemove', mousemove);
document.removeEventListener('mouseup', mouseup); document.removeEventListener('mouseup', mouseup);
// this.shiftX = shiftX
// this.shiftY = shiftY
// console.log(shiftX, shiftY)
event.preventDefault(); event.preventDefault();
}; };
dragger.addEventListener('mousedown', mousedown); dragger.addEventListener('mousedown', mousedown);
console.log(dragger);
})(); })();
} }
}, },
@@ -792,15 +804,18 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
}; };
/***/ }), /***/ }),
/* 6 */ /* 7 */
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__util__ = __webpack_require__(0);
// //
// //
// //
/* harmony default export */ __webpack_exports__["default"] = { /* harmony default export */ __webpack_exports__["default"] = {
name: 'Resizer', name: 'Resizer',
props: { props: {
@@ -858,21 +873,8 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
var width = event.clientX - el.offsetLeft; var width = event.clientX - el.offsetLeft;
var height = event.clientY - el.offsetTop; var height = event.clientY - el.offsetTop;
if (width < this.minWidth) { width = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__util__["a" /* inRange */])(this.minWidth, window.innerWidth, width);
width = this.minWidth; height = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__util__["a" /* inRange */])(this.minHeight, window.innerHeight, height);
}
if (width > window.innerWidth) {
width = window.innerWidth;
}
if (height < this.minHeight) {
height = this.minHeight;
}
if (height > window.innerHeight) {
height = window.innerHeight;
}
this.size = { width: width, height: height }; this.size = { width: width, height: height };
el.style.width = width + 'px'; el.style.width = width + 'px';
@@ -888,10 +890,10 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
}; };
/***/ }), /***/ }),
/* 7 */ /* 8 */
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__(0)(); exports = module.exports = __webpack_require__(1)();
// imports // imports
@@ -902,10 +904,10 @@ exports.push([module.i, ".nice-modal-overlay[data-v-40dd3b1e]{position:fixed;lef
/***/ }), /***/ }),
/* 8 */ /* 9 */
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__(0)(); exports = module.exports = __webpack_require__(1)();
// imports // imports
@@ -916,18 +918,18 @@ exports.push([module.i, ".vue-modal-resizer{overflow:hidden;width:12px;height:12
/***/ }), /***/ }),
/* 9 */ /* 10 */
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
/* styles */ /* styles */
__webpack_require__(13) __webpack_require__(14)
var Component = __webpack_require__(1)( var Component = __webpack_require__(2)(
/* script */ /* script */
__webpack_require__(6), __webpack_require__(7),
/* template */ /* template */
__webpack_require__(11), __webpack_require__(12),
/* scopeId */ /* scopeId */
null, null,
/* cssModules */ /* cssModules */
@@ -938,7 +940,7 @@ module.exports = Component.exports
/***/ }), /***/ }),
/* 10 */ /* 11 */
/***/ (function(module, exports) { /***/ (function(module, exports) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@@ -980,7 +982,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
},staticRenderFns: []} },staticRenderFns: []}
/***/ }), /***/ }),
/* 11 */ /* 12 */
/***/ (function(module, exports) { /***/ (function(module, exports) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@@ -990,17 +992,17 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
},staticRenderFns: []} },staticRenderFns: []}
/***/ }), /***/ }),
/* 12 */ /* 13 */
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
// style-loader: Adds some css to the DOM by adding a <style> tag // style-loader: Adds some css to the DOM by adding a <style> tag
// load the styles // load the styles
var content = __webpack_require__(7); var content = __webpack_require__(8);
if(typeof content === 'string') content = [[module.i, content, '']]; if(typeof content === 'string') content = [[module.i, content, '']];
if(content.locals) module.exports = content.locals; if(content.locals) module.exports = content.locals;
// add the styles to the DOM // add the styles to the DOM
var update = __webpack_require__(2)("3bb0039f", content, true); var update = __webpack_require__(3)("3bb0039f", content, true);
// Hot Module Replacement // Hot Module Replacement
if(false) { if(false) {
// When the styles change, update the <style> tags // When the styles change, update the <style> tags
@@ -1016,17 +1018,17 @@ if(false) {
} }
/***/ }), /***/ }),
/* 13 */ /* 14 */
/***/ (function(module, exports, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
// style-loader: Adds some css to the DOM by adding a <style> tag // style-loader: Adds some css to the DOM by adding a <style> tag
// load the styles // load the styles
var content = __webpack_require__(8); var content = __webpack_require__(9);
if(typeof content === 'string') content = [[module.i, content, '']]; if(typeof content === 'string') content = [[module.i, content, '']];
if(content.locals) module.exports = content.locals; if(content.locals) module.exports = content.locals;
// add the styles to the DOM // add the styles to the DOM
var update = __webpack_require__(2)("c392065e", content, true); var update = __webpack_require__(3)("c392065e", content, true);
// Hot Module Replacement // Hot Module Replacement
if(false) { if(false) {
// When the styles change, update the <style> tags // When the styles change, update the <style> tags
@@ -1042,7 +1044,7 @@ if(false) {
} }
/***/ }), /***/ }),
/* 14 */ /* 15 */
/***/ (function(module, exports) { /***/ (function(module, exports) {
/** /**
@@ -1075,7 +1077,7 @@ module.exports = function listToStyles (parentId, list) {
/***/ }), /***/ }),
/* 15 */ /* 16 */
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
@@ -10387,10 +10389,10 @@ Vue$3.compile = compileToFunctions;
/* harmony default export */ __webpack_exports__["a"] = Vue$3; /* harmony default export */ __webpack_exports__["a"] = Vue$3;
/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(16))) /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(17)))
/***/ }), /***/ }),
/* 16 */ /* 17 */
/***/ (function(module, exports) { /***/ (function(module, exports) {
var g; var g;

2
package.json
View File

@@ -1,7 +1,7 @@
{ {
"name": "vue-js-modal", "name": "vue-js-modal",
"description": "Modal Component for Vue.js", "description": "Modal Component for Vue.js",
"version": "1.0.14", "version": "1.0.16",
"author": "euvl <yev.vlasenko@gmail.com>", "author": "euvl <yev.vlasenko@gmail.com>",
"main": "dist/index.js", "main": "dist/index.js",
"repository": { "repository": {