pixuireactcomponents 1.4.3 → 1.4.5

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "pixuireactcomponents",
-    "version": "1.4.3",
+    "version": "1.4.5",
     "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.Loading), 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 () {
@@ -155,6 +155,10 @@ export var VideoPlayer = function (props) {
         videoLog('-----------onpause');
         setVideoStatus(VideoStatus.Pause);
     };
+    var onwaiting = function () {
+        videoLog('-----------onwaiting');
+        setVideoStatus(VideoStatus.Loading);
+    };
     var onended = function () {
         // 视频播放结束
         videoLog('-----------onended');
@@ -226,7 +230,7 @@ export var VideoPlayer = function (props) {
     }
     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 () {
+        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, onWaiting: onwaiting, onLoadStart: function () {
                 console.warn('onloadstart');
             }, onLoadedData: function () {
                 console.warn('onloadeddata');