@x-edu/live-player 0.0.21 → 0.0.23

package/src/asset/style/variable.less

@@ -1,12 +1,12 @@
-@max-center-width: 1388px;
-@min-center-width: 960px;
-@primary-color: #1e62ec;
-@white-color: #fff;
-@orange-color: #faad14;
-@base-text-color: #666;
-@title-text-color: #333;
-@sub-title-text-color: #666;
-@grey-text-color: #999;
-
-@grey-bordr-color: #e8e8e8;
-@grey-bg-color: #f5f5f5;
+@max-center-width: 1388px;
+@min-center-width: 960px;
+@primary-color: #1e62ec;
+@white-color: #fff;
+@orange-color: #faad14;
+@base-text-color: #666;
+@title-text-color: #333;
+@sub-title-text-color: #666;
+@grey-text-color: #999;
+
+@grey-bordr-color: #e8e8e8;
+@grey-bg-color: #f5f5f5;

package/src/component/AliPlayer/index.jsx

@@ -1,49 +1,49 @@
-import React, { useEffect } from 'react'
-import { Loader } from 'fish'
-
-const { loadCSS, loadJS } = Loader
-
-const global = window.rawWindow || window
-const host = global.location.origin
-const playerJS = `${host}/3rd/ali-player/aliplayer-min.js`
-const playerHLS = `${host}/3rd/ali-player/aliplayer-hls-min.js`
-const playerComponents = `${host}/3rd/ali-player/alipayercomponents-1.0.8.min.js`
-const playerCSS = `${host}/3rd/ali-player/aliplayer-min.css`
-
-export default function AliPlayer({
-  className,
-  options,
-  onReady = () => undefined
-}) {
-  const { id = 'ali-player', components = [] } = options
-
-  useEffect(() => {
-    let aliPlayer
-    const init = async () => {
-      loadCSS(playerCSS)
-      await loadJS(playerJS)
-      await loadJS(playerHLS)
-      await loadJS(playerComponents)
-      aliPlayer = new window.Aliplayer({
-        id,
-        ...options,
-        components: components.map((comp) => ({
-          ...comp,
-          type: window.AliPlayerComponent[comp.name]
-        }))
-      }, (player) => {
-        onReady(player)
-      })
-    }
-    init()
-    return () => {
-      if (aliPlayer) {
-        aliPlayer.dispose()
-        aliPlayer = null
-      }
-    }
-  }, [])
-  return (
-    <div id={id} className={className} />
-  )
-}
+import React, { useEffect } from 'react'
+import { Loader } from 'fish'
+
+const { loadCSS, loadJS } = Loader
+
+const global = window.rawWindow || window
+const host = global.location.origin
+const playerJS = `${host}/3rd/ali-player/aliplayer-min.js`
+const playerHLS = `${host}/3rd/ali-player/aliplayer-hls-min.js`
+const playerComponents = `${host}/3rd/ali-player/alipayercomponents-1.0.8.min.js`
+const playerCSS = `${host}/3rd/ali-player/aliplayer-min.css`
+
+export default function AliPlayer({
+  className,
+  options,
+  onReady = () => undefined
+}) {
+  const { id = 'ali-player', components = [] } = options
+
+  useEffect(() => {
+    let aliPlayer
+    const init = async () => {
+      loadCSS(playerCSS)
+      await loadJS(playerJS)
+      await loadJS(playerHLS)
+      await loadJS(playerComponents)
+      aliPlayer = new window.Aliplayer({
+        id,
+        ...options,
+        components: components.map((comp) => ({
+          ...comp,
+          type: window.AliPlayerComponent[comp.name]
+        }))
+      }, (player) => {
+        onReady(player)
+      })
+    }
+    init()
+    return () => {
+      if (aliPlayer) {
+        aliPlayer.dispose()
+        aliPlayer = null
+      }
+    }
+  }, [])
+  return (
+    <div id={id} className={className} />
+  )
+}

package/src/component/Avatar/index.jsx

