@sheinx/hooks 3.9.7-beta.1 → 3.9.7-beta.3

package/cjs/common/use-drag-mock/use-drag-mock.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 declare const useDragMock: (props: {
     onDragStart?: ((e: React.MouseEvent) => void) | undefined;
-    onDragMove?: ((deltaX: number, deltaY: number) => void) | undefined;
+    onDragMove?: ((deltaX: number, deltaY: number, event?: MouseEvent) => void) | undefined;
     onDragEnd?: ((deltaX: number, deltaY: number) => void) | undefined;
 }) => {
     handleMouseDown: (event: React.MouseEvent) => void;

package/cjs/common/use-drag-mock/use-drag-mock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-drag-mock.d.ts","sourceRoot":"","sources":["use-drag-mock.ts"],"names":[],"mappings":"AACA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAEhD,QAAA,MAAM,WAAW;uBACG,gBAAgB,KAAK,IAAI;2BACrB,MAAM,UAAU,MAAM,KAAK,IAAI;0BAChC,MAAM,UAAU,MAAM,KAAK,IAAI;;6BA6BpB,gBAAgB;;CAiBjD,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"use-drag-mock.d.ts","sourceRoot":"","sources":["use-drag-mock.ts"],"names":[],"mappings":"AACA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAEhD,QAAA,MAAM,WAAW;uBACG,gBAAgB,KAAK,IAAI;2BACrB,MAAM,UAAU,MAAM,UAAU,UAAU,KAAK,IAAI;0BACpD,MAAM,UAAU,MAAM,KAAK,IAAI;;6BA6BpB,gBAAgB;;CAiBjD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/common/use-drag-mock/use-drag-mock.js

@@ -31,7 +31,7 @@ var useDragMock = function useDragMock(props) {
     var deltaY = event.clientY - dragInfo.lastY;
     dragInfo.lastX = event.clientX;
     dragInfo.lastY = event.clientY;
-    (_props$onDragMove = props.onDragMove) === null || _props$onDragMove === void 0 || _props$onDragMove.call(props, deltaX, deltaY);
+    (_props$onDragMove = props.onDragMove) === null || _props$onDragMove === void 0 || _props$onDragMove.call(props, deltaX, deltaY, event);
   });
   var handleMouseUp = (0, _usePersistFn.usePersistFn)(function (event) {
     var _props$onDragEnd;

package/cjs/components/use-slider/use-slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-slider.d.ts","sourceRoot":"","sources":["use-slider.ts"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AA4CxD,eAAO,MAAM,SAAS;;kCAyEa,gBAAgB;gCAIlB,gBAAgB;8BAKL,gBAAgB;;;;;;;;;;;;;;;;;;;CA8D3D,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"use-slider.d.ts","sourceRoot":"","sources":["use-slider.ts"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AA4CxD,eAAO,MAAM,SAAS;;kCAwHa,gBAAgB;gCAIlB,gBAAgB;8BAKL,gBAAgB;;;;;;;;;;;;;;;;;;;CA2E3D,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/cjs/components/use-slider/use-slider.js

@@ -85,6 +85,12 @@ var useSlider = exports.useSlider = function useSlider(props) {
       context.clickLock = false;
     }, 100);
   });
+  var isDisabled = (0, _usePersistFn.default)(function (value) {
+    if (typeof props.disabled === 'function') {
+      return props.disabled(value);
+    }
+    return !!props.disabled;
+  });
   var handleDragEnd = (0, _usePersistFn.default)(function () {
     lockClick();
     var start = getValueFromRate(rate[0], scale, step);
@@ -96,20 +102,56 @@ var useSlider = exports.useSlider = function useSlider(props) {
       props.onChange(end);
     }
   });
