{"version":3,"file":"Announcement-legacy.cc9447af.js","sources":["../../../../src/assets/imgs/notification.svg","../../../../src/components/announcement/src/Notification.vue","../../../../src/components/announcement/src/Announcement.vue"],"sourcesContent":["export default \"__VITE_ASSET__b1dac06e__\"","<script setup lang=\"ts\">\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    item: any\r\n    onClose?: Function\r\n    toUrl?: Function\r\n  }>(),\r\n  {},\r\n)\r\n\r\nonMounted(() => {\r\n  preventBubbling()\r\n})\r\n\r\nfunction preventBubbling() {\r\n  if (import.meta.env.SSR)\r\n    return\r\n  const msgElem = document.getElementById('msg')\r\n  const aTags = msgElem?.getElementsByTagName('a')\r\n\r\n  if (!aTags)\r\n    return\r\n\r\n  for (let i = 0; i < aTags.length; i++) {\r\n    aTags[i].addEventListener('click', (event) => {\r\n      event.stopPropagation()\r\n    })\r\n  }\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div class=\"notification\">\r\n    <img class=\"notification-icon\" src=\"@/assets/imgs/notification.svg\">\r\n    <div class=\"content\">\r\n      <div id=\"msg\" class=\"msg\" v-html=\"item.content\" />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n:global(.update-app-notification.update-app-notification) {\r\n  background-color: #2a47ab;\r\n  border-radius: 10px;\r\n}\r\n\r\n.notification {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  margin-right: 10px;\r\n  cursor: pointer;\r\n\r\n  .content {\r\n    flex: 1;\r\n    max-width: 100%;\r\n  }\r\n\r\n  .notification-icon {\r\n    width: 60px;\r\n    margin-right: 12px;\r\n\r\n    @media bp-lt-tablet {\r\n      width: 40px;\r\n    }\r\n  }\r\n\r\n  .title {\r\n    margin-bottom: 10px;\r\n    font-size: 20px;\r\n    color: #fff;\r\n  }\r\n\r\n  .msg {\r\n    width: 100%;\r\n    max-width: 290px;\r\n    max-height: calc(16px * 10 * 1.23);\r\n    overflow: hidden;\r\n    font-size: 16px;\r\n    color: #fff;\r\n\r\n    @media bp-lt-tablet {\r\n      height: calc(100% / 2 - 50px);\r\n      font-size: 14px;\r\n    }\r\n\r\n    :deep(*) {\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n\r\n      img {\r\n        display: none;\r\n      }\r\n\r\n      a {\r\n        color: #fff;\r\n        text-decoration: underline;\r\n        text-underline-offset: 4px;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","<script lang=\"ts\">\r\nimport { useQuery } from '@tanstack/vue-query'\r\nimport { useStorage } from '@vueuse/core'\r\nimport { useI18n } from 'vue-i18n'\r\nimport { notification } from 'ant-design-vue'\r\nimport Notification from './Notification.vue'\r\n\r\nenum AnnType {\r\n  IMAGE,\r\n  TEXT,\r\n}\r\n\r\nfunction useAnnouncement(pos: Ref<string>) {\r\n  const { config } = useAppState()\r\n  const annRecordCache = useStorage<Record<string, number>>(`FEEE_FRONTEND_ANNOUNCEMENT`, {})\r\n  const { locale } = useI18n()\r\n  const querier = useQuery({\r\n    queryKey: [apis.articleList.id, locale, pos],\r\n    staleTime: 30 * 60 * 1000,\r\n    queryFn: () =>\r\n      apis.articleList(\r\n        { type: 2, pos: Number(pos.value) },\r\n        { errorMessageMode: 'none' },\r\n      ),\r\n  })\r\n\r\n  // 当前显示的公告弹窗信息\r\n  const announcement = computed(() => {\r\n    const _annRecordCache = unref(annRecordCache)\r\n    const _annRecord = unref(querier.data)\r\n    const _locale = unref(locale)\r\n    const _handshake = unref(config)\r\n\r\n    if (!_annRecordCache || !_annRecord)\r\n      return\r\n\r\n    const annEligible = _annRecord.list?.map((ann) => {\r\n      return {\r\n        ...ann,\r\n        cacheKey: [ann.article_id, ann.modify_time, _locale].join('_'),\r\n        type: ann.is_popup === 1 ? AnnType.IMAGE : ann.is_popup === 2 ? AnnType.TEXT : '',\r\n      }\r\n    })\r\n      .filter((ann) => {\r\n        const isDisplayed = _annRecordCache[ann.cacheKey]\r\n        const canShow = ann.show_position.includes(pos.value) && !isDisplayed && ann.is_popup !== 0\r\n\r\n        return canShow\r\n      })[0]\r\n\r\n    if (annEligible) {\r\n      return {\r\n        id: annEligible.article_id,\r\n        cacheKey: annEligible.cacheKey,\r\n        content: _locale === 'zh' ? annEligible.content : annEligible.content_en,\r\n        title: _locale === 'zh' ? annEligible.title : annEligible.title_en,\r\n        image: (_handshake?.base.cdn_domain ?? '') + (_locale === 'zh' ? annEligible.image : annEligible.image_en),\r\n        url: _locale === 'zh' ? annEligible.url : annEligible.url_en,\r\n        type: annEligible.type,\r\n      }\r\n    }\r\n  })\r\n\r\n\r\n  // 查看下一个公告\r\n  const next = (cacheKey: string) => {\r\n    if (!cacheKey)\r\n      return\r\n    annRecordCache.value[cacheKey] = new Date().getTime()\r\n  }\r\n\r\n  // 跳转到目标URL\r\n  const toURL = (url: string) => {\r\n    if (url)\r\n      window.open(url, '_blank')\r\n  }\r\n\r\n  return reactive({ current: announcement, next, toURL })\r\n}\r\n</script>\r\n\r\n<script lang=\"ts\" setup>\r\nconst props = defineProps<{\r\n  pos: string\r\n}>()\r\n\r\nconst ann = useAnnouncement(toRef(props, 'pos'))\r\nconst { locale } = useI18n()\r\nwatch([toRef(ann, 'current'), locale], ([current, oldCurrent],[lang]) => {\r\n  if (current?.id === oldCurrent?.id)\r\n    return\r\n\r\n  notification.destroy();\r\n  if (current?.type === AnnType.TEXT) {\r\n    notification.open({\r\n      class: 'announcement-notification',\r\n      description: () => h(Notification, { item: current }),\r\n      onClick() {\r\n        ann.next(current.cacheKey)\r\n        ann.toURL(current.url ?? '')\r\n        notification.close(current.cacheKey)\r\n      },\r\n      onClose() {\r\n        notification.close(current.cacheKey)\r\n        setTimeout(() => ann.next(current.cacheKey), 100)\r\n      },\r\n      message: null,\r\n      key: current.cacheKey,\r\n      duration: 0,\r\n    })\r\n  }\r\n})\r\n\r\n</script>\r\n\r\n<template>\r\n  <AModal\r\n    v-if=\"ann.current?.type === AnnType.IMAGE\"\r\n    :open=\"ann.current?.type === AnnType.IMAGE\"\r\n    class=\"announcement-modal\"\r\n    :footer=\"null\"\r\n    :closable=\"false\"\r\n  >\r\n    <template #modalRender>\r\n      <div class=\"wrapper\">\r\n        <img\r\n          class=\"cover-img\"\r\n          :class=\"{ pointer: Boolean(ann.current?.url) }\"\r\n          :src=\"ann.current?.image\"\r\n          :alt=\"ann.current?.title\"\r\n          @click=\"ann.toURL(ann.current?.url ?? '')\"\r\n          data-test-id=\"4rp0\"\r\n        >\r\n\r\n        <div class=\"close-btn\" @click=\"ann.next(ann.current?.cacheKey ?? '')\" data-test-id=\"uvz6\">\r\n          <i class=\"icon i-local:close-s1\" />\r\n        </div>\r\n      </div>\r\n    </template>\r\n  </AModal>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.wrapper {\r\n  pointer-events: all;\r\n\r\n  .cover-img {\r\n    display: block;\r\n    max-width: 100%;\r\n    height: auto;\r\n    max-height: calc(100vh - 200px);\r\n    margin: 0 auto;\r\n    color: #fff;\r\n\r\n    &.pointer {\r\n      cursor: pointer;\r\n    }\r\n  }\r\n\r\n  .close-btn {\r\n    position: relative;\r\n    width: 40px;\r\n    height: 40px;\r\n    margin: 30px auto 0;\r\n    cursor: pointer;\r\n\r\n    .icon {\r\n      width: inherit;\r\n      height: inherit;\r\n      color: #fff;\r\n    }\r\n  }\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\">\r\n.announcement-modal {\r\n  width: auto !important;\r\n  max-width: fit-content !important;\r\n}\r\n\r\n.announcement-notification {\r\n  .ant-notification-notice-message {\r\n    display: none !important;\r\n  }\r\n}\r\n</style>\r\n"],"names":["_imports_0","URL","module","meta","url","href","onMounted","msgElem","document","getElementById","aTags","getElementsByTagName","i","length","addEventListener","event","stopPropagation","preventBubbling","ann","pos","config","useAppState","annRecordCache","useStorage","locale","useI18n","querier","useQuery","queryKey","apis","articleList","id","staleTime","queryFn","type","Number","value","errorMessageMode","announcement","computed","_annRecord$list","_annRecordCache","unref","_annRecord","data","_locale","_handshake","annEligible","list","map","cacheKey","article_id","modify_time","join","is_popup","filter","isDisplayed","show_position","includes","_handshake$base$cdn_d","content","content_en","title","title_en","image","base","cdn_domain","image_en","url_en","reactive","current","next","Date","getTime","toURL","window","open","useAnnouncement","toRef","__props","watch","oldCurrent","lang","notification","destroy","class","description","h","Notification","item","onClick","_current$url","close","onClose","setTimeout","message","key","duration"],"mappings":"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"}