pixuireactcomponents 1.3.83 → 1.3.85

package/package.json

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

package/src/components/react/app/slider/Slider.d.ts

@@ -14,6 +14,9 @@ export interface SliderProps {
     outerBg: string;
     innerBg: string;
     dotBg: string;
+    outerCss?: CSSProperties;
+    innerCss?: CSSProperties;
+    dotCss?: CSSProperties;
     onDragStart: Function | null;
     onDrag: Function | null;
     onDragEnd: Function | null;

package/src/components/react/app/slider/Slider.js

@@ -366,9 +366,9 @@ var Slider = /** @class */ (function (_super) {
         return (h("div", { style: this.props.hasIncDecButton ? this.state.withButtonStyle : {}, id: this.props.id, className: this.props.className },
             this.props.hasIncDecButton && h("img", { src: this.props.decButtonBg, style: this.state.decButtonStyle, onClick: this.onDecClick }),
             h("div", { ref: this.refWrapper, style: this.state.wrapperStyle },
-                h("div", { style: this.state.outerStyle, draggable: true, onDragStart: this.onDragStart, onDrag: this.onDrag, onDragEnd: this.onDragEnd },
-                    h("div", { style: __assign(__assign({}, this.state.innerStyle), { width: innerWidth }) },
-                        h("div", { style: __assign(__assign({}, this.state.dotWrapperStyle), { marginLeft: dotWrapperMarginLeft }) }, hasDot && h("img", { src: this.props.dotBg, style: this.state.dotStyle }))))),
+                h("div", { style: __assign(__assign({}, this.state.outerStyle), this.props.outerCss), draggable: true, onDragStart: this.onDragStart, onDrag: this.onDrag, onDragEnd: this.onDragEnd },
+                    h("div", { style: __assign(__assign(__assign({}, this.state.innerStyle), { width: innerWidth }), this.props.innerCss) },
+                        h("div", { style: __assign(__assign({}, this.state.dotWrapperStyle), { marginLeft: dotWrapperMarginLeft }) }, hasDot && h("img", { src: this.props.dotBg, style: __assign(__assign({}, this.state.dotStyle), this.props.dotCss) }))))),
             this.props.hasIncDecButton && h("img", { src: this.props.incButtonBg, style: this.state.incButtonStyle, onClick: this.onIncClick })));
     };
     Slider.defaultProps = {

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

@@ -18,7 +18,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { createRef, h } from 'preact';
+import { h } from 'preact';
 import { useEffect, useRef, useState } from 'preact/hooks';
 import { Slider } from '../slider/Slider';
 var videoWrapperStyle = {
@@ -59,13 +59,13 @@ var videoLog = function () {
     }
 };
 export var VideoPlayer = function (props) {
-    var playUrl = props.playUrl, _a = props.autoPlay, autoPlay = _a === void 0 ? true : _a, playEvent = props.playEvent, elementClass = props.elementClass, _b = props.durations, durations = _b === void 0 ? { hideSliderDuration: 3000 } : _b, sliderBG = props.sliderBG, videoDuration = props.videoDuration, _c = props.isStreaming, isStreaming = _c === void 0 ? false : _c;
-    var refVideo = createRef();
+    var playUrl = props.playUrl, _a = props.autoPlay, autoPlay = _a === void 0 ? true : _a, playEvent = props.playEvent, elementClass = props.elementClass, _b = props.durations, durations = _b === void 0 ? { hideSliderDuration: 3000 } : _b, sliderBG = props.sliderBG, videoDuration = props.videoDuration, isStreaming = props.isStreaming;
+    var refVideo = useRef(null);
     // const hideSliderDuration = 1000;
-    var _d = useState(VideoStatus.Loading), 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 _c = useState(VideoStatus.Loading), videoStatus = _c[0], setVideoStatus = _c[1];
+    var _d = useState(0), currentTime = _d[0], setCurrentTime = _d[1];
+    var _e = useState(0), totalTime = _e[0], setTotalTime = _e[1];
+    var _f = useState(false), showSlider = _f[0], setShowSlider = _f[1];
     var sliderTimmer = useRef(null);
     var updatePlayTime = function () {
         // videoLog('updatePlayTime----------------');

package/src/components/tools/assetCache.js

@@ -71,7 +71,7 @@ export var assetCache;
             return __generator(this, function (_a) {
                 console.log('cacheAsset---', url);
                 return [2 /*return*/, new Promise(function (resolve, reject) { return __awaiter(_this, void 0, void 0, function () {
-                        var lib, localPath, xhr;
+                        var urlWithoutParams, lib, localPath, xhr;
                         var _this = this;
                         return __generator(this, function (_a) {
                             switch (_a.label) {
@@ -80,8 +80,9 @@ export var assetCache;
                                         console.log('非jssdk环境');
                                         reject(url);
                                     }
+                                    urlWithoutParams = url.split('?')[0];
                                     lib = LibMgr.getInstance().getMainLib();
-                                    return [4 /*yield*/, getLocalPath(url)];
+                                    return [4 /*yield*/, getLocalPath(urlWithoutParams)];
                                 case 1:
                                     localPath = _a.sent();
                                     if (!force) {