-  var handleDragMove = (0, _usePersistFn.default)(function (deltaX, deltaY) {
+  var handleDragMove = (0, _usePersistFn.default)(function (deltaX, deltaY, mouseEvent) {
     setRate(function (r) {
       var target = trackRef.current;
       if (!target) return r;
       var newRate = _toConsumableArray(r);
       var v = context.dragIndex === 0 ? r[0] : r[1];
-      var max = props.vertical ? target.clientHeight : target.clientWidth;
-      var delta = props.vertical ? deltaY * -1 : deltaX * (isReserve ? -1 : 1);
-      var rate = Math.max(v + delta / max, 0);
+      var rate;
+
+      // If disabled function is used and we have mouse event, use absolute position
+      if (typeof props.disabled === 'function' && mouseEvent) {
+        var rect = target.getBoundingClientRect();
+        var currentIndicatorRate = v;
+
+        // Calculate mouse position rate
+        var mouseRate;
+        if (props.vertical) {
+          mouseRate = (rect.bottom - mouseEvent.clientY) / rect.height;
+        } else {
+          mouseRate = isReserve ? (rect.right - mouseEvent.clientX) / rect.width : (mouseEvent.clientX - rect.left) / rect.width;
+        }
+
+        // Only allow movement if mouse crossed the indicator position
+        if (mouseRate > currentIndicatorRate) {
+          // Mouse is to the right/top, allow moving right/up
+          rate = Math.max(Math.min(mouseRate, 1), 0);
+        } else if (mouseRate < currentIndicatorRate) {
+          // Mouse is to the left/bottom, allow moving left/down
+          rate = Math.max(Math.min(mouseRate, 1), 0);
+        } else {
+          // Mouse is at same position, no change
+          return r;
+        }
+      } else {
+        // Normal delta-based movement
+        var max = props.vertical ? target.clientHeight : target.clientWidth;
+        var delta = props.vertical ? deltaY * -1 : deltaX * (isReserve ? -1 : 1);
+        rate = Math.max(v + delta / max, 0);
+      }
       if (rate > 1) {
         rate = 1;
         if (typeof props.onIncrease === 'function') props.onIncrease();
       }
       newRate[context.dragIndex] = rate;
+
+      // Check if the new value would be disabled
+      var newValue = getValueFromRate(newRate[context.dragIndex], scale, step);
+      if (isDisabled(newValue)) {
+        // Stay at current position to prevent flickering
+        return r;
+      }
       if (newRate[0] > newRate[1]) {
         context.dragIndex = context.dragIndex === 0 ? 1 : 0;
         var temp = newRate[0];
@@ -138,6 +180,9 @@ var useSlider = exports.useSlider = function useSlider(props) {
     var rect = target.getBoundingClientRect();
     var rate = !props.vertical ? (isReserve ? rect.right - e.clientX : e.clientX - rect.left) / rect.width : (rect.bottom - e.clientY) / rect.height;
     var value = getValueFromRate(rate, scale, step);
+
+    // Check if the clicked value would be disabled
+    if (isDisabled(value)) return;
     if (props.range) {
       var _start = startValue;
       var _end = endValue;
@@ -174,8 +219,10 @@ var useSlider = exports.useSlider = function useSlider(props) {
     handleEndMouseDown: handleEndMouseDown,
     handleTrackClick: handleTrackClick
   });
-  var start = dragInfo.isDragging ? rate[0] : getRateFromValue(startValue, scale);
-  var end = dragInfo.isDragging ? rate[1] : getRateFromValue(endValue, scale);
+
+  // During dragging, optionally snap to quantized values in discrete mode
+  var start = dragInfo.isDragging ? props.discrete ? getRateFromValue(getValueFromRate(rate[0], scale, step), scale) : rate[0] : getRateFromValue(startValue, scale);
+  var end = dragInfo.isDragging ? props.discrete ? getRateFromValue(getValueFromRate(rate[1], scale, step), scale) : rate[1] : getRateFromValue(endValue, scale);
   var innerStyle = getTrackInnerStyle(start, end);
   return {
     func: func,

package/cjs/components/use-slider/use-slider.type.d.ts

@@ -7,5 +7,7 @@ export interface UseSliderProps<Value extends number | number[]> {
     vertical: boolean;
     onIncrease: (() => void) | undefined;
     direction?: 'ltr' | 'rtl';
+    disabled?: boolean | ((value: number) => boolean);
+    discrete?: boolean;
 }
 //# sourceMappingURL=use-slider.type.d.ts.map

package/cjs/components/use-slider/use-slider.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-slider.type.d.ts","sourceRoot":"","sources":["use-slider.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE;IAC7D,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACrC,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CAC3B"}
+{"version":3,"file":"use-slider.type.d.ts","sourceRoot":"","sources":["use-slider.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE;IAC7D,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACrC,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/esm/common/use-drag-mock/use-drag-mock.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 declare const useDragMock: (props: {
     onDragStart?: ((e: React.MouseEvent) => void) | undefined;
-    onDragMove?: ((deltaX: number, deltaY: number) => void) | undefined;
+    onDragMove?: ((deltaX: number, deltaY: number, event?: MouseEvent) => void) | undefined;
     onDragEnd?: ((deltaX: number, deltaY: number) => void) | undefined;
 }) => {
     handleMouseDown: (event: React.MouseEvent) => void;

package/esm/common/use-drag-mock/use-drag-mock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-drag-mock.d.ts","sourceRoot":"","sources":["use-drag-mock.ts"],"names":[],"mappings":"AACA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAEhD,QAAA,MAAM,WAAW;uBACG,gBAAgB,KAAK,IAAI;2BACrB,MAAM,UAAU,MAAM,KAAK,IAAI;0BAChC,MAAM,UAAU,MAAM,KAAK,IAAI;;6BA6BpB,gBAAgB;;CAiBjD,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"use-drag-mock.d.ts","sourceRoot":"","sources":["use-drag-mock.ts"],"names":[],"mappings":"AACA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAEhD,QAAA,MAAM,WAAW;uBACG,gBAAgB,KAAK,IAAI;2BACrB,MAAM,UAAU,MAAM,UAAU,UAAU,KAAK,IAAI;0BACpD,MAAM,UAAU,MAAM,KAAK,IAAI;;6BA6BpB,gBAAgB;;CAiBjD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/common/use-drag-mock/use-drag-mock.js

@@ -25,7 +25,7 @@ var useDragMock = function useDragMock(props) {
     var deltaY = event.clientY - dragInfo.lastY;
     dragInfo.lastX = event.clientX;
     dragInfo.lastY = event.clientY;
-    (_props$onDragMove = props.onDragMove) === null || _props$onDragMove === void 0 || _props$onDragMove.call(props, deltaX, deltaY);
+    (_props$onDragMove = props.onDragMove) === null || _props$onDragMove === void 0 || _props$onDragMove.call(props, deltaX, deltaY, event);
   });
   var handleMouseUp = usePersistFn(function (event) {
     var _props$onDragEnd;

package/esm/components/use-slider/use-slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-slider.d.ts","sourceRoot":"","sources":["use-slider.ts"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AA4CxD,eAAO,MAAM,SAAS;;kCAyEa,gBAAgB;gCAIlB,gBAAgB;8BAKL,gBAAgB;;;;;;;;;;;;;;;;;;;CA8D3D,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"use-slider.d.ts","sourceRoot":"","sources":["use-slider.ts"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AA4CxD,eAAO,MAAM,SAAS;;kCAwHa,gBAAgB;gCAIlB,gBAAgB;8BAKL,gBAAgB;;;;;;;;;;;;;;;;;;;CA2E3D,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/esm/components/use-slider/use-slider.js

@@ -78,6 +78,12 @@ export var useSlider = function useSlider(props) {
       context.clickLock = false;
     }, 100);
   });
+  var isDisabled = usePersistFn(function (value) {
+    if (typeof props.disabled === 'function') {
+      return props.disabled(value);
+    }
+    return !!props.disabled;
+  });
   var handleDragEnd = usePersistFn(function () {
     lockClick();
     var start = getValueFromRate(rate[0], scale, step);
@@ -89,20 +95,56 @@ export var useSlider = function useSlider(props) {
       props.onChange(end);
     }
   });
-  var handleDragMove = usePersistFn(function (deltaX, deltaY) {
+  var handleDragMove = usePersistFn(function (deltaX, deltaY, mouseEvent) {
     setRate(function (r) {
       var target = trackRef.current;
       if (!target) return r;
       var newRate = _toConsumableArray(r);
       var v = context.dragIndex === 0 ? r[0] : r[1];
-      var max = props.vertical ? target.clientHeight : target.clientWidth;
-      var delta = props.vertical ? deltaY * -1 : deltaX * (isReserve ? -1 : 1);
-      var rate = Math.max(v + delta / max, 0);
+      var rate;
+
+      // If disabled function is used and we have mouse event, use absolute position
+      if (typeof props.disabled === 'function' && mouseEvent) {
+        var rect = target.getBoundingClientRect();
+        var currentIndicatorRate = v;
+
+        // Calculate mouse position rate
+        var mouseRate;
+        if (props.vertical) {
+          mouseRate = (rect.bottom - mouseEvent.clientY) / rect.height;
+        } else {
+          mouseRate = isReserve ? (rect.right - mouseEvent.clientX) / rect.width : (mouseEvent.clientX - rect.left) / rect.width;
+        }
+
+        // Only allow movement if mouse crossed the indicator position
+        if (mouseRate > currentIndicatorRate) {
+          // Mouse is to the right/top, allow moving right/up
+          rate = Math.max(Math.min(mouseRate, 1), 0);
+        } else if (mouseRate < currentIndicatorRate) {
+          // Mouse is to the left/bottom, allow moving left/down
+          rate = Math.max(Math.min(mouseRate, 1), 0);
+        } else {
+          // Mouse is at same position, no change
+          return r;
+        }
+      } else {
+        // Normal delta-based movement
+        var max = props.vertical ? target.clientHeight : target.clientWidth;
+        var delta = props.vertical ? deltaY * -1 : deltaX * (isReserve ? -1 : 1);
+        rate = Math.max(v + delta / max, 0);
+      }
       if (rate > 1) {
         rate = 1;
         if (typeof props.onIncrease === 'function') props.onIncrease();
       }
       newRate[context.dragIndex] = rate;
+
+      // Check if the new value would be disabled
+      var newValue = getValueFromRate(newRate[context.dragIndex], scale, step);
+      if (isDisabled(newValue)) {
+        // Stay at current position to prevent flickering
+        return r;
+      }
       if (newRate[0] > newRate[1]) {
         context.dragIndex = context.dragIndex === 0 ? 1 : 0;
         var temp = newRate[0];
@@ -131,6 +173,9 @@ export var useSlider = function useSlider(props) {
     var rect = target.getBoundingClientRect();
     var rate = !props.vertical ? (isReserve ? rect.right - e.clientX : e.clientX - rect.left) / rect.width : (rect.bottom - e.clientY) / rect.height;
     var value = getValueFromRate(rate, scale, step);
+
+    // Check if the clicked value would be disabled
+    if (isDisabled(value)) return;
     if (props.range) {
       var _start = startValue;
       var _end = endValue;
@@ -167,8 +212,10 @@ export var useSlider = function useSlider(props) {
     handleEndMouseDown: handleEndMouseDown,
     handleTrackClick: handleTrackClick
   });
-  var start = dragInfo.isDragging ? rate[0] : getRateFromValue(startValue, scale);
-  var end = dragInfo.isDragging ? rate[1] : getRateFromValue(endValue, scale);
+
+  // During dragging, optionally snap to quantized values in discrete mode
+  var start = dragInfo.isDragging ? props.discrete ? getRateFromValue(getValueFromRate(rate[0], scale, step), scale) : rate[0] : getRateFromValue(startValue, scale);
+  var end = dragInfo.isDragging ? props.discrete ? getRateFromValue(getValueFromRate(rate[1], scale, step), scale) : rate[1] : getRateFromValue(endValue, scale);
   var innerStyle = getTrackInnerStyle(start, end);
   return {
     func: func,

package/esm/components/use-slider/use-slider.type.d.ts

@@ -7,5 +7,7 @@ export interface UseSliderProps<Value extends number | number[]> {
     vertical: boolean;
     onIncrease: (() => void) | undefined;
     direction?: 'ltr' | 'rtl';
+    disabled?: boolean | ((value: number) => boolean);
+    discrete?: boolean;
 }
 //# sourceMappingURL=use-slider.type.d.ts.map

package/esm/components/use-slider/use-slider.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-slider.type.d.ts","sourceRoot":"","sources":["use-slider.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE;IAC7D,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACrC,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CAC3B"}
+{"version":3,"file":"use-slider.type.d.ts","sourceRoot":"","sources":["use-slider.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE;IAC7D,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACrC,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sheinx/hooks",
-  "version": "3.9.7-beta.1",
+  "version": "3.9.7-beta.3",
   "description": "",
   "keywords": [],
   "license": "MIT",