pixuireactcomponents 1.5.4 → 1.5.6

package/package.json

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

package/src/components/react/app/carousel/Carousel.js

@@ -219,7 +219,7 @@ export function Carousel(props) {
             isSideAniPlaying.current = false;
         }
         //触发onSlideChange
-        if (!isLastCarouseItem() && !isFirstCarouseLastItem() && onSlideChange && showTransition)
+        if (!isLastCarouseItem() && !isFirstCarouseLastItem() && onSlideChange && !isSideAniPlaying.current)
             onSlideChange(showIndex - 1);
         // 处理首尾特殊case
         if (isLastCarouseItem()) {

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

@@ -100,8 +100,7 @@ export var Slider = function (props) {
     var refRail = useRef(null);
     var draging = useRef(false);
     var _g = useState(0), percent = _g[0], setPercent = _g[1];
-    var _h = useState(0), delta = _h[0], setDelta = _h[1];
-    var _j = useState({}), trackStyle = _j[0], setTrackSytle = _j[1];
+    var _h = useState({}), trackStyle = _h[0], setTrackSytle = _h[1];
     var getDecimalPlaces = function (num) {
         if (num) {
             var numStr = num.toString();
@@ -172,14 +171,13 @@ export var Slider = function (props) {
     };
     useEffect(function () {
         if (refRail.current) {
-            var delta_1 = percent * (vertical ? refRail.current.clientHeight : refRail.current.clientWidth);
-            setDelta(delta_1);
-            var trackStyle_1 = __assign(__assign(__assign({}, (typeof elementStyleOrClass.track === 'object' ? elementStyleOrClass.track : undefined)), rowBetweenCenter), (vertical ? { height: delta_1, transform: "translateY(".concat(refRail.current.clientHeight - delta_1, ")") } : { width: delta_1 }));
+            var delta = percent * (vertical ? refRail.current.clientHeight : refRail.current.clientWidth);
+            var trackStyle_1 = __assign(__assign(__assign({}, (typeof elementStyleOrClass.track === 'object' ? elementStyleOrClass.track : undefined)), rowBetweenCenter), (vertical ? { height: delta, transform: "translateY(".concat(refRail.current.clientHeight - delta, ")") } : { width: "".concat(percent * 100, "%") }));
             setTrackSytle(trackStyle_1);
         }
     }, [refRail.current, percent]);
     var elementStyleOrClass = getElementStyleOrClass();
-    var handleStyle = __assign(__assign({}, (typeof elementStyleOrClass.handle === 'object' ? elementStyleOrClass.handle : undefined)), (vertical ? { top: -handleSize / 2 } : { left: delta - handleSize / 2 }));
+    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", { className: typeof elementStyleOrClass.track === 'string' ? elementStyleOrClass.track : '', style: trackStyle },