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

MInor bugs fixed, removed default white background

Browse Source
This commit is contained in:
euvl
2017-06-20 13:54:36 +01:00
parent 2534bc77c9
commit a80e966dce
4 changed files with 14 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
dist/index.js vendored
View File

@@ -103,13 +103,13 @@ var Plugin = {
var $modal = { var $modal = {
show: function show(name, params) { show: function show(name, params) {
ModalPlugin.event.$emit('toggle', name, true, params); Plugin.event.$emit('toggle', name, true, params);
}, },
hide: function hide(name, 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) { 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; 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: { width: {
type: Number, type: Number,
default: 600, default: 600,
@@ -616,7 +603,7 @@ exports.default = {
type: Number, type: Number,
default: 0.5, default: 0.5,
validator: function validator(value) { validator: function validator(value) {
value >= 0 && value <= 1; return value >= 0 && value <= 1;
} }
} }
}, },
@@ -961,7 +948,7 @@ exports = module.exports = __webpack_require__(2)();
// module // 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 // exports

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.1.2", "version": "1.1.3",
"author": "euvl <yev.vlasenko@gmail.com>", "author": "euvl <yev.vlasenko@gmail.com>",
"main": "dist/index.js", "main": "dist/index.js",
"repository": { "repository": {

7
src/Modal.vue
View File

@@ -75,6 +75,7 @@
return value >= 0 return value >= 0
} }
}, },
/*
adaptiveMaxWidth: { adaptiveMaxWidth: {
type: Number, type: Number,
default: 1, default: 1,
@@ -89,6 +90,7 @@
return value > 0 && value <= 1 return value > 0 && value <= 1
} }
}, },
*/
width: { width: {
type: Number, type: Number,
default: 600, default: 600,
@@ -120,7 +122,7 @@
type: Number, type: Number,
default: 0.5, default: 0.5,
validator (value) { validator (value) {
value >= 0 && value <= 1 return value >= 0 && value <= 1
} }
} }
}, },
@@ -389,11 +391,10 @@
position: relative; position: relative;
overflow: hidden; overflow: hidden;
box-sizing: border-box; box-sizing: border-box;
background-color: white;
} }
.v--modal { .v--modal {
background: white; background-color: white;
text-align: left; text-align: left;
border-radius: 3px; border-radius: 3px;
box-shadow: 0 20px 60px -2px rgba(27, 33, 58, .4); box-shadow: 0 20px 60px -2px rgba(27, 33, 58, .4);

6
src/index.js
View File

@@ -8,15 +8,15 @@ const Plugin = {
const $modal = { const $modal = {
show(name, params) { show(name, params) {
ModalPlugin.event.$emit('toggle', name, true, params) Plugin.event.$emit('toggle', name, true, params)
}, },
hide(name, params) { hide(name, params) {
ModalPlugin.event.$emit('toggle', name, false, params) Plugin.event.$emit('toggle', name, false, params)
}, },
toggle(name, params) { toggle(name, params) {
ModalPlugin.event.$emit('toggle', name, undefined, params) Plugin.event.$emit('toggle', name, undefined, params)
} }
} }