@xcpcio/board-app 0.24.3 → 0.26.0

package/dist/sw.js

@@ -1 +1 @@
-if(!self.define){let s,e={};const l=(l,i)=>(l=new URL(l+".js",i).href,e[l]||new Promise((e=>{if("document"in self){const s=document.createElement("script");s.src=l,s.onload=e,document.head.appendChild(s)}else s=l,importScripts(l),e()})).then((()=>{let s=e[l];if(!s)throw new Error(`Module ${l} didn’t register its module`);return s})));self.define=(i,n)=>{const r=s||("document"in self?document.currentScript.src:"")||location.href;if(e[r])return;let u={};const a=s=>l(s,r),t={module:{uri:r},exports:u,require:a};e[r]=Promise.all(i.map((s=>t[s]||a(s)))).then((s=>(n(...s),u)))}}define(["./workbox-b8d87ee1"],(function(s){"use strict";self.skipWaiting(),s.clientsClaim(),s.precacheAndRoute([{url:"about.html",revision:"ace88e4572687267a1acb0c69a05ffeb"},{url:"assets/_...all_-65bba7d0.css",revision:null},{url:"assets/_...all_-76798627.js",revision:null},{url:"assets/_name_-82a33e88.js",revision:null},{url:"assets/about-6cc32222.js",revision:null},{url:"assets/app-a6c41ce5.js",revision:null},{url:"assets/board-layout-a5587489.js",revision:null},{url:"assets/DataSourceInput.vue_vue_type_script_setup_true_lang-bdd603c5.js",revision:null},{url:"assets/en-4a3e0074.js",revision:null},{url:"assets/headless-13d3a223.js",revision:null},{url:"assets/home-6560de4b.js",revision:null},{url:"assets/index-4ddb0930.js",revision:null},{url:"assets/index-da8e69bb.css",revision:null},{url:"assets/index-layout-f4d3ebfe.js",revision:null},{url:"assets/test-4090a9c4.js",revision:null},{url:"assets/TheInput.vue_vue_type_script_setup_true_lang-19d39372.js",revision:null},{url:"assets/user-5e01721a.js",revision:null},{url:"assets/virtual_pwa-register-af30bbb9.js",revision:null},{url:"assets/workbox-window.prod.es5-a7b12eab.js",revision:null},{url:"assets/zh-CN-534ed2df.js",revision:null},{url:"balloon.html",revision:"f485a2f28c070ac1700c41bd7c83f399"},{url:"index.html",revision:"2ab2b801130a3d0b77e29a61c61f3f48"},{url:"test.html",revision:"8364e51632fb751f7581dd9199827c19"},{url:"favicon.svg",revision:"5a744f4ccbb122d4a0575be779ddcd43"},{url:"safari-pinned-tab.svg",revision:"5eaf74d1c43d30e0af743b68a3f48504"},{url:"balloon2-192x192.png",revision:"c857ae6d9dfae118ab4397d4358422bd"},{url:"balloon2-512x512.png",revision:"065594f4f743fe3884793c03d3fe7d9e"},{url:"manifest.webmanifest",revision:"3082e8d8ebc9619c6c1055ff243a02a8"}],{}),s.cleanupOutdatedCaches(),s.registerRoute(new s.NavigationRoute(s.createHandlerBoundToURL("index.html")))}));
+if(!self.define){let e,s={};const l=(l,i)=>(l=new URL(l+".js",i).href,s[l]||new Promise((s=>{if("document"in self){const e=document.createElement("script");e.src=l,e.onload=s,document.head.appendChild(e)}else e=l,importScripts(l),s()})).then((()=>{let e=s[l];if(!e)throw new Error(`Module ${l} didn’t register its module`);return e})));self.define=(i,n)=>{const r=e||("document"in self?document.currentScript.src:"")||location.href;if(s[r])return;let u={};const t=e=>l(e,r),a={module:{uri:r},exports:u,require:t};s[r]=Promise.all(i.map((e=>a[e]||t(e)))).then((e=>(n(...e),u)))}}define(["./workbox-b8d87ee1"],(function(e){"use strict";self.skipWaiting(),e.clientsClaim(),e.precacheAndRoute([{url:"about.html",revision:"d485ee3168acf5e6186b8b63a81da132"},{url:"assets/_...all_-ccdf65e0.js",revision:null},{url:"assets/_...all_-f6dd53aa.css",revision:null},{url:"assets/_name_-41975e46.js",revision:null},{url:"assets/about-ed4e51a8.js",revision:null},{url:"assets/app-229ad629.js",revision:null},{url:"assets/board-layout-22e4dc7d.js",revision:null},{url:"assets/DataSourceInput.vue_vue_type_script_setup_true_lang-b63d8c0a.js",revision:null},{url:"assets/en-644e039f.js",revision:null},{url:"assets/headless-254ddfda.js",revision:null},{url:"assets/home-ff1bf49b.js",revision:null},{url:"assets/index-00889800.css",revision:null},{url:"assets/index-4ec61f53.js",revision:null},{url:"assets/index-layout-d88ea34a.js",revision:null},{url:"assets/test-0bd7427d.js",revision:null},{url:"assets/TheInput.vue_vue_type_script_setup_true_lang-01db0210.js",revision:null},{url:"assets/user-b4f3ed5d.js",revision:null},{url:"assets/virtual_pwa-register-123217d5.js",revision:null},{url:"assets/workbox-window.prod.es5-a7b12eab.js",revision:null},{url:"assets/zh-CN-44b801f0.js",revision:null},{url:"balloon.html",revision:"6905add912497b05896d4c794bd4bead"},{url:"index.html",revision:"d29bab4c1a83515d7987ec2469c63312"},{url:"test.html",revision:"30f873fefdfe20ee8827d817d7ef703b"},{url:"favicon.svg",revision:"5a744f4ccbb122d4a0575be779ddcd43"},{url:"safari-pinned-tab.svg",revision:"5eaf74d1c43d30e0af743b68a3f48504"},{url:"balloon2-192x192.png",revision:"c857ae6d9dfae118ab4397d4358422bd"},{url:"balloon2-512x512.png",revision:"065594f4f743fe3884793c03d3fe7d9e"},{url:"manifest.webmanifest",revision:"3082e8d8ebc9619c6c1055ff243a02a8"}],{}),e.cleanupOutdatedCaches(),e.registerRoute(new e.NavigationRoute(e.createHandlerBoundToURL("index.html")))}));

