pixuireactcomponents 1.5.6 → 1.5.8

package/package.json

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

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

@@ -130,15 +130,15 @@ export var Slider = function (props) {
             var newValue = trimValue(newPercent * (max - min));
             if (newPercent != percent) {
                 setPercent(newValue / (max - min));
-                if (status == 'move') {
+                if (status == 'move' || status == 'all') {
                     onChange && onChange(newValue);
                 }
             }
             // start和end一定要发
-            if (status == 'start') {
+            if (status == 'start' || status == 'all') {
                 onChangeStart && onChangeStart(newValue);
             }
-            else if (status == 'end') {
+            if (status == 'end' || status == 'all') {
                 onChangeComplete && onChangeComplete(newValue);
             }
         }
@@ -169,6 +169,9 @@ export var Slider = function (props) {
         draging.current = false;
         setValueByPos(event.clientX, event.clientY, 'end');
     };
+    var onMouseDown = function (event) {
+        setValueByPos(event.clientX, event.clientY, 'all');
+    };
     useEffect(function () {
         if (refRail.current) {
             var delta = percent * (vertical ? refRail.current.clientHeight : refRail.current.clientWidth);
@@ -179,7 +182,7 @@ export var Slider = function (props) {
     var elementStyleOrClass = getElementStyleOrClass();
     var handleStyle = __assign(__assign({}, (typeof elementStyleOrClass.handle === 'object' ? elementStyleOrClass.handle : undefined)), (vertical ? { top: -handleSize / 2 } : { left: '100%', marginLeft: -handleSize / 2 }));
     return (h("div", { id: id, className: rootClassName, style: __assign({}, rowCenterCenter) },
-        h("div", { ref: refRail, className: typeof elementStyleOrClass.rail === 'string' ? elementStyleOrClass.rail : '', style: __assign({}, (typeof elementStyleOrClass.rail === 'object' ? elementStyleOrClass.rail : undefined)), draggable: true, onDragStart: onDragStart, onDrag: onDrag, onDragEnd: onDragEnd }, refRail.current &&
+        h("div", { ref: refRail, className: typeof elementStyleOrClass.rail === 'string' ? elementStyleOrClass.rail : '', style: __assign({}, (typeof elementStyleOrClass.rail === 'object' ? elementStyleOrClass.rail : undefined)), draggable: true, onMouseDown: onMouseDown, onDragStart: onDragStart, onDrag: onDrag, onDragEnd: onDragEnd }, refRail.current &&
             h("div", { className: typeof elementStyleOrClass.track === 'string' ? elementStyleOrClass.track : '', style: trackStyle },
                 h("div", { ref: handleRef, className: typeof elementStyleOrClass.handle === 'string' ? elementStyleOrClass.handle : '', style: __assign(__assign({}, handleStyle), { position: 'absolute' }) })))));
 };

package/src/components/tools/LoadChecker.js

@@ -59,9 +59,11 @@ export var LoadChecker = function (props) {
         }
     }, [loadedElements, collectFinish]);
     var getLoadCount = function (node) {
-        if (!node)
+        if (!node || node.nodeType !== 1)
             return;
-        if (node.tagName.toLowerCase() === 'img' || (node.style && node.style.backgroundImage)) {
+        var style = window.getComputedStyle(node);
+        var backgroundImage = style.getPropertyValue('background-image');
+        if (node.tagName.toLowerCase() === 'img' || (backgroundImage && backgroundImage.length > 0)) {
             // node.id = 'img_' + cnt++;
             setCollectSrcs(function (prevRecords) {
                 var src = getEleSrc(node);