@x-edu/live-player 0.0.19 → 0.0.21

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

@@ -1,31 +1,31 @@
-import React from 'react'
-import classNames from 'classnames'
-import { Spin } from 'fish'
-import Img from '@/asset/img/loading.svg'
-
-import './index.less'
-
-export default function Loading({
-  children,
-  loading,
-  className,
-  delay = 1500,
-  wrapperClassName,
-  center = true // 默认上下居中
-}) {
-  const indicator = (
-    <img className="x-edu-loading-img" src={Img} alt="loading" />
-  )
-  return (
-    <Spin
-      tip="正在努力加载中…"
-      delay={delay}
-      indicator={indicator}
-      spinning={loading}
-      className={classNames(`x-edu-loading ${center ? 'center' : ''}`, className)}
-      wrapperClassName={classNames('x-edu-nested-loading', wrapperClassName)}
-    >
-      {children}
-    </Spin>
-  )
-}
+import React from 'react'
+import classNames from 'classnames'
+import { Spin } from 'fish'
+import Img from '@/asset/img/loading.svg'
+
+import './index.less'
+
+export default function Loading({
+  children,
+  loading,
+  className,
+  delay = 1500,
+  wrapperClassName,
+  center = true // 默认上下居中
+}) {
+  const indicator = (
+    <img className="x-edu-loading-img" src={Img} alt="loading" />
+  )
+  return (
+    <Spin
+      tip="正在努力加载中…"
+      delay={delay}
+      indicator={indicator}
+      spinning={loading}
+      className={classNames(`x-edu-loading ${center ? 'center' : ''}`, className)}
+      wrapperClassName={classNames('x-edu-nested-loading', wrapperClassName)}
+    >
+      {children}
+    </Spin>
+  )
+}

package/src/component/status/Loading/index.less

