| 1 |
- {"remainingRequest":"/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/node_modules/babel-loader/lib/index.js!/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/node_modules/cache-loader/dist/cjs.js??ref--0-0!/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/node_modules/vue-loader/lib/index.js??vue-loader-options!/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/src/components/main/components/side-menu/side-menu.vue?vue&type=script&lang=js&","dependencies":[{"path":"/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/src/components/main/components/side-menu/side-menu.vue","mtime":1618306924000},{"path":"/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/node_modules/cache-loader/dist/cjs.js","mtime":1665684022107},{"path":"/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/node_modules/babel-loader/lib/index.js","mtime":1665684010704},{"path":"/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/node_modules/cache-loader/dist/cjs.js","mtime":1665684022107},{"path":"/usr/local/develop/php/www/waibao/NN2022100801/NN2022100801/addons/admin/node_modules/vue-loader/lib/index.js","mtime":1665684006084}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport SideMenuItem from './side-menu-item.vue';\nimport CollapsedMenu from './collapsed-menu.vue';\nimport { getUnion } from '@/libs/tools';\nimport mixin from './mixin';\nexport default {\n name: 'SideMenu',\n mixins: [mixin],\n components: {\n SideMenuItem,\n CollapsedMenu\n },\n props: {\n menuList: {\n type: Array,\n\n default() {\n return [];\n }\n\n },\n collapsed: {\n type: Boolean\n },\n theme: {\n type: String,\n default: 'dark'\n },\n rootIconSize: {\n type: Number,\n default: 20\n },\n iconSize: {\n type: Number,\n default: 16\n },\n accordion: Boolean,\n activeName: {\n type: String,\n default: ''\n },\n openNames: {\n type: Array,\n default: () => []\n }\n },\n\n data() {\n return {\n openedNames: []\n };\n },\n\n methods: {\n handleSelect(name) {\n this.$emit('on-select', name);\n },\n\n getOpenedNamesByActiveName(name) {\n return this.$route.matched.map(item => item.name).filter(item => item !== name);\n },\n\n updateOpenName(name) {\n if (name === this.$config.homeName) this.openedNames = [];else this.openedNames = this.getOpenedNamesByActiveName(name);\n }\n\n },\n computed: {\n textColor() {\n return this.theme === 'dark' ? '#fff' : '#495060';\n }\n\n },\n watch: {\n activeName(name) {\n if (this.accordion) this.openedNames = this.getOpenedNamesByActiveName(name);else this.openedNames = getUnion(this.openedNames, this.getOpenedNamesByActiveName(name));\n },\n\n openNames(newNames) {\n this.openedNames = newNames;\n },\n\n openedNames() {\n this.$nextTick(() => {\n this.$refs.menu.updateOpened();\n });\n }\n\n },\n\n mounted() {\n this.openedNames = getUnion(this.openedNames, this.getOpenedNamesByActiveName(name));\n }\n\n};",{"version":3,"sources":["side-menu.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,OAAA,YAAA,MAAA,sBAAA;AACA,OAAA,aAAA,MAAA,sBAAA;AACA,SAAA,QAAA,QAAA,cAAA;AACA,OAAA,KAAA,MAAA,SAAA;AAEA,eAAA;AACA,EAAA,IAAA,EAAA,UADA;AAEA,EAAA,MAAA,EAAA,CAAA,KAAA,CAFA;AAGA,EAAA,UAAA,EAAA;AACA,IAAA,YADA;AAEA,IAAA;AAFA,GAHA;AAOA,EAAA,KAAA,EAAA;AACA,IAAA,QAAA,EAAA;AACA,MAAA,IAAA,EAAA,KADA;;AAEA,MAAA,OAAA,GAAA;AACA,eAAA,EAAA;AACA;;AAJA,KADA;AAOA,IAAA,SAAA,EAAA;AACA,MAAA,IAAA,EAAA;AADA,KAPA;AAUA,IAAA,KAAA,EAAA;AACA,MAAA,IAAA,EAAA,MADA;AAEA,MAAA,OAAA,EAAA;AAFA,KAVA;AAcA,IAAA,YAAA,EAAA;AACA,MAAA,IAAA,EAAA,MADA;AAEA,MAAA,OAAA,EAAA;AAFA,KAdA;AAkBA,IAAA,QAAA,EAAA;AACA,MAAA,IAAA,EAAA,MADA;AAEA,MAAA,OAAA,EAAA;AAFA,KAlBA;AAsBA,IAAA,SAAA,EAAA,OAtBA;AAuBA,IAAA,UAAA,EAAA;AACA,MAAA,IAAA,EAAA,MADA;AAEA,MAAA,OAAA,EAAA;AAFA,KAvBA;AA2BA,IAAA,SAAA,EAAA;AACA,MAAA,IAAA,EAAA,KADA;AAEA,MAAA,OAAA,EAAA,MAAA;AAFA;AA3BA,GAPA;;AAuCA,EAAA,IAAA,GAAA;AACA,WAAA;AACA,MAAA,WAAA,EAAA;AADA,KAAA;AAGA,GA3CA;;AA4CA,EAAA,OAAA,EAAA;AACA,IAAA,YAAA,CAAA,IAAA,EAAA;AACA,WAAA,KAAA,CAAA,WAAA,EAAA,IAAA;AACA,KAHA;;AAIA,IAAA,0BAAA,CAAA,IAAA,EAAA;AACA,aAAA,KAAA,MAAA,CAAA,OAAA,CAAA,GAAA,CAAA,IAAA,IAAA,IAAA,CAAA,IAAA,EAAA,MAAA,CAAA,IAAA,IAAA,IAAA,KAAA,IAAA,CAAA;AACA,KANA;;AAOA,IAAA,cAAA,CAAA,IAAA,EAAA;AACA,UAAA,IAAA,KAAA,KAAA,OAAA,CAAA,QAAA,EAAA,KAAA,WAAA,GAAA,EAAA,CAAA,KACA,KAAA,WAAA,GAAA,KAAA,0BAAA,CAAA,IAAA,CAAA;AACA;;AAVA,GA5CA;AAwDA,EAAA,QAAA,EAAA;AACA,IAAA,SAAA,GAAA;AACA,aAAA,KAAA,KAAA,KAAA,MAAA,GAAA,MAAA,GAAA,SAAA;AACA;;AAHA,GAxDA;AA6DA,EAAA,KAAA,EAAA;AACA,IAAA,UAAA,CAAA,IAAA,EAAA;AACA,UAAA,KAAA,SAAA,EAAA,KAAA,WAAA,GAAA,KAAA,0BAAA,CAAA,IAAA,CAAA,CAAA,KACA,KAAA,WAAA,GAAA,QAAA,CAAA,KAAA,WAAA,EAAA,KAAA,0BAAA,CAAA,IAAA,CAAA,CAAA;AACA,KAJA;;AAKA,IAAA,SAAA,CAAA,QAAA,EAAA;AACA,WAAA,WAAA,GAAA,QAAA;AACA,KAPA;;AAQA,IAAA,WAAA,GAAA;AACA,WAAA,SAAA,CAAA,MAAA;AACA,aAAA,KAAA,CAAA,IAAA,CAAA,YAAA;AACA,OAFA;AAGA;;AAZA,GA7DA;;AA2EA,EAAA,OAAA,GAAA;AACA,SAAA,WAAA,GAAA,QAAA,CAAA,KAAA,WAAA,EAAA,KAAA,0BAAA,CAAA,IAAA,CAAA,CAAA;AACA;;AA7EA,CAAA","sourcesContent":["<template>\n <div class=\"side-menu-wrapper\">\n <slot></slot>\n <Menu ref=\"menu\" v-show=\"!collapsed\" :active-name=\"activeName\" :open-names=\"openedNames\" :accordion=\"accordion\" :theme=\"theme\" width=\"auto\" @on-select=\"handleSelect\">\n <template v-for=\"item in menuList\">\n <template v-if=\"item.children && item.children.length === 1\">\n <side-menu-item v-if=\"showChildren(item)\" :key=\"`menu-${item.name}`\" :parent-item=\"item\"></side-menu-item>\n <menu-item v-else :name=\"getNameOrHref(item, true)\" :key=\"`menu-${item.children[0].name}`\"><common-icon :type=\"item.children[0].icon || ''\"/><span>{{ showTitle(item.children[0]) }}</span></menu-item>\n </template>\n <template v-else>\n <side-menu-item v-if=\"showChildren(item)\" :key=\"`menu-${item.name}`\" :parent-item=\"item\"></side-menu-item>\n <menu-item v-else :name=\"getNameOrHref(item)\" :key=\"`menu-${item.name}`\"><common-icon :type=\"item.icon || ''\"/><span>{{ showTitle(item) }}</span></menu-item>\n </template>\n </template>\n </Menu>\n <div class=\"menu-collapsed\" v-show=\"collapsed\" :list=\"menuList\">\n <template v-for=\"item in menuList\">\n <collapsed-menu v-if=\"item.children && item.children.length > 1\" @on-click=\"handleSelect\" hide-title :root-icon-size=\"rootIconSize\" :icon-size=\"iconSize\" :theme=\"theme\" :parent-item=\"item\" :key=\"`drop-menu-${item.name}`\"></collapsed-menu>\n <Tooltip transfer v-else :content=\"(item.meta && item.meta.title) || (item.children && item.children[0] && item.children[0].meta.title)\" placement=\"right\" :key=\"`drop-menu-${item.name}`\">\n <a @click=\"handleSelect(getNameOrHref(item, true))\" class=\"drop-menu-a\" :style=\"{textAlign: 'center'}\"><common-icon :size=\"rootIconSize\" :color=\"textColor\" :type=\"item.icon || (item.children && item.children[0].icon)\"/></a>\n </Tooltip>\n </template>\n </div>\n </div>\n</template>\n<script>\nimport SideMenuItem from './side-menu-item.vue'\nimport CollapsedMenu from './collapsed-menu.vue'\nimport { getUnion } from '@/libs/tools'\nimport mixin from './mixin'\n\nexport default {\n name: 'SideMenu',\n mixins: [ mixin ],\n components: {\n SideMenuItem,\n CollapsedMenu\n },\n props: {\n menuList: {\n type: Array,\n default () {\n return []\n }\n },\n collapsed: {\n type: Boolean\n },\n theme: {\n type: String,\n default: 'dark'\n },\n rootIconSize: {\n type: Number,\n default: 20\n },\n iconSize: {\n type: Number,\n default: 16\n },\n accordion: Boolean,\n activeName: {\n type: String,\n default: ''\n },\n openNames: {\n type: Array,\n default: () => []\n }\n },\n data () {\n return {\n openedNames: []\n }\n },\n methods: {\n handleSelect (name) {\n this.$emit('on-select', name)\n },\n getOpenedNamesByActiveName (name) {\n return this.$route.matched.map(item => item.name).filter(item => item !== name)\n },\n updateOpenName (name) {\n if (name === this.$config.homeName) this.openedNames = []\n else this.openedNames = this.getOpenedNamesByActiveName(name)\n }\n },\n computed: {\n textColor () {\n return this.theme === 'dark' ? '#fff' : '#495060'\n }\n },\n watch: {\n activeName (name) {\n if (this.accordion) this.openedNames = this.getOpenedNamesByActiveName(name)\n else this.openedNames = getUnion(this.openedNames, this.getOpenedNamesByActiveName(name))\n },\n openNames (newNames) {\n this.openedNames = newNames\n },\n openedNames () {\n this.$nextTick(() => {\n this.$refs.menu.updateOpened()\n })\n }\n },\n mounted () {\n this.openedNames = getUnion(this.openedNames, this.getOpenedNamesByActiveName(name))\n }\n}\n</script>\n<style lang=\"less\">\n@import './side-menu.less';\n</style>\n"],"sourceRoot":"src/components/main/components/side-menu"}]}
|
