update

src/oj/class/pk.vue

@@ -907,7 +907,7 @@ const radarChartOptions = {
                     class="stat-ac-rate"
                   >
                     <template #suffix>
-                      <Icon icon="streamline-emojis:check-mark" width="20" />
+                      <Icon icon="fluent-emoji:check-mark-button" width="20" />
                     </template>
                   </n-statistic>
                 </n-gi>

src/oj/problem/components/Form.vue

@@ -204,8 +204,8 @@ onMounted(() => {
       <IconButton
         :icon="
           syncEnabled
-            ? 'ph:wifi-slash'
+            ? 'streamline-ultimate-color:wifi-off'
-            : 'ph:wifi-high'
+            : 'streamline-ultimate-color:wifi-signal-2'
         "
         :tip="syncEnabled ? SYNC_MESSAGES.SYNC_ON : SYNC_MESSAGES.SYNC_OFF"
         :type="syncEnabled ? 'warning' : 'default'"

src/oj/problem/components/ProblemComment.vue

@@ -18,7 +18,7 @@
         >
           <Icon
             v-if="hasCommented"
-            icon="noto:star"
+            icon="fluent-emoji:star"
             :width="24"
             v-for="(_, i) in description_rating"
             :key="i"
@@ -35,7 +35,7 @@
         >
           <Icon
             v-if="hasCommented"
-            icon="noto:star"
+            icon="fluent-emoji:star"
             :width="24"
             v-for="(_, i) in difficulty_rating"
             :key="i"
@@ -50,7 +50,7 @@
         >
           <Icon
             v-if="hasCommented"
-            icon="noto:star"
+            icon="fluent-emoji:star"
             :width="24"
             v-for="(_, i) in difficulty_rating"
             :key="i"

src/oj/problem/components/ProblemInfo.vue

@@ -63,7 +63,7 @@ const numbers = computed(() => {
       suffix: "",
     },
     {
-      icon: "emojione:chart-increasing",
+      icon: "fluent-emoji:chart-increasing",
       title: getACRateNumber(
         problem.value?.accepted_number ?? 0,
         problem.value?.submission_number ?? 0,

src/oj/problem/components/ProblemSubmission.vue

@@ -31,7 +31,7 @@ function showCodePanel(id: string, problem: string) {
 
 const columns: DataTableColumn<Submission>[] = [
   {
-    title: renderTableTitle("提交时间", "noto:seven-oclock"),
+    title: renderTableTitle("提交时间", "fluent-emoji:seven-oclock"),
     key: "create_time",
     width: 200,
     render: (row) => parseTime(row.create_time, "YYYY-MM-DD HH:mm:ss"),

src/oj/problemset/components/ProblemSetHeader.vue

@@ -57,7 +57,7 @@ function handleJoin() {
         <n-h2 style="margin: 0">{{ problemSet.title }}</n-h2>
         <n-tooltip trigger="hover" v-if="problemSet.description">
           <template #trigger>
-            <Icon width="20" icon="emojione:information" />
+            <Icon width="20" icon="fluent-emoji:information" />
           </template>
           {{ problemSet.description }}
         </n-tooltip>

src/oj/problemset/components/ProblemSetProblemsList.vue

@@ -40,7 +40,7 @@ function handleProblemClick(problemId: string) {
             <Icon
               style="margin-right: 10px"
               width="48"
-              icon="noto:check-mark-button"
+              icon="fluent-emoji:check-mark-button"
               v-if="problemSetProblem.is_completed"
             />
 

src/oj/rank/list.vue

@@ -642,7 +642,7 @@ watch(
               class="stat-ac-rate"
             >
               <template #suffix>
-                <Icon icon="streamline-emojis:check-mark" width="20" />
+                <Icon icon="fluent-emoji:check-mark-button" width="20" />
               </template>
             </n-statistic>
           </n-gi>

src/oj/submission/list.vue

@@ -230,7 +230,7 @@ watch(
 const columns = computed(() => {
   const res: DataTableColumn<SubmissionListItem>[] = [
     {
-      title: renderTableTitle("提交时间", "noto:seven-oclock"),
+      title: renderTableTitle("提交时间", "fluent-emoji:seven-oclock"),
       key: "create_time",
       minWidth: 200,
       render: (row) => parseTime(row.create_time, "YYYY-MM-DD HH:mm:ss"),
@@ -319,7 +319,7 @@ const columns = computed(() => {
 const flowchartColumns = computed(() => {
   const res: DataTableColumn<FlowchartSubmissionListItem>[] = [
     {
-      title: renderTableTitle("提交时间", "noto:seven-oclock"),
+      title: renderTableTitle("提交时间", "fluent-emoji:seven-oclock"),
       key: "create_time",
       render: (row) => parseTime(row.create_time, "YYYY-MM-DD HH:mm:ss"),
     },

src/shared/components/Copy.vue

@@ -6,8 +6,8 @@ defineProps<{ value: string }>()
 const [copied, toggle] = useToggle()
 const { start } = useTimeoutFn(() => toggle(false), 1000, { immediate: false })
 
-const COPY = h(Icon, { icon: "twemoji:clipboard" })
+const COPY = h(Icon, { icon: "fluent-emoji:clipboard" })
-const OK = h(Icon, { icon: "twemoji:check-mark-button" })
+const OK = h(Icon, { icon: "fluent-emoji:check-mark-button" })
 
 async function handleClick(value: string) {
   const success = await copyToClipboard(value)

src/shared/components/Header.vue

@@ -120,47 +120,47 @@ const menus = computed<MenuOption[]>(() => [
   {
     label: () => h(RouterLink, { to: "/learn/01" }, { default: () => "自学" }),
     key: "learn",
-    icon: renderIcon("twemoji:books"),
+    icon: renderIcon("fluent-emoji:books"),
   },
   {
     label: () => h(RouterLink, { to: "/" }, { default: () => "题目" }),
     key: "problem",
-    icon: renderIcon("twemoji:memo"),
+    icon: renderIcon("fluent-emoji:memo"),
   },
   {
     label: () =>
       h(RouterLink, { to: "/problemset" }, { default: () => "题单" }),
     key: "problemset",
-    icon: renderIcon("twemoji:clipboard"),
+    icon: renderIcon("fluent-emoji:clipboard"),
   },
   {
     label: () =>
       h(RouterLink, { to: "/submission" }, { default: () => "提交" }),
     key: "submission",
-    icon: renderIcon("twemoji:inbox-tray"),
+    icon: renderIcon("fluent-emoji:inbox-tray"),
     show: userStore.showSubmissions,
   },
   {
     label: () => h(RouterLink, { to: "/contest" }, { default: () => "比赛" }),
     key: "contest",
-    icon: renderIcon("twemoji:chequered-flag"),
+    icon: renderIcon("fluent-emoji:chequered-flag"),
   },
   {
     label: () => h(RouterLink, { to: "/rank" }, { default: () => "排名" }),
     key: "rank",
-    icon: renderIcon("twemoji:trophy"),
+    icon: renderIcon("fluent-emoji:trophy"),
   },
   {
     label: () => h(RouterLink, { to: "/class/pk" }, { default: () => "班级" }),
     show: false,
     key: "class",
-    icon: renderIcon("twemoji:crossed-swords"),
+    icon: renderIcon("fluent-emoji:crossed-swords"),
   },
   {
     label: () =>
       h(RouterLink, { to: "/announcement" }, { default: () => "公告" }),
     key: "announcement",
-    icon: renderIcon("twemoji:loudspeaker"),
+    icon: renderIcon("fluent-emoji:loudspeaker"),
   },
   {
     label: () =>
@@ -171,7 +171,7 @@ const menus = computed<MenuOption[]>(() => [
       ),
     show: userStore.isAdminRole,
     key: "admin",
-    icon: renderIcon("twemoji:gear"),
+    icon: renderIcon("fluent-emoji:gear"),
   },
 ])
 
@@ -263,7 +263,7 @@ function handleMenuSelect(key: string) {
         @select="handleMenuSelect"
       >
         <n-button>
-          <Icon icon="twemoji:artist-palette" height="20"></Icon>
+          <Icon icon="fluent-emoji:artist-palette" height="20"></Icon>
           <span style="padding-left: 8px">菜单</span>
         </n-button>
       </n-dropdown>
@@ -304,8 +304,8 @@ function handleMenuSelect(key: string) {
       </div>
       <n-button :bordered="false" circle @click="toggleDark">
         <template #icon>
-          <Icon v-if="isDark" icon="twemoji:sun-behind-small-cloud"></Icon>
+          <Icon v-if="isDark" icon="fluent-emoji:sun-behind-small-cloud"></Icon>
-          <Icon v-else icon="twemoji:cloud-with-lightning-and-rain"></Icon>
+          <Icon v-else icon="fluent-emoji:cloud-with-lightning-and-rain"></Icon>
         </template>
       </n-button>
     </n-flex>

src/shared/components/IconButton.vue

@@ -1,7 +1,7 @@
 <template>
   <n-tooltip>
     <template #trigger>
-      <n-button circle :type="type ?? 'default'" @click="$emit('click')">
+      <n-button round :type="type ?? 'default'" @click="$emit('click')">
         <template #icon>
           <Icon :icon="icon" />
         </template>