@x-edu/live-player 0.0.28 → 0.0.30

package/src/list/index.jsx

@@ -1,235 +1,240 @@
-import React, { useEffect, useState } from 'react'
-import classNames from 'classnames'
-import { Tabs } from 'fish'
-import { OpenLiveSearchFront, getSubscription } from '@/service/live'
-import { setUC } from '@/util/auth/func'
-import config from '@/config/env'
-import Loading from '@/component/status/Loading'
-import Pagination from '@/component/Pagination'
-import Empty from './Empty'
-import ListItem from './ListItem'
-import style from './index.module.less'
-
-const PageSize = 7
-
-const StatusEnum = [
-  {
-    label: '全部',
-    value: 'all'
-  },
-  {
-    label: '直播中',
-    value: '1,3'
-  },
-  {
-    label: '预告',
-    value: 0
-  },
-  {
-    label: '回放',
-    value: 2
-  }
-]
-
-export default function PublicLiveList({
-  scopeType,
-  scopeId,
-  containerClassName,
-  uc,
-  loginInfo,
-  sdpAppId: propSdpAppId,
-  onDetailClick,
-  handleLogin = () => {},
-  onSubscribe = () => {},
-  emptyClassName,
-  refreshPage
-}) {
-  setUC(uc, loginInfo?.userInfo)
-  if (propSdpAppId) {
-    config.app.appid = propSdpAppId
-  }
-
-  const [list, setList] = useState([])
-  const [total, setTotal] = useState(0)
-  const [loading, setLoading] = useState(true)
-  const [page, setPage] = useState(1)
-  const [status, setStatus] = useState('all')
-  const [subscription, setSubscription] = useState([])
-  const [isLogin, setIsLogin] = useState(false)
-
-  const handleTabChange = (value) => {
-    setStatus(value)
-    setPage(1)
-  }
-
-  const handlePageChange = (value) => {
-    setPage(value)
-  }
-
-  // 分页获取直播列表
-  useEffect(() => {
-    async function getList() {
-      setLoading(true)
-      const data = await OpenLiveSearchFront({
-        status,
-        scopeType,
-        scopeId,
-        offset: (page - 1) * PageSize,
-        limit: PageSize
-      })
-
-      const { items, count } = data
-      if (uc) {
-        const curIsLogin = await uc.isLogin()
-        if (curIsLogin) {
-          const curSubscription = await getSubscription()
-          setSubscription(curSubscription)
-          setIsLogin(true)
-        }
-      }
-      setList(items || [])
-      setTotal(count || 0)
-      setLoading(false)
-      //     setList([
-      //   {
-      //     live_id: 'ac56674a-81cc-4401-8895-ccf1896fcfa0',
-      //     live_name: '推进整本书阅读课程化建设，打造书香教室111111',
-      //     lecture_user_id: 452641273747,
-      //     lecture_user_name: '李其',
-      //     begin_time: '2023-11-18T15:19:00.000+0800',
-      //     end_time: '2023-11-18T19:30:00.000+0800',
-      //     duration: null,
-      //     status:0,
-      //     type: 1,
-      //     view_replay: 1,
-      //     replay_url: 'https://cdncs.ykt.cbern.com.cn/v0.1/static/xedu_nd_meeting/live/64e8ccaacd42c00011712808/64e8ccaacd42c00011712808-1693377380963-upload-1.m3u8',
-      //     provide_record: 2,
-      //     conference_id: '807172129',
-      //     room_id: '64e8ccaacd42c00011712808',
-      //     chat_room_id: '6038005',
-      //     chat_room_convid: '4617293527729099756',
-      //     chat_enabled: false,
-      //     play_smart_link: 'https://x-link.ykt.eduyun.cn/smart_links/225041074225153?qrEventName=smartlink',
-      //     sub_type: 1,
-      //     video_url: 'https://cdncs.ykt.cbern.com.cn/v0.1/download?path=/xxuexiimbr/replays/25304756_1693380769228.mp4',
-      //     tenant_id: 416,
-      //     login: false,
-      //     description: null,
-      //     desc_pic_web_url: 'https://bdcs-file-1.ykt.cbern.com.cn/bd_x_live/%E5%AD%99%E7%8E%89%E7%BA%A2%E5%86%85%E5%AE%B9%E4%BB%8B%E7%BB%8D(6)_1692978325699.jpg',
-      //     desc_pic_mobile_url: 'https://bdcs-file-1.ykt.cbern.com.cn/bd_x_live/%E5%AD%99%E7%8E%89%E7%BA%A2%20%E6%89%8B%E6%9C%BA%E7%AB%AF_1692978330612.jpg',
-      //     cover_url: 'https://bdcs-file-1.ykt.cbern.com.cn/zxx/X-COURSE/416/1_1693400535645.jpg',
-      //     cover_pic_web_url: 'https://bdcs-file-1.ykt.cbern.com.cn/bd_x_live/%E5%AD%99%E7%8E%89%E7%BA%A2_1692978313015.jpg',
-      //     cover_pic_mobile_url: 'https://bdcs-file-1.ykt.cbern.com.cn/bd_x_live/%E5%AD%99%E7%8E%89%E7%BA%A2_1692978318463.jpg',
-      //     create_user_id: 452672293205,
-      //     create_time: '2023-08-25T23:45:47.000+0800',
-      //     first_begin_time: null,
-      //     scope_type: 'e_teacher_studio',
-      //     scope_id: '7294ef75-b01c-4a2e-af81-b32310dc8510',
-      //     scope_name: '孙玉红名师工作室',
-      //     scope_link: 'https://x-link.ykt.eduyun.cn/smart_links/146348054036481?qrEventName=smartlink',
-      //     scope_image: 'https://bdcs-file-2.ykt.cbern.com.cn/e_teacher_studio/b84ae1fb-9b36-441c-ba7f-5e739ca89669.jpg',
-      //     env: 'product',
-      //     chat_type: false,
-      //     discuss_chat_type: false,
-      //     comment_chat_room_id: null,
-      //     comment_chat_room_convid: null,
-      //     message_interval: 5,
-      //     bid: null,
-      //     replay_begin_time: '2023-08-31T10:00:00.000+0800',
-      //     replay_end_time: null,
-      //     view_replay_type: 0,
-      //     view_replay_name: null,
-      //     view_replay_url: null,
-      //     create_user_user_facade: {
-      //       user_id: 452672293205,
-      //       user_name: '康晓宇',
-      //       nick_name: null,
-      //       nick_name_full: null,
-      //       nick_name_short: null,
-      //       create_time: '2023-07-14T10:15:15.099+0800',
-      //       org_exinfo: {
-      //         node_id: 0,
-      //         node_name: '',
-      //         org_id: 594001860704,
-      //         org_name: null,
-      //         org_full_name: null,
-      //         org_user_code: '',
-      //         real_name: '康晓宇',
-      //         real_name_full: 'kangxiaoyu',
-      //         real_name_short: 'kxy'
-      //       },
-      //       email: null,
-      //       mobile: null,
-      //       avatar_url: 'http://uc-gateway.ykt.eduyun.cn/v1.1/users/452672293205/avatar_url?size=80&SDP-APP-ID=e5649925-441d-4a53-b525-51a2f1c4e0a8',
-      //       display_name: '康晓宇',
-      //       display_real_name: '康晓宇',
-      //       icon: 'http://uc-gateway.ykt.eduyun.cn/v1.1/users/452672293205/avatar_url?size=80&SDP-APP-ID=e5649925-441d-4a53-b525-51a2f1c4e0a8',
-      //       existed: true
-      //     }
-      //   }
-      // ])
-      // setTotal(1)
-      // setLoading(false)
-    }
-    getList()
-  }, [page, status, refreshPage])
-
-  return (
-    <div
-      className={classNames(
-        containerClassName,
-        style.container
-      )}
-    >
-      <Tabs
-        accessKey={status}
-        onChange={handleTabChange}
-      >
-        {StatusEnum.map((item) => (
-          <Tabs.TabPane
-            key={item.value}
-            tab={item.label}
-          >
-            <Loading
-              loading={loading}
-              delay={500}
-            >
-              <div className={style.list}>
-                {loading ? null : (
-                  <>
-                    {!loading && list.length ? (
-                      <>
-                        {list.map((listItem) => (
-                          <ListItem
-                            data={listItem}
-                            key={listItem.live_id}
-                            subscription={subscription}
-                            onDetailClick={onDetailClick}
-                            handleLogin={handleLogin}
-                            isLogin={isLogin}
-                            onSubscribe={onSubscribe}
-                          />
-                        ))}
-                        <Pagination
-                          total={total}
-                          pageSize={PageSize}
-                          current={page}
-                          onChange={handlePageChange}
-                        />
-                      </>
-                    ) : (
-                      <Empty
-                        tip="暂无内容"
-                        className={emptyClassName}
-                      />
-                    )}
-                  </>
-                )}
-              </div>
-            </Loading>
-          </Tabs.TabPane>
-        ))}
-      </Tabs>
-    </div>
-  )
-}
+import React, { useEffect, useState } from 'react'
+import { getXEduThemeName } from '@x-edu/theme'
+import classNames from 'classnames'
+import { Tabs } from 'fish'
+import { OpenLiveSearchFront, getSubscription } from '@/service/live'
+import { setUC } from '@/util/auth/func'
+import config from '@/config/env'
+import Loading from '@/component/status/Loading'
+import Pagination from '@/component/Pagination'
+import Empty from './Empty'
+import ListItem from './ListItem'
+import style from './index.module.less'
+
+const PageSize = 7
+
+const StatusEnum = [
+  {
+    label: '全部',
+    value: 'all'
+  },
+  {
+    label: '直播中',
+    value: '1,3'
+  },
+  {
+    label: '预告',
+    value: 0
+  },
+  {
+    label: '回放',
+    value: 2
+  }
+]
+
+export default function PublicLiveList({
+  scopeType,
+  scopeId,
+  containerClassName,
+  uc,
+  loginInfo,
+  sdpAppId: propSdpAppId,
+  onDetailClick,
+  handleLogin = () => {},
+  onSubscribe = () => {},
+  emptyClassName,
+  refreshPage
+}) {
+  setUC(uc, loginInfo?.userInfo)
+  if (propSdpAppId) {
+    config.app.appid = propSdpAppId
+  }
+
+  const [list, setList] = useState([])
+  const [total, setTotal] = useState(0)
+  const [loading, setLoading] = useState(true)
+  const [page, setPage] = useState(1)
+  const [status, setStatus] = useState('all')
+  const [subscription, setSubscription] = useState([])
+  const [isLogin, setIsLogin] = useState(false)
+
+  const handleTabChange = (value) => {
+    setStatus(value)
+    setPage(1)
+  }
+
+  const handlePageChange = (value) => {
+    setPage(value)
+  }
+
+  // 分页获取直播列表
+  useEffect(() => {
+    async function getList() {
+      setLoading(true)
+      const data = await OpenLiveSearchFront({
+        status,
+        scopeType,
+        scopeId,
+        offset: (page - 1) * PageSize,
+        limit: PageSize
+      })
+
+      const { items, count } = data
+      if (uc) {
+        const curIsLogin = await uc.isLogin()
+        if (curIsLogin) {
+          const curSubscription = await getSubscription()
+          setSubscription(curSubscription)
+          setIsLogin(true)
+        }
+      }
+      setList(items || [])
+      setTotal(count || 0)
+      setLoading(false)
+      //     setList([
+      //   {
+      //     live_id: 'ac56674a-81cc-4401-8895-ccf1896fcfa0',
+      //     live_name: '推进整本书阅读课程化建设，打造书香教室111111',
+      //     lecture_user_id: 452641273747,
+      //     lecture_user_name: '李其',
+      //     begin_time: '2023-11-18T15:19:00.000+0800',
+      //     end_time: '2023-11-18T19:30:00.000+0800',
+      //     duration: null,
+      //     status:0,
+      //     type: 1,
+      //     view_replay: 1,
+      //     replay_url: 'https://cdncs.ykt.cbern.com.cn/v0.1/static/xedu_nd_meeting/live/64e8ccaacd42c00011712808/64e8ccaacd42c00011712808-1693377380963-upload-1.m3u8',
+      //     provide_record: 2,
+      //     conference_id: '807172129',
+      //     room_id: '64e8ccaacd42c00011712808',
+      //     chat_room_id: '6038005',
+      //     chat_room_convid: '4617293527729099756',
+      //     chat_enabled: false,
+      //     play_smart_link: 'https://x-link.ykt.eduyun.cn/smart_links/225041074225153?qrEventName=smartlink',
+      //     sub_type: 1,
+      //     video_url: 'https://cdncs.ykt.cbern.com.cn/v0.1/download?path=/xxuexiimbr/replays/25304756_1693380769228.mp4',
+      //     tenant_id: 416,
+      //     login: false,
+      //     description: null,
+      //     desc_pic_web_url: 'https://bdcs-file-1.ykt.cbern.com.cn/bd_x_live/%E5%AD%99%E7%8E%89%E7%BA%A2%E5%86%85%E5%AE%B9%E4%BB%8B%E7%BB%8D(6)_1692978325699.jpg',
+      //     desc_pic_mobile_url: 'https://bdcs-file-1.ykt.cbern.com.cn/bd_x_live/%E5%AD%99%E7%8E%89%E7%BA%A2%20%E6%89%8B%E6%9C%BA%E7%AB%AF_1692978330612.jpg',
+      //     cover_url: 'https://bdcs-file-1.ykt.cbern.com.cn/zxx/X-COURSE/416/1_1693400535645.jpg',
+      //     cover_pic_web_url: 'https://bdcs-file-1.ykt.cbern.com.cn/bd_x_live/%E5%AD%99%E7%8E%89%E7%BA%A2_1692978313015.jpg',
+      //     cover_pic_mobile_url: 'https://bdcs-file-1.ykt.cbern.com.cn/bd_x_live/%E5%AD%99%E7%8E%89%E7%BA%A2_1692978318463.jpg',
+      //     create_user_id: 452672293205,
+      //     create_time: '2023-08-25T23:45:47.000+0800',
+      //     first_begin_time: null,
+      //     scope_type: 'e_teacher_studio',
+      //     scope_id: '7294ef75-b01c-4a2e-af81-b32310dc8510',
+      //     scope_name: '孙玉红名师工作室',
+      //     scope_link: 'https://x-link.ykt.eduyun.cn/smart_links/146348054036481?qrEventName=smartlink',
+      //     scope_image: 'https://bdcs-file-2.ykt.cbern.com.cn/e_teacher_studio/b84ae1fb-9b36-441c-ba7f-5e739ca89669.jpg',
+      //     env: 'product',
+      //     chat_type: false,
+      //     discuss_chat_type: false,
+      //     comment_chat_room_id: null,
+      //     comment_chat_room_convid: null,
+      //     message_interval: 5,
+      //     bid: null,
+      //     replay_begin_time: '2023-08-31T10:00:00.000+0800',
+      //     replay_end_time: null,
+      //     view_replay_type: 0,
+      //     view_replay_name: null,
+      //     view_replay_url: null,
+      //     create_user_user_facade: {
+      //       user_id: 452672293205,
+      //       user_name: '康晓宇',
+      //       nick_name: null,
+      //       nick_name_full: null,
+      //       nick_name_short: null,
+      //       create_time: '2023-07-14T10:15:15.099+0800',
+      //       org_exinfo: {
+      //         node_id: 0,
+      //         node_name: '',
+      //         org_id: 594001860704,
+      //         org_name: null,
+      //         org_full_name: null,
+      //         org_user_code: '',
+      //         real_name: '康晓宇',
+      //         real_name_full: 'kangxiaoyu',
+      //         real_name_short: 'kxy'
+      //       },
+      //       email: null,
+      //       mobile: null,
+      //       avatar_url: 'http://uc-gateway.ykt.eduyun.cn/v1.1/users/452672293205/avatar_url?size=80&SDP-APP-ID=e5649925-441d-4a53-b525-51a2f1c4e0a8',
+      //       display_name: '康晓宇',
+      //       display_real_name: '康晓宇',
+      //       icon: 'http://uc-gateway.ykt.eduyun.cn/v1.1/users/452672293205/avatar_url?size=80&SDP-APP-ID=e5649925-441d-4a53-b525-51a2f1c4e0a8',
+      //       existed: true
+      //     }
+      //   }
+      // ])
+      // setTotal(1)
+      // setLoading(false)
+    }
+    getList()
+  }, [page, status, refreshPage])
+
+  const themeName = getXEduThemeName()
+
+  return (
+    <div
+      className={classNames(
+        containerClassName,
+        style.container,
+        themeName
+      )}
+    >
+      <Tabs
+        accessKey={status}
+        onChange={handleTabChange}
+      >
+        {StatusEnum.map((item) => (
+          <Tabs.TabPane
+            key={item.value}
+            tab={item.label}
+          >
+            <Loading
+              loading={loading}
+              delay={500}
+            >
+              <div className={style.list}>
+                {loading ? null : (
+                  <>
+                    {!loading && list.length ? (
+                      <>
+                        {list.map((listItem) => (
+                          <ListItem
+                            themeName={themeName}
+                            data={listItem}
+                            key={listItem.live_id}
+                            subscription={subscription}
+                            onDetailClick={onDetailClick}
+                            handleLogin={handleLogin}
+                            isLogin={isLogin}
+                            onSubscribe={onSubscribe}
+                          />
+                        ))}
+                        <Pagination
+                          total={total}
+                          pageSize={PageSize}
+                          current={page}
+                          onChange={handlePageChange}
+                        />
+                      </>
+                    ) : (
+                      <Empty
+                        tip="暂无内容"
+                        className={emptyClassName}
+                      />
+                    )}
+                  </>
+                )}
+              </div>
+            </Loading>
+          </Tabs.TabPane>
+        ))}
+      </Tabs>
+    </div>
+  )
+}

