{"version":3,"mappings":"wnEAaA,eAAAA,EAAAC,EAAAC,EAAAC,EAAA,CACE,MAAAC,GAAAH,EAAAC,CAAA,GAEEG,EAAA,sCAAAF,EAAAD,CAAA,CAA0D,ixECA9D,eAAAI,CAAA,EAAAC,GAAAC,EAAA,EACA,kBAAAC,GAAAC,KAEA,CAAM,OAAAC,EACJ,WAAAC,EACA,4BAAAC,EAEA,+BAAAC,EAEA,oCAAAC,EACA,4BAAAC,EACA,WAAAC,CAEA,EAAAC,GAAA,EAGF,CAAAC,EAAAC,CAAA,EAAAC,GAAA,IAAAJ,EAAA,SAAAE,EAAAC,IAEA,MAAAE,EAAAC,KACA,SAAAC,GAAA,CACEF,EAAA,oBAAAX,EAAA,MAEA,iBAAgB,IAAAW,EAAA,wBACoB,iBACxB,EACX,CAOH,OADAG,EAAA,OACA,GAAAC,EAAA,OAAAF,CAAA","names":["userMediaAttentionHandle","focusMediaUserId","status","index","LogicUserMediaAttention","emits","siteMeta","useSite","MEDIA_HOME_SITE_META","isMobileOrTablet","useDevice","params","swiperList","rightSiderRecommendArticles","mediaRecommendAttentionRefresh","mediaRecommendAttentionStatusChange","mediaUserRecommendAttention","initHandle","useMediaIndexPage","__temp","__restore","_withAsyncContext","newRef","ref","refreshFn","useNuxtApp","useRoute"],"sources":["../../../../../src/components/page/article/media-recommend.vue","../../../../../src/pages/article/mediaIndex.vue"],"sourcesContent":["<script setup lang='ts'>\r\nimport { numFormat } from '@qcwp/utils'\r\nimport { articleAuthorPath, imageTransform } from '@qcwp/common'\r\nimport type { MediaUserRecommendResponse } from '~~/src/server/modules/media/type'\r\nimport { LogicUserMediaAttention } from '~~/src/logic/article/detail'\r\nconst props = withDefaults(defineProps<{\r\n  medias: MediaUserRecommendResponse[]\r\n}>(), {})\r\nconst emits = defineEmits({\r\n  mediaRecommendRefresh: () => true,\r\n  mediaRecommendAttentionStatusChange: (index: number, status: boolean) => true,\r\n})\r\n\r\nasync function userMediaAttentionHandle(focusMediaUserId: string, status: boolean, index: number) {\r\n  const result = await LogicUserMediaAttention(focusMediaUserId, status)\r\n  if (result)\r\n    emits('mediaRecommendAttentionStatusChange', index, status)\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div bg-gradient-to-b from-blue-100 to-blue-50 py-4 pb-2 rounded-md>\r\n    <div flex items-center justify-between px-4>\r\n      <n-gradient-text type=\"info\" text-4 md:text-5 font-black>\r\n        推荐关注\r\n      </n-gradient-text>\r\n      <div flex items-center gap-4>\r\n        <div flex items-center text-title-700 public-active cursor-pointer @click=\"emits('mediaRecommendRefresh')\">\r\n          <span>换一批</span><span text-3 inline-block i-material-symbols:refresh-rounded />\r\n        </div>\r\n        <!-- <utils-more :to=\"dealerFindPath()\" /> -->\r\n      </div>\r\n    </div>\r\n    <n-scrollbar x-scrollable class=\"max-h-59\">\r\n      <template v-if=\"medias && medias.length\">\r\n        <div grid=\"~ cols-2 sm:cols-3 md:cols-4\" class=\"gap-4 p-4\">\r\n          <div\r\n            v-for=\"v, i in medias\" :key=\"v.id\"\r\n            class=\"bg-white rounded-md p-2 relative shadow-md flex-shrink-0\"\r\n          >\r\n            <div flex=\"~ col items-start\" gap-4 items-center gap-1>\r\n              <div w-full flex items-center>\r\n                <utils-media-avatar\r\n                  mr-3 :size=\"40\" :name=\"v.mediaName || ''\"\r\n                  :src=\"imageTransform(v.mediaAvatar || '', { width: 200, height: 200, format: 'webp' })\"\r\n                  :type=\"v.mediaType\"\r\n                  :media-grade=\"v.mediaGrade\"\r\n                />\r\n                <n-ellipsis text-4 truncate>\r\n                  <nuxt-link target=\"_blank\" no-rel :to=\"articleAuthorPath(v.id)\">\r\n                    {{ v.mediaName || '' }}\r\n                  </nuxt-link>\r\n                </n-ellipsis>\r\n              </div>\r\n              <div flex items-center justify-between w-full>\r\n                <div class=\"text-gray-700 text-3\">\r\n                  {{ numFormat(v.fansTotal) }} 粉丝\r\n                </div>\r\n                <n-button v-if=\"!v.focus\" strong secondary type=\"warning\" size=\"tiny\" @click=\"userMediaAttentionHandle(v.id, true, i)\">\r\n                  关注\r\n                </n-button>\r\n                <n-button v-else class=\"text-gray-400\" strong secondary type=\"default\" size=\"tiny\" @click=\"userMediaAttentionHandle(v.id, false, i)\">\r\n                  已关注\r\n                </n-button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </template>\r\n\r\n      <base-empty v-else icon-class=\"i-custom-undraw-empty?bg text-18\" />\r\n    </n-scrollbar>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n  .company {\r\n    background-color: #ffcc32;\r\n  }\r\n\r\n  .user {\r\n    background-color: #2080f0;\r\n  }\r\n</style>\r\n","<!--\r\n * @Author: fengjiahua fenjiahua@qq.com\r\n * @Date: 2024-05-22 09:11:33\r\n * @LastEditors: fengjiahua fenjiahua@qq.com\r\n * @LastEditTime: 2025-02-08 15:19:54\r\n * @FilePath: \\qcwp-vue\\packages\\web\\src\\pages\\article\\mediaIndex.vue\r\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\r\n-->\r\n<!-- 网评号首页 -->\r\n<script setup lang='ts'>\r\nimport { recommendPath } from '@qcwp/common'\r\nimport { mediaUserRecommendComponentFormat, useMediaIndexPage } from './hooks/mediaIndex'\r\nimport { MEDIA_HOME_SITE_META } from '~~/src/common/site'\r\nimport { AD_KEYS } from '~~/src/server/modules/ad/types'\r\nimport { BannerShowLocation } from '~~/src/server/modules/article/type'\r\n\r\nconst { siteMeta } = useSite(MEDIA_HOME_SITE_META)\r\nconst { isMobileOrTablet } = useDevice()\r\n\r\nconst {\r\n  params,\r\n  swiperList,\r\n  // swiper rightSider推荐资讯\r\n  rightSiderRecommendArticles,\r\n  // 推荐关注\r\n  mediaRecommendAttentionRefresh,\r\n  mediaRecommendAttentionStatusChange,\r\n  mediaUserRecommendAttention,\r\n\r\n  initHandle,\r\n} = useMediaIndexPage()\r\n\r\nawait initHandle()\r\n\r\nconst newRef = ref()\r\nfunction refreshFn() {\r\n  newRef.value.clientHandler(params, 0, true)\r\n\r\n  window.scrollTo({\r\n    top: newRef.value.$el.offsetTop - 100,\r\n    behavior: 'smooth',\r\n  })\r\n}\r\ndefinePageMeta({\r\n  refresh: true,\r\n})\r\n\r\nconst $bus = useNuxtApp().$bus as any\r\n$bus.on(useRoute().name, refreshFn)\r\n</script>\r\n\r\n<template>\r\n  <div layout-default-container>\r\n    <utils-site-head :site-meta=\"siteMeta\" />\r\n    <LayoutNavDefaultBack type=\"search\" />\r\n    <div mt-3 flex>\r\n      <div w-full flex-shrink-0 px-3 lg=\"w-168 px-0\">\r\n        <!-- swiper -->\r\n        <layout-swiper :position-key=\"BannerShowLocation.MEDIA_HOME\" :list=\"swiperList.format\" />\r\n      </div>\r\n      <n-card\r\n        v-if=\"!isMobileOrTablet\"\r\n        embedded size=\"small\" hidden\r\n        md=\"block md:max-w-78 overflow-hidden ml-4 rounded-md \"\r\n      >\r\n        <NuxtLink\r\n          v-for=\"v, i in rightSiderRecommendArticles\" :key=\"i\"\r\n          :to=\"recommendPath(v.articleType, v)\"\r\n          class=\"truncate public-hover block w-70 text-4.25 mb-1.75\"\r\n          :class=\"[i === 0 ? 'text-6 text-red-500' : '']\"\r\n        >\r\n          {{ v.title }}\r\n        </NuxtLink>\r\n      </n-card>\r\n    </div>\r\n    <!-- A1 -->\r\n    <LazyAdCommonA1 mt-3 :ad-key=\"AD_KEYS.MEDIA_HOME\" position=\"A1\" />\r\n    <div mt-3 flex items-start>\r\n      <div px-3 md:px-0 lg=\"flex-grow\">\r\n        <!-- 推荐关注 -->\r\n        <page-article-media-recommend\r\n          :medias=\"mediaUserRecommendAttention\"\r\n          @media-recommend-refresh=\"mediaRecommendAttentionRefresh\"\r\n          @mediaRecommendAttentionStatusChange=\"mediaRecommendAttentionStatusChange\"\r\n        />\r\n\r\n        <!-- 网评号资讯列表 -->\r\n        <page-news-list ref=\"newRef\" api-type=\"articleListPages\" :params=\"params\" mt-4 />\r\n      </div>\r\n      <div v-if=\"!isMobileOrTablet\" hidden lg=\"block md:w-78 flex-shrink-0 ml-4\">\r\n        <client-only>\r\n          <layout-rank-recommend-media\r\n            :params=\"{ pageNum: 1, pageSize: 5, queryType: 2 }\"\r\n            :format=\"mediaUserRecommendComponentFormat\"\r\n            class=\"max-w-78 overflow-hidden\"\r\n          />\r\n          <!-- A2 -->\r\n          <LazyAdCommonA1 :ad-key=\"AD_KEYS.MEDIA_HOME\" position=\"A2\" class=\"max-w-78 overflow-hidden\" />\r\n        </client-only>\r\n        <div v-affix=\"'fixed top-16 z-2'\">\r\n          <client-only>\r\n            <layout-rank-hot-article class=\"mt-3 md:max-w-78 overflow-hidden  \" />\r\n          </client-only>\r\n          <utils-site-footer />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n"],"file":"_nuxt/js/pages-mediaIndex-98b7b93b.js"}