@nativescript/core 8.5.0-alpha.3 → 8.5.0-alpha.5
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/data/observable/index.d.ts +19 -18
- package/data/observable/index.js +9 -0
- package/data/observable/index.js.map +1 -1
- package/package.json +1 -1
- package/ui/index.d.ts +1 -0
- package/ui/index.js.map +1 -1
- package/ui/transition/index.d.ts +20 -1
- package/ui/transition/modal-transition.ios.d.ts +5 -16
- package/ui/transition/modal-transition.ios.js +26 -324
- package/ui/transition/modal-transition.ios.js.map +1 -1
- package/ui/transition/page-transition.ios.d.ts +5 -16
- package/ui/transition/page-transition.ios.js +32 -340
- package/ui/transition/page-transition.ios.js.map +1 -1
- package/ui/transition/shared-transition-helper.android.d.ts +4 -0
- package/ui/transition/shared-transition-helper.android.js +6 -0
- package/ui/transition/shared-transition-helper.android.js.map +1 -0
- package/ui/transition/shared-transition-helper.d.ts +10 -0
- package/ui/transition/shared-transition-helper.ios.d.ts +9 -0
- package/ui/transition/shared-transition-helper.ios.js +429 -0
- package/ui/transition/shared-transition-helper.ios.js.map +1 -0
- package/ui/transition/shared-transition.d.ts +50 -16
- package/ui/transition/shared-transition.js +54 -3
- package/ui/transition/shared-transition.js.map +1 -1
|
@@ -1,8 +1,14 @@
|
|
|
1
|
+
import { Observable } from '../../data/observable';
|
|
2
|
+
import { Screen } from '../../platform';
|
|
3
|
+
import { isNumber } from '../../utils/types';
|
|
1
4
|
import { querySelectorAll } from '../core/view-base';
|
|
2
5
|
export const DEFAULT_DURATION = 0.35;
|
|
3
6
|
export const DEFAULT_SPRING = {
|
|
4
7
|
tension: 140,
|
|
5
8
|
friction: 10,
|
|
9
|
+
mass: 1,
|
|
10
|
+
velocity: 0,
|
|
11
|
+
delay: 0,
|
|
6
12
|
};
|
|
7
13
|
// always increment when adding new transitions to be able to track their state
|
|
8
14
|
export var SharedTransitionAnimationType;
|
|
@@ -10,6 +16,7 @@ export var SharedTransitionAnimationType;
|
|
|
10
16
|
SharedTransitionAnimationType[SharedTransitionAnimationType["present"] = 0] = "present";
|
|
11
17
|
SharedTransitionAnimationType[SharedTransitionAnimationType["dismiss"] = 1] = "dismiss";
|
|
12
18
|
})(SharedTransitionAnimationType || (SharedTransitionAnimationType = {}));
|
|
19
|
+
let sharedTransitionEvents;
|
|
13
20
|
/**
|
|
14
21
|
* Shared Element Transitions (preview)
|
|
15
22
|
* Allows you to auto animate between shared elements on two different screesn to create smooth navigational experiences.
|
|
@@ -30,6 +37,12 @@ export class SharedTransition {
|
|
|
30
37
|
});
|
|
31
38
|
return { instance: transition };
|
|
32
39
|
}
|
|
40
|
+
static events() {
|
|
41
|
+
if (!sharedTransitionEvents) {
|
|
42
|
+
sharedTransitionEvents = new Observable();
|
|
43
|
+
}
|
|
44
|
+
return sharedTransitionEvents;
|
|
45
|
+
}
|
|
33
46
|
/**
|
|
34
47
|
* @private
|
|
35
48
|
*/
|
|
@@ -53,13 +66,13 @@ export class SharedTransition {
|
|
|
53
66
|
* @private
|
|
54
67
|
*/
|
|
55
68
|
static getState(id) {
|
|
56
|
-
return SharedTransition.currentStack
|
|
69
|
+
return SharedTransition.currentStack?.find((t) => t.instance.id === id);
|
|
57
70
|
}
|
|
58
71
|
/**
|
|
59
72
|
* @private
|
|
60
73
|
*/
|
|
61
74
|
static finishState(id) {
|
|
62
|
-
const index = SharedTransition.currentStack
|
|
75
|
+
const index = SharedTransition.currentStack?.findIndex((t) => t.instance.id === id);
|
|
63
76
|
if (index > -1) {
|
|
64
77
|
SharedTransition.currentStack.splice(index, 1);
|
|
65
78
|
}
|
|
@@ -76,7 +89,10 @@ export class SharedTransition {
|
|
|
76
89
|
// console.log('presented sharedTransitionTag total:', presentedSharedElements.length);
|
|
77
90
|
// 2. Presenting view: gather all sharedTransitionTag views
|
|
78
91
|
const presentingSharedElements = querySelectorAll(fromPage, 'sharedTransitionTag');
|
|
79
|
-
// console.log(
|
|
92
|
+
// console.log(
|
|
93
|
+
// 'presenting sharedTransitionTags:',
|
|
94
|
+
// presentingSharedElements.map((v) => v.sharedTransitionTag)
|
|
95
|
+
// );
|
|
80
96
|
// 3. only handle sharedTransitionTag on presenting which match presented
|
|
81
97
|
const presentedTags = presentedSharedElements.map((v) => v.sharedTransitionTag);
|
|
82
98
|
return {
|
|
@@ -86,8 +102,43 @@ export class SharedTransition {
|
|
|
86
102
|
};
|
|
87
103
|
}
|
|
88
104
|
}
|
|
105
|
+
SharedTransition.startedEvent = 'SharedTransitionStartedEvent';
|
|
106
|
+
SharedTransition.finishedEvent = 'SharedTransitionFinishedEvent';
|
|
107
|
+
SharedTransition.cancelledEvent = 'SharedTransitionCancelledEvent';
|
|
89
108
|
/**
|
|
90
109
|
* Enable to see various console logging output of Shared Element Transition behavior.
|
|
91
110
|
*/
|
|
92
111
|
SharedTransition.DEBUG = false;
|
|
112
|
+
export function getRectFromProps(props, defaults) {
|
|
113
|
+
defaults = {
|
|
114
|
+
x: 0,
|
|
115
|
+
y: 0,
|
|
116
|
+
width: Screen.mainScreen.widthDIPs,
|
|
117
|
+
height: Screen.mainScreen.heightDIPs,
|
|
118
|
+
...(defaults || {}),
|
|
119
|
+
};
|
|
120
|
+
return {
|
|
121
|
+
x: isNumber(props?.x) ? props?.x : defaults.x,
|
|
122
|
+
y: isNumber(props?.y) ? props?.y : defaults.y,
|
|
123
|
+
width: isNumber(props?.width) ? props?.width : defaults.width,
|
|
124
|
+
height: isNumber(props?.height) ? props?.height : defaults.height,
|
|
125
|
+
};
|
|
126
|
+
}
|
|
127
|
+
export function getSpringFromProps(props) {
|
|
128
|
+
return {
|
|
129
|
+
tension: isNumber(props?.tension) ? props?.tension : DEFAULT_SPRING.tension,
|
|
130
|
+
friction: isNumber(props?.friction) ? props?.friction : DEFAULT_SPRING.friction,
|
|
131
|
+
mass: isNumber(props?.mass) ? props?.mass : DEFAULT_SPRING.mass,
|
|
132
|
+
velocity: isNumber(props?.velocity) ? props?.velocity : DEFAULT_SPRING.velocity,
|
|
133
|
+
delay: isNumber(props?.delay) ? props?.delay : DEFAULT_SPRING.delay,
|
|
134
|
+
};
|
|
135
|
+
}
|
|
136
|
+
export function getPageStartDefaultsForType(type) {
|
|
137
|
+
return {
|
|
138
|
+
x: type === 'page' ? Screen.mainScreen.widthDIPs : 0,
|
|
139
|
+
y: type === 'page' ? 0 : Screen.mainScreen.heightDIPs,
|
|
140
|
+
width: Screen.mainScreen.widthDIPs,
|
|
141
|
+
height: Screen.mainScreen.heightDIPs,
|
|
142
|
+
};
|
|
143
|
+
}
|
|
93
144
|
//# sourceMappingURL=shared-transition.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shared-transition.js","sourceRoot":"","sources":["../../../../../packages/core/ui/transition/shared-transition.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAY,MAAM,mBAAmB,CAAC;AAI/D,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,CAAC;AACrC,MAAM,CAAC,MAAM,cAAc,GAAG;IAC7B,OAAO,EAAE,GAAG;IACZ,QAAQ,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"shared-transition.js","sourceRoot":"","sources":["../../../../../packages/core/ui/transition/shared-transition.ts"],"names":[],"mappings":"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"}
|