1 line
3.5 KiB
JSON
1 line
3.5 KiB
JSON
{"remainingRequest":"D:\\办公文件\\前端\\node_modules\\babel-loader\\lib\\index.js!D:\\办公文件\\前端\\node_modules\\cache-loader\\dist\\cjs.js??ref--1-0!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:\\办公文件\\前端\\babel.config.js","mtime":1611135168000},{"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:ZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICd2LWRpYWxvZycsCiAgcHJvcHM6IHsKICAgIHZhbHVlOiB7CiAgICAgIHR5cGU6IEJvb2xlYW4sCiAgICAgIGRlZmF1bHQ6IGZhbHNlCiAgICB9LAogICAgaXNNYXNrOiB7CiAgICAgIHR5cGU6IEJvb2xlYW4sCiAgICAgIGRlZmF1bHQ6IHRydWUKICAgIH0KICB9LAogIHdhdGNoOiB7CiAgICB2YWx1ZSh2YWwpIHsKICAgICAgdGhpcy5zaG93ID0gdmFsOwogICAgfQogIH0sCiAgbWV0aG9kczogewogICAgY2xpY2tNYXNrKCkgewogICAgICB0aGlzLiRlbWl0KCdvbi1jbGljay1tYXNrJyk7CiAgICB9CiAgfSwKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgc2hvdzogdGhpcy52YWx1ZQogICAgfTsKICB9Cn07"},{"version":3,"names":["name","props","value","type","Boolean","default","isMask","watch","val","show","methods","clickMask","$emit","data"],"sources":["src/components/VDialog/index.vue"],"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"],"mappings":"AAaA;EACAA,IAAA;EACAC,KAAA;IACAC,KAAA;MACAC,IAAA,EAAAC,OAAA;MACAC,OAAA;IACA;IACAC,MAAA;MACAH,IAAA,EAAAC,OAAA;MACAC,OAAA;IACA;EACA;EACAE,KAAA;IACAL,MAAAM,GAAA;MACA,KAAAC,IAAA,GAAAD,GAAA;IACA;EACA;EACAE,OAAA;IACAC,UAAA;MACA,KAAAC,KAAA;IACA;EACA;EACAC,KAAA;IACA;MACAJ,IAAA,OAAAP;IACA;EACA;AACA","ignoreList":[]}]} |