package/dist/test.html

@@ -1 +1 @@
-<!DOCTYPE html><html lang="en" data-critters-container><head><meta charset="UTF-8"><!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> --><link rel="apple-touch-icon" href="https://cdn.jsdelivr.net/npm/@xcpcio/board-app@0.24.3/dist/balloon-192x192.png"><link rel="mask-icon" href="https://cdn.jsdelivr.net/npm/@xcpcio/board-app@0.24.3/dist/balloon-512x512.svg" color="#00aba9"><meta name="msapplication-TileColor" content="#00aba9"><script>function normalizePath(_){for(;_.endsWith("/");)_=_.slice(0,-1);return _+"/"}{let _="__CDN_HOST__";_=normalizePath(_),window.CDN_HOST=_}try{let _=__DATA_HOST__;_=normalizePath(_),window.DATA_HOST=_}catch(_){window.DATA_HOST="/data/"}try{let _=__DATA_REGION__;window.DATA_REGION=_}catch(_){window.DATA_REGION="CN"}</script><script>!function(){var e=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches,t=localStorage.getItem("vueuse-color-scheme")||"auto";("dark"===t||e&&"light"!==t)&&document.documentElement.classList.toggle("dark",!0)}()</script><script type="module" async crossorigin src="https://cdn.jsdelivr.net/npm/@xcpcio/board-app@0.24.3/dist/assets/app-a6c41ce5.js"></script><link rel="manifest" href="/manifest.webmanifest"><style></style><link rel="modulepreload" crossorigin href="/assets/home-6560de4b.js"><link rel="modulepreload" crossorigin href="/assets/test-4090a9c4.js"><title>Board - XCPCIO</title><meta name="description" content="XCPCIO-Board 主要收录 *CPC 系列竞赛的榜单。"><meta name="keywords" content="icpc, ccpc, rank, board, standings"><meta name="theme-color" content="#ffffff"><link rel="icon" type="image/svg+xml" href="/favicon.svg"></head><body class="font-sans"><div id="app" data-server-rendered="true"><main px-4 py-10 text="center gray-700 dark:gray-200"><div flex flex-col justify-center items-center><div text-4xl><div i-carbon-campsite></div></div><p><a rel="noreferrer" href="https://github.com/antfu/vitesse" target="_blank">Vitesse</a></p><p><em text-sm opacity-75>Opinionated Vite Starter Template</em></p><div py-4></div><div w-48><input id="input" value type="text" placeholder="What's your name?" autocomplete="false" p="x-4 y-2" w-full text="center" bg="transparent" border="~ rounded gray-200 dark:gray-700" outline="none active:none"><label class="hidden" for="input">What's your name?</label></div><div><button m-3 text-sm btn disabled="disabled">GO</button></div></div><footer mt-8 py-4 md:py-8 lg:py-10 w-full flex justify-center items-center><div text-center w-full><a href="/" class flex items-center justify-center text-2xl font-semibold text-gray-900 dark:text-white><div i-ion-balloon-sharp mr-4 h-8></div>Get more balloons</a><p my-6 text-gray-500 dark:text-gray-400 w-full flex justify-center>Open-source project of ICPC/CCPC Standings.</p><ul mb-6 w-full flex flex-wrap items-center justify-center text-gray-900 dark:text-white><li><a href="/" class mr-4 md:mr-6 hover:underline>Home</a></li><li><div class="v-popper v-popper--theme-tooltip" w-inherit><!--[--><!--[--><a href="https://github.com/xcpcio/xcpcio" class="mr-4 md:mr-6 hover:underline" rel="noreferrer" target="_blank" title="GitHub">GitHub</a><!--]--><div id="popper_1vvkpjor_17h6rl" class="v-popper__popper v-popper--theme-tooltip v-popper__popper--hidden v-popper__popper--hide-to" style="position:absolute;transform:translate3d(0,0,0)" aria-hidden="true" data-popper-placement><div class="v-popper__backdrop"></div><div class="v-popper__wrapper" style><div class="v-popper__inner"><!----></div><div class="v-popper__arrow-container" style="left:0;top:0"><div class="v-popper__arrow-outer"></div><div class="v-popper__arrow-inner"></div></div></div></div><!--]--></div></li><li><div class="v-popper v-popper--theme-tooltip" w-inherit><!--[--><!--[--><a href="mailto:hi@dup4.com" mr-4 md:mr-6 hover:underline>Contact</a><!--]--><div id="popper_5she32xz_17h6rl" class="v-popper__popper v-popper--theme-tooltip v-popper__popper--hidden v-popper__popper--hide-to" style="position:absolute;transform:translate3d(0,0,0)" aria-hidden="true" data-popper-placement><div class="v-popper__backdrop"></div><div class="v-popper__wrapper" style><div class="v-popper__inner"><!----></div><div class="v-popper__arrow-container" style="left:0;top:0"><div class="v-popper__arrow-outer"></div><div class="v-popper__arrow-inner"></div></div></div></div><!--]--></div></li></ul><span text-sm text-gray-500 sm:text-center dark:text-gray-400 w-full>© 2020-PRESENT <a href="/" class hover:underline>XCPCIO™</a>. All Rights Reserved.</span></div></footer><div mx-auto mt-5 text-center text-sm opacity-50>[Home Layout]</div></main></div><script>window.__INITIAL_STATE__='{"pinia":{"user":{"savedName":""}}}'</script><noscript>This website requires JavaScript to function properly. Please enable JavaScript to continue.</noscript><script>try{var umamiJSUrl=__UMAMI_JS_URL__,umamiWebsiteId=__UMAMI_WEBSITE_ID__;!function(){var e=document.createElement("script"),t=(e.src=umamiJSUrl,e.defer=!0,e.setAttribute("data-website-id",umamiWebsiteId),document.getElementsByTagName("script")[0]);t.parentNode.insertBefore(e,t)}()}catch(e){}try{var plausibleJSUrl=__PLAUSIBLE_JS_URL__,plausibleDataDomain=__PLAUSIBLE_DATA_DOMAIN__;!function(){var e=document.createElement("script"),t=(e.src=plausibleJSUrl,e.defer=!0,e.setAttribute("data-domain",plausibleDataDomain),document.getElementsByTagName("script")[0]);t.parentNode.insertBefore(e,t)}()}catch(e){}try{var baiduAnalyticsId=__BAIDU_ANALYTICS_ID__,_hmt=_hmt||[];!function(){var e=document.createElement("script"),t=(e.src="https://hm.baidu.com/hm.js?"+baiduAnalyticsId,document.getElementsByTagName("script")[0]);t.parentNode.insertBefore(e,t)}()}catch(e){}try{var googleAnalyticsId=__GOOGLE_ANALYTICS_ID__;!function(){var e,t,a,r;location.port||(e=window,r=document,t="script",a="ga",e.GoogleAnalyticsObject=a,e.ga=e.ga||function(){(e.ga.q=e.ga.q||[]).push(arguments)},e.ga.l=+new Date,a=r.createElement(t),r=r.getElementsByTagName(t)[0],a.async=1,a.src="//www.google-analytics.com/analytics.js",r.parentNode.insertBefore(a,r),ga("create",""+googleAnalyticsId,"auto"),ga("send","pageview"))}()}catch(e){}</script></body></html>
+<!DOCTYPE html><html lang="en" data-critters-container><head><meta charset="UTF-8"><!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> --><link rel="apple-touch-icon" href="https://cdn.jsdelivr.net/npm/@xcpcio/board-app@0.26.0/dist/balloon-192x192.png"><link rel="mask-icon" href="https://cdn.jsdelivr.net/npm/@xcpcio/board-app@0.26.0/dist/balloon-512x512.svg" color="#00aba9"><meta name="msapplication-TileColor" content="#00aba9"><script>function normalizePath(_){for(;_.endsWith("/");)_=_.slice(0,-1);return _+"/"}{let _="__CDN_HOST__";_=normalizePath(_),window.CDN_HOST=_}try{let _=__DATA_HOST__;_=normalizePath(_),window.DATA_HOST=_}catch(_){window.DATA_HOST="/data/"}try{let _=__DATA_REGION__;window.DATA_REGION=_}catch(_){window.DATA_REGION="CN"}</script><script>!function(){var e=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches,t=localStorage.getItem("vueuse-color-scheme")||"auto";("dark"===t||e&&"light"!==t)&&document.documentElement.classList.toggle("dark",!0)}()</script><script type="module" async crossorigin src="https://cdn.jsdelivr.net/npm/@xcpcio/board-app@0.26.0/dist/assets/app-229ad629.js"></script><link rel="manifest" href="/manifest.webmanifest"><style></style><link rel="modulepreload" crossorigin href="/assets/home-ff1bf49b.js"><link rel="modulepreload" crossorigin href="/assets/test-0bd7427d.js"><title>Board - XCPCIO</title><meta name="description" content="XCPCIO-Board 主要收录 *CPC 系列竞赛的榜单。"><meta name="keywords" content="icpc, ccpc, rank, board, standings"><meta name="theme-color" content="#ffffff"><link rel="icon" type="image/svg+xml" href="/favicon.svg"></head><body class="font-sans"><div id="app" data-server-rendered="true"><main px-4 py-10 text="center gray-700 dark:gray-200"><div flex flex-col justify-center items-center><div text-4xl><div i-carbon-campsite></div></div><p><a rel="noreferrer" href="https://github.com/antfu/vitesse" target="_blank">Vitesse</a></p><p><em text-sm opacity-75>Opinionated Vite Starter Template</em></p><div py-4></div><div w-48><input id="input" value type="text" placeholder="What's your name?" autocomplete="false" p="x-4 y-2" w-full text="center" bg="transparent" border="~ rounded gray-200 dark:gray-700" outline="none active:none"><label class="hidden" for="input">What's your name?</label></div><div><button m-3 text-sm btn disabled="disabled">GO</button></div></div><footer mt-8 py-4 md:py-8 lg:py-10 w-full flex justify-center items-center><div text-center w-full><a href="/" class flex items-center justify-center text-2xl font-semibold text-gray-900 dark:text-white><div i-ion-balloon-sharp mr-4 h-8></div>Get more balloons</a><p my-6 text-gray-500 dark:text-gray-400 w-full flex justify-center>Open-source project of ICPC/CCPC Standings.</p><ul mb-6 w-full flex flex-wrap items-center justify-center text-gray-900 dark:text-white><li><a href="/" class mr-4 md:mr-6 hover:underline>Home</a></li><li><div class="v-popper v-popper--theme-tooltip" w-inherit><!--[--><!--[--><a href="https://github.com/xcpcio/xcpcio" class="mr-4 md:mr-6 hover:underline" rel="noreferrer" target="_blank" title="GitHub">GitHub</a><!--]--><div id="popper_rxbafghz_7vyb8a" class="v-popper__popper v-popper--theme-tooltip v-popper__popper--hidden v-popper__popper--hide-to" style="position:absolute;transform:translate3d(0,0,0)" aria-hidden="true" data-popper-placement><div class="v-popper__backdrop"></div><div class="v-popper__wrapper" style><div class="v-popper__inner"><!----></div><div class="v-popper__arrow-container" style="left:0;top:0"><div class="v-popper__arrow-outer"></div><div class="v-popper__arrow-inner"></div></div></div></div><!--]--></div></li><li><div class="v-popper v-popper--theme-tooltip" w-inherit><!--[--><!--[--><a href="mailto:hi@dup4.com" mr-4 md:mr-6 hover:underline>Contact</a><!--]--><div id="popper_ky093qny_7vyb8b" class="v-popper__popper v-popper--theme-tooltip v-popper__popper--hidden v-popper__popper--hide-to" style="position:absolute;transform:translate3d(0,0,0)" aria-hidden="true" data-popper-placement><div class="v-popper__backdrop"></div><div class="v-popper__wrapper" style><div class="v-popper__inner"><!----></div><div class="v-popper__arrow-container" style="left:0;top:0"><div class="v-popper__arrow-outer"></div><div class="v-popper__arrow-inner"></div></div></div></div><!--]--></div></li></ul><span text-sm text-gray-500 sm:text-center dark:text-gray-400 w-full>© 2020-PRESENT <a href="/" class hover:underline>XCPCIO™</a>. All Rights Reserved.</span></div></footer><div mx-auto mt-5 text-center text-sm opacity-50>[Home Layout]</div></main></div><script>window.__INITIAL_STATE__='{"pinia":{"user":{"savedName":""}}}'</script><noscript>This website requires JavaScript to function properly. Please enable JavaScript to continue.</noscript><script>try{var umamiJSUrl=__UMAMI_JS_URL__,umamiWebsiteId=__UMAMI_WEBSITE_ID__;!function(){var e=document.createElement("script"),t=(e.src=umamiJSUrl,e.defer=!0,e.setAttribute("data-website-id",umamiWebsiteId),document.getElementsByTagName("script")[0]);t.parentNode.insertBefore(e,t)}()}catch(e){}try{var plausibleJSUrl=__PLAUSIBLE_JS_URL__,plausibleDataDomain=__PLAUSIBLE_DATA_DOMAIN__;!function(){var e=document.createElement("script"),t=(e.src=plausibleJSUrl,e.defer=!0,e.setAttribute("data-domain",plausibleDataDomain),document.getElementsByTagName("script")[0]);t.parentNode.insertBefore(e,t)}()}catch(e){}try{var baiduAnalyticsId=__BAIDU_ANALYTICS_ID__,_hmt=_hmt||[];!function(){var e=document.createElement("script"),t=(e.src="https://hm.baidu.com/hm.js?"+baiduAnalyticsId,document.getElementsByTagName("script")[0]);t.parentNode.insertBefore(e,t)}()}catch(e){}try{var googleAnalyticsId=__GOOGLE_ANALYTICS_ID__;!function(){var e,t,a,r;location.port||(e=window,r=document,t="script",a="ga",e.GoogleAnalyticsObject=a,e.ga=e.ga||function(){(e.ga.q=e.ga.q||[]).push(arguments)},e.ga.l=+new Date,a=r.createElement(t),r=r.getElementsByTagName(t)[0],a.async=1,a.src="//www.google-analytics.com/analytics.js",r.parentNode.insertBefore(a,r),ga("create",""+googleAnalyticsId,"auto"),ga("send","pageview"))}()}catch(e){}</script></body></html>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@xcpcio/board-app",
   "type": "module",
