@x-edu/live-player 0.0.19 → 0.0.21

package/src/detail/LiveOnlineCount/util.js

@@ -1,74 +1,74 @@
-import config from '@/config/env'
-
-const { env } = config
-
-const likesCacheKey = `x-edu-web-open-live_${env}`
-
-const likesCountCacheKey = `x-edu-web-open-liveCount_${env}`
-
-// 缓存点赞数据
-export function saveLocalSend(resId, data) {
-  try {
-    const likesLocalData = JSON.parse(localStorage.getItem(likesCacheKey)) || {}
-    likesLocalData[resId] = data
-    localStorage.setItem(likesCacheKey, JSON.stringify(likesLocalData))
-  } catch (e) {
-    return null
-  }
-}
-
-// 获取本地点赞数据
-export function getLocalSend(resId) {
-  try {
-    const likesLocalData = JSON.parse(localStorage.getItem(likesCacheKey)) || {}
-    return likesLocalData[resId]
-  } catch (e) {
-    return null
-  }
-}
-
-export function saveCacheCount(resId, count) {
-  try {
-    const likesCountLocalData = JSON.parse(localStorage.getItem(likesCountCacheKey)) || {}
-    likesCountLocalData[resId] = count
-    localStorage.setItem(likesCountCacheKey, JSON.stringify(likesCountLocalData))
-  } catch (e) {
-    return null
-  }
-}
-
-// 获取本地点赞数据
-export function getCacheCount(resId) {
-  try {
-    const likesCountLocalData = JSON.parse(localStorage.getItem(likesCountCacheKey)) || {}
-    return likesCountLocalData[resId]
-  } catch (e) {
-    return null
-  }
-}
-
-/**
- * 格式化点赞数
- * a. < 10000 => 原样输出
- * b. >= 10000 => 以万（w）为单位，保留一位小数 10000-10999 => 1w+ 11000-11999 => 1.1w+
- * c. >= 100000 => 10w+
- * @param {number} count 点赞数量
- * @param {number} point 保留小数点位数（情况b）
- * @return {string} 格式化后的点赞数
- */
-export function formatCount(count, point = 1) {
-  const countStr = count.toString()
-  const baseNum = Number('1'.padEnd(countStr.length, '0'))
-
-  if (countStr.length < 5) {
-    return countStr
-  } else if (countStr.length < 6) {
-    // 整数
-    const int = parseFloat(parseInt(count / baseNum, 10))
-    // 截取几位小数（非四舍五入）
-    const decimal = Number(countStr.substring(1, 1 + point))
-    return `${int}${decimal ? `.${decimal}` : ''}w+`
-  } else {
-    return '10w+'
-  }
-}
+import config from '@/config/env'
+
+const { env } = config
+
+const likesCacheKey = `x-edu-web-open-live_${env}`
+
+const likesCountCacheKey = `x-edu-web-open-liveCount_${env}`
+
+// 缓存点赞数据
+export function saveLocalSend(resId, data) {
+  try {
+    const likesLocalData = JSON.parse(localStorage.getItem(likesCacheKey)) || {}
+    likesLocalData[resId] = data
+    localStorage.setItem(likesCacheKey, JSON.stringify(likesLocalData))
+  } catch (e) {
+    return null
+  }
+}
+
+// 获取本地点赞数据
+export function getLocalSend(resId) {
+  try {
+    const likesLocalData = JSON.parse(localStorage.getItem(likesCacheKey)) || {}
+    return likesLocalData[resId]
+  } catch (e) {
+    return null
+  }
+}
+
+export function saveCacheCount(resId, count) {
+  try {
+    const likesCountLocalData = JSON.parse(localStorage.getItem(likesCountCacheKey)) || {}
+    likesCountLocalData[resId] = count
+    localStorage.setItem(likesCountCacheKey, JSON.stringify(likesCountLocalData))
+  } catch (e) {
+    return null
+  }
+}
+
+// 获取本地点赞数据
+export function getCacheCount(resId) {
+  try {
+    const likesCountLocalData = JSON.parse(localStorage.getItem(likesCountCacheKey)) || {}
+    return likesCountLocalData[resId]
+  } catch (e) {
+    return null
+  }
+}
+
+/**
+ * 格式化点赞数
+ * a. < 10000 => 原样输出
+ * b. >= 10000 => 以万（w）为单位，保留一位小数 10000-10999 => 1w+ 11000-11999 => 1.1w+
+ * c. >= 100000 => 10w+
+ * @param {number} count 点赞数量
+ * @param {number} point 保留小数点位数（情况b）
+ * @return {string} 格式化后的点赞数
+ */
+export function formatCount(count, point = 1) {
+  const countStr = count.toString()
+  const baseNum = Number('1'.padEnd(countStr.length, '0'))
+
+  if (countStr.length < 5) {
+    return countStr
+  } else if (countStr.length < 6) {
+    // 整数
+    const int = parseFloat(parseInt(count / baseNum, 10))
+    // 截取几位小数（非四舍五入）
+    const decimal = Number(countStr.substring(1, 1 + point))
+    return `${int}${decimal ? `.${decimal}` : ''}w+`
+  } else {
+    return '10w+'
+  }
+}

