diff --git a/dist/index.js b/dist/index.js index 9e8bd63..b3f73c2 100644 --- a/dist/index.js +++ b/dist/index.js @@ -103,13 +103,13 @@ var Plugin = { var $modal = { show: function show(name, params) { - ModalPlugin.event.$emit('toggle', name, true, params); + Plugin.event.$emit('toggle', name, true, params); }, hide: function hide(name, params) { - ModalPlugin.event.$emit('toggle', name, false, params); + Plugin.event.$emit('toggle', name, false, params); }, toggle: function toggle(name, params) { - ModalPlugin.event.$emit('toggle', name, undefined, params); + Plugin.event.$emit('toggle', name, undefined, params); } }; @@ -571,20 +571,7 @@ exports.default = { return value >= 0; } }, - adaptiveMaxWidth: { - type: Number, - default: 1, - validator: function validator(value) { - return value > 0 && value <= 1; - } - }, - adaptiveMaxHeight: { - type: Number, - default: 1, - validator: function validator(value) { - return value > 0 && value <= 1; - } - }, + width: { type: Number, default: 600, @@ -616,7 +603,7 @@ exports.default = { type: Number, default: 0.5, validator: function validator(value) { - value >= 0 && value <= 1; + return value >= 0 && value <= 1; } } }, @@ -961,7 +948,7 @@ exports = module.exports = __webpack_require__(2)(); // module -exports.push([module.i, ".v--modal-overlay[data-v-40dd3b1e]{position:fixed;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,.2);z-index:999;opacity:1}.v--modal-overlay .v--modal-box[data-v-40dd3b1e]{position:relative;overflow:hidden;box-sizing:border-box;background-color:#fff}.v--modal[data-v-40dd3b1e]{background:#fff;text-align:left;border-radius:3px;box-shadow:0 20px 60px -2px rgba(27,33,58,.4);padding:0}.v--modal.v--modal-fullscreen[data-v-40dd3b1e]{width:100vw;height:100vh;margin:0;left:0;top:0}.v--modal-top-right[data-v-40dd3b1e]{display:block;position:absolute;right:0;top:0}.overlay-fade-enter-active[data-v-40dd3b1e],.overlay-fade-leave-active[data-v-40dd3b1e]{transition:all .2s}.overlay-fade-enter[data-v-40dd3b1e],.overlay-fade-leave-active[data-v-40dd3b1e]{opacity:0}.nice-modal-fade-enter-active[data-v-40dd3b1e],.nice-modal-fade-leave-active[data-v-40dd3b1e]{transition:all .4s}.nice-modal-fade-enter[data-v-40dd3b1e],.nice-modal-fade-leave-active[data-v-40dd3b1e]{opacity:0;transform:translateY(-20px)}", ""]); +exports.push([module.i, ".v--modal-overlay[data-v-40dd3b1e]{position:fixed;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,.2);z-index:999;opacity:1}.v--modal-overlay .v--modal-box[data-v-40dd3b1e]{position:relative;overflow:hidden;box-sizing:border-box}.v--modal[data-v-40dd3b1e]{background-color:#fff;text-align:left;border-radius:3px;box-shadow:0 20px 60px -2px rgba(27,33,58,.4);padding:0}.v--modal.v--modal-fullscreen[data-v-40dd3b1e]{width:100vw;height:100vh;margin:0;left:0;top:0}.v--modal-top-right[data-v-40dd3b1e]{display:block;position:absolute;right:0;top:0}.overlay-fade-enter-active[data-v-40dd3b1e],.overlay-fade-leave-active[data-v-40dd3b1e]{transition:all .2s}.overlay-fade-enter[data-v-40dd3b1e],.overlay-fade-leave-active[data-v-40dd3b1e]{opacity:0}.nice-modal-fade-enter-active[data-v-40dd3b1e],.nice-modal-fade-leave-active[data-v-40dd3b1e]{transition:all .4s}.nice-modal-fade-enter[data-v-40dd3b1e],.nice-modal-fade-leave-active[data-v-40dd3b1e]{opacity:0;transform:translateY(-20px)}", ""]); // exports diff --git a/package.json b/package.json index 704c309..49e906b 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "vue-js-modal", "description": "Modal Component for Vue.js", - "version": "1.1.2", + "version": "1.1.3", "author": "euvl ", "main": "dist/index.js", "repository": { diff --git a/src/Modal.vue b/src/Modal.vue index a7cbc1e..68bf672 100644 --- a/src/Modal.vue +++ b/src/Modal.vue @@ -75,6 +75,7 @@ return value >= 0 } }, + /* adaptiveMaxWidth: { type: Number, default: 1, @@ -89,6 +90,7 @@ return value > 0 && value <= 1 } }, + */ width: { type: Number, default: 600, @@ -120,7 +122,7 @@ type: Number, default: 0.5, validator (value) { - value >= 0 && value <= 1 + return value >= 0 && value <= 1 } } }, @@ -389,11 +391,10 @@ position: relative; overflow: hidden; box-sizing: border-box; - background-color: white; } .v--modal { - background: white; + background-color: white; text-align: left; border-radius: 3px; box-shadow: 0 20px 60px -2px rgba(27, 33, 58, .4); diff --git a/src/index.js b/src/index.js index 959f584..944fc56 100644 --- a/src/index.js +++ b/src/index.js @@ -8,15 +8,15 @@ const Plugin = { const $modal = { show(name, params) { - ModalPlugin.event.$emit('toggle', name, true, params) + Plugin.event.$emit('toggle', name, true, params) }, hide(name, params) { - ModalPlugin.event.$emit('toggle', name, false, params) + Plugin.event.$emit('toggle', name, false, params) }, toggle(name, params) { - ModalPlugin.event.$emit('toggle', name, undefined, params) + Plugin.event.$emit('toggle', name, undefined, params) } }