@x-edu/live-player 0.0.21 → 0.0.23

package/src/component/IMChatroom/page/home/style/index.module.less

@@ -1,111 +1,111 @@
-.container {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-
-.tabs {
-  border-bottom: 1px #eee solid;
-
-  > div {
-    display: inline-block;
-    cursor: pointer;
-  }
-}
-
-.panes {
-  min-height: 100px; /*设置一个高度，然后通过flex:1撑开*/
-  flex: 1;
-
-  > div {
-    display: none;
-    height: 100%;
-
-    &.active {
-      display: block;
-    }
-  }
-}
-
-.notice, .font-size {
-  display: inline-block;
-  width: 20px;
-  height: 20px;
-  background-repeat: no-repeat;
-  background-position: center;
-  background-size: contain;
-}
-
-.notice {
-  background-image: url(./images/notice.png);
-}
-
-.font-size {
-  background-image: url(./images/font-size.png);
-}
-
-.header {
-  .tabs {
-    padding: 5px 20px;
-    line-height: 1;
-
-    > div {
-      margin-right: 10px;
-
-      &.active {
-        .notice {
-          background-image: url(./images/notice-active.png);
-        }
-        
-        .font-size {
-          background-image: url(./images/font-size-active.png);
-        }
-      }
-    }
-  }
-}
-
-.inner {
-  width: 100%;
-  min-height: 100px; /*设置一个高度，然后通过flex:1撑开*/
-  flex: 1;
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-
-  .tabs {
-    > div {
-      width: 50%;
-      text-align: center;
-      padding: 5px 20px;
-
-      &.active {
-        position: relative;
-        color: #1890ff;
-  
-        &::after {
-          content: ' ';
-          display: block;
-          position: absolute;
-          height: 2px;
-          left: 0;
-          right: 0;
-          bottom: -1px;
-          background: #1890ff;
-        }
-      }
-    }
-  }
-}
-
-.connect-status-tip {
-  display: none;
-  padding: 5px 20px;
-}
-
-.container-with-connect-status {
-  .connect-status-tip {
-    display: block;
-  }
+.container {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.tabs {
+  border-bottom: 1px #eee solid;
+
+  > div {
+    display: inline-block;
+    cursor: pointer;
+  }
+}
+
+.panes {
+  min-height: 100px; /*设置一个高度，然后通过flex:1撑开*/
+  flex: 1;
+
+  > div {
+    display: none;
+    height: 100%;
+
+    &.active {
+      display: block;
+    }
+  }
+}
+
+.notice, .font-size {
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: contain;
+}
+
+.notice {
+  background-image: url(./images/notice.png);
+}
+
+.font-size {
+  background-image: url(./images/font-size.png);
+}
+
+.header {
+  .tabs {
+    padding: 5px 20px;
+    line-height: 1;
+
+    > div {
+      margin-right: 10px;
+
+      &.active {
+        .notice {
+          background-image: url(./images/notice-active.png);
+        }
+        
+        .font-size {
+          background-image: url(./images/font-size-active.png);
+        }
+      }
+    }
+  }
+}
+
+.inner {
+  width: 100%;
+  min-height: 100px; /*设置一个高度，然后通过flex:1撑开*/
+  flex: 1;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+
+  .tabs {
+    > div {
+      width: 50%;
+      text-align: center;
+      padding: 5px 20px;
+
+      &.active {
+        position: relative;
+        color: #1890ff;
+  
+        &::after {
+          content: ' ';
+          display: block;
+          position: absolute;
+          height: 2px;
+          left: 0;
+          right: 0;
+          bottom: -1px;
+          background: #1890ff;
+        }
+      }
+    }
+  }
+}
+
+.connect-status-tip {
+  display: none;
+  padding: 5px 20px;
+}
+
+.container-with-connect-status {
+  .connect-status-tip {
+    display: block;
+  }
 }

package/src/component/IMChatroom/page/member/index.jsx

@@ -1,15 +1,15 @@
-import React, { Component } from 'react'
-
-import MemberList from './memberList'
-
-import style from './style/index.module.less'
-
-export default class Member extends Component {
-  render() {
-    return (
-      <div className={style['member-container']}>
-        <MemberList />
-      </div>
-    )
-  }
-}
+import React, { Component } from 'react'
+
+import MemberList from './memberList'
+
+import style from './style/index.module.less'
+
+export default class Member extends Component {
+  render() {
+    return (
+      <div className={style['member-container']}>
+        <MemberList />
+      </div>
+    )
+  }
+}

package/src/component/IMChatroom/page/member/memberCount/index.jsx

@@ -1,44 +1,44 @@
-import React, { Component } from 'react'
-import { ChatroomMemberCount } from '@sdp.nd/im-web-components'
-
-import subscription from '../../../subscription'
-import requestConfig from '../../../config/request/config/base'
-import env from '../../../config/env'
-import urlConfig from '../../../config/url'
-import { getChatroomToken } from '../../../util/chatroom'
-import { useConnect } from '../../../context/connect'
-
-class MemberCount extends Component {
-  getProps = () => ({
-    gid: urlConfig.roomId,
-    token: getChatroomToken(),
-    env,
-    requestConfig,
-    subscription: subscription.member
-  })
-
-  render() {
-    if (!this.props.connectTimes) {
-      return null
-    }
-
-    const props = this.getProps()
-    return (
-      <ChatroomMemberCount {...props} />
-    )
-  }
-}
-
-function MemberCountFn() {
-  const {
-    times
-  } = useConnect()
-
-  return (
-    <MemberCount
-      connectTimes={times}
-    />
-  )
-}
-
-export default MemberCountFn
+import React, { Component } from 'react'
+import { ChatroomMemberCount } from '@sdp.nd/im-web-components'
+
+import subscription from '../../../subscription'
+import requestConfig from '../../../config/request/config/base'
+import env from '../../../config/env'
+import urlConfig from '../../../config/url'
+import { getChatroomToken } from '../../../util/chatroom'
+import { useConnect } from '../../../context/connect'
+
+class MemberCount extends Component {
+  getProps = () => ({
+    gid: urlConfig.roomId,
+    token: getChatroomToken(),
+    env,
+    requestConfig,
+    subscription: subscription.member
+  })
+
+  render() {
+    if (!this.props.connectTimes) {
+      return null
+    }
+
+    const props = this.getProps()
+    return (
+      <ChatroomMemberCount {...props} />
+    )
+  }
+}
+
+function MemberCountFn() {
+  const {
+    times
+  } = useConnect()
+
+  return (
+    <MemberCount
+      connectTimes={times}
+    />
+  )
+}
+
+export default MemberCountFn

package/src/component/IMChatroom/page/member/memberList/index.jsx

@@ -1,121 +1,121 @@
-import React, { Component } from 'react'
-import { ChatroomMemberList } from '@sdp.nd/im-web-components'
-import get from 'lodash/get'
-
-import subscription from '../../../subscription'
-import requestConfig from '../../../config/request/config/base'
-import env from '../../../config/env'
-import urlConfig from '../../../config/url'
-import { getChatroomConversationId, getChatroomToken, getActionRights, getTags } from '../../../util/chatroom'
-import appConfig from '../../../config/app'
-// import thirdParty from '../../../third-party'
-import { useConnect } from '../../../context/connect'
-import { useChatroom } from '../../../context/chatroom'
-import getUserInfoWithCache from '../../../sdk/oms'
-
-class MemberList extends Component {
-  onAction = (
-    // actionKey,
-    // message
-  ) => {
-    // thirdParty.onPostMessage(actionKey, message)
-  }
-
-  getActionConfig = () => {
-    const config = appConfig.get('chatroomMemberList.actionConfig')
-
-    if (config.actions) {
-      config.actions.forEach((item) => {
-        if (typeof item === 'object') {
-          item.action = (message) => {
-            this.onAction(item.key, message)
-          }
-        }
-      })
-    }
-
-    return {
-      ...config,
-      getActionRights: this.getActionRights
-    }
-  }
-
-  getActionRights = (item, keys, callback) => {
-    const { chatroomUserRole, chatroomOwner, chatroomAdmins, chatroomBan } = this.props
-
-    getActionRights({
-      userRole: chatroomUserRole,
-      uid: item.user_id,
-      actionKeys: keys,
-      owner: chatroomOwner,
-      admins: chatroomAdmins,
-      ban: chatroomBan,
-      callback
-    }, appConfig.get('chatroomMemberList.actionConfig.getActionRights'))
-  }
-
-  getTags = (item, callback) => {
-    const { chatroomOwner, chatroomAdmins, chatroomBan } = this.props
-    return getTags({
-      uid: item.user_id,
-      owner: chatroomOwner,
-      admins: chatroomAdmins,
-      ban: chatroomBan,
-      callback
-    }, appConfig.get('chatroomMemberList.tagConfig.getTags'))
-  }
-
-  getProps = () => ({
-    itemKey: 'user_id',
-    platform: appConfig.get('platform'),
-    gid: urlConfig.roomId,
-    convid: getChatroomConversationId(),
-    token: getChatroomToken(),
-    env,
-    requestConfig,
-    ...appConfig.get('chatroomMemberList'),
-    nameConfig: {
-      getInfo: (data) => getUserInfoWithCache(get(data, 'user_id')),
-      ...appConfig.get('chatroomMemberList.nameConfig')
-    },
-    actionConfig: this.getActionConfig(),
-    tagConfig: {
-      ...appConfig.get('chatroomMemberList.tagConfig'),
-      getTags: this.getTags
-    },
-    pageSize: appConfig.get('chatroomMemberList.pageSize'),
-    subscription: subscription.member
-  })
-
-  render() {
-    if (!this.props.connectTimes) {
-      return null
-    }
-
-    const props = this.getProps()
-    return (
-      <ChatroomMemberList {...props} />
-    )
-  }
-}
-
-function MemberListFn() {
-  const {
-    times
-  } = useConnect()
-  const {
-    userRole, owner, admins, ban
-  } = useChatroom()
-
-  return (
-    <MemberList
-      connectTimes={times}
-      chatroomUserRole={userRole}
-      chatroomOwner={owner}
-      chatroomAdmins={admins}
-      chatroomBan={ban}
-    />
-  )
-}
-
-export default MemberListFn
+import React, { Component } from 'react'
+import { ChatroomMemberList } from '@sdp.nd/im-web-components'
+import get from 'lodash/get'
+
+import subscription from '../../../subscription'
+import requestConfig from '../../../config/request/config/base'
+import env from '../../../config/env'
+import urlConfig from '../../../config/url'
+import { getChatroomConversationId, getChatroomToken, getActionRights, getTags } from '../../../util/chatroom'
+import appConfig from '../../../config/app'
+// import thirdParty from '../../../third-party'
+import { useConnect } from '../../../context/connect'
+import { useChatroom } from '../../../context/chatroom'
+import getUserInfoWithCache from '../../../sdk/oms'
+
+class MemberList extends Component {
+  onAction = (
+    // actionKey,
+    // message
+  ) => {
+    // thirdParty.onPostMessage(actionKey, message)
+  }
+
+  getActionConfig = () => {
+    const config = appConfig.get('chatroomMemberList.actionConfig')
+
+    if (config.actions) {
+      config.actions.forEach((item) => {
+        if (typeof item === 'object') {
+          item.action = (message) => {
+            this.onAction(item.key, message)
+          }
+        }
+      })
+    }
+
+    return {
+      ...config,
+      getActionRights: this.getActionRights
+    }
+  }
+
+  getActionRights = (item, keys, callback) => {
+    const { chatroomUserRole, chatroomOwner, chatroomAdmins, chatroomBan } = this.props
+
+    getActionRights({
+      userRole: chatroomUserRole,
+      uid: item.user_id,
+      actionKeys: keys,
+      owner: chatroomOwner,
+      admins: chatroomAdmins,
+      ban: chatroomBan,
+      callback
+    }, appConfig.get('chatroomMemberList.actionConfig.getActionRights'))
+  }
+
+  getTags = (item, callback) => {
+    const { chatroomOwner, chatroomAdmins, chatroomBan } = this.props
+    return getTags({
+      uid: item.user_id,
+      owner: chatroomOwner,
+      admins: chatroomAdmins,
+      ban: chatroomBan,
+      callback
+    }, appConfig.get('chatroomMemberList.tagConfig.getTags'))
+  }
+
+  getProps = () => ({
+    itemKey: 'user_id',
+    platform: appConfig.get('platform'),
+    gid: urlConfig.roomId,
+    convid: getChatroomConversationId(),
+    token: getChatroomToken(),
+    env,
+    requestConfig,
+    ...appConfig.get('chatroomMemberList'),
+    nameConfig: {
+      getInfo: (data) => getUserInfoWithCache(get(data, 'user_id')),
+      ...appConfig.get('chatroomMemberList.nameConfig')
+    },
+    actionConfig: this.getActionConfig(),
+    tagConfig: {
+      ...appConfig.get('chatroomMemberList.tagConfig'),
+      getTags: this.getTags
+    },
+    pageSize: appConfig.get('chatroomMemberList.pageSize'),
+    subscription: subscription.member
+  })
+
+  render() {
+    if (!this.props.connectTimes) {
+      return null
+    }
+
+    const props = this.getProps()
+    return (
+      <ChatroomMemberList {...props} />
+    )
+  }
+}
+
+function MemberListFn() {
+  const {
+    times
+  } = useConnect()
+  const {
+    userRole, owner, admins, ban
+  } = useChatroom()
+
+  return (
+    <MemberList
+      connectTimes={times}
+      chatroomUserRole={userRole}
+      chatroomOwner={owner}
+      chatroomAdmins={admins}
+      chatroomBan={ban}
+    />
+  )
+}
+
+export default MemberListFn

package/src/component/IMChatroom/page/member/style/index.module.less

@@ -1,3 +1,3 @@
-.member-container {
-  height: 100%;
+.member-container {
+  height: 100%;
 }

package/src/component/IMChatroom/sdk/bridge.js

@@ -1,39 +1,39 @@
-class IframeBridge {
-  events = {}
-
-  register = (name, data) => new Promise((resolve) => {
-    if (!this.events[name]) {
-      this.events[name] = {
-        length: 0
-      }
-    }
-    this.events[name].length += 1
-    const eventKey = `${name}-${this.events[name].length}`
-    this.events[name][eventKey] = (event) => {
-      if (!event.data || typeof (event.data) !== 'string') return
-
-      try {
-        const options = JSON.parse(event.data)
-        if (eventKey === options.key) {
-          resolve(options.data)
-          this.unregister(name, eventKey)
-        }
-      } catch (e) {
-        console.log('receiveMessage JSON.parse', e)
-      }
-    }
-    window.addEventListener('message', this.events[name][eventKey])
-    window.parent.postMessage(JSON.stringify({
-      type: name,
-      key: eventKey,
-      data
-    }), '*')
-  })
-
-  unregister = (name, eventKey) => {
-    window.removeEventListener('message', this.events[name][eventKey])
-    delete this.events[name][eventKey]
-  }
-}
-
-export default new IframeBridge()
+class IframeBridge {
+  events = {}
+
+  register = (name, data) => new Promise((resolve) => {
+    if (!this.events[name]) {
+      this.events[name] = {
+        length: 0
+      }
+    }
+    this.events[name].length += 1
+    const eventKey = `${name}-${this.events[name].length}`
+    this.events[name][eventKey] = (event) => {
+      if (!event.data || typeof (event.data) !== 'string') return
+
+      try {
+        const options = JSON.parse(event.data)
+        if (eventKey === options.key) {
+          resolve(options.data)
+          this.unregister(name, eventKey)
+        }
+      } catch (e) {
+        console.log('receiveMessage JSON.parse', e)
+      }
+    }
+    window.addEventListener('message', this.events[name][eventKey])
+    window.parent.postMessage(JSON.stringify({
+      type: name,
+      key: eventKey,
+      data
+    }), '*')
+  })
+
+  unregister = (name, eventKey) => {
+    window.removeEventListener('message', this.events[name][eventKey])
+    delete this.events[name][eventKey]
+  }
+}
+
+export default new IframeBridge()