danmaku support openId

src/api/api-models.ts

@@ -545,6 +545,7 @@ export interface DanmakuModel {
   price: number | null
   isEmoji: boolean
   num: number
+  ouId: string
 }
 export interface ResponseFeedbackModel {
   message: string

src/components/DanmakuContainer.vue

@@ -33,6 +33,7 @@ import {
   NSwitch,
   NTag,
   NTooltip,
+  useMessage,
 } from 'naive-ui'
 import { computed, nextTick, onMounted, ref, watch } from 'vue'
 import LiveInfoContainer from './LiveInfoContainer.vue'
@@ -43,7 +44,7 @@ enum RankType {
   Paid,
 }
 interface RankInfo {
-  uId: number
+  ouId: string
   uName: string
   Paid: number
   Danmakus: number
@@ -106,7 +107,7 @@ const {
   to = 'space',
 } = defineProps<Props>()
 const emit = defineEmits<{
-  (e: 'onClickName', uId: number): boolean
+  (e: 'onClickName', uId: number, ouId: string): boolean
 }>()
 defineExpose({
   InsertDanmakus,
@@ -146,19 +147,24 @@ const existEnterMessage = ref(false)
 const exportType = ref<'json' | 'xml' | 'csv'>('json')
 const onlyExportFilteredDanmakus = ref(false)
 const isExporting = ref(false)
+const message = useMessage()
 
-function OnNameClick(uId: number) {
+function OnNameClick(uId: number, ouId: string) {
   if (isInModal) {
-    emit('onClickName', uId)
+    emit('onClickName', uId, ouId)
     return
   }
   switch (to) {
     case 'userDanmakus': {
-      userDanmakus.value = currentDanmakus.filter((d) => d.uId == uId)
+      userDanmakus.value = currentDanmakus.filter((d) => (d.uId ? d.uId == uId : d.ouId == ouId))
       showModal.value = true
       break
     }
     case 'space': {
+      if (!uId) {
+        message.error('从开放平台获取的弹幕已不再支持前往用户空间')
+        return
+      }
       showModal.value = false
       nextTick(() => {
         window.open('https://space.bilibili.com/' + uId, '_blank')
@@ -204,15 +210,16 @@ function OnRank(isRank: boolean) {
 function OnRankDirect(type: RankType, refresh: boolean, orderByDescending = true) {
   if (refresh) {
     var rank = {} as {
-      [uId: number]: RankInfo
+      [ouId: string]: RankInfo
     }
     currentDanmakus.forEach((danmaku) => {
-      if (danmaku.uId in rank) {
+      if (danmaku.ouId in rank) {
-        if (danmaku.type == EventDataTypes.Message) rank[danmaku.uId].Danmakus++
+        if (danmaku.type == EventDataTypes.Message) rank[danmaku.ouId].Danmakus++
-        rank[danmaku.uId].Paid += danmaku.price ?? 0
+        rank[danmaku.ouId].Paid += danmaku.price ?? 0
       } else {
-        rank[danmaku.uId] = {
+        rank[danmaku.ouId] = {
-          uId: danmaku.uId,
+          //uId: danmaku.uId,
+          ouId: danmaku.ouId,
           uName: danmaku.uName,
           Paid: danmaku.price ?? 0,
           Danmakus: danmaku.type == EventDataTypes.Message ? 1 : 0,
@@ -318,7 +325,7 @@ function GetFilteredDanmakus(targetDanmakus?: DanmakuModel[]) {
   if (orderDecreasing.value) tempDanmakus = tempDanmakus.reverse()
   var index = 0
   tempDanmakus.forEach((d) => {
-    d.id = `${d.uId}_${d.time}_${index}`
+    d.id = `${d.ouId}_${d.time}_${index}`
     index++
   })
   return tempDanmakus
@@ -563,14 +570,14 @@ onMounted(() => {
         </NRadioGroup>
         <NDivider />
         <NList :show-divider="false" style="background-color: rgba(255, 255, 255, 0)">
-          <NListItem v-for="user in currentRankInfo" v-bind:key="user.uId">
+          <NListItem v-for="user in currentRankInfo" v-bind:key="user.ouId">
             <span style="display: flex; align-items: center">
               <NAvatar round size="small" :style="GetRankIndexColor(user.Index)">
                 {{ user.Index }}
               </NAvatar>
               <NDivider vertical />
-              <NButton text type="info" @click="OnNameClick(user.uId)">
+              <NButton text type="info" @click="OnNameClick(accountInfo?.biliId ?? 0, user.ouId)">
-                <NTooltip v-if="user.uId == accountInfo?.biliId">
+                <NTooltip v-if="user.uName == accountInfo?.name">
                   <template #trigger>
                     <NTag size="small" type="warning" style="cursor: pointer">
                       {{ user.uName }}

src/components/DanmakuItem.vue

@@ -39,7 +39,7 @@ const {
   height?: number
 }>()
 defineEmits<{
-  (e: 'onClickName', uId: number): void
+  (e: 'onClickName', uId: number, ouId: string): void
 }>()
 </script>
 
@@ -69,7 +69,7 @@ defineEmits<{
             </template>
             {{ format(danmaku.time, 'yyyy-MM-dd HH:mm:ss') }}
           </NTooltip>
-          <NButton v-if="showName" text type="primary" @click="$emit('onClickName', danmaku.uId)">
+          <NButton v-if="showName" text type="primary" @click="$emit('onClickName', danmaku.uId, danmaku.ouId)">
             <NTag v-if="danmaku.uId == accountInfo?.biliId" size="small" type="warning">
               {{ danmaku.uName }}
             </NTag>
@@ -110,7 +110,7 @@ defineEmits<{
     </span>
     <span>
       <template v-if="showName && danmaku.uId != -1">
-        <NButton class="danmaku-item" text type="info" @click="$emit('onClickName', danmaku.uId)">
+        <NButton class="danmaku-item" text type="info" @click="$emit('onClickName', danmaku.uId, danmaku.ouId)">
           <NTooltip v-if="danmaku.uId == accountInfo?.biliId">
             <template #trigger>
               <NTag size="small" type="warning" style="cursor: pointer">

src/views/manage/LiveDetailManage.vue

@@ -53,7 +53,7 @@ onActivated(async () => {
 <template>
   <NSpin v-if="isLoading" show />
   <template v-else>
-    <NButton @click="router.go(-1)" text>
+    <NButton @click="router.push({ name: 'manage-live' })" text>
       {{ '< 返回' }}
     </NButton>
     <DanmakuContainer

src/views/obs/LiveRequestOBS.vue

@@ -79,10 +79,14 @@ async function update() {
   if (!visiable.value || !active.value) return
   const r = await get()
   if (r) {
+    const isCountChange = originSongs.value.length != r.songs.length
     originSongs.value = r.songs.sort((a, b) => {
       return b.createAt - a.createAt
     })
     settings.value = r.setting
+    if (isCountChange) {
+      key.value = Date.now()
+    }
   }
 }
 
@@ -113,7 +117,7 @@ onUnmounted(() => {
   <div class="live-request-background" v-bind="$attrs">
     <p class="live-request-header">{{ settings.obsTitle ?? '点播' }}</p>
     <NDivider class="live-request-divider">
-      <p class="live-request-header-count">已有 {{ activeSongs.length ?? 0 }} 首</p>
+      <p class="live-request-header-count">已有 {{ activeSongs.length ?? 0 }} 条</p>
     </NDivider>
     <div
       class="live-request-processing-container"
@@ -172,7 +176,7 @@ onUnmounted(() => {
         </Vue3Marquee>
       </template>
       <div v-else style="position: relative; top: 20%">
-        <NEmpty class="live-request-empty" description="暂无人点歌" />
+        <NEmpty class="live-request-empty" description="暂无人点播" />
       </div>
     </div>
     <div class="live-request-footer" v-if="settings.showRequireInfo" ref="footerRef">