aio-range 2.0.3 → 2.0.4

package/index.d.ts

@@ -72,6 +72,8 @@ export type I_Range = {
     labels?: AI_label[];
     ranges?: I_range[];
     rangeOption?: {
+        onStartDrag?: (index: number) => void;
+        onEndDrag?: () => void;
         pointHtml?: (p: {
             index: number;
             value: number;

package/index.js

@@ -245,12 +245,16 @@ const useRange = (PROPS, type) => {
                 dom: mainDom.current,
                 childIndexAttr: 'data-range-index',
                 start: ({ index }) => {
+                    var _a;
                     const { disabled } = propsRef.current;
                     if (disabled === true) {
                         return false;
                     }
                     temp.index = index;
                     temp.start = [...values];
+                    if ((_a = PROPS.rangeOption) === null || _a === void 0 ? void 0 : _a.onStartDrag) {
+                        PROPS.rangeOption.onStartDrag(index || 0);
+                    }
                     return [0, 0];
                 },
                 move: (p) => {
@@ -259,6 +263,12 @@ const useRange = (PROPS, type) => {
                         changeHandle({ dx: change.dx, dy: change.dy, deltaCenterAngle: change.deltaCenterAngle, centerAngle: mousePosition.centerAngle });
                     }
                 },
+                end: () => {
+                    var _a;
+                    if ((_a = PROPS.rangeOption) === null || _a === void 0 ? void 0 : _a.onEndDrag) {
+                        PROPS.rangeOption.onEndDrag();
+                    }
+                },
                 onClick: function (p) {
                     const { disabled } = propsRef.current;
                     if (disabled) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "aio-range",
-    "version": "2.0.3",
+    "version": "2.0.4",
     "description": "linear and circular range input",
     "main": "index.js",
     "scripts": {