{"version":3,"file":"ModuleMenu.mjs","sources":["../../../../src/components/layout/ModuleMenu.vue"],"sourcesContent":["<template>\r\n  <div v-if=\"moduleUnfoldOpen\">\r\n    <a-menu v-model:selectedKeys=\"selectedKeys\" mode=\"horizontal\" v-if=\"menu && menu.length > 1\" class=\"module-menu\"\r\n            id=\"moduleMunu\">\r\n      <a-menu-item v-for=\"item in menu\" :key=\"item.id\" style=\"padding-right: 5px; position: relative\"\r\n                   @click=\"moduleClick(item.id)\">\r\n        <template #icon>\r\n          <component :is=\"item.meta.icon\"/>\r\n        </template>\r\n        <span style=\"margin-left: -5px\">{{ item.meta.title }}</span>\r\n      </a-menu-item>\r\n    </a-menu>\r\n  </div>\r\n  <div v-else>\r\n    <a-popover v-if=\"menu.length > 1\" placement=\"bottomLeft\">\r\n      <template #content>\r\n        <a-row :gutter=\"[0, 5]\" class=\"module-row\">\r\n          <div v-for=\"item in menu\" :key=\"item.id\">\r\n            <a-col :span=\"6\">\r\n              <a-tag class=\"module-card\" :color=\"item.color\" @click=\"moduleClick(item.id)\">\r\n                <component :is=\"item.meta.icon\" class=\"module-card-icon\"/>\r\n                <div class=\"module-card-font\">{{ item.meta.title }}</div>\r\n              </a-tag>\r\n            </a-col>\r\n          </div>\r\n        </a-row>\r\n      </template>\r\n      <div class=\"module-comp\">\r\n        <appstore-outlined/>\r\n      </div>\r\n    </a-popover>\r\n  </div>\r\n</template>\r\n<script setup name=\"ModuleMenu\">\r\nimport {tool} from 'elead-ui-tool-v3'\r\nimport store from \"@/store\"\r\nimport router from \"@/router\"\r\nimport {watch} from 'vue'\r\nconst emit = defineEmits({switchModule: null})\r\n// 监听目录是否折叠\r\nwatch(\r\n    () => store.state.global.moduleUnfoldOpen,\r\n    (newValue) => {\r\n      moduleUnfoldOpen.value = newValue\r\n      nextTick(() => {\r\n        setModuleBackColor()\r\n      })\r\n    }\r\n)\r\n// 监听是否开启了顶栏颜色\r\nwatch(\r\n    () => store.state.global.topHanderThemeColorOpen,\r\n    (newValue) => {\r\n      moduleBackColor.value = newValue\r\n      setModuleBackColor()\r\n    }\r\n)\r\nconst menu = router.getMenu()\r\nconst selectedKeys = ref([tool.data.get('SNOWY_MENU_MODULE_ID')])\r\nconst moduleClick = (id) => {\r\n  emit('switchModule', id)\r\n  tool.data.set('SNOWY_MENU_MODULE_ID', id)\r\n  nextTick(() => {\r\n    setSelectedKeys()\r\n  })\r\n}\r\nconst moduleUnfoldOpen = ref(store.state.global.moduleUnfoldOpen)\r\nconst moduleBackColor = ref(store.state.global.topHanderThemeColorOpen)\r\nonMounted(() => {\r\n  setModuleBackColor()\r\n})\r\n// 设置背景色\r\nconst setModuleBackColor = () => {\r\n  if (moduleUnfoldOpen.value && menu.length > 1) {\r\n    try {\r\n      const moduleMunu = document.getElementById('moduleMunu')\r\n      moduleBackColor.value ? moduleMunu.classList.add('module-menu-color') : moduleMunu.classList.remove('module-menu-color')\r\n    } catch (err) {\r\n    }\r\n    setSelectedKeys()\r\n  }\r\n}\r\n// 设置选中\r\nconst setSelectedKeys = () => {\r\n  // 顶部应用列表让显示出来默认的，不这么实现不会显示的，相信老俞\r\n  moduleBackColor.value ? (selectedKeys.value = new Array([])) : (selectedKeys.value = [tool.data.get('SNOWY_MENU_MODULE_ID')])\r\n}\r\n</script>\r\n<style type=\"less\">\r\n.module-row {\r\n  max-width: 357px;\r\n}\r\n.module-card {\r\n  width: 80px;\r\n  height: 80px;\r\n  background-color: #0d84ff;\r\n  text-align: center;\r\n  align-items: center;\r\n  cursor: pointer;\r\n  border-radius: 2px;\r\n}\r\n.module-card-icon {\r\n  color: white;\r\n  font-size: 20px;\r\n  margin-top: 20px;\r\n}\r\n.module-card-font {\r\n  color: white;\r\n  font-size: 8px;\r\n}\r\n.module-comp {\r\n  display: flex;\r\n  padding: 0 15px;\r\n  height: 49px;\r\n  text-align: center;\r\n  justify-content: center;\r\n  align-items: center;\r\n  cursor: pointer;\r\n}\r\n.module-comp:hover {\r\n  background: var(--header-color-split);\r\n}\r\n.ant-menu-horizontal > .ant-menu-item::after,\r\n.ant-menu-horizontal > .ant-menu-submenu::after {\r\n  content: none;\r\n}\r\n.module-menu {\r\n  line-height: 50px;\r\n  border-bottom: 0px;\r\n}\r\n.module-menu-color {\r\n  color: white;\r\n  background-color: var(--primary-color);\r\n}\r\n</style>\r\n"],"names":["_unref","_createElementBlock","_createBlock","_Fragment","_renderList","_openBlock","_resolveDynamicComponent","_createElementVNode","_toDisplayString","_createVNode"],"mappings":"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"}