{"remainingRequest":"D:\\办公文件\\前端\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\办公文件\\前端\\src\\components\\VDialog\\index.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\办公文件\\前端\\src\\components\\VDialog\\index.vue","mtime":1608893132000},{"path":"D:\\办公文件\\前端\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1711099308000},{"path":"D:\\办公文件\\前端\\node_modules\\babel-loader\\lib\\index.js","mtime":1711099310000},{"path":"D:\\办公文件\\前端\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1711099308000},{"path":"D:\\办公文件\\前端\\node_modules\\vue-loader\\lib\\index.js","mtime":1711099310000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CmV4cG9ydCBkZWZhdWx0IHsKCW5hbWU6ICd2LWRpYWxvZycsCglwcm9wczogewoJCXZhbHVlOiB7CgkJCXR5cGU6IEJvb2xlYW4sCgkJCWRlZmF1bHQ6IGZhbHNlLAoJCX0sCgkJaXNNYXNrOiB7CgkJCXR5cGU6IEJvb2xlYW4sCgkJCWRlZmF1bHQ6IHRydWUsCgkJfSwKCX0sCgl3YXRjaDogewoJCXZhbHVlKHZhbCkgewoJCQl0aGlzLnNob3cgPSB2YWw7CgkJfSwKCX0sCgltZXRob2RzOiB7CgkJY2xpY2tNYXNrKCkgewoJCQl0aGlzLiRlbWl0KCdvbi1jbGljay1tYXNrJyk7CgkJfSwKCX0sCglkYXRhKCkgewoJCXJldHVybiB7CgkJCXNob3c6IHRoaXMudmFsdWUsCgkJfTsKCX0sCn07Cg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AAaA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/components/VDialog","sourcesContent":["<template>\n\t<div class=\"dialog\">\n\t\t<transition name=\"mask-fade\" v-if=\"isMask\">\n\t\t\t<div class=\"dialog-mask\" v-show=\"show\" @click=\"clickMask\"></div>\n\t\t</transition>\n\t\t<transition name=\"dialog-fade\">\n\t\t\t<div class=\"dialog-content\" v-show=\"show\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t</transition>\n\t</div>\n</template>\n<script>\nexport default {\n\tname: 'v-dialog',\n\tprops: {\n\t\tvalue: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\tisMask: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\t},\n\twatch: {\n\t\tvalue(val) {\n\t\t\tthis.show = val;\n\t\t},\n\t},\n\tmethods: {\n\t\tclickMask() {\n\t\t\tthis.$emit('on-click-mask');\n\t\t},\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tshow: this.value,\n\t\t};\n\t},\n};\n</script>\n<style scoped lang=\"scss\">\n.dialog-mask {\n\tposition: fixed;\n\ttop: 0;\n\tright: 0;\n\tleft: 0;\n\tbottom: 0;\n\tz-index: 99;\n\tbackground-color: rgba(0, 0, 0, 0.7);\n}\n\n.dialog-content {\n\tposition: fixed;\n\tz-index: 100000;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n}\n\n.dialog-fade-enter-active {\n\tanimation: 200ms dialog-fade;\n}\n\n.dialog-fade-leave-active {\n\tanimation: 200ms dialog-fade reverse;\n}\n@keyframes dialog-fade {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: translate(-50%, -50%) scale(0.85);\n\t}\n\n\t100% {\n\t\topacity: 1;\n\t\ttransform: translate(-50%, -50%) scale(1);\n\t}\n}\n\n.mask-fade-enter,\n.mask-fade-leave-active {\n\topacity: 0;\n}\n\n.mask-enter-active,\n.mask-fade-leave-active {\n\ttransition: opacity 300ms;\n}\n</style>\n"]}]}