@baby-journey/rn-segmented-progress-bar 0.1.5 → 0.4.0
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.
- package/lib/commonjs/helpers/index.js +4 -5
- package/lib/commonjs/helpers/index.js.map +1 -1
- package/lib/commonjs/index.js +198 -142
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/package.json +1 -0
- package/lib/module/helpers/index.js +6 -5
- package/lib/module/helpers/index.js.map +1 -1
- package/lib/module/index.js +199 -139
- package/lib/module/index.js.map +1 -1
- package/lib/typescript/helpers/index.d.ts +2 -2
- package/lib/typescript/helpers/index.d.ts.map +1 -1
- package/lib/typescript/index.d.ts +1 -2
- package/lib/typescript/index.d.ts.map +1 -1
- package/package.json +23 -16
- package/src/helpers/index.ts +16 -9
- package/src/index.tsx +236 -190
- package/.editorconfig +0 -15
- package/.gitattributes +0 -3
- package/.gitignore +0 -70
- package/.nvmrc +0 -1
- package/.watchmanconfig +0 -1
- package/.yarnrc +0 -3
- package/CODE_OF_CONDUCT.md +0 -133
- package/CONTRIBUTING.md +0 -116
- package/babel.config.js +0 -3
- package/docs/CODE_OF_CONDUCT.md +0 -44
- package/docs/CONTRIBUTING.md +0 -95
- package/docs/pull_request_template.md +0 -28
- package/example/.expo/README.md +0 -8
- package/example/.expo/devices.json +0 -3
- package/example/App.js +0 -1
- package/example/app.json +0 -33
- package/example/assets/adaptive-icon.png +0 -0
- package/example/assets/favicon.png +0 -0
- package/example/assets/icon.png +0 -0
- package/example/assets/splash.png +0 -0
- package/example/babel.config.js +0 -22
- package/example/metro.config.js +0 -38
- package/example/package.json +0 -30
- package/example/src/App.tsx +0 -41
- package/example/tsconfig.json +0 -6
- package/example/webpack.config.js +0 -25
- package/example/yarn.lock +0 -10640
- package/lefthook.yml +0 -16
- package/scripts/bootstrap.js +0 -29
- package/src/__tests__/helper/index.test.js +0 -92
- package/src/__tests__/index.test.js +0 -28
- package/tsconfig.build.json +0 -5
- package/tsconfig.json +0 -28
- package/yarn.lock +0 -9933
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.getPathValues = exports.getArcEndCoordinates = void 0;
|
|
7
7
|
const getPathValues = (progress, max, segments) => {
|
|
8
8
|
if (!progress) {
|
|
9
|
-
return
|
|
9
|
+
return new Array(segments).fill(0);
|
|
10
10
|
}
|
|
11
11
|
const pathLengths = [];
|
|
12
12
|
if (progress > max) {
|
|
@@ -16,16 +16,15 @@ const getPathValues = (progress, max, segments) => {
|
|
|
16
16
|
let i = 0;
|
|
17
17
|
while (i < segments) {
|
|
18
18
|
const val = progress >= max / segments ? max / segments : progress;
|
|
19
|
-
pathLengths.push(
|
|
19
|
+
pathLengths.push(Math.round(val * 10000) / 10000);
|
|
20
20
|
progress = progress - val;
|
|
21
21
|
i++;
|
|
22
22
|
}
|
|
23
23
|
return pathLengths;
|
|
24
24
|
};
|
|
25
25
|
exports.getPathValues = getPathValues;
|
|
26
|
-
const getArcEndCoordinates =
|
|
27
|
-
|
|
28
|
-
if (!circleCircumference || !radius || !cx || !cy) {
|
|
26
|
+
const getArcEndCoordinates = (radius, circleCircumference, cx, cy, rotation = 0) => {
|
|
27
|
+
if (circleCircumference == null || circleCircumference === 0 || radius == null || radius === 0 || cx == null || cy == null) {
|
|
29
28
|
return {
|
|
30
29
|
x: 0,
|
|
31
30
|
y: 0
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getPathValues","progress","max","segments","Array","
|
|
1
|
+
{"version":3,"names":["getPathValues","progress","max","segments","Array","fill","pathLengths","i","val","push","Math","round","exports","getArcEndCoordinates","radius","circleCircumference","cx","cy","rotation","x","y","θ","PI","cos","sin"],"sourceRoot":"../../../src","sources":["helpers/index.ts"],"mappings":";;;;;;AAAO,MAAMA,aAAa,GAAGA,CAC3BC,QAAmC,EACnCC,GAAW,EACXC,QAAgB,KACH;EACb,IAAI,CAACF,QAAQ,EAAE;IACb,OAAO,IAAIG,KAAK,CAACD,QAAQ,CAAC,CAACE,IAAI,CAAC,CAAC,CAAC;EACpC;EAEA,MAAMC,WAAqB,GAAG,EAAE;EAEhC,IAAIL,QAAQ,GAAGC,GAAG,EAAE;IAClBD,QAAQ,GAAGC,GAAG;EAChB;EAEAD,QAAQ,GAAI,GAAG,GAAGA,QAAQ,GAAIC,GAAG;EAEjC,IAAIK,CAAC,GAAG,CAAC;EACT,OAAOA,CAAC,GAAGJ,QAAQ,EAAE;IACnB,MAAMK,GAAW,GAAGP,QAAQ,IAAIC,GAAG,GAAGC,QAAQ,GAAGD,GAAG,GAAGC,QAAQ,GAAGF,QAAQ;IAC1EK,WAAW,CAACG,IAAI,CAACC,IAAI,CAACC,KAAK,CAACH,GAAG,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC;IACjDP,QAAQ,GAAGA,QAAQ,GAAGO,GAAG;IACzBD,CAAC,EAAE;EACL;EAEA,OAAOD,WAAW;AACpB,CAAC;AAACM,OAAA,CAAAZ,aAAA,GAAAA,aAAA;AAEK,MAAMa,oBAAoB,GAAGA,CAClCC,MAAiC,EACjCC,mBAA8C,EAC9CC,EAA6B,EAC7BC,EAA6B,EAC7BC,QAAgB,GAAG,CAAC,KACS;EAC7B,IACEH,mBAAmB,IAAI,IAAI,IAC3BA,mBAAmB,KAAK,CAAC,IACzBD,MAAM,IAAI,IAAI,IACdA,MAAM,KAAK,CAAC,IACZE,EAAE,IAAI,IAAI,IACVC,EAAE,IAAI,IAAI,EACV;IACA,OAAO;MAAEE,CAAC,EAAE,CAAC;MAAEC,CAAC,EAAE;IAAE,CAAC;EACvB;EAEA,MAAMC,CAAC,GAAGN,mBAAmB,GAAGD,MAAM,GAAII,QAAQ,GAAGR,IAAI,CAACY,EAAE,GAAI,GAAG;EACnE,MAAMH,CAAC,GAAGT,IAAI,CAACa,GAAG,CAACF,CAAC,CAAC,GAAGP,MAAM,GAAGE,EAAE;EACnC,MAAMI,CAAC,GAAGV,IAAI,CAACc,GAAG,CAACH,CAAC,CAAC,GAAGP,MAAM,GAAGG,EAAE;EAEnC,OAAO;IAAEE,CAAC;IAAEC;EAAE,CAAC;AACjB,CAAC;AAACR,OAAA,CAAAC,oBAAA,GAAAA,oBAAA","ignoreList":[]}
|
package/lib/commonjs/index.js
CHANGED
|
@@ -4,17 +4,52 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
var _react =
|
|
7
|
+
var _react = require("react");
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
|
|
10
10
|
var _helpers = require("./helpers");
|
|
11
|
-
|
|
12
|
-
function _interopRequireWildcard(
|
|
13
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
14
13
|
const IndicatorCircle = _reactNative.Animated.createAnimatedComponent(_reactNativeSvg.Circle);
|
|
15
14
|
const ProgressCircle = _reactNative.Animated.createAnimatedComponent(_reactNativeSvg.Circle);
|
|
16
15
|
const max = 100;
|
|
17
16
|
const duration = 1200;
|
|
17
|
+
const progressDelay = 500;
|
|
18
|
+
const INDICATOR_FONT = {
|
|
19
|
+
textAnchor: 'middle',
|
|
20
|
+
fontSize: 18
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
/**
|
|
24
|
+
* Computes the declarative strokeDashoffset for a segment.
|
|
25
|
+
* Returns an Animated.AnimatedInterpolation when the segment has progress,
|
|
26
|
+
* or a static number when it doesn't.
|
|
27
|
+
*/
|
|
28
|
+
const computeStrokeDashoffset = (animatedVal, target, circumference, numSegments, gap) => {
|
|
29
|
+
if (target <= 0) return circumference;
|
|
30
|
+
const gapAdjust = numSegments * target * gap / 100;
|
|
31
|
+
const targetOffset = circumference * (1 - target / 100) + gapAdjust;
|
|
32
|
+
const thresholdV = gapAdjust > 0 ? gapAdjust * 100 / circumference : 0;
|
|
33
|
+
|
|
34
|
+
// Gap consumes all progress — segment stays hidden
|
|
35
|
+
if (thresholdV >= target) return circumference;
|
|
36
|
+
|
|
37
|
+
// With gap: dead zone at start where offset stays at circumference
|
|
38
|
+
if (thresholdV > 0) {
|
|
39
|
+
return animatedVal.interpolate({
|
|
40
|
+
inputRange: [0, thresholdV, target],
|
|
41
|
+
outputRange: [circumference, circumference, targetOffset],
|
|
42
|
+
extrapolate: 'clamp'
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
// No gap: simple linear interpolation
|
|
47
|
+
return animatedVal.interpolate({
|
|
48
|
+
inputRange: [0, target],
|
|
49
|
+
outputRange: [circumference, targetOffset],
|
|
50
|
+
extrapolate: 'clamp'
|
|
51
|
+
});
|
|
52
|
+
};
|
|
18
53
|
const RNSegmentedProgressBar = (props, ref) => {
|
|
19
54
|
const {
|
|
20
55
|
radius,
|
|
@@ -26,182 +61,203 @@ const RNSegmentedProgressBar = (props, ref) => {
|
|
|
26
61
|
indicator,
|
|
27
62
|
centerComponent
|
|
28
63
|
} = props;
|
|
29
|
-
const circleRef = (0, _react.useRef)([]);
|
|
30
64
|
const animatedValue = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
|
|
31
|
-
const progressAnimatedValues = (0, _react.useRef)(
|
|
65
|
+
const progressAnimatedValues = (0, _react.useRef)(new Array(segments).fill(null).map(() => new _reactNative.Animated.Value(0))).current;
|
|
32
66
|
const indicatorCircleRef = (0, _react.useRef)(null);
|
|
33
67
|
const tSpanRef = (0, _react.useRef)(null);
|
|
34
|
-
|
|
68
|
+
|
|
69
|
+
// Per-segment target values — drives both render-time interpolation and animation
|
|
70
|
+
const [segmentTargets, setSegmentTargets] = (0, _react.useState)(() => new Array(segments).fill(0));
|
|
71
|
+
// Overall progress stored in ref (only needed inside animation, not for render)
|
|
72
|
+
const activeProgressRef = (0, _react.useRef)(0);
|
|
73
|
+
// Pending animation config — bridges run() and the post-render effect
|
|
74
|
+
const pendingAnimationRef = (0, _react.useRef)(null);
|
|
75
|
+
const indicatorSegmentsGap = indicator?.radius ?? 0;
|
|
35
76
|
const halfCircle = radius + strokeWidth + indicatorSegmentsGap;
|
|
36
77
|
const circleCircumference = 2 * Math.PI * radius;
|
|
37
78
|
const rotation = -90 + 180 * (segmentsGap / 2 / radius) / Math.PI;
|
|
38
79
|
const getProgressValues = (0, _react.useCallback)(progress => (0, _helpers.getPathValues)(progress, max, segments), [segments]);
|
|
39
|
-
const
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
easing: _reactNative.Easing.linear
|
|
47
|
-
});
|
|
48
|
-
}, []);
|
|
80
|
+
const getMeanSegmentsGap = (0, _react.useCallback)(progress => {
|
|
81
|
+
const pathValues = getProgressValues(progress);
|
|
82
|
+
const activeSegments = pathValues.filter(val => val > 0).length;
|
|
83
|
+
return progress / (activeSegments || 1) * segments * segmentsGap / 100;
|
|
84
|
+
}, [getProgressValues, segments, segmentsGap]);
|
|
85
|
+
|
|
86
|
+
// Clean up on unmount
|
|
49
87
|
(0, _react.useEffect)(() => {
|
|
50
|
-
() => {
|
|
88
|
+
return () => {
|
|
89
|
+
animatedValue.stopAnimation();
|
|
51
90
|
animatedValue.removeAllListeners();
|
|
52
|
-
progressAnimatedValues.forEach(
|
|
91
|
+
progressAnimatedValues.forEach(v => {
|
|
92
|
+
v.stopAnimation();
|
|
93
|
+
v.removeAllListeners();
|
|
94
|
+
});
|
|
53
95
|
};
|
|
54
96
|
}, [animatedValue, progressAnimatedValues]);
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
97
|
+
|
|
98
|
+
// Start animations AFTER React has re-rendered with updated segmentTargets.
|
|
99
|
+
// This guarantees progressTrack useMemo has correct interpolations before
|
|
100
|
+
// any animated values start ticking.
|
|
101
|
+
(0, _react.useEffect)(() => {
|
|
102
|
+
const pending = pendingAnimationRef.current;
|
|
103
|
+
if (!pending) return;
|
|
104
|
+
pendingAnimationRef.current = null;
|
|
60
105
|
const {
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
} =
|
|
64
|
-
|
|
65
|
-
|
|
106
|
+
progress,
|
|
107
|
+
targets
|
|
108
|
+
} = pending;
|
|
109
|
+
const progressAnimations = _reactNative.Animated.sequence(progressAnimatedValues.map((animVal, index) => _reactNative.Animated.timing(animVal, {
|
|
110
|
+
toValue: targets[index] ?? 0,
|
|
111
|
+
duration: duration * (targets[index] ?? 0) / max,
|
|
112
|
+
delay: index === 0 ? progressDelay : 0,
|
|
113
|
+
useNativeDriver: false,
|
|
114
|
+
easing: _reactNative.Easing.linear
|
|
115
|
+
})));
|
|
116
|
+
if (indicator?.show) {
|
|
117
|
+
const percentageAnim = _reactNative.Animated.timing(animatedValue, {
|
|
118
|
+
toValue: progress,
|
|
119
|
+
duration: duration * progress / max,
|
|
120
|
+
delay: progressDelay,
|
|
121
|
+
useNativeDriver: false,
|
|
122
|
+
easing: _reactNative.Easing.linear
|
|
123
|
+
});
|
|
124
|
+
_reactNative.Animated.parallel([progressAnimations, percentageAnim]).start();
|
|
125
|
+
} else {
|
|
126
|
+
progressAnimations.start();
|
|
66
127
|
}
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
128
|
+
}, [segmentTargets, animatedValue, indicator?.show, progressAnimatedValues]);
|
|
129
|
+
const run = (0, _react.useCallback)(({
|
|
130
|
+
progress
|
|
131
|
+
}) => {
|
|
132
|
+
// Stop ongoing animations and clear all listeners
|
|
133
|
+
animatedValue.stopAnimation();
|
|
134
|
+
animatedValue.removeAllListeners();
|
|
135
|
+
animatedValue.setValue(0);
|
|
136
|
+
progressAnimatedValues.forEach(v => {
|
|
137
|
+
v.stopAnimation();
|
|
138
|
+
v.removeAllListeners();
|
|
139
|
+
v.setValue(0);
|
|
140
|
+
});
|
|
141
|
+
const targets = getProgressValues(progress);
|
|
142
|
+
activeProgressRef.current = progress;
|
|
143
|
+
|
|
144
|
+
// Set up indicator static properties once (not per-frame)
|
|
145
|
+
if (indicator?.show && indicatorCircleRef.current && tSpanRef.current) {
|
|
146
|
+
const calculatedProgress = `${Math.round(progress)}%`;
|
|
147
|
+
// @ts-ignore – setNativeProps exists on native ref
|
|
70
148
|
indicatorCircleRef.current.setNativeProps({
|
|
71
|
-
r:
|
|
72
|
-
strokeWidth:
|
|
73
|
-
cx,
|
|
74
|
-
cy
|
|
149
|
+
r: indicator.radius || 0,
|
|
150
|
+
strokeWidth: indicator.strokeWidth || 0
|
|
75
151
|
});
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
tSpanRef === null || tSpanRef === void 0 ? void 0 : tSpanRef.current.setNativeProps({
|
|
152
|
+
// @ts-ignore – setNativeProps exists on native ref
|
|
153
|
+
tSpanRef.current.setNativeProps({
|
|
79
154
|
children: calculatedProgress,
|
|
80
|
-
|
|
81
|
-
dy: cy + 5,
|
|
82
|
-
font: {
|
|
83
|
-
textAnchor: 'middle',
|
|
84
|
-
fontSize: 18
|
|
85
|
-
}
|
|
155
|
+
font: INDICATOR_FONT
|
|
86
156
|
});
|
|
87
157
|
}
|
|
88
|
-
}, [radius, halfCircle, rotation, indicator === null || indicator === void 0 ? void 0 : indicator.radius, indicator === null || indicator === void 0 ? void 0 : indicator.strokeWidth]);
|
|
89
|
-
const run = (0, _react.useCallback)(_ref => {
|
|
90
|
-
let {
|
|
91
|
-
progress
|
|
92
|
-
} = _ref;
|
|
93
|
-
const circleProgressValues = getProgressValues(progress);
|
|
94
|
-
progressAnimatedValues.forEach((progressAnimated, index) => {
|
|
95
|
-
progressAnimated.addListener(v => {
|
|
96
|
-
if (circleRef !== null && circleRef !== void 0 && circleRef.current[index]) {
|
|
97
|
-
var _circleRef$current$in;
|
|
98
|
-
var strokeDashoffset = circleCircumference;
|
|
99
|
-
var val = v.value <= (circleProgressValues[index] ?? 0) ? v.value : circleProgressValues[index] ?? 0;
|
|
100
|
-
strokeDashoffset = circleProgressValues[index] ? circleCircumference - circleCircumference * val / 100 : circleCircumference;
|
|
101
|
-
const paintedLength = circleCircumference - strokeDashoffset - segments * (circleProgressValues[index] ?? 0) * segmentsGap / 100;
|
|
102
158
|
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
159
|
+
// Set up indicator position listener (trig-based, can't use interpolate)
|
|
160
|
+
if (indicator?.show) {
|
|
161
|
+
const meanGap = getMeanSegmentsGap(progress);
|
|
162
|
+
animatedValue.addListener(v => {
|
|
163
|
+
const val = Math.min(v.value, progress);
|
|
164
|
+
const paintedLength = circleCircumference * val / 100;
|
|
165
|
+
const adjustedLength = paintedLength - meanGap;
|
|
166
|
+
if (adjustedLength <= 0) return;
|
|
167
|
+
const {
|
|
168
|
+
x: cx,
|
|
169
|
+
y: cy
|
|
170
|
+
} = (0, _helpers.getArcEndCoordinates)(radius, adjustedLength, halfCircle, halfCircle, rotation);
|
|
171
|
+
if (indicatorCircleRef.current) {
|
|
172
|
+
// @ts-ignore – setNativeProps exists on native ref
|
|
173
|
+
indicatorCircleRef.current.setNativeProps({
|
|
174
|
+
cx,
|
|
175
|
+
cy
|
|
176
|
+
});
|
|
177
|
+
}
|
|
178
|
+
if (tSpanRef.current) {
|
|
179
|
+
// @ts-ignore – setNativeProps exists on native ref
|
|
180
|
+
tSpanRef.current.setNativeProps({
|
|
181
|
+
dx: cx,
|
|
182
|
+
dy: cy + 5
|
|
106
183
|
});
|
|
107
184
|
}
|
|
108
|
-
});
|
|
109
|
-
});
|
|
110
|
-
if (indicator !== null && indicator !== void 0 && indicator.show) {
|
|
111
|
-
animatedValue.addListener(v => {
|
|
112
|
-
var strokeDashoffset = circleCircumference;
|
|
113
|
-
var val = v.value <= progress ? v.value : progress;
|
|
114
|
-
strokeDashoffset = progress ? circleCircumference - circleCircumference * val / 100 : circleCircumference;
|
|
115
|
-
const paintedLength = circleCircumference - strokeDashoffset;
|
|
116
|
-
const meanSegmentsGap = getMeanSegmentsGap(progress);
|
|
117
|
-
const calculatedStrokeDashoffset = paintedLength - meanSegmentsGap;
|
|
118
|
-
runIndicator(calculatedStrokeDashoffset, progress);
|
|
119
185
|
});
|
|
120
186
|
}
|
|
121
187
|
|
|
122
|
-
//
|
|
123
|
-
|
|
124
|
-
//
|
|
125
|
-
|
|
126
|
-
// To value
|
|
127
|
-
index === 0 ? progressDelay : 0,
|
|
128
|
-
// Delay
|
|
129
|
-
duration * (circleProgressValues[index] ?? 0) / max // Duration
|
|
130
|
-
)));
|
|
131
|
-
|
|
132
|
-
if (indicator !== null && indicator !== void 0 && indicator.show) {
|
|
133
|
-
// Animate percentage circle
|
|
134
|
-
const percentageAnim = animation(animatedValue,
|
|
135
|
-
// Animated value
|
|
188
|
+
// Store pending config and trigger re-render with new targets.
|
|
189
|
+
// Animations start in a useEffect AFTER React has re-rendered,
|
|
190
|
+
// ensuring interpolations in progressTrack are set up correctly.
|
|
191
|
+
pendingAnimationRef.current = {
|
|
136
192
|
progress,
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
}
|
|
147
|
-
}, [animatedValue, animation, segments, circleCircumference, segmentsGap, getMeanSegmentsGap, indicator === null || indicator === void 0 ? void 0 : indicator.show, getProgressValues, runIndicator, progressAnimatedValues]);
|
|
148
|
-
const getProgress = (0, _react.useMemo)(() => {
|
|
149
|
-
const progressConfig = {
|
|
150
|
-
stroke: progressColor,
|
|
193
|
+
targets
|
|
194
|
+
};
|
|
195
|
+
setSegmentTargets(targets);
|
|
196
|
+
}, [animatedValue, circleCircumference, getMeanSegmentsGap, getProgressValues, halfCircle, indicator?.show, indicator?.radius, indicator?.strokeWidth, progressAnimatedValues, radius, rotation]);
|
|
197
|
+
|
|
198
|
+
// Memoize base track circles (static, never animate)
|
|
199
|
+
const baseTrack = (0, _react.useMemo)(() => {
|
|
200
|
+
const baseStrokeDashoffset = circleCircumference - circleCircumference / segments + segmentsGap;
|
|
201
|
+
return new Array(segments).fill(null).map((_, key) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
|
|
151
202
|
cx: halfCircle,
|
|
152
203
|
cy: halfCircle,
|
|
153
204
|
r: radius,
|
|
205
|
+
stroke: baseColor,
|
|
206
|
+
rotation: rotation + key * 360 / segments,
|
|
154
207
|
origin: `${halfCircle}, ${halfCircle}`,
|
|
155
208
|
strokeWidth: strokeWidth,
|
|
156
209
|
strokeDasharray: circleCircumference,
|
|
157
|
-
strokeDashoffset:
|
|
158
|
-
};
|
|
159
|
-
return progressAnimatedValues.map((_, key) => /*#__PURE__*/_react.default.createElement(ProgressCircle, _extends({
|
|
160
|
-
key: key
|
|
161
|
-
//@ts-ignore
|
|
162
|
-
,
|
|
163
|
-
ref: el => circleRef.current[key] = el
|
|
164
|
-
}, progressConfig, {
|
|
165
|
-
rotation: rotation + key * 360 / segments,
|
|
210
|
+
strokeDashoffset: baseStrokeDashoffset,
|
|
166
211
|
strokeLinecap: "round"
|
|
167
|
-
}))
|
|
168
|
-
}, [
|
|
212
|
+
}, key));
|
|
213
|
+
}, [baseColor, circleCircumference, halfCircle, radius, rotation, segments, segmentsGap, strokeWidth]);
|
|
214
|
+
|
|
215
|
+
// Memoize progress overlay circles with declarative interpolated strokeDashoffset
|
|
216
|
+
const progressTrack = (0, _react.useMemo)(() => {
|
|
217
|
+
return progressAnimatedValues.map((animVal, key) => {
|
|
218
|
+
const target = segmentTargets[key] ?? 0;
|
|
219
|
+
const strokeDashoffset = computeStrokeDashoffset(animVal, target, circleCircumference, segments, segmentsGap);
|
|
220
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(ProgressCircle, {
|
|
221
|
+
stroke: progressColor,
|
|
222
|
+
cx: halfCircle,
|
|
223
|
+
cy: halfCircle,
|
|
224
|
+
r: radius,
|
|
225
|
+
origin: `${halfCircle}, ${halfCircle}`,
|
|
226
|
+
strokeWidth: strokeWidth,
|
|
227
|
+
strokeDasharray: circleCircumference,
|
|
228
|
+
strokeDashoffset: strokeDashoffset,
|
|
229
|
+
rotation: rotation + key * 360 / segments,
|
|
230
|
+
strokeLinecap: "round"
|
|
231
|
+
}, key);
|
|
232
|
+
});
|
|
233
|
+
}, [circleCircumference, halfCircle, progressAnimatedValues, progressColor, radius, rotation, segmentTargets, segments, segmentsGap, strokeWidth]);
|
|
169
234
|
(0, _react.useImperativeHandle)(ref, () => ({
|
|
170
235
|
run
|
|
171
|
-
}));
|
|
172
|
-
return /*#__PURE__*/
|
|
236
|
+
}), [run]);
|
|
237
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
|
|
173
238
|
viewBox: `0 0 ${halfCircle * 2} ${halfCircle * 2}`,
|
|
174
239
|
width: '100%',
|
|
175
240
|
fill: "none",
|
|
176
|
-
height: radius * 2
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
})
|
|
193
|
-
})
|
|
194
|
-
stroke: progressColor,
|
|
195
|
-
ref: indicatorCircleRef,
|
|
196
|
-
fill: "white"
|
|
197
|
-
}), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.TSpan, {
|
|
198
|
-
stroke: progressColor,
|
|
199
|
-
fill: progressColor,
|
|
200
|
-
ref: tSpanRef
|
|
201
|
-
}))));
|
|
241
|
+
height: radius * 2,
|
|
242
|
+
children: [centerComponent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
243
|
+
style: styles.centerComponent,
|
|
244
|
+
children: centerComponent
|
|
245
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.G, {
|
|
246
|
+
children: [baseTrack, progressTrack, indicator?.show === true && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
247
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(IndicatorCircle, {
|
|
248
|
+
stroke: progressColor,
|
|
249
|
+
ref: indicatorCircleRef,
|
|
250
|
+
fill: "white"
|
|
251
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.TSpan, {
|
|
252
|
+
stroke: progressColor,
|
|
253
|
+
fill: progressColor,
|
|
254
|
+
ref: tSpanRef
|
|
255
|
+
})]
|
|
256
|
+
})]
|
|
257
|
+
})]
|
|
258
|
+
});
|
|
202
259
|
};
|
|
203
|
-
var _default = /*#__PURE__*/(0, _react.memo)(
|
|
204
|
-
exports.default = _default;
|
|
260
|
+
var _default = exports.default = /*#__PURE__*/(0, _react.memo)(/*#__PURE__*/(0, _react.forwardRef)(RNSegmentedProgressBar));
|
|
205
261
|
const styles = _reactNative.StyleSheet.create({
|
|
206
262
|
centerComponent: {
|
|
207
263
|
height: '100%',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["IndicatorCircle","Animated","createAnimatedComponent","Circle","ProgressCircle","max","duration","RNSegmentedProgressBar","props","ref","radius","strokeWidth","baseColor","progressColor","segments","segmentsGap","indicator","centerComponent","circleRef","useRef","animatedValue","Value","current","progressAnimatedValues","Array","map","indicatorCircleRef","tSpanRef","indicatorSegmentsGap","halfCircle","circleCircumference","Math","PI","rotation","getProgressValues","useCallback","progress","getPathValues","progressDelay","animation","animatedVal","toValue","delay","durationValue","timing","useNativeDriver","easing","Easing","linear","useEffect","removeAllListeners","forEach","progressAnimatedValue","getMeanSegmentsGap","pathValues","filter","val","length","runIndicator","calculatedStrokeDashoffset","x","cx","y","cy","getArcEndCoordinates","calculatedProgress","round","setNativeProps","r","children","dx","dy","font","textAnchor","fontSize","run","circleProgressValues","progressAnimated","index","addListener","v","strokeDashoffset","value","paintedLength","show","meanSegmentsGap","progressAnimations","sequence","tav","percentageAnim","parallel","start","getProgress","useMemo","progressConfig","stroke","origin","strokeDasharray","_","key","el","useImperativeHandle","styles","memo","forwardRef","StyleSheet","create","height","justifyContent","alignItems"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_reactNativeSvg","_interopRequireWildcard","_helpers","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","IndicatorCircle","Animated","createAnimatedComponent","Circle","ProgressCircle","max","duration","progressDelay","INDICATOR_FONT","textAnchor","fontSize","computeStrokeDashoffset","animatedVal","target","circumference","numSegments","gap","gapAdjust","targetOffset","thresholdV","interpolate","inputRange","outputRange","extrapolate","RNSegmentedProgressBar","props","ref","radius","strokeWidth","baseColor","progressColor","segments","segmentsGap","indicator","centerComponent","animatedValue","useRef","Value","current","progressAnimatedValues","Array","fill","map","indicatorCircleRef","tSpanRef","segmentTargets","setSegmentTargets","useState","activeProgressRef","pendingAnimationRef","indicatorSegmentsGap","halfCircle","circleCircumference","Math","PI","rotation","getProgressValues","useCallback","progress","getPathValues","getMeanSegmentsGap","pathValues","activeSegments","filter","val","length","useEffect","stopAnimation","removeAllListeners","forEach","v","pending","targets","progressAnimations","sequence","animVal","index","timing","toValue","delay","useNativeDriver","easing","Easing","linear","show","percentageAnim","parallel","start","run","setValue","calculatedProgress","round","setNativeProps","children","font","meanGap","addListener","min","value","paintedLength","adjustedLength","x","cx","y","cy","getArcEndCoordinates","dx","dy","baseTrack","useMemo","baseStrokeDashoffset","_","key","jsx","stroke","origin","strokeDasharray","strokeDashoffset","strokeLinecap","progressTrack","useImperativeHandle","jsxs","viewBox","width","height","View","style","styles","G","Fragment","TSpan","_default","exports","memo","forwardRef","StyleSheet","create","justifyContent","alignItems"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"type":"commonjs"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
1
3
|
export const getPathValues = (progress, max, segments) => {
|
|
2
4
|
if (!progress) {
|
|
3
|
-
return
|
|
5
|
+
return new Array(segments).fill(0);
|
|
4
6
|
}
|
|
5
7
|
const pathLengths = [];
|
|
6
8
|
if (progress > max) {
|
|
@@ -10,15 +12,14 @@ export const getPathValues = (progress, max, segments) => {
|
|
|
10
12
|
let i = 0;
|
|
11
13
|
while (i < segments) {
|
|
12
14
|
const val = progress >= max / segments ? max / segments : progress;
|
|
13
|
-
pathLengths.push(
|
|
15
|
+
pathLengths.push(Math.round(val * 10000) / 10000);
|
|
14
16
|
progress = progress - val;
|
|
15
17
|
i++;
|
|
16
18
|
}
|
|
17
19
|
return pathLengths;
|
|
18
20
|
};
|
|
19
|
-
export const getArcEndCoordinates =
|
|
20
|
-
|
|
21
|
-
if (!circleCircumference || !radius || !cx || !cy) {
|
|
21
|
+
export const getArcEndCoordinates = (radius, circleCircumference, cx, cy, rotation = 0) => {
|
|
22
|
+
if (circleCircumference == null || circleCircumference === 0 || radius == null || radius === 0 || cx == null || cy == null) {
|
|
22
23
|
return {
|
|
23
24
|
x: 0,
|
|
24
25
|
y: 0
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getPathValues","progress","max","segments","Array","
|
|
1
|
+
{"version":3,"names":["getPathValues","progress","max","segments","Array","fill","pathLengths","i","val","push","Math","round","getArcEndCoordinates","radius","circleCircumference","cx","cy","rotation","x","y","θ","PI","cos","sin"],"sourceRoot":"../../../src","sources":["helpers/index.ts"],"mappings":";;AAAA,OAAO,MAAMA,aAAa,GAAGA,CAC3BC,QAAmC,EACnCC,GAAW,EACXC,QAAgB,KACH;EACb,IAAI,CAACF,QAAQ,EAAE;IACb,OAAO,IAAIG,KAAK,CAACD,QAAQ,CAAC,CAACE,IAAI,CAAC,CAAC,CAAC;EACpC;EAEA,MAAMC,WAAqB,GAAG,EAAE;EAEhC,IAAIL,QAAQ,GAAGC,GAAG,EAAE;IAClBD,QAAQ,GAAGC,GAAG;EAChB;EAEAD,QAAQ,GAAI,GAAG,GAAGA,QAAQ,GAAIC,GAAG;EAEjC,IAAIK,CAAC,GAAG,CAAC;EACT,OAAOA,CAAC,GAAGJ,QAAQ,EAAE;IACnB,MAAMK,GAAW,GAAGP,QAAQ,IAAIC,GAAG,GAAGC,QAAQ,GAAGD,GAAG,GAAGC,QAAQ,GAAGF,QAAQ;IAC1EK,WAAW,CAACG,IAAI,CAACC,IAAI,CAACC,KAAK,CAACH,GAAG,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC;IACjDP,QAAQ,GAAGA,QAAQ,GAAGO,GAAG;IACzBD,CAAC,EAAE;EACL;EAEA,OAAOD,WAAW;AACpB,CAAC;AAED,OAAO,MAAMM,oBAAoB,GAAGA,CAClCC,MAAiC,EACjCC,mBAA8C,EAC9CC,EAA6B,EAC7BC,EAA6B,EAC7BC,QAAgB,GAAG,CAAC,KACS;EAC7B,IACEH,mBAAmB,IAAI,IAAI,IAC3BA,mBAAmB,KAAK,CAAC,IACzBD,MAAM,IAAI,IAAI,IACdA,MAAM,KAAK,CAAC,IACZE,EAAE,IAAI,IAAI,IACVC,EAAE,IAAI,IAAI,EACV;IACA,OAAO;MAAEE,CAAC,EAAE,CAAC;MAAEC,CAAC,EAAE;IAAE,CAAC;EACvB;EAEA,MAAMC,CAAC,GAAGN,mBAAmB,GAAGD,MAAM,GAAII,QAAQ,GAAGP,IAAI,CAACW,EAAE,GAAI,GAAG;EACnE,MAAMH,CAAC,GAAGR,IAAI,CAACY,GAAG,CAACF,CAAC,CAAC,GAAGP,MAAM,GAAGE,EAAE;EACnC,MAAMI,CAAC,GAAGT,IAAI,CAACa,GAAG,CAACH,CAAC,CAAC,GAAGP,MAAM,GAAGG,EAAE;EAEnC,OAAO;IAAEE,CAAC;IAAEC;EAAE,CAAC;AACjB,CAAC","ignoreList":[]}
|