mirror of
https://github.com/KevinMidboe/vue-js-modal.git
synced 2025-10-29 18:00:20 +00:00
Added configurable clickToClose and width for v-dialog (#76)
This commit is contained in:
21
dist/index.js
vendored
21
dist/index.js
vendored
File diff suppressed because one or more lines are too long
21
dist/ssr.index.js
vendored
21
dist/ssr.index.js
vendored
File diff suppressed because one or more lines are too long
@@ -1,11 +1,12 @@
|
|||||||
<template>
|
<template>
|
||||||
<modal name="dialog"
|
<modal name="dialog"
|
||||||
:classes="['v--modal', 'vue-dialog', this.params.class]"
|
|
||||||
:width="400"
|
|
||||||
height="auto"
|
height="auto"
|
||||||
|
:classes="['v--modal', 'vue-dialog', this.params.class]"
|
||||||
|
:width="width"
|
||||||
:pivot-y="0.3"
|
:pivot-y="0.3"
|
||||||
:adaptive="true"
|
:adaptive="true"
|
||||||
transition="fade"
|
:clickToClose="clickToClose"
|
||||||
|
:transition="transition"
|
||||||
@before-open="beforeOpened"
|
@before-open="beforeOpened"
|
||||||
@before-close="beforeClosed">
|
@before-close="beforeClosed">
|
||||||
<div class="dialog-content">
|
<div class="dialog-content">
|
||||||
@@ -30,6 +31,20 @@
|
|||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
name: 'Dialog',
|
name: 'Dialog',
|
||||||
|
props: {
|
||||||
|
width: {
|
||||||
|
type: [Number, String],
|
||||||
|
default: 400
|
||||||
|
},
|
||||||
|
clickToClose: {
|
||||||
|
type: Boolean,
|
||||||
|
default: true
|
||||||
|
},
|
||||||
|
transition: {
|
||||||
|
type: String,
|
||||||
|
default: 'fade'
|
||||||
|
}
|
||||||
|
},
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
params: {},
|
params: {},
|
||||||
|
|||||||
Reference in New Issue
Block a user