pixuireactcomponents 1.5.8 → 1.5.9

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "pixuireactcomponents",
-    "version": "1.5.8",
+    "version": "1.5.9",
     "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' || status == 'all') {
+                if (status == 'move') {
                     onChange && onChange(newValue);
                 }
             }
             // start和end一定要发
-            if (status == 'start' || status == 'all') {
+            if (status == 'start') {
                 onChangeStart && onChangeStart(newValue);
             }
-            if (status == 'end' || status == 'all') {
+            else if (status == 'end') {
                 onChangeComplete && onChangeComplete(newValue);
             }
         }
@@ -170,7 +170,12 @@ export var Slider = function (props) {
         setValueByPos(event.clientX, event.clientY, 'end');
     };
     var onMouseDown = function (event) {
-        setValueByPos(event.clientX, event.clientY, 'all');
+        setValueByPos(event.clientX, event.clientY, 'start');
+        setValueByPos(event.clientX, event.clientY, 'move');
+    };
+    var onMouseUp = function (event) {
+        draging.current = false;
+        setValueByPos(event.clientX, event.clientY, 'end');
     };
     useEffect(function () {
         if (refRail.current) {
@@ -182,7 +187,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, onMouseDown: onMouseDown, 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, onMouseUp: onMouseUp, 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' }) })))));
 };