aio-range 1.0.1 → 2.0.0

package/index.d.ts

@@ -24,6 +24,7 @@ export type AI_label = {
     setting: (value: number, p: {
         angle: number;
         disabled: boolean;
+        index: number;
     }) => AI_labelItem;
 };
 export type AI_labelItem = {
@@ -78,6 +79,12 @@ export type I_Range = {
             disabled: boolean;
             angle: number;
         }) => ReactNode | false | undefined;
+        pointContent?: (p: {
+            index: number;
+            value: number;
+            disabled: boolean;
+            angle: number;
+        }) => ReactNode;
         pointOffset?: (p: {
             index: number;
             value: number;
@@ -127,6 +134,7 @@ export default AIORange;
 export type I_RangeLabelItem = {
     label: AI_label;
     itemValue: number;
+    index: number;
 };
 declare const useRange: (PROPS: I_Range) => {
     values: number[];

package/index.js

@@ -242,13 +242,13 @@ const RangeLabel = (props) => {
         if (!init && !dynamic) {
             return def;
         }
-        return (_jsx("div", { className: 'ai-range-labels', style: { zIndex }, children: getList().map((itemValue) => _jsx(RangeLabelItem, { label: label, itemValue: itemValue }, itemValue)) }));
+        return (_jsx("div", { className: 'ai-range-labels', style: { zIndex }, children: getList().map((itemValue, index) => _jsx(RangeLabelItem, { label: label, itemValue: itemValue, index: index }, itemValue)) }));
     }
     return _jsx(_Fragment, { children: RENDER(false) });
 };
 const RangeLabelItem = (props) => {
     let { rangeHook } = useRangeProvider();
-    let { label, itemValue } = props;
+    let { label, itemValue, index } = props;
     let { round, vertical, size } = rangeHook.rootProps;
     let angle;
     if (round) {
@@ -274,7 +274,7 @@ const RangeLabelItem = (props) => {
         return Object.assign({ width: 0, height: 0 }, res);
     }
     function getDetails() {
-        let item = label.setting(itemValue, { disabled, angle });
+        let item = label.setting(itemValue, { disabled, angle, index });
         let { offset = 0, html = '', config } = item;
         let distance = { [round || vertical ? 'left' : 'top']: size * offset / 100 / 2 };
         if (round) {
@@ -320,7 +320,7 @@ const AIRangePoint = (props) => {
         containers.css({ zIndex: 10 });
         containers.eq(index).css({ zIndex: 100 });
     }
-    const { pointHtml = (() => _jsx("div", { className: 'ai-range-point', children: props.value })), pointOffset = (() => 0) } = rangeOption;
+    const { pointContent = (() => props.value), pointHtml = (() => _jsx("div", { className: 'ai-range-point', children: pointContent(props) })), pointOffset = (() => 0) } = rangeOption;
     const point = pointHtml(props);
     if (point === false) {
         return null;
@@ -515,7 +515,8 @@ const useRange = (PROPS) => {
         for (let i = 0; i < value.length; i++) {
             let point = value[i] || 0;
             point = Math.round((point - start) / step) * step + start;
-            point = +point.toFixed(UT.GetPrecisionCount(step));
+            const { floatLength } = UT.Float(step);
+            point = +floatLength;
             if (point < min) {
                 point = min;
             }

package/package.json

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