package/src/detail/LiveStatus/AnchorOnTheWay.jsx

@@ -1,88 +1,88 @@
-/* eslint-disable no-nested-ternary */
-import React, { useState } from 'react'
-import dayjs from 'dayjs'
-import useInterval from '@/hook/useInterval'
-import style from './index.module.less'
-import usePullSource from '../hook/usePullSource'
-import { SUB_TYPE } from '@/config/publicLive'
-
-export default function AnchorOnTheWay({
-  liveInfo,
-  isStreamLive,
-  hasPlayed,
-  reload,
-  onStatusChange
-}) {
-  const [isAfterEndTime, setIsAfterEndTime] = useState(
-    dayjs().isAfter(dayjs(liveInfo.end_time))
-  )
-
-  useInterval(() => {
-    setIsAfterEndTime(dayjs().isAfter(dayjs(liveInfo.end_time)))
-  }, 1000)
-
-  usePullSource({
-    liveInfo,
-    reload,
-    onStatusChange,
-    shouldStartPull: isStreamLive
-  })
-
-  const hasMultiLines = liveInfo?.imInfo?.param?.lines?.length > 1
-  const isNDMeeting = liveInfo.sub_type === SUB_TYPE.NET_DRAGON
-  return (
-    <>
-      {isAfterEndTime && !isNDMeeting
-        ? (
-          <div className={style['status-completed']}>
-            <div className={style.icon} />
-            <div className={style.text}>已结束</div>
-          </div>
-        ) : (
-          <div className={style['status-exception']}>
-            <div className={style.icon} />
-            <div className={style.text}>
-              {
-                isStreamLive
-                  ? (hasPlayed
-                    ? (
-                      <>
-                        <div>
-                          {isNDMeeting
-                            ? '主播正在赶来的路上...'
-                            : '加载中...'}
-                        </div>
-                        {
-                          hasMultiLines ? (
-                            <div
-                              style={{
-                                fontSize: '20px',
-                                fontWeight: 'normal',
-                                margin: '10px 0'
-                              }}
-                            >
-                              尝试切换线路看看吧~
-                            </div>
-                          )
-                            : <></>
-                        }
-                      </>
-                    )
-                    : (
-                      <>
-                        <div>
-                          {isNDMeeting
-                            ? '主播正在赶来的路上...'
-                            : '等待开播中...'}
-                        </div>
-                      </>
-                    )
-                  )
-                  : '主播正在赶来的路上...'
-              }
-            </div>
-          </div>
-        )}
-    </>
-  )
-}
+/* eslint-disable no-nested-ternary */
+import React, { useState } from 'react'
+import dayjs from 'dayjs'
+import useInterval from '@/hook/useInterval'
+import style from './index.module.less'
+import usePullSource from '../hook/usePullSource'
+import { SUB_TYPE } from '@/config/publicLive'
+
+export default function AnchorOnTheWay({
+  liveInfo,
+  isStreamLive,
+  hasPlayed,
+  reload,
+  onStatusChange
+}) {
+  const [isAfterEndTime, setIsAfterEndTime] = useState(
+    dayjs().isAfter(dayjs(liveInfo.end_time))
+  )
+
+  useInterval(() => {
+    setIsAfterEndTime(dayjs().isAfter(dayjs(liveInfo.end_time)))
+  }, 1000)
+
+  usePullSource({
+    liveInfo,
+    reload,
+    onStatusChange,
+    shouldStartPull: isStreamLive
+  })
+
+  const hasMultiLines = liveInfo?.imInfo?.param?.lines?.length > 1
+  const isNDMeeting = liveInfo.sub_type === SUB_TYPE.NET_DRAGON
+  return (
+    <>
+      {isAfterEndTime && !isNDMeeting
+        ? (
+          <div className={style['status-completed']}>
+            <div className={style.icon} />
+            <div className={style.text}>已结束</div>
+          </div>
+        ) : (
+          <div className={style['status-exception']}>
+            <div className={style.icon} />
+            <div className={style.text}>
+              {
+                isStreamLive
+                  ? (hasPlayed
+                    ? (
+                      <>
+                        <div>
+                          {isNDMeeting
+                            ? '主播正在赶来的路上...'
+                            : '加载中...'}
+                        </div>
+                        {
+                          hasMultiLines ? (
+                            <div
+                              style={{
+                                fontSize: '20px',
+                                fontWeight: 'normal',
+                                margin: '10px 0'
+                              }}
+                            >
+                              尝试切换线路看看吧~
+                            </div>
+                          )
+                            : <></>
+                        }
+                      </>
+                    )
+                    : (
+                      <>
+                        <div>
+                          {isNDMeeting
+                            ? '主播正在赶来的路上...'
+                            : '等待开播中...'}
+                        </div>
+                      </>
+                    )
+                  )
+                  : '主播正在赶来的路上...'
+              }
+            </div>
+          </div>
+        )}
+    </>
+  )
+}