pixuireactcomponents 1.4.1 → 1.4.3

package/package.json

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

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

@@ -37,7 +37,7 @@ var VideoStatus;
     VideoStatus[VideoStatus["Pause"] = 2] = "Pause";
     VideoStatus[VideoStatus["End"] = 3] = "End";
 })(VideoStatus || (VideoStatus = {}));
-var openLog = true;
+var openLog = false;
 var videoLog = function () {
     var msg = [];
     for (var _i = 0; _i < arguments.length; _i++) {
@@ -119,7 +119,7 @@ export var VideoPlayer = function (props) {
     var onSliderDrag = function (value) {
         var totlaTime = (value / 100) * getDuration();
         var playSeconds = Math.floor(totlaTime / 1000 + 0.5);
-        console.log('onSliderDrag, set currentTime:', playSeconds);
+        videoLog('onSliderDrag, set currentTime:', playSeconds);
         setCurrentTime(playSeconds);
         refVideo.current.currentTime = totlaTime / 1000;
     };
@@ -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),