{"version":3,"file":"index.72f4d70a.mjs","sources":["../../../../components/backTop/index.vue"],"sourcesContent":["<template>\n  <client-only>\n    <el-backtop :right=\"10\">\n      <template v-if=\"backTopIcon\">\n        <div\n          class=\"icon\"\n          :style=\"{ 'background-color': iconFrom.ctrl.isHover ? backTopIcon.selectBackgroundColor : '#fff' }\"\n          @mouseover=\"iconFrom.ctrl.isHover = true\"\n          @mouseout=\"iconFrom.ctrl.isHover = false\"\n        >\n          <img v-if=\"backTopIcon.defaultIcon && !iconFrom.ctrl.isHover\" :src=\"backTopIcon.defaultIcon\" alt=\"\" />\n          <img v-if=\"backTopIcon.selectIcon && iconFrom.ctrl.isHover\" :src=\"backTopIcon.selectIcon\" alt=\"\" />\n          <div v-if=\"backTopIcon.showIconName\" class=\"icon_name\" :style=\"{ color: iconFrom.ctrl.isHover ? backTopIcon.selectTextColor : 'inherit' }\">\n            {{ backTopIcon.iconName }}\n          </div>\n        </div>\n      </template>\n      <template v-else>\n        <div class=\"wh100pc default_backtop\">\n          <i class=\"iconfont icon-backtop font12 c_333\"></i>\n        </div>\n      </template>\n    </el-backtop>\n  </client-only>\n</template>\n\n<script setup>\nimport { computed, ref, onMounted, reactive } from 'vue';\nimport { useLayoutStore } from '@/stores/layout';\nconst layoutStore = useLayoutStore();\nconst suspense = computed(() => layoutStore.suspense);\nonMounted(() => {\n  layoutStore.setSuspense()\n});\nconst backTopIcon = computed(()=>{\n  if(!suspense.value.suspendShow) return null\n  if(suspense.value && suspense.value.iconList.length){\n   const icon = suspense.value.iconList.find(item=>{\n      return item.suspendIconType === 2\n    })\n    if(!icon) return null\n    const {selectBackgroundColor,selectTextColor} = suspense.value\n    return {...icon,selectBackgroundColor,selectTextColor}\n  }\n})\nconst iconFrom = reactive({\n  ctrl: {\n    isHover: false,\n  },\n});\n\n</script>\n\n<style lang=\"scss\" scoped>\n.icon {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 60px;\n  height: 60px;\n  background-color: #ffffff;\n  box-shadow: 0px 5px 15px rgba(54, 41, 183, 0.06);\n  border-radius: 5px;\n  transition: all 0.3s;\n  img {\n    width: 24px;\n    height: 24px;\n    transition: all 0.3s;\n  }\n  .icon_name {\n    margin-top: 5px;\n    font-size: 12px;\n    line-height: 18px;\n    transition: all 0.3s;\n  }\n}\n.default_backtop{\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n</style>\n"],"names":["layoutStore","useLayoutStore","suspense","computed","onMounted","setSuspense","backTopIcon","value","suspendShow","iconList","length","icon","find","item","suspendIconType","selectBackgroundColor","selectTextColor","iconFrom","reactive","ctrl","isHover"],"mappings":"yXA6BA,MAAAA,EAAAC,IACAC,EAAAC,GAAA,IAAAH,EAAAE,WACAE,GAAA,KACAJ,EAAAK,aAAA,IAEA,MAAAC,EAAAH,GAAA,KACA,IAAAD,EAAAK,MAAAC,YAAA,OAAA,KACA,GAAAN,EAAAK,OAAAL,EAAAK,MAAAE,SAAAC,OAAA,CACA,MAAAC,EAAAT,EAAAK,MAAAE,SAAAG,MAAAC,GACA,IAAAA,EAAAC,kBAEA,IAAAH,EAAA,OAAA,KACA,MAAAI,sBAAAA,EAAAC,gBAAAA,GAAAd,EAAAK,MACA,MAAA,IAAAI,EAAAI,wBAAAC,kBACA,KAEAC,EAAAC,EAAA,CACAC,KAAA,CACAC,SAAA"}