@granite-js/lottie 1.0.10 → 1.0.12
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/CHANGELOG.md
CHANGED
|
@@ -68,6 +68,7 @@ export const LottieView = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
68
68
|
style,
|
|
69
69
|
progress,
|
|
70
70
|
speed = 1,
|
|
71
|
+
duration,
|
|
71
72
|
loop = true,
|
|
72
73
|
autoPlay = false,
|
|
73
74
|
resizeMode = 'contain',
|
|
@@ -115,6 +116,16 @@ export const LottieView = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
115
116
|
|
|
116
117
|
// Resolve source
|
|
117
118
|
const resolvedSource = useMemo(() => resolveSource(source), [source]);
|
|
119
|
+
const resolvedSpeed = useMemo(() => {
|
|
120
|
+
const {
|
|
121
|
+
sourceJson
|
|
122
|
+
} = resolvedSource;
|
|
123
|
+
if (duration && sourceJson && source.fr) {
|
|
124
|
+
// reference: https://github.com/lottie-react-native/lottie-react-native/blob/a7a99137b6cd947a4b2881e3a8c2214b114015bc/packages/core/src/LottieView/index.tsx#L119-L124
|
|
125
|
+
return Math.round(source.op / source.fr * 1000 / duration);
|
|
126
|
+
}
|
|
127
|
+
return speed;
|
|
128
|
+
}, [duration, resolvedSource, source, speed]);
|
|
118
129
|
|
|
119
130
|
// Event handlers
|
|
120
131
|
const handleAnimationFinish = useCallback(event => {
|
|
@@ -137,7 +148,7 @@ export const LottieView = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
137
148
|
testID,
|
|
138
149
|
...resolvedSource,
|
|
139
150
|
progress,
|
|
140
|
-
speed,
|
|
151
|
+
speed: resolvedSpeed,
|
|
141
152
|
loop,
|
|
142
153
|
autoPlay,
|
|
143
154
|
resizeMode,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useImperativeHandle","useRef","useCallback","useMemo","Image","Platform","NativeGraniteLottieView","Commands","jsx","_jsx","resolveSource","source","resolved","resolveAssetSource","uri","endsWith","sourceDotLottieURI","sourceURL","startsWith","sourceName","sourceJson","JSON","stringify","LottieView","props","ref","style","progress","speed","loop","autoPlay","resizeMode","renderMode","colorFilters","textFiltersIOS","textFiltersAndroid","enableMergePathsAndroidForKitKatAndAbove","enableSafeModeAndroid","hardwareAccelerationAndroid","cacheComposition","imageAssetsFolder","onAnimationFinish","onAnimationFailure","onAnimationLoaded","onAnimationLoop","testID","restProps","nativeRef","play","startFrame","endFrame","current","pause","resume","reset","resolvedSource","handleAnimationFinish","event","nativeEvent","isCancelled","handleAnimationFailure","error","handleAnimationLoaded","handleAnimationLoop","nativeProps","undefined","OS","displayName"],"sourceRoot":"../../src","sources":["GraniteLottieView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,mBAAmB,EAAEC,MAAM,EAAEC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAC5F,SAASC,KAAK,EAA6BC,QAAQ,QAAQ,cAAc;AACzE,OAAOC,uBAAuB,IAC5BC,QAAQ,QAIH,oCAAoC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG5C;AACA,SAASC,aAAaA,CAACC,MAAuB,EAK5C;EACA,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;IAC9B;IACA,MAAMC,QAAQ,GAAGR,KAAK,CAACS,kBAAkB,CAACF,MAAM,CAAC;IACjD,IAAIC,QAAQ,EAAEE,GAAG,EAAE;MACjB,IAAIF,QAAQ,CAACE,GAAG,CAACC,QAAQ,CAAC,SAAS,CAAC,EAAE;QACpC,OAAO;UAAEC,kBAAkB,EAAEJ,QAAQ,CAACE;QAAI,CAAC;MAC7C;MACA,OAAO;QAAEG,SAAS,EAAEL,QAAQ,CAACE;MAAI,CAAC;IACpC;IACA,OAAO,CAAC,CAAC;EACX;EAEA,IAAI,OAAOH,MAAM,KAAK,QAAQ,EAAE;IAC9B;IACA,IAAIA,MAAM,CAACO,UAAU,CAAC,SAAS,CAAC,IAAIP,MAAM,CAACO,UAAU,CAAC,UAAU,CAAC,EAAE;MACjE,IAAIP,MAAM,CAACI,QAAQ,CAAC,SAAS,CAAC,EAAE;QAC9B,OAAO;UAAEC,kBAAkB,EAAEL;QAAO,CAAC;MACvC;MACA,OAAO;QAAEM,SAAS,EAAEN;MAAO,CAAC;IAC9B;IACA;IACA,OAAO;MAAEQ,UAAU,EAAER;IAAO,CAAC;EAC/B;EAEA,IAAI,OAAOA,MAAM,KAAK,QAAQ,IAAIA,MAAM,KAAK,IAAI,EAAE;IACjD,IAAI,KAAK,IAAIA,MAAM,EAAE;MACnB;MACA,MAAMG,GAAG,GAAGH,MAAM,CAACG,GAAG;MACtB,IAAIA,GAAG,CAACC,QAAQ,CAAC,SAAS,CAAC,EAAE;QAC3B,OAAO;UAAEC,kBAAkB,EAAEF;QAAI,CAAC;MACpC;MACA,OAAO;QAAEG,SAAS,EAAEH;MAAI,CAAC;IAC3B;IACA;IACA,OAAO;MAAEM,UAAU,EAAEC,IAAI,CAACC,SAAS,CAACX,MAAyB;IAAE,CAAC;EAClE;EAEA,OAAO,CAAC,CAAC;AACX;;AAEA;AACA;AACA;AACA,OAAO,MAAMY,UAAU,gBAAGxB,UAAU,CAAiC,CAACyB,KAAK,EAAEC,GAAG,KAAK;EACnF,MAAM;IACJd,MAAM;IACNe,KAAK;IACLC,QAAQ;IACRC,KAAK,GAAG,CAAC;IACTC,IAAI,GAAG,IAAI;IACXC,QAAQ,GAAG,KAAK;IAChBC,UAAU,GAAG,SAAS;IACtBC,UAAU,GAAG,WAAW;IACxBC,YAAY;IACZC,cAAc;IACdC,kBAAkB;IAClBC,wCAAwC;IACxCC,qBAAqB;IACrBC,2BAA2B;IAC3BC,gBAAgB,GAAG,IAAI;IACvBC,iBAAiB;IACjBC,iBAAiB;IACjBC,kBAAkB;IAClBC,iBAAiB;IACjBC,eAAe;IACfC,MAAM;IACN,GAAGC;EACL,CAAC,
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useImperativeHandle","useRef","useCallback","useMemo","Image","Platform","NativeGraniteLottieView","Commands","jsx","_jsx","resolveSource","source","resolved","resolveAssetSource","uri","endsWith","sourceDotLottieURI","sourceURL","startsWith","sourceName","sourceJson","JSON","stringify","LottieView","props","ref","style","progress","speed","duration","loop","autoPlay","resizeMode","renderMode","colorFilters","textFiltersIOS","textFiltersAndroid","enableMergePathsAndroidForKitKatAndAbove","enableSafeModeAndroid","hardwareAccelerationAndroid","cacheComposition","imageAssetsFolder","onAnimationFinish","onAnimationFailure","onAnimationLoaded","onAnimationLoop","testID","restProps","nativeRef","play","startFrame","endFrame","current","pause","resume","reset","resolvedSource","resolvedSpeed","fr","Math","round","op","handleAnimationFinish","event","nativeEvent","isCancelled","handleAnimationFailure","error","handleAnimationLoaded","handleAnimationLoop","nativeProps","undefined","OS","displayName"],"sourceRoot":"../../src","sources":["GraniteLottieView.tsx"],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -64,6 +64,7 @@ export const LottieView = forwardRef<LottieViewRef, LottieViewProps>((props, ref
|
|
|
64
64
|
style,
|
|
65
65
|
progress,
|
|
66
66
|
speed = 1,
|
|
67
|
+
duration,
|
|
67
68
|
loop = true,
|
|
68
69
|
autoPlay = false,
|
|
69
70
|
resizeMode = 'contain',
|
|
@@ -112,6 +113,14 @@ export const LottieView = forwardRef<LottieViewRef, LottieViewProps>((props, ref
|
|
|
112
113
|
|
|
113
114
|
// Resolve source
|
|
114
115
|
const resolvedSource = useMemo(() => resolveSource(source), [source]);
|
|
116
|
+
const resolvedSpeed = useMemo(() => {
|
|
117
|
+
const { sourceJson } = resolvedSource;
|
|
118
|
+
if (duration && sourceJson && (source as AnimationObject).fr) {
|
|
119
|
+
// reference: https://github.com/lottie-react-native/lottie-react-native/blob/a7a99137b6cd947a4b2881e3a8c2214b114015bc/packages/core/src/LottieView/index.tsx#L119-L124
|
|
120
|
+
return Math.round((((source as AnimationObject).op / (source as AnimationObject).fr) * 1000) / duration);
|
|
121
|
+
}
|
|
122
|
+
return speed;
|
|
123
|
+
}, [duration, resolvedSource, source, speed]);
|
|
115
124
|
|
|
116
125
|
// Event handlers
|
|
117
126
|
const handleAnimationFinish = useCallback(
|
|
@@ -143,7 +152,7 @@ export const LottieView = forwardRef<LottieViewRef, LottieViewProps>((props, ref
|
|
|
143
152
|
testID,
|
|
144
153
|
...resolvedSource,
|
|
145
154
|
progress,
|
|
146
|
-
speed,
|
|
155
|
+
speed: resolvedSpeed,
|
|
147
156
|
loop,
|
|
148
157
|
autoPlay,
|
|
149
158
|
resizeMode,
|
|
@@ -168,6 +177,7 @@ export const LottieView = forwardRef<LottieViewRef, LottieViewProps>((props, ref
|
|
|
168
177
|
}
|
|
169
178
|
|
|
170
179
|
return <NativeGraniteLottieView ref={nativeRef} {...nativeProps} />;
|
|
180
|
+
|
|
171
181
|
});
|
|
172
182
|
|
|
173
183
|
LottieView.displayName = 'LottieView';
|