pixuireactcomponents 1.5.7 → 1.5.9

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 +9 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pixuireactcomponents",
3
- "version": "1.5.7",
3
+ "version": "1.5.9",
4
4
  "description": "pixui react components",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/src/components/react/app/slider/Slider.js CHANGED
@@ -169,6 +169,14 @@ export var Slider = function (props) {
169
169
  draging.current = false;
170
170
  setValueByPos(event.clientX, event.clientY, 'end');
171
171
  };
172
+ var onMouseDown = function (event) {
173
+ setValueByPos(event.clientX, event.clientY, 'start');
174
+ setValueByPos(event.clientX, event.clientY, 'move');
175
+ };
176
+ var onMouseUp = function (event) {
177
+ draging.current = false;
178
+ setValueByPos(event.clientX, event.clientY, 'end');
179
+ };
172
180
  useEffect(function () {
173
181
  if (refRail.current) {
174
182
  var delta = percent * (vertical ? refRail.current.clientHeight : refRail.current.clientWidth);
@@ -179,7 +187,7 @@ export var Slider = function (props) {
179
187
  var elementStyleOrClass = getElementStyleOrClass();
180
188
  var handleStyle = __assign(__assign({}, (typeof elementStyleOrClass.handle === 'object' ? elementStyleOrClass.handle : undefined)), (vertical ? { top: -handleSize / 2 } : { left: '100%', marginLeft: -handleSize / 2 }));
181
189
  return (h("div", { id: id, className: rootClassName, style: __assign({}, rowCenterCenter) },
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 &&
190
+ 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 &&
183
191
  h("div", { className: typeof elementStyleOrClass.track === 'string' ? elementStyleOrClass.track : '', style: trackStyle },
184
192
  h("div", { ref: handleRef, className: typeof elementStyleOrClass.handle === 'string' ? elementStyleOrClass.handle : '', style: __assign(__assign({}, handleStyle), { position: 'absolute' }) })))));
185
193
  };