@@ -1,50 +1,50 @@
-import React, { useState } from 'react'
-import classNames from 'classnames'
-import defaultAvatar from '@/asset/img/def-avatar.jpg'
-
-function Avatar({
-  onError = () => {},
-  errorImg,
-  title,
-  titleCls,
-  ...restProps
-}) {
-  const [isError, setIsError] = useState(false)
-  const [titleVisible, setTitleVisible] = useState(false)
-  const handleAvatarError = (e) => {
-    const fallbackImg = errorImg || defaultAvatar
-    if (fallbackImg !== e.target.src) {
-      e.target.src = errorImg || defaultAvatar
-      setTitleVisible(true)
-      setIsError(true)
-    }
-    onError()
-  }
-  if ((title && titleVisible) || (title && restProps.src === errorImg)) {
-    return (
-      <>
-        <div className={titleCls}>
-          {title}
-        </div>
-        <img
-          {...restProps}
-          className={classNames(restProps.className, {
-            'image-error': isError
-          })}
-          onError={handleAvatarError}
-        />
-      </>
-    )
-  }
-  return (
-    <img
-      {...restProps}
-      className={classNames(restProps.className, {
-        'image-error': isError
-      })}
-      onError={handleAvatarError}
-    />
-  )
-}
-
-export default Avatar
+import React, { useState } from 'react'
+import classNames from 'classnames'
+import defaultAvatar from '@/asset/img/def-avatar.jpg'
+
+function Avatar({
+  onError = () => {},
+  errorImg,
+  title,
+  titleCls,
+  ...restProps
+}) {
+  const [isError, setIsError] = useState(false)
+  const [titleVisible, setTitleVisible] = useState(false)
+  const handleAvatarError = (e) => {
+    const fallbackImg = errorImg || defaultAvatar
+    if (fallbackImg !== e.target.src) {
+      e.target.src = errorImg || defaultAvatar
+      setTitleVisible(true)
+      setIsError(true)
+    }
+    onError()
+  }
+  if ((title && titleVisible) || (title && restProps.src === errorImg)) {
+    return (
+      <>
+        <div className={titleCls}>
+          {title}
+        </div>
+        <img
+          {...restProps}
+          className={classNames(restProps.className, {
+            'image-error': isError
+          })}
+          onError={handleAvatarError}
+        />
+      </>
+    )
+  }
+  return (
+    <img
+      {...restProps}
+      className={classNames(restProps.className, {
+        'image-error': isError
+      })}
+      onError={handleAvatarError}
+    />
+  )
+}
+
+export default Avatar

package/src/component/Empty/index.jsx

@@ -1,34 +1,34 @@
-import React from 'react'
-import classNames from 'classnames'
-
-import style from './index.module.less'
-
-export default function Empty({
-  hideBack = false,
-  tip = '哎呀，该内容被下架了',
-  description,
-  buttonRender,
-  className,
-  url = '/'
-}) {
-  const handleLinkClick = () => {
-  }
-
-  return (
-    <div className={classNames(style['empty-wrap'], className)}>
-      <img src={require('./img/empty.png')} alt="" />
-      <p>{tip}</p>
-      {description}
-      {!hideBack && (buttonRender
-        || (
-          <a
-            className={style['go-other']}
-            onClick={handleLinkClick}
-            to={url}
-          >
-            看看其它的
-          </a>
-        ))}
-    </div>
-  )
-}
+import React from 'react'
+import classNames from 'classnames'
+
+import style from './index.module.less'
+
+export default function Empty({
+  hideBack = false,
+  tip = '哎呀，该内容被下架了',
+  description,
+  buttonRender,
+  className,
+  url = '/'
+}) {
+  const handleLinkClick = () => {
+  }
+
+  return (
+    <div className={classNames(style['empty-wrap'], className)}>
+      <img src={require('./img/empty.png')} alt="" />
+      <p>{tip}</p>
+      {description}
+      {!hideBack && (buttonRender
+        || (
+          <a
+            className={style['go-other']}
+            onClick={handleLinkClick}
+            to={url}
+          >
+            看看其它的
+          </a>
+        ))}
+    </div>
+  )
+}

