{"version":3,"file":"_id_.Z8qGBFLE.js","sources":["../../../../src/logic/news/author.ts","../../../../src/pages/news/author/[id].vue"],"sourcesContent":["/*\r\n * @Author: fengjiahua fenjiahua@qq.com\r\n * @Date: 2024-02-23 11:05:55\r\n * @LastEditors: fengjiahua fenjiahua@qq.com\r\n * @LastEditTime: 2024-04-07 16:16:34\r\n * @FilePath: \\qctsw-vue\\packages\\app\\src\\logic\\news\\author.ts\r\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\r\n */\r\nimport { contentRemoveTags, isClient } from '@qctsw/utils'\r\nimport { imageTransform } from '@qctsw/common'\r\nimport { LOAD_STATE } from '@/shared/types'\r\nimport type { AuthorDetailResponse, NewsColumnPageResponse } from '@/server/types'\r\nimport { getAuthorDetailApi, getNewsColumnPageApi } from '@/server'\r\nimport { useGetRouteParam, useGetRouteQuery } from '@/shared/function'\r\nimport type { PaginationFn } from '@/composables/usePagination'\r\nimport { usePagination } from '@/composables/usePagination'\r\n\r\nexport function logicAuthorDetail() {\r\n  const id = useGetRouteParam('id', '')\r\n  const page = useGetRouteQuery('page', '1')\r\n\r\n  const state = ref(LOAD_STATE.INIT)\r\n  const pageData = ref<NewsColumnPageResponse[]>([])\r\n  const authorData = ref<AuthorDetailResponse | null>(null)\r\n  const pagination = shallowRef<PaginationFn | null>(null)\r\n  const { setShareBase } = useShare()\r\n\r\n  async function getAuthorDetail() {\r\n    try {\r\n      const res = await useLoadState({\r\n        key: `媒体详情`,\r\n        state,\r\n        fn: () => getAuthorDetailApi(id.value),\r\n      })\r\n      if (res?.data) {\r\n        authorData.value = res.data\r\n\r\n        pagination.value = usePagination({\r\n          type: 'pageNumber',\r\n          key: '媒体文章列表',\r\n          request: params => getNewsColumnPageApi({ ...params, authorId: Number(id.value) }),\r\n        })\r\n        if (isClient) {\r\n          // share\r\n          setShareBase({\r\n            url: window.location.href,\r\n            title: `媒体-${authorData.value.authorName}`,\r\n            content: '',\r\n            images: [imageTransform(authorData.value.headImg, { width: 160, height: 160 })],\r\n          })\r\n        }\r\n      }\r\n    }\r\n    catch {}\r\n  }\r\n\r\n  async function getAuthorArticleList(page: string | number = 1) {\r\n    if (!pagination.value || Number.isNaN(Number(page)))\r\n      return\r\n\r\n    const { list } = await pagination.value.loadPaginationData(Number(page)) || {}\r\n\r\n    if (!list)\r\n      return\r\n    pageData.value = list\r\n  }\r\n\r\n  useActivatedWatch(() => [\r\n    watch(page, () => {\r\n      getAuthorArticleList(page.value)\r\n      window.scrollTo(0, 0)\r\n    }),\r\n  ])\r\n\r\n  return {\r\n    id,\r\n    page,\r\n\r\n    state,\r\n    authorData,\r\n    pageData,\r\n    pagination,\r\n    getAuthorDetail,\r\n    getAuthorArticleList,\r\n  }\r\n}\r\n","<!--\r\n * @Author: fengjiahua fenjiahua@qq.com\r\n * @Date: 2024-02-23 11:05:55\r\n * @LastEditors: fengjiahua fenjiahua@qq.com\r\n * @LastEditTime: 2024-04-07 16:10:25\r\n * @FilePath: \\qctsw-vue\\packages\\app\\src\\pages\\news\\author\\[id].vue\r\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\r\n-->\r\n<script setup lang='ts'>\r\nimport { APP_ROUTER, imageTransform } from '@qctsw/common'\r\nimport { contentRemoveTags, isClient } from '@qctsw/utils'\r\nimport { logicAuthorDetail } from '@/logic/news/author'\r\nimport { callWithNuxt } from '#app'\r\n\r\nconst nuxtApp = useNuxtApp()\r\n\r\nconst {\r\n  id,\r\n  page,\r\n  state,\r\n  authorData,\r\n  pageData,\r\n  pagination,\r\n  getAuthorDetail,\r\n  getAuthorArticleList,\r\n} = logicAuthorDetail()\r\n\r\nasync function initHandler() {\r\n  await getAuthorDetail()\r\n  await callWithNuxt(nuxtApp, getAuthorArticleList, [page.value])\r\n}\r\n\r\nawait initHandler()\r\n</script>\r\n\r\n<template>\r\n  <div bg-slate-1>\r\n    <div class=\"public-container public-page flex\">\r\n      <div class=\"flex-grow min-w-0\">\r\n        <UtilLoadState :state=\"state\" :reload-handler=\"initHandler\">\r\n          <template v-if=\"authorData\">\r\n            <div class=\"p-xl mb-lg flex bg-white rounded-md \">\r\n              <NAvatar v-if=\"authorData.headImg\" round :size=\"80\" :src=\"imageTransform(authorData.headImg, { width: 160, height: 160 })\" />\r\n              <div v-else class=\"flex items-center justify-center w-20 h-20 rounded-full bg-blue-5 text-white text-10 font-bold\">\r\n                {{ authorData.authorName ? authorData.authorName?.slice(0, 1) : '无' }}\r\n              </div>\r\n              <div ml-xl>\r\n                <h2 class=\"font-bold text-6 block\">\r\n                  {{ authorData.authorName }}\r\n                </h2>\r\n                <p v-if=\"authorData\" class=\"text-4 text-slate-5 mt-sm\">\r\n                  作品：{{ authorData.articleCount ?? 0 }}\r\n                </p>\r\n              </div>\r\n            </div>\r\n            <div v-if=\"pagination\" class=\"p-sm bg-white rounded-md\">\r\n              <UtilLoadState\r\n                :state=\"pagination?.pagination.status\"\r\n                :reload-handler=\"() => getAuthorArticleList(page)\"\r\n              >\r\n                <template #loading>\r\n                  <SkeletonArticle v-for=\"v in 10\" :key=\"v\" mb-sm />\r\n                </template>\r\n                <template v-if=\"pageData && pageData.length\">\r\n                  <ArticleItem\r\n                    v-for=\"(val, idx) in pageData\" :key=\"idx\"\r\n                    :item=\"val\" :show-author=\"false\"\r\n                    class=\"border-b-1 border-slate-1 py-sm\"\r\n                  />\r\n                </template>\r\n              </UtilLoadState>\r\n              <BasicPagination\r\n                v-if=\"pagination && pagination.pagination.pageCount\"\r\n                class=\"mt-sm\"\r\n                :page=\"pagination.pagination.page\"\r\n                :total=\"pagination.pagination.pageCount\"\r\n                :to=\"(page) => APP_ROUTER.authorDetail(id, { page })\"\r\n              />\r\n            </div>\r\n          </template>\r\n          <BasicEmpty v-else text=\"未找到相关媒体信息\" />\r\n        </UtilLoadState>\r\n      </div>\r\n      <div class=\"flex-shrink-0 w-[calc(100%-53rem)] pl-xl\">\r\n        <ClientOnly>\r\n          <RankHotNews :embedded=\"false\" class=\"mb-sm\" />\r\n          <RankAuthorCorrelation :embedded=\"false\" class=\"sticky top-25\" />\r\n        </ClientOnly>\r\n      </div>\r\n      <UtilShareFixed />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang='scss' scoped>\r\n\r\n</style>\r\n"],"names":["logicAuthorDetail","id","useGetRouteParam","page","useGetRouteQuery","state","ref","LOAD_STATE","pageData","authorData","pagination","shallowRef","setShareBase","useShare","getAuthorDetail","res","useLoadState","getAuthorDetailApi","usePagination","params","getNewsColumnPageApi","isClient","imageTransform","getAuthorArticleList","list","useActivatedWatch","watch","nuxtApp","useNuxtApp","initHandler","callWithNuxt","__temp","__restore","_withAsyncContext"],"mappings":"8pCAiBO,SAASA,IAAoB,CAC5B,MAAAC,EAAKC,GAAiB,KAAM,EAAE,EAC9BC,EAAOC,GAAiB,OAAQ,GAAG,EAEnCC,EAAQC,EAAIC,EAAW,IAAI,EAC3BC,EAAWF,EAA8B,CAAA,CAAE,EAC3CG,EAAaH,EAAiC,IAAI,EAClDI,EAAaC,EAAgC,IAAI,EACjD,CAAE,aAAAC,GAAiBC,KAEzB,eAAeC,GAAkB,CAC3B,GAAA,CACI,MAAAC,EAAM,MAAMC,EAAa,CAC7B,IAAK,OACL,MAAAX,EACA,GAAI,IAAMY,GAAmBhB,EAAG,KAAK,CAAA,CACtC,EACGc,GAAA,MAAAA,EAAK,OACPN,EAAW,MAAQM,EAAI,KAEvBL,EAAW,MAAQQ,GAAc,CAC/B,KAAM,aACN,IAAK,SACL,QAAmBC,GAAAC,GAAqB,CAAE,GAAGD,EAAQ,SAAU,OAAOlB,EAAG,KAAK,EAAG,CAAA,CAClF,EACGoB,GAEWT,EAAA,CACX,IAAK,OAAO,SAAS,KACrB,MAAO,MAAMH,EAAW,MAAM,UAAU,GACxC,QAAS,GACT,OAAQ,CAACa,EAAeb,EAAW,MAAM,QAAS,CAAE,MAAO,IAAK,OAAQ,GAAK,CAAA,CAAC,CAAA,CAC/E,EAEL,MAEI,CAAC,CACT,CAEe,eAAAc,EAAqBpB,EAAwB,EAAG,CAC7D,GAAI,CAACO,EAAW,OAAS,OAAO,MAAM,OAAOP,CAAI,CAAC,EAChD,OAEI,KAAA,CAAE,KAAAqB,GAAS,MAAMd,EAAW,MAAM,mBAAmB,OAAOP,CAAI,CAAC,GAAK,GAEvEqB,IAELhB,EAAS,MAAQgB,EACnB,CAEA,OAAAC,GAAkB,IAAM,CACtBC,EAAMvB,EAAM,IAAM,CAChBoB,EAAqBpB,EAAK,KAAK,EACxB,OAAA,SAAS,EAAG,CAAC,CAAA,CACrB,CAAA,CACF,EAEM,CACL,GAAAF,EACA,KAAAE,EAEA,MAAAE,EACA,WAAAI,EACA,SAAAD,EACA,WAAAE,EACA,gBAAAI,EACA,qBAAAS,CAAA,CAEJ,4gBCvEA,MAAMI,EAAUC,IAEV,CACJ,GAAA3B,EACA,KAAAE,EACA,MAAAE,EACA,WAAAI,EACA,SAAAD,EACA,WAAAE,EACA,gBAAAI,EACA,qBAAAS,GACEvB,GAAkB,EAEtB,eAAe6B,GAAc,CAC3B,MAAMf,EAAgB,EACtB,MAAMgB,EAAaH,EAASJ,EAAsB,CAACpB,EAAK,KAAK,CAAC,CAChE,CAEM,OAAA4B,EAAAC,CAAA,EAAAC,EAAA,IAAAJ,EAAA,CAAY"}