pixuireactcomponents 1.5.5 → 1.5.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/react/app/slider/Slider.js +4 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pixuireactcomponents",
3
- "version": "1.5.5",
3
+ "version": "1.5.6",
4
4
  "description": "pixui react components",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/src/components/react/app/slider/Slider.js CHANGED
@@ -100,8 +100,7 @@ export var Slider = function (props) {
100
100
  var refRail = useRef(null);
101
101
  var draging = useRef(false);
102
102
  var _g = useState(0), percent = _g[0], setPercent = _g[1];
103
- var _h = useState(0), delta = _h[0], setDelta = _h[1];
104
- var _j = useState({}), trackStyle = _j[0], setTrackSytle = _j[1];
103
+ var _h = useState({}), trackStyle = _h[0], setTrackSytle = _h[1];
105
104
  var getDecimalPlaces = function (num) {
106
105
  if (num) {
107
106
  var numStr = num.toString();
@@ -172,14 +171,13 @@ export var Slider = function (props) {
172
171
  };
173
172
  useEffect(function () {
174
173
  if (refRail.current) {
175
- var delta_1 = percent * (vertical ? refRail.current.clientHeight : refRail.current.clientWidth);
176
- setDelta(delta_1);
177
- 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 }));
174
+ var delta = percent * (vertical ? refRail.current.clientHeight : refRail.current.clientWidth);
175
+ 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, "%") }));
178
176
  setTrackSytle(trackStyle_1);
179
177
  }
180
178
  }, [refRail.current, percent]);
181
179
  var elementStyleOrClass = getElementStyleOrClass();
182
- var handleStyle = __assign(__assign({}, (typeof elementStyleOrClass.handle === 'object' ? elementStyleOrClass.handle : undefined)), (vertical ? { top: -handleSize / 2 } : { left: delta - handleSize / 2 }));
180
+ var handleStyle = __assign(__assign({}, (typeof elementStyleOrClass.handle === 'object' ? elementStyleOrClass.handle : undefined)), (vertical ? { top: -handleSize / 2 } : { left: '100%', marginLeft: -handleSize / 2 }));
183
181
  return (h("div", { id: id, className: rootClassName, style: __assign({}, rowCenterCenter) },
184
182
  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 &&
185
183
  h("div", { className: typeof elementStyleOrClass.track === 'string' ? elementStyleOrClass.track : '', style: trackStyle },