package/src/list/index.module.less

@@ -1,39 +1,39 @@
-.container {
-  max-width: 1300px;
-  margin: 0 auto;
-  padding: 24px 24px 0px 24px;
-  width: 956px;
-
-  :global {
-    .fish-tabs-nav {
-      margin-bottom: 24px;
-    }
-    .fish-tabs-nav::before {
-      display: none;
-    }
-    .fish-tabs-ink-bar {
-      display: none;
-    }
-    .fish-tabs-tab + .fish-tabs-tab {
-      margin-left: 0px;
-    }
-    .fish-tabs-tab {
-      padding: 9px 20px;
-    }
-    .fish-tabs-tab-btn {
-      font-size: 14px;
-      line-height: 14px;
-      color: #666
-    }
-    .fish-tabs-tab-active {
-      border-radius: 16px;
-      background: var(--f-3-f-7-ff, #F3F7FF);
-      .fish-tabs-tab-btn {
-        color: #1E62EC;
-      }
-    }
-  }
-}
-.list {
-  min-height: 500px;
+.container {
+  max-width: 1300px;
+  margin: 0 auto;
+  padding: 24px 24px 0px 24px;
+  width: 956px;
+
+  :global {
+    .fish-tabs-nav {
+      margin-bottom: 24px;
+    }
+    .fish-tabs-nav::before {
+      display: none;
+    }
+    .fish-tabs-ink-bar {
+      display: none;
+    }
+    .fish-tabs-tab + .fish-tabs-tab {
+      margin-left: 0px;
+    }
+    .fish-tabs-tab {
+      padding: 9px 20px;
+    }
+    .fish-tabs-tab-btn {
+      font-size: 14px;
+      line-height: 14px;
+      color: #666
+    }
+    .fish-tabs-tab-active {
+      border-radius: 16px;
+      background: var(--f-3-f-7-ff, #F3F7FF);
+      .fish-tabs-tab-btn {
+        color: #1E62EC;
+      }
+    }
+  }
+}
+.list {
+  min-height: 500px;
 }