131 lines
3.4 KiB
JavaScript
131 lines
3.4 KiB
JavaScript
|
/**
|
||
|
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
||
|
*
|
||
|
* This source code is licensed under the MIT license found in the
|
||
|
* LICENSE file in the root directory of this source tree.
|
||
|
*
|
||
|
* @flow
|
||
|
* @format
|
||
|
*/
|
||
|
|
||
|
'use strict';
|
||
|
|
||
|
import type {PlatformConfig} from '../AnimatedPlatformConfig';
|
||
|
|
||
|
import NativeAnimatedHelper from '../NativeAnimatedHelper';
|
||
|
import AnimatedNode from './AnimatedNode';
|
||
|
import AnimatedWithChildren from './AnimatedWithChildren';
|
||
|
|
||
|
export default class AnimatedTransform extends AnimatedWithChildren {
|
||
|
_transforms: $ReadOnlyArray<Object>;
|
||
|
|
||
|
constructor(transforms: $ReadOnlyArray<Object>) {
|
||
|
super();
|
||
|
this._transforms = transforms;
|
||
|
}
|
||
|
|
||
|
__makeNative(platformConfig: ?PlatformConfig) {
|
||
|
this._transforms.forEach(transform => {
|
||
|
for (const key in transform) {
|
||
|
const value = transform[key];
|
||
|
if (value instanceof AnimatedNode) {
|
||
|
value.__makeNative(platformConfig);
|
||
|
}
|
||
|
}
|
||
|
});
|
||
|
super.__makeNative(platformConfig);
|
||
|
}
|
||
|
|
||
|
__getValue(): $ReadOnlyArray<Object> {
|
||
|
return this._get(animatedNode => animatedNode.__getValue());
|
||
|
}
|
||
|
|
||
|
__getAnimatedValue(): $ReadOnlyArray<Object> {
|
||
|
return this._get(animatedNode => animatedNode.__getAnimatedValue());
|
||
|
}
|
||
|
|
||
|
__attach(): void {
|
||
|
this._transforms.forEach(transform => {
|
||
|
for (const key in transform) {
|
||
|
const value = transform[key];
|
||
|
if (value instanceof AnimatedNode) {
|
||
|
value.__addChild(this);
|
||
|
}
|
||
|
}
|
||
|
});
|
||
|
}
|
||
|
|
||
|
__detach(): void {
|
||
|
this._transforms.forEach(transform => {
|
||
|
for (const key in transform) {
|
||
|
const value = transform[key];
|
||
|
if (value instanceof AnimatedNode) {
|
||
|
value.__removeChild(this);
|
||
|
}
|
||
|
}
|
||
|
});
|
||
|
super.__detach();
|
||
|
}
|
||
|
|
||
|
__getNativeConfig(): any {
|
||
|
const transConfigs: Array<any> = [];
|
||
|
|
||
|
this._transforms.forEach(transform => {
|
||
|
for (const key in transform) {
|
||
|
const value = transform[key];
|
||
|
if (value instanceof AnimatedNode) {
|
||
|
transConfigs.push({
|
||
|
type: 'animated',
|
||
|
property: key,
|
||
|
nodeTag: value.__getNativeTag(),
|
||
|
});
|
||
|
} else {
|
||
|
transConfigs.push({
|
||
|
type: 'static',
|
||
|
property: key,
|
||
|
value: NativeAnimatedHelper.transformDataType(value),
|
||
|
});
|
||
|
}
|
||
|
}
|
||
|
});
|
||
|
|
||
|
NativeAnimatedHelper.validateTransform(transConfigs);
|
||
|
return {
|
||
|
type: 'transform',
|
||
|
transforms: transConfigs,
|
||
|
};
|
||
|
}
|
||
|
|
||
|
_get(getter: AnimatedNode => any): $ReadOnlyArray<Object> {
|
||
|
return this._transforms.map(transform => {
|
||
|
const result: {[string]: any} = {};
|
||
|
for (const key in transform) {
|
||
|
const value = transform[key];
|
||
|
if (value instanceof AnimatedNode) {
|
||
|
result[key] = getter(value);
|
||
|
} else if (Array.isArray(value)) {
|
||
|
result[key] = value.map(element => {
|
||
|
if (element instanceof AnimatedNode) {
|
||
|
return getter(element);
|
||
|
} else {
|
||
|
return element;
|
||
|
}
|
||
|
});
|
||
|
} else if (typeof value === 'object') {
|
||
|
result[key] = {};
|
||
|
for (const [nestedKey, nestedValue] of Object.entries(value)) {
|
||
|
if (nestedValue instanceof AnimatedNode) {
|
||
|
result[key][nestedKey] = getter(nestedValue);
|
||
|
} else {
|
||
|
result[key][nestedKey] = nestedValue;
|
||
|
}
|
||
|
}
|
||
|
} else {
|
||
|
result[key] = value;
|
||
|
}
|
||
|
}
|
||
|
return result;
|
||
|
});
|
||
|
}
|
||
|
}
|