pixuireactcomponents 1.4.2 → 1.4.4

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "pixuireactcomponents",
-    "version": "1.4.2",
+    "version": "1.4.4",
     "description": "pixui react components",
     "main": "index.js",
     "scripts": {

package/src/components/react/app/videoPlayer/VideoPlayer.js

@@ -49,13 +49,13 @@ var videoLog = function () {
 };
 export var VideoPlayer = function (props) {
     var _a;
-    var playUrl = props.playUrl, _b = props.autoPlay, autoPlay = _b === void 0 ? true : _b, playEvent = props.playEvent, elementClass = props.elementClass, _c = props.hideSliderDuration, hideSliderDuration = _c === void 0 ? 3000 : _c, sliderBG = props.sliderBG, videoDuration = props.videoDuration, compRef = props.compRef, rootClassName = props.rootClassName;
+    var _b = props.playUrl, playUrl = _b === void 0 ? '' : _b, _c = props.autoPlay, autoPlay = _c === void 0 ? true : _c, playEvent = props.playEvent, elementClass = props.elementClass, _d = props.hideSliderDuration, hideSliderDuration = _d === void 0 ? 3000 : _d, sliderBG = props.sliderBG, videoDuration = props.videoDuration, compRef = props.compRef, rootClassName = props.rootClassName;
     var isStreaming = !playUrl.endsWith('.mp4');
     var refVideo = useRef(null);
-    var _d = useState(VideoStatus.Pause), videoStatus = _d[0], setVideoStatus = _d[1];
-    var _e = useState(0), currentTime = _e[0], setCurrentTime = _e[1];
-    var _f = useState(0), totalTime = _f[0], setTotalTime = _f[1];
-    var _g = useState(false), showSlider = _g[0], setShowSlider = _g[1];
+    var _e = useState(VideoStatus.Pause), videoStatus = _e[0], setVideoStatus = _e[1];
+    var _f = useState(0), currentTime = _f[0], setCurrentTime = _f[1];
+    var _g = useState(0), totalTime = _g[0], setTotalTime = _g[1];
+    var _h = useState(false), showSlider = _h[0], setShowSlider = _h[1];
     var sliderTimmer = useRef(null);
     var rootRef = useRef();
     var updatePlayTime = function () {
@@ -182,14 +182,6 @@ export var VideoPlayer = function (props) {
         }
         updateSliderHideTimmer();
     };
-    if (compRef) {
-        compRef.current = {
-            clickComp: onScreenClick,
-            setShowUI: function (show) {
-                setShowUI(show, true);
-            },
-        };
-    }
     var onPause = function () {
         console.warn('onPause');
         setVideoStatus(VideoStatus.Pause);
@@ -206,13 +198,32 @@ export var VideoPlayer = function (props) {
         }
         else if (videoStatus == VideoStatus.Pause) {
             refVideo.current.play();
-            // setShowUI(false);
             clearInterval(sliderTimmer.current);
         }
         else if (videoStatus == VideoStatus.End) {
             refVideo.current.load();
         }
     };
+    if (compRef) {
+        compRef.current = {
+            switchPlayState: switchPlayState,
+            setShowUI: function (show) {
+                setShowUI(show, true);
+            },
+            play: function () {
+                refVideo.current.play();
+            },
+            pause: function () {
+                refVideo.current.pause();
+            },
+            load: function () {
+                refVideo.current.load();
+            },
+            getPlayStatus: function () {
+                return videoStatus;
+            },
+        };
+    }
     videoLog('currentTime', currentTime, 'totalTime', totalTime);
     return (h("div", { className: rootClassName, ref: rootRef },
         h("video", { ref: refVideo, src: playUrl, "object-fit": "no", autoPlay: autoPlay, style: { width: '100%', height: '100%' }, onPlaying: onplaying, onPlay: onplaying, onError: onerror, onEnded: onended, onPause: onpause, onLoadStart: function () {
@@ -230,7 +241,9 @@ export var VideoPlayer = function (props) {
                 ? elementClass === null || elementClass === void 0 ? void 0 : elementClass.pauseIcon
                 : videoStatus == VideoStatus.Pause
                     ? elementClass === null || elementClass === void 0 ? void 0 : elementClass.playIcon
-                    : elementClass === null || elementClass === void 0 ? void 0 : elementClass.reloadIcon, onClick: function (e) {
+                    : videoStatus == VideoStatus.Loading
+                        ? elementClass === null || elementClass === void 0 ? void 0 : elementClass.loadingIcon
+                        : elementClass === null || elementClass === void 0 ? void 0 : elementClass.reloadIcon, onClick: function (e) {
                 e.stopPropagation();
                 switchPlayState();
             } })) : null),