| 1 |
- {"remainingRequest":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js!D:\\qianger\\7\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\qianger\\7\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\qianger\\7\\jindouyunNewFront\\src\\vab\\components\\SideBar\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\qianger\\7\\jindouyunNewFront\\src\\vab\\components\\SideBar\\index.vue","mtime":1655374732000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\babel.config.js","mtime":1655374732000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHZhcmlhYmxlcyBmcm9tICJAL2NvbmZpZy92YXJpYWJsZXMuc2NzcyI7CmltcG9ydCB7IG1hcEdldHRlcnMgfSBmcm9tICJ2dWV4IjsKaW1wb3J0IHsgZGVmYXVsdE9wZW5lZHMsIHVuaXF1ZU9wZW5lZCB9IGZyb20gIkAvY29uZmlnL3NldHRpbmdzIjsKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICJTaWRlQmFyIiwKICBwcm9wczogewogICAgbGF5b3V0OiB7CiAgICAgIHR5cGU6IFN0cmluZywKICAgICAgZGVmYXVsdDogInZlcnRpY2FsIgogICAgfQogIH0sCgogIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICB1bmlxdWVPcGVuZWQsCiAgICAgIHZhcmlhYmxlczogdmFyaWFibGVzCiAgICB9OwogIH0sCgogIGNvbXB1dGVkOiB7IC4uLm1hcEdldHRlcnMoewogICAgICBjb2xsYXBzZTogInNldHRpbmdzL2NvbGxhcHNlIiwKICAgICAgcm91dGVzOiAicm91dGVzL3JvdXRlcyIKICAgIH0pLAoKICAgIGRlZmF1bHRPcGVucygpIHsKICAgICAgcmV0dXJuIGRlZmF1bHRPcGVuZWRzOwogICAgfSwKCiAgICBhY3RpdmVNZW51KCkgewogICAgICBjb25zdCByb3V0ZSA9IHRoaXMuJHJvdXRlOwogICAgICBjb25zdCB7CiAgICAgICAgbWV0YSwKICAgICAgICBwYXRoCiAgICAgIH0gPSByb3V0ZTsKCiAgICAgIGlmIChtZXRhLmFjdGl2ZU1lbnUpIHsKICAgICAgICByZXR1cm4gbWV0YS5hY3RpdmVNZW51OwogICAgICB9CgogICAgICByZXR1cm4gcGF0aDsKICAgIH0KCiAgfQp9Ow=="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA;AACA;AACA;AAEA;EACAA,eADA;EAEAC;IACAC;MACAC,YADA;MAEAC;IAFA;EADA,CAFA;;EAQAC;IACA;MACAC,YADA;MAEAC;IAFA;EAIA,CAbA;;EAcAC,YACA;MACAC,6BADA;MAEAC;IAFA,EADA;;IAKAC;MACA;IACA,CAPA;;IAQAC;MACA;MACA;QAAAC;QAAAC;MAAA;;MACA;QACA;MACA;;MACA;IACA;;EAfA;AAdA","names":["name","props","layout","type","default","data","uniqueOpened","variables","computed","collapse","routes","defaultOpens","activeMenu","meta","path"],"sourceRoot":"src/vab/components/SideBar","sources":["index.vue"],"sourcesContent":["<template>\n <el-scrollbar\n :class=\"{ 'is-collapse': collapse, 'side-bar-common': layout === 'common' }\"\n class=\"side-bar-container\"\n >\n <logo v-if=\"layout === 'vertical'\"></logo>\n <el-menu\n :active-text-color=\"variables['menu-color-active']\"\n :background-color=\"variables['menu-background']\"\n :collapse=\"collapse\"\n :collapse-transition=\"false\"\n :default-active=\"activeMenu\"\n :default-openeds=\"defaultOpens\"\n :text-color=\"variables['menu-color']\"\n :unique-opened=\"uniqueOpened\"\n menu-trigger=\"click\"\n mode=\"vertical\"\n >\n <vab-menu\n v-for=\"route in routes\"\n :key=\"route.path\"\n :item=\"route\"\n ></vab-menu>\n </el-menu>\n </el-scrollbar>\n</template>\n<script>\n import variables from \"@/config/variables.scss\";\n import { mapGetters } from \"vuex\";\n import { defaultOpeneds, uniqueOpened } from \"@/config/settings\";\n\n export default {\n name: \"SideBar\",\n props: {\n layout: {\n type: String,\n default: \"vertical\",\n },\n },\n data() {\n return {\n uniqueOpened,\n variables: variables,\n };\n },\n computed: {\n ...mapGetters({\n collapse: \"settings/collapse\",\n routes: \"routes/routes\",\n }),\n defaultOpens() {\n return defaultOpeneds;\n },\n activeMenu() {\n const route = this.$route;\n const { meta, path } = route;\n if (meta.activeMenu) {\n return meta.activeMenu;\n }\n return path;\n },\n },\n };\n</script>\n<style lang=\"scss\" scoped>\n @mixin active {\n &:hover {\n color: $base-color-white;\n background-color: $base-menu-background-active !important;\n }\n\n &.is-active {\n color: $base-color-white;\n background-color: $base-menu-background-active !important;\n }\n }\n\n .side-bar-container {\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n z-index: $base-z-index;\n width: $base-left-menu-width;\n height: 100vh;\n overflow: hidden;\n background: $base-menu-background;\n box-shadow: $base-box-shadow;\n transition: width $base-transition-time;\n\n &.side-bar-common {\n top: $base-top-bar-height;\n height: calc(100vh - #{$base-top-bar-height});\n }\n\n &.is-collapse {\n width: $base-left-menu-width-min;\n border-right: 0;\n\n ::v-deep {\n .el-menu--collapse.el-menu {\n > .el-menu-item,\n > .el-submenu {\n text-align: center;\n transition: width $base-transition-time;\n\n .vab-fas-icon {\n padding-right: 0;\n }\n\n .vab-remix-icon {\n padding-right: 0;\n }\n }\n }\n\n .el-menu-item,\n .el-submenu {\n text-align: left;\n }\n\n .el-menu--collapse {\n border-right: 0;\n\n .el-submenu__icon-arrow {\n right: 10px;\n margin-top: -3px;\n }\n }\n }\n }\n\n ::v-deep {\n .el-scrollbar__wrap {\n overflow-x: hidden;\n }\n\n .el-menu {\n border: 0;\n\n .vab-fas-icon {\n padding-right: 3px;\n font-size: $base-font-size-default;\n }\n\n .vab-remix-icon {\n padding-right: 3px;\n font-size: $base-font-size-default + 2;\n }\n }\n\n .el-menu-item,\n .el-submenu__title {\n height: $base-menu-item-height;\n overflow: hidden;\n line-height: $base-menu-item-height;\n text-overflow: ellipsis;\n white-space: nowrap;\n vertical-align: middle;\n\n i {\n color: inherit;\n }\n }\n\n .el-menu-item {\n @include active;\n }\n }\n }\n</style>\n"]}]}
|
