aio-range 2.0.1 → 2.0.2

package/index.d.ts

@@ -23,7 +23,6 @@ export type AI_label = {
     zIndex?: number;
     setting: (value: number, p: {
         angle: number;
-        disabled: boolean;
         index: number;
     }) => AI_labelItem;
 };
@@ -76,22 +75,18 @@ export type I_Range = {
         pointHtml?: (p: {
             index: number;
             value: number;
-            disabled: boolean;
             angle: number;
         }) => ReactNode | false | undefined;
         pointContent?: (p: {
             index: number;
             value: number;
-            disabled: boolean;
             angle: number;
         }) => ReactNode;
         pointOffset?: (p: {
             index: number;
             value: number;
-            disabled: boolean;
             angle: number;
         }) => number | undefined;
-        disabled?: (value: number) => boolean;
         fill?: (startPoint: {
             index: number;
             value: number;
@@ -107,7 +102,6 @@ export type I_Range = {
         handle?: (p: {
             index: number;
             value: number;
-            disabled: boolean;
             angle: number;
         }) => {
             widthPercent?: number;
@@ -133,7 +127,6 @@ export declare const AIOSlider: FC<I_Range>;
 export declare const AIOSpinner: FC<I_Range>;
 type I_RangeValue = {
     value: number;
-    disabled: boolean;
     angle: number;
     index: number;
 };
@@ -144,7 +137,6 @@ declare const useRange: (PROPS: I_Range, type: 'slider' | 'spinner') => {
     fixAngle: (angle: number) => number;
     getValueByAngle: (angle: number) => number;
     mainDom: any;
-    isValueDisabled: (value: number) => boolean;
     rootProps: I_Range_default;
     getRootProps: (props: I_Range, type: 'slider' | 'spinner') => any;
     getLabelList: (label: AI_label) => number[];
@@ -188,7 +180,6 @@ declare const useRange: (PROPS: I_Range, type: 'slider' | 'spinner') => {
         };
     };
     getRangeValue: (itemValue: number, index: number) => {
-        disabled: boolean;
         value: number;
         index: number;
         angle: number;

package/index.js

@@ -197,8 +197,7 @@ const RangeLabel = (props) => {
         }
         const list = rangeHook.getLabelList(label);
         return (_jsx("div", { className: 'ai-range-labels', style: { zIndex }, children: list.map((itemValue, index) => {
-                let disabled = rangeHook.isValueDisabled(itemValue);
-                let labelItem = label.setting(itemValue, { disabled, angle: 0, index });
+                let labelItem = label.setting(itemValue, { angle: 0, index });
                 if (props.type === "slider") {
                     return (rangeHook.getSliderLabel(labelItem, itemValue));
                 }
@@ -218,7 +217,7 @@ const AIRangePoint = ({ rangeValue, type }) => {
         return null;
     }
     const containerStyle = type === "spinner" ? rangeHook.getSpinnerPointContainerStyle(rangeValue) : rangeHook.getSliderPointContainerStyle(rangeValue);
-    return (_jsx("div", { style: containerStyle, className: 'ai-range-point-container', draggable: false, "data-index": rangeValue.index, onMouseDown: () => rangeHook.handleZIndex(rangeValue.index), children: point }, 'rangepoint' + rangeValue.index));
+    return (_jsx("div", { style: containerStyle, className: 'ai-range-point-container', draggable: false, "data-range-index": rangeValue.index, onMouseDown: () => rangeHook.handleZIndex(rangeValue.index), children: point }, 'rangepoint' + rangeValue.index));
 };
 const useRange = (PROPS, type) => {
     const getProps = () => {
@@ -233,7 +232,7 @@ const useRange = (PROPS, type) => {
     const [values, setValues] = useState([]);
     const { vertical, reverse, start = 0, end = 100, min = start, max = end, step = 1, rotate = 0, round = 1, size = 72 } = props;
     useEffect(() => {
-        if (!props.onChange || props.disabled === true) {
+        if (!props.onChange) {
             return;
         }
         clearTimeout(temp.timeOut);
@@ -250,7 +249,7 @@ const useRange = (PROPS, type) => {
                     }
                     let { event } = p;
                     if (event.target !== null) {
-                        let index = UT.GetAttr($(event.target), 'data-index');
+                        let index = UT.GetAttr($(event.target), 'data-range-index');
                         temp.index = index === null ? false : +index;
                         temp.start = [...values];
                     }
@@ -273,7 +272,7 @@ const useRange = (PROPS, type) => {
         }, 100);
     }, [changeHandle]);
     function click(mousePosition) {
-        if (props.disabled === true || temp.index !== false) {
+        if (props.disabled === true) {
             return;
         }
         let clickedValue;
@@ -301,17 +300,12 @@ const useRange = (PROPS, type) => {
         let newValue = getChangedValue(obj);
         changeValue(newValue);
     }
-    function isValueDisabled(value) {
-        const { rangeOption = {} } = props;
-        const { disabled: d = () => false } = rangeOption;
-        return d(value);
-    }
     function getChangedValue(obj) {
         let { dx, dy, deltaCenterAngle, centerAngle } = obj;
         let startValue = [...temp.start];
         let index = temp.index;
         //agar faghat yek point darim har koja mousedown shod farz kon rooye oon point mousedown karde im
-        if (startValue.length === 1 && index === false) {
+        if (startValue.length === 1 && index !== false) {
             index = 0;
         }
         let res;
@@ -325,8 +319,7 @@ const useRange = (PROPS, type) => {
             else {
                 deltaValue = Math.round(getValueByXP(getXPByX(props.vertical ? dy : dx)) / props.step) * props.step;
             }
-            let newValue = moveAll(startValue, deltaValue, true);
-            res = !isValueValid(newValue) ? values : newValue;
+            res = moveAll(startValue, deltaValue, true);
         }
         else {
             let { before, after } = getIndexLimit(index);
@@ -344,9 +337,6 @@ const useRange = (PROPS, type) => {
             if (newUnitValue < before) {
                 newUnitValue = before;
             }
-            if (isValueDisabled(newUnitValue)) {
-                newUnitValue = values[index];
-            }
             startValue[index] = newUnitValue;
             res = startValue;
         }
@@ -354,12 +344,7 @@ const useRange = (PROPS, type) => {
     }
     function change1Unit(dir) {
         let newValue = [...values];
-        let lastValue = JSON.stringify(newValue);
         newValue = moveAll(newValue, dir * props.step);
-        while (!isValueValid(newValue) && JSON.stringify(newValue) !== lastValue) {
-            lastValue = JSON.stringify(newValue);
-            newValue = moveAll(newValue, dir * props.step);
-        }
         changeValue(newValue);
     }
     function changeValue(newValue) {
@@ -369,14 +354,6 @@ const useRange = (PROPS, type) => {
         newValue = getValues(newValue);
         props.onChange(!!props.multiple ? newValue : newValue[0]);
     }
-    function isValueValid(value) {
-        for (let i = 0; i < value.length; i++) {
-            if (isValueDisabled(value[i])) {
-                return false;
-            }
-        }
-        return true;
-    }
     function getIndexLimit(index) {
         let before, after;
         if (index === 0) {
@@ -400,6 +377,13 @@ const useRange = (PROPS, type) => {
         }
         return res;
     }
+    const getFloatLength = (step) => {
+        const str = step.toString();
+        if (str.indexOf('.') === -1) {
+            return 0;
+        }
+        return str.split('.')[1].length;
+    };
     function getValues(value) {
         if (!Array.isArray(value)) {
             value = [value || 0];
@@ -407,8 +391,12 @@ const useRange = (PROPS, type) => {
         for (let i = 0; i < value.length; i++) {
             let point = value[i] || 0;
             point = Math.round((point - start) / step) * step + start;
-            const { floatLength } = UT.Float(step);
-            point = +point.toFixed(floatLength);
+            try {
+                point = +point.toFixed(getFloatLength(step));
+            }
+            catch (err) {
+                console.error(err.message);
+            }
             if (point < min) {
                 point = min;
             }
@@ -518,8 +506,7 @@ const useRange = (PROPS, type) => {
     }
     const getRangeValue = (itemValue, index) => {
         let angle = fixAngle(getAngleByValue(itemValue));
-        const disabled = isValueDisabled(itemValue);
-        return { disabled, value: itemValue, index, angle };
+        return { value: itemValue, index, angle };
     };
     function getRootClassName(props, type) {
         let c = 'ai-range';
@@ -612,7 +599,7 @@ const useRange = (PROPS, type) => {
         return (_jsx("div", Object.assign({}, containerProps, { children: _jsx("div", Object.assign({}, htmlProps, { children: html })) })));
     }
     return {
-        values, getValues, getSide, fixAngle, getValueByAngle, mainDom, isValueDisabled, rootProps: props, getRootProps, getLabelList,
+        values, getValues, getSide, fixAngle, getValueByAngle, mainDom, rootProps: props, getRootProps, getLabelList,
         getArc, getAngleByValue, getRectByStr, sbp, getXPByValue, getValueByXP, getXPByX, handleZIndex, getSpinnerLabel,
         getSliderPointContainerStyle, getSpinnerPointContainerStyle, getSliderValueProps, getSpinnerValueProps, getRangeValue,
         getSliderLabel

package/package.json

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