@@ -1,57 +1,57 @@
-.x-edu-loading.fish-spin {
-  width: 100%;
-  
-  .fish-spin-indicator {
-    position: static; // ie11 兼容
-    height: 48px;
-    width: 48px;
-    transform: translate(0, 0); // ie11 兼容
-    animation: spin 1s linear infinite;
-    border-radius: 50%;
-  }
-
-  .fish-spin-text {
-    color: #666;
-    font-size: 14px;
-    line-height: 22px;
-    margin-top: 24px;
-  }
-}
-
-// fish 3.x版本loading样式ie11兼容
-// TODO 去掉fish 3.x版本后, 可以去除此处代码
-.fish-spin-nested-loading > div > .fish-spin .fish-spin-text {
-  position: static;
-  color: #666;
-  font-size: 14px;
-  line-height: 22px;
-  margin-top: 24px;
-}
-
-// 内容内嵌到 Loading 中时
-.x-edu-nested-loading {
-  min-height: 222px;
-
-  & > div > .center {
-    // 上下居中
-    height: 222px;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-  }
-
-  & > div > .x-edu-loading .fish-spin-text {
-    top: unset !important;
-    padding-top: 0 !important;
-  }
-}
-
-@keyframes spin {
-  0% {
-    transform: rotateZ(0deg);
-  }
-  100% {
-    transform: rotateZ(360deg);
-  }
+.x-edu-loading.fish-spin {
+  width: 100%;
+  
+  .fish-spin-indicator {
+    position: static; // ie11 兼容
+    height: 48px;
+    width: 48px;
+    transform: translate(0, 0); // ie11 兼容
+    animation: spin 1s linear infinite;
+    border-radius: 50%;
+  }
+
+  .fish-spin-text {
+    color: #666;
+    font-size: 14px;
+    line-height: 22px;
+    margin-top: 24px;
+  }
+}
+
+// fish 3.x版本loading样式ie11兼容
+// TODO 去掉fish 3.x版本后, 可以去除此处代码
+.fish-spin-nested-loading > div > .fish-spin .fish-spin-text {
+  position: static;
+  color: #666;
+  font-size: 14px;
+  line-height: 22px;
+  margin-top: 24px;
+}
+
+// 内容内嵌到 Loading 中时
+.x-edu-nested-loading {
+  min-height: 222px;
+
+  & > div > .center {
+    // 上下居中
+    height: 222px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+
+  & > div > .x-edu-loading .fish-spin-text {
+    top: unset !important;
+    padding-top: 0 !important;
+  }
+}
+
+@keyframes spin {
+  0% {
+    transform: rotateZ(0deg);
+  }
+  100% {
+    transform: rotateZ(360deg);
+  }
 }

package/src/component/status/None/index.jsx

@@ -1,20 +1,20 @@
-import React from 'react'
-import classNames from 'classnames'
-import Image from '@/component/Image'
-
-import style from './index.module.less'
-
-const errorImg = '@/component/status/404/img/404.png'
-
-const None = ({ className, tip }) => (
-  <div className={classNames(style.error, className)}>
-    <Image src={errorImg} />
-    <div className={style.text}>
-      {
-        tip
-      }
-    </div>
-  </div>
-)
-
-export default None
+import React from 'react'
+import classNames from 'classnames'
+import Image from '@/component/Image'
+
+import style from './index.module.less'
+
+const errorImg = '@/component/status/404/img/404.png'
+
+const None = ({ className, tip }) => (
+  <div className={classNames(style.error, className)}>
+    <Image src={errorImg} />
+    <div className={style.text}>
+      {
+        tip
+      }
+    </div>
+  </div>
+)
+
+export default None

package/src/component/status/None/index.module.less

@@ -1,35 +1,35 @@
-.error {
-  display: flex;
-  width: 100%;
-  height: 100%;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  background: #FFFFFF;
-  border-radius: 8px;
-  padding: 20px 0;
-
-  img {
-    width: 254px;
-    height: 174px;
-  }
-
- .text {
-    font-size: 16px;
-    color: #666666;
-    line-height: 24px;
-    margin: 10px 30px 10px 30px;
-  }
-  
-  .back {
-    margin-top: 24px;
-    width: 119px;
-    background: #EAEEFD;
-    height: 38px;
-    line-height: 38px;
-    border-radius: 20px;
-    font-size: 16px;
-    color: #206CED;
-    text-align: center;
-  }
-}
+.error {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background: #FFFFFF;
+  border-radius: 8px;
+  padding: 20px 0;
+
+  img {
+    width: 254px;
+    height: 174px;
+  }
+
+ .text {
+    font-size: 16px;
+    color: #666666;
+    line-height: 24px;
+    margin: 10px 30px 10px 30px;
+  }
+  
+  .back {
+    margin-top: 24px;
+    width: 119px;
+    background: #EAEEFD;
+    height: 38px;
+    line-height: 38px;
+    border-radius: 20px;
+    font-size: 16px;
+    color: #206CED;
+    text-align: center;
+  }
+}

package/src/component/status/Status/index.jsx

@@ -1,26 +1,26 @@
-import React from 'react'
-import classNames from 'classnames'
-import Empty from '@/component/Empty'
-import Loading from '../Loading'
-
-import style from './index.module.less'
-
-export default function Status({
-  loading, // 显示 Loading 的条件
-  empty, // 显示 Empty 的条件
-  loadingProps,
-  emptyProps,
-  children,
-  pageEmpty // Empty 是否占据整个 .content（当 Status 为 .content 的下级子节点时使用）
-}) {
-  const showEmpty = empty && !loading
-  const { wrapperClassName, ...restProps } = loadingProps ?? {}
-  const wrapCls = classNames(wrapperClassName ?? '', `${showEmpty && pageEmpty ? style['page-empty'] : ''}`)
-  return (
-    <Loading loading={loading} wrapperClassName={wrapCls} {...restProps}>
-      {
-        !loading && (empty ? <Empty {...emptyProps} /> : children)
-      }
-    </Loading>
-  )
-}
+import React from 'react'
+import classNames from 'classnames'
+import Empty from '@/component/Empty'
+import Loading from '../Loading'
+
+import style from './index.module.less'
+
+export default function Status({
+  loading, // 显示 Loading 的条件
+  empty, // 显示 Empty 的条件
+  loadingProps,
+  emptyProps,
+  children,
+  pageEmpty // Empty 是否占据整个 .content（当 Status 为 .content 的下级子节点时使用）
+}) {
+  const showEmpty = empty && !loading
+  const { wrapperClassName, ...restProps } = loadingProps ?? {}
+  const wrapCls = classNames(wrapperClassName ?? '', `${showEmpty && pageEmpty ? style['page-empty'] : ''}`)
+  return (
+    <Loading loading={loading} wrapperClassName={wrapCls} {...restProps}>
+      {
+        !loading && (empty ? <Empty {...emptyProps} /> : children)
+      }
+    </Loading>
+  )
+}

package/src/component/status/Status/index.module.less

@@ -1,9 +1,9 @@
-.page-empty {
-  height: 100%;
-
-  :global {
-    .fish-spin-container {
-      height: 100%;
-    }
-  }
+.page-empty {
+  height: 100%;
+
+  :global {
+    .fish-spin-container {
+      height: 100%;
+    }
+  }
 }

package/src/config/constant/commonUrl.js

@@ -1,2 +1,2 @@
-// 浏览器升级下载页
-export const updateUrl = 'https://basic.smartedu.cn/upgrade.html'
+// 浏览器升级下载页
+export const updateUrl = 'https://basic.smartedu.cn/upgrade.html'

package/src/config/constant/user.js

@@ -1,6 +1,6 @@
-export const LOGIN_STATUS = {
-  WAIT: 0,
-  SUCCESS: 1,
-  FAILURE: 2,
-  LOGOUT: 3
-}
+export const LOGIN_STATUS = {
+  WAIT: 0,
+  SUCCESS: 1,
+  FAILURE: 2,
+  LOGOUT: 3
+}

package/src/config/context/site-config.js

@@ -1,48 +1,48 @@
-import { createContext, useContext, useEffect, useState } from 'react'
-import { getSiteConfig as getSiteConfigRemote } from '@/service/site-config'
-
-const siteConfigPromise = getSiteConfigRemote()
-
-/**
- * 用于非React组件下获取siteConfig
- * @returns
- */
-export const getSiteConfig = async () => {
-  const config = await siteConfigPromise
-  return config
-}
-
-export function useSiteConfigRoot() {
-  const [siteConfig, setSiteConfig] = useState()
-
-  useEffect(() => {
-    async function load() {
-      try {
-        const config = await siteConfigPromise
-        setSiteConfig(config)
-      } catch (e) {
-        //
-      }
-    }
-    load()
-  }, [])
-
-  return {
-    siteConfig,
-    getSiteConfig
-  }
-}
-
-export const SiteConfigContext = createContext()
-
-/**
- *
- * @typedef {Object} UseSiteConfig
- * @property {Object} siteConfig 同步获取的siteConfig，用于UI显示，不得用于逻辑代码
- * @property {() => Promise<Object>} getSiteConfig 异步获取的siteConfig，用于逻辑代码
- */
-/**
- * 用于React组件下获取siteConfig，注意siteConfig本身是异步获取，所以同步获取的值只能用于React组件渲染
- * @returns {UseSiteConfig}
- */
-export const useSiteConfig = () => useContext(SiteConfigContext)
+import { createContext, useContext, useEffect, useState } from 'react'
+import { getSiteConfig as getSiteConfigRemote } from '@/service/site-config'
+
+const siteConfigPromise = getSiteConfigRemote()
+
+/**
+ * 用于非React组件下获取siteConfig
+ * @returns
+ */
+export const getSiteConfig = async () => {
+  const config = await siteConfigPromise
+  return config
+}
+
+export function useSiteConfigRoot() {
+  const [siteConfig, setSiteConfig] = useState()
+
+  useEffect(() => {
+    async function load() {
+      try {
+        const config = await siteConfigPromise
+        setSiteConfig(config)
+      } catch (e) {
+        //
+      }
+    }
+    load()
+  }, [])
+
+  return {
+    siteConfig,
+    getSiteConfig
+  }
+}
+
+export const SiteConfigContext = createContext()
+
+/**
+ *
+ * @typedef {Object} UseSiteConfig
+ * @property {Object} siteConfig 同步获取的siteConfig，用于UI显示，不得用于逻辑代码
+ * @property {() => Promise<Object>} getSiteConfig 异步获取的siteConfig，用于逻辑代码
+ */
+/**
+ * 用于React组件下获取siteConfig，注意siteConfig本身是异步获取，所以同步获取的值只能用于React组件渲染
+ * @returns {UseSiteConfig}
+ */
+export const useSiteConfig = () => useContext(SiteConfigContext)

package/src/config/env/index.js

@@ -1,5 +1,5 @@
-const env = process.env.SDP_ENV
-
-const config = require(`./${env}`).default
-
-export default config
+const env = process.env.SDP_ENV
+
+const config = require(`./${env}`).default
+
+export default config

package/src/config/env/local/index.js

@@ -1,13 +1,13 @@
-/**
- * 本地默认使用 测试环境 的配置
- */
-import originConfig from '../ncet-xedu'
-
-const config = {
-  ...originConfig,
-  mock: {
-    debugLiveActivityId: 'd8c8dad2-d833-4b26-ac9e-8502aecfea60'
-  }
-}
-
-export default config
+/**
+ * 本地默认使用 测试环境 的配置
+ */
+import originConfig from '../ncet-xedu'
+
+const config = {
+  ...originConfig,
+  mock: {
+    debugLiveActivityId: 'd8c8dad2-d833-4b26-ac9e-8502aecfea60'
+  }
+}
+
+export default config