{"version":3,"file":"imToken-logo.c8767c6a.js","sources":["../../../../src/assets/imgs/notification.svg","../../../../src/components/announcement/src/Notification.vue","../../../../src/components/announcement/src/Announcement.vue","../../../../src/assets/imgs/imToken-logo.svg"],"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: 257px;\r\n    max-height: calc(16px * 10 * 1.23);\r\n    overflow: hidden;\r\n    font-size: 16px;\r\n    color: #fff;\r\n    white-space: pre-wrap;\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.summary : annEligible.summary_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","export default \"__VITE_ASSET__c4825f34__\""],"names":["_imports_0","URL","url","href","onMounted","msgElem","document","getElementById","aTags","getElementsByTagName","i","length","addEventListener","event","stopPropagation","ann","pos","config","useAppState","annRecordCache","useStorage","locale","useI18n","querier","useQuery","queryKey","apis","articleList","id","staleTime","queryFn","type","Number","value","errorMessageMode","announcement","computed","_annRecordCache","unref","_annRecord","data","_locale","_handshake","annEligible","_a","list","map","cacheKey","article_id","modify_time","join","is_popup","filter","isDisplayed","show_position","includes","content","summary","summary_en","title","title_en","image","_b","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","close","onClose","setTimeout","message","key","duration","_imports_3"],"mappings":"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"}