-  "version": "0.24.3",
+  "version": "0.26.0",
   "description": "XCPCIO Board App",
   "author": "Dup4 <lyuzhi.pan@gmail.com>",
   "license": "MIT",
@@ -53,8 +53,8 @@
     "vue-router": "^4.2.4",
     "vue-search-select": "^3.1.2",
     "vue-toast-notification": "^3",
-    "@xcpcio/core": "0.24.3",
-    "@xcpcio/types": "0.24.3"
+    "@xcpcio/core": "0.26.0",
+    "@xcpcio/types": "0.26.0"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^0.39.8",

package/src/components/Balloon.vue

@@ -85,11 +85,11 @@ onUnmounted(() => {
         flex flex-col justify-between
       >
         <template
-          v-for="(b, ix) in balloons"
+          v-for="(b, index) in balloons"
           :key="b.key"
         >
           <BalloonBlock
-            :index="ix"
+            :index="index"
             :balloon="b"
           />
         </template>

package/src/components/BalloonBlock.vue

@@ -7,9 +7,8 @@ const props = defineProps<{
   balloon: Balloon,
 }>();
 
-const balloon = computed(() => {
-  return props.balloon;
-});
+const index = computed(() => props.index);
+const balloon = computed(() => props.balloon);
 
 const el = ref(null);
 const isVisible = useElementVisibility(el);
@@ -42,18 +41,18 @@ function getColor(c: ThemeColor): string {
       h-24
       flex flex-row gap-x-4
       font-mono text-4xl
-      :class="[props.index % 2 === 0 ? 'bg-resolver-bg-zero' : 'bg-resolver-bg-one']"
+      :class="[index % 2 === 0 ? 'bg-resolver-bg-zero' : 'bg-resolver-bg-one']"
     >
       <div
         w-20
         flex flex-shrink-0 justify-center items-center
         :style="{
-          backgroundColor: getColor(balloon.problem!.balloonColor!.background_color),
+          backgroundColor: getColor(balloon.problem?.balloonColor?.background_color ?? 'rgba(0, 0, 0, 0.5)'),
         }"
       >
         <div
           :style="{
-            color: getColor(balloon.problem!.balloonColor!.color),
+            color: getColor(balloon.problem?.balloonColor?.color ?? '#fff'),
           }"
         >
           {{ balloon.problem.label }}

package/src/components/board/Board.vue

@@ -325,9 +325,15 @@ const widthClass = "sm:w-[1260px] xl:w-screen";
         </div>
       </div>
 
+      <div mt-2>
+        <BoardTab
+          :rank="rank"
+        />
+      </div>
+
       <div
         :class="[widthClass]"
-        mt-4
+        mt-2
         flex flex-row justify-center
       >
         <div class="w-[92%]">

package/src/components/board/BoardTab.vue

@@ -0,0 +1,153 @@
+<script setup lang="ts">
+import type { Rank } from "@xcpcio/core";
+
+import type { DropdownOptions } from "flowbite";
+import { Dropdown } from "flowbite";
+import { useToast } from "vue-toast-notification";
+
+const props = defineProps<{
+  rank: Rank,
+}>();
+
+const rank = computed(() => props.rank);
+
+const { t } = useI18n();
+const $toast = useToast();
+const { copy, isSupported } = useClipboard();
+
+let dropdown: Dropdown | null = null;
+const dropdownTargetEl = ref(null);
+const dropdownTriggerEl = ref(null);
+
+function preCheck() {
+  if (!window) {
+    return false;
+  }
+
+  if (!isSupported.value) {
+    $toast.warning("clipboard is not supported");
+    dropdown?.hide();
+    return false;
+  }
+
+  return true;
+}
+
+function postCall() {
+  $toast.success("copy success");
+  dropdown?.hide();
+}
+
+function copyLink() {
+  if (!preCheck()) {
+    return;
+  }
+
+  copy(window.location.href);
+  postCall();
+}
+
+function copyCode() {
+  if (!preCheck()) {
+    return;
+  }
+
+  const code = `<iframe src="${window.location.href}" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="width: 100%; height: 720px"></iframe>`;
+  copy(code);
+  postCall();
+}
+
+onMounted(() => {
+  {
+    if (dropdownTargetEl.value && dropdownTriggerEl.value) {
+      const options: DropdownOptions = {
+        placement: "right",
+        triggerType: "click",
+        offsetSkidding: 32,
+        offsetDistance: 5,
+        delay: 300,
+      };
+
+      dropdown = new Dropdown(dropdownTargetEl.value, dropdownTriggerEl.value, options);
+    }
+  }
+});
+</script>
+
+<template>
+  <div
+    flex
+  >
+    <div>
+      <VTooltip
+        w-inherit
+      >
+        <div>
+          <div
+            i-material-symbols-info-outline
+            text-lg
+          />
+        </div>
+
+        <template #popper>
+          <div
+            flex
+          >
+            <div>
+              {{ t("standings.options.calculation_of_penalty") }}: {{ t(`standings.options.${rank.contest.options?.calculationOfPenalty}`) }}
+            </div>
+          </div>
+        </template>
+      </VTooltip>
+    </div>
+
+    <div
+      class="border-l-[1px] border-r-[1px]"
+      mx-2
+      h-6
+      border-color-black
+      dark:border-color-white
+    />
+
+    <div
+      flex
+    >
+      <div
+        ref="dropdownTriggerEl"
+        i-material-symbols-share
+        text-lg
+        cursor-pointer
+      />
+
+      <div
+        ref="dropdownTargetEl"
+        class="z-9999 hidden divide-y divide-gray-100 rounded shadow w-36"
+        bg-white
+        dark:bg-gray-700
+      >
+        <ul
+          class="py-2 text-sm text-gray-700 dark:text-gray-200"
+        >
+          <li>
+            <div
+              class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
+              cursor-pointer
+              @click="copyLink"
+            >
+              Copy Page Link
+            </div>
+          </li>
+          <li>
+            <div
+              class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
+              cursor-pointer
+              @click="copyCode"
+            >
+              Copy Page Code
+            </div>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</template>

package/src/components/board/Progress.vue

@@ -146,13 +146,15 @@ function barWidthInStyle() {
 }
 
 onMounted(() => {
-  scroll.value.onmouseenter = () => {
-    tooltip.value.classList.add("in");
-  };
-
-  scroll.value.onmouseleave = () => {
-    tooltip.value.classList.remove("in");
-  };
+  if (props.needScroll === true) {
+    scroll.value.onmouseenter = () => {
+      tooltip.value.classList.add("in");
+    };
+
+    scroll.value.onmouseleave = () => {
+      tooltip.value.classList.remove("in");
+    };
+  }
 
   if (progressRatio.value !== -1) {
     pauseUpdate.value = true;

package/src/components.d.ts

@@ -11,6 +11,7 @@ declare module 'vue' {
     Balloon: typeof import('./components/Balloon.vue')['default']
     BalloonBlock: typeof import('./components/BalloonBlock.vue')['default']
     Board: typeof import('./components/board/Board.vue')['default']
+    BoardTab: typeof import('./components/board/BoardTab.vue')['default']
     BottomStatistics: typeof import('./components/board/BottomStatistics.vue')['default']
     ContestIndexUI: typeof import('./components/ContestIndexUI.vue')['default']
     ContestStateBadge: typeof import('./components/board/ContestStateBadge.vue')['default']