yootd 0.0.9 → 0.0.10

package/dist/config-provider/context.d.ts

@@ -4,5 +4,6 @@ export interface IGlobalConfig {
     request?: AxiosInstance;
     baseURL?: string;
     assetsURL?: string;
+    ossURL?: string;
 }
 export declare const ConfigContext: import("react").Context<IGlobalConfig>;

package/dist/config-provider/index.d.ts

@@ -7,6 +7,7 @@ export type ConfigProviderProps = AntConfigProviderProps & {
     request?: AxiosInstance;
     baseURL?: string;
     assetsURL?: string;
+    ossURL?: string;
     theme?: AntConfigProviderProps['theme'] & {
         yotToken: {
             colorModalPrimary: string;

package/dist/config-provider/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["request", "baseURL", "assetsURL"];
+var _excluded = ["request", "baseURL", "assetsURL", "ossURL"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -12,6 +12,7 @@ export var ConfigProvider = function ConfigProvider(_ref) {
   var request = _ref.request,
     baseURL = _ref.baseURL,
     assetsURL = _ref.assetsURL,
+    ossURL = _ref.ossURL,
     props = _objectWithoutProperties(_ref, _excluded);
   if (((_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.yotToken) != null) {
     // 生成 css 变量
@@ -22,6 +23,7 @@ export var ConfigProvider = function ConfigProvider(_ref) {
     value: {
       request: request,
       baseURL: baseURL,
+      ossURL: ossURL,
       assetsURL: assetsURL
     }
   }, /*#__PURE__*/React.createElement(AntConfigProvider, _extends({}, props, {

package/dist/hooks/useOSS.d.ts

@@ -0,0 +1 @@
+export declare const useOSS: () => string;

package/dist/hooks/useOSS.js

@@ -0,0 +1,11 @@
+import _ from 'lodash';
+import { useContext } from 'react';
+import { ConfigContext } from "../config-provider/context";
+export var useOSS = function useOSS() {
+  var _useContext = useContext(ConfigContext),
+    ossURL = _useContext.ossURL;
+  if (_.isNil(ossURL)) {
+    throw new Error('ossURL is not found');
+  }
+  return ossURL;
+};

package/dist/upload/components/fileUpload.d.ts

@@ -7,7 +7,7 @@ declare const FileUpload: React.ForwardRefExoticComponent<import("antd").UploadP
     accept?: string | undefined;
     folder?: string | undefined;
     value?: UploadFile<any>[] | undefined;
-    fileType?: "file" | "image" | undefined;
+    fileType?: "image" | "file" | undefined;
     onChange?: ((value?: UploadFile<any>[] | undefined) => void) | undefined;
 } & React.RefAttributes<UploadRef<any>>>;
 export default FileUpload;

package/dist/upload/components/imageUpload.d.ts

@@ -7,7 +7,7 @@ declare const ImageUpload: React.ForwardRefExoticComponent<import("antd").Upload
     accept?: string | undefined;
     folder?: string | undefined;
     value?: UploadFile<any>[] | undefined;
-    fileType?: "file" | "image" | undefined;
+    fileType?: "image" | "file" | undefined;
     onChange?: ((value?: UploadFile<any>[] | undefined) => void) | undefined;
 } & React.RefAttributes<UploadRef<any>>>;
 export default ImageUpload;

package/dist/video-player/index.js

@@ -15,12 +15,12 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import * as faceapi from '@vladmandic/face-api';
-import { throttle } from 'lodash';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { EndPoint } from 'yootd-webrtc-sdk';
-import { useAssets } from "../hooks/useAssets";
 import { useBem } from "../hooks/useBem";
 import "./index.scss";
+import { throttle } from 'lodash';
+import { useOSS } from "../hooks/useOSS";
 import controlBottomBg from "./assets/control-background.png";
 var PROGRESS_BAR_HEIGHT = 63;
 var MIN_SCORE = 0.5; // minimum score
@@ -52,7 +52,7 @@ export var VideoPlayer = function VideoPlayer(_ref) {
   var containerRef = useRef(null);
   var videoRef = useRef(null);
   var canvasRef = useRef(null);
-  var OSS = useAssets();
+  var OSS = useOSS();
   var bem = useBem('video-player');
   var _useState = useState(true),
     _useState2 = _slicedToArray(_useState, 1),
@@ -243,6 +243,7 @@ export var VideoPlayer = function VideoPlayer(_ref) {
     }
   };
   var handleHideVolumeSlider = function handleHideVolumeSlider() {
+    console.log('hide');
     setShowVolumeSlider(false);
     setMouseDown(false);
   };
@@ -263,7 +264,7 @@ export var VideoPlayer = function VideoPlayer(_ref) {
       setVolume(_volume);
       if (videoRef.current != null) {
         videoRef.current.muted = false;
-        videoRef.current.volume = Math.floor(_volume) / 100;
+        videoRef.current.volume = Math.floor(volume) / 100;
       }
     }
   };
@@ -736,9 +737,9 @@ export var VideoPlayer = function VideoPlayer(_ref) {
   }, Math.floor(volume))), /*#__PURE__*/React.createElement("div", {
     className: "".concat(bem.b('container').e('controls-volume').e('slider').e('progress-bar'))
   }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(bem.b('container').e('controls-volume').e('slider').e('progress-bar').e('line'))
+    className: "".concat(bem.b('container').e('controls-volume').e('slider').e('progress-bar').e('line'), " progress-bar")
   }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(bem.b('container').e('controls-volume').e('slider').e('progress-bar').e('line').e('button-1'), " progress-bar"),
+    className: "".concat(bem.b('container').e('controls-volume').e('slider').e('progress-bar').e('line').e('button-1')),
     style: {
       top: "".concat(100 - volume, "%")
     }

package/dist/video-player/index.scss

@@ -159,9 +159,10 @@
         overflow: hidden;
         background-color: rgba(0, 0, 0, 0.8);
         color: white;
+        overflow: hidden;
 
         &__number {
-          height: 48px;
+          height: 28px;
           display: flex;
           justify-content: center;
           align-items: center;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yootd",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "description": "A react library developed with dumi",
   "license": "MIT",
   "module": "dist/index.js",