package/src/component/Empty/index.module.less

@@ -1,37 +1,37 @@
-.empty-wrap {
-  display: flex;
-  width: 100%;
-  height: 100%;
-  flex-wrap: wrap;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  background: #FFFFFF;
-  border-radius: 8px;
-  padding: 80px 0;
-
-  img {
-    width: 258px;
-    height: 176px;
-  }
-
-  p {
-    font-size: 16px;
-    font-weight: 400;
-    color: #333333;
-    line-height: 24px;
-    margin-bottom: 24px;
-  }
-  
-  .go-other {
-    height: 32px;
-    line-height: 32px;
-    padding: 0 15px;
-    background: rgba(30, 98, 236, 0.1);
-    border-radius: 20px;
-    font-size: 16px;
-    font-weight: 400;
-    color: #1E62EC;
-    border: 0;
-  }
-}
+.empty-wrap {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  flex-wrap: wrap;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background: #FFFFFF;
+  border-radius: 8px;
+  padding: 80px 0;
+
+  img {
+    width: 258px;
+    height: 176px;
+  }
+
+  p {
+    font-size: 16px;
+    font-weight: 400;
+    color: #333333;
+    line-height: 24px;
+    margin-bottom: 24px;
+  }
+  
+  .go-other {
+    height: 32px;
+    line-height: 32px;
+    padding: 0 15px;
+    background: rgba(30, 98, 236, 0.1);
+    border-radius: 20px;
+    font-size: 16px;
+    font-weight: 400;
+    color: #1E62EC;
+    border: 0;
+  }
+}

package/src/component/IMChatroom/component/status/403.jsx

@@ -1,13 +1,13 @@
-import React from 'react'
-
-export default function Error403() {
-  return (
-    <div>
-      您没有权限访问此页面!
-      {}
-      <a href="#" onClick={() => {}}>
-        ❮ 返回
-      </a>
-    </div>
-  )
-}
+import React from 'react'
+
+export default function Error403() {
+  return (
+    <div>
+      您没有权限访问此页面!
+      {}
+      <a href="#" onClick={() => {}}>
+        ❮ 返回
+      </a>
+    </div>
+  )
+}

package/src/component/IMChatroom/component/status/404.jsx

@@ -1,13 +1,13 @@
-import React from 'react'
-
-export default function Error404() {
-  return (
-    <div>
-      404 not found!
-      {}
-      <a href="#">
-        ❮ 返回
-      </a>
-    </div>
-  )
-}
+import React from 'react'
+
+export default function Error404() {
+  return (
+    <div>
+      404 not found!
+      {}
+      <a href="#">
+        ❮ 返回
+      </a>
+    </div>
+  )
+}

package/src/component/IMChatroom/component/status/Error.jsx

@@ -1,23 +1,23 @@
-import React from 'react'
-
-export default function Error({
-  error
-}) {
-  const style = {
-    padding: '10px'
-  }
-  const errorStyle = {
-    color: 'red'
-  }
-  return (
-    <div style={style}>
-      <h1>加载组件时发生了一些异常</h1>
-      <h3>
-        错误信息:
-      </h3>
-      <pre style={errorStyle}>
-        { error && error.stack}
-      </pre>
-    </div>
-  )
-}
+import React from 'react'
+
+export default function Error({
+  error
+}) {
+  const style = {
+    padding: '10px'
+  }
+  const errorStyle = {
+    color: 'red'
+  }
+  return (
+    <div style={style}>
+      <h1>加载组件时发生了一些异常</h1>
+      <h3>
+        错误信息:
+      </h3>
+      <pre style={errorStyle}>
+        { error && error.stack}
+      </pre>
+    </div>
+  )
+}

package/src/component/IMChatroom/component/status/Loading.jsx

@@ -1,5 +1,5 @@
-import React from 'react'
-
-export default function Loading() {
-  return <div>加载中...</div>
-}
+import React from 'react'
+
+export default function Loading() {
+  return <div>加载中...</div>
+}