v-eris 1.0.207 → 1.0.209
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/package.json
CHANGED
|
@@ -6,6 +6,7 @@ var useAnimation;
|
|
|
6
6
|
(function (useAnimation) {
|
|
7
7
|
useAnimation.Expand = function (expanded, params, ref) {
|
|
8
8
|
var elem = ref || (0, react_1.useRef)(null);
|
|
9
|
+
var animationFrame = (0, react_1.useRef)(null);
|
|
9
10
|
if (!params)
|
|
10
11
|
params = {};
|
|
11
12
|
//const computed = getComputedStyle( elem.current );
|
|
@@ -32,29 +33,12 @@ var useAnimation;
|
|
|
32
33
|
return;
|
|
33
34
|
elem.current.removeEventListener("transitionend", transition);
|
|
34
35
|
var ex = expanded;
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
// }else{
|
|
39
|
-
// elem.current.style.height = (elem.current.scrollHeight || 1) + "px";
|
|
40
|
-
// elem.current.style.overflowY = "hidden";
|
|
41
|
-
// };
|
|
42
|
-
// requestAnimationFrame(function(){
|
|
43
|
-
if (!elem.current)
|
|
44
|
-
return;
|
|
45
|
-
if (ex) {
|
|
46
|
-
elem.current.style.height = params.minHeight !== undefined ? params.minHeight : "0px";
|
|
47
|
-
elem.current.style.overflowY = null;
|
|
48
|
-
}
|
|
49
|
-
else {
|
|
50
|
-
elem.current.style.height = (elem.current.scrollHeight || 1) + "px";
|
|
51
|
-
elem.current.style.overflowY = "hidden";
|
|
52
|
-
}
|
|
53
|
-
;
|
|
54
|
-
requestAnimationFrame(function () {
|
|
36
|
+
if (animationFrame.current)
|
|
37
|
+
cancelAnimationFrame(animationFrame.current);
|
|
38
|
+
animationFrame.current = requestAnimationFrame(function () {
|
|
55
39
|
if (!elem.current)
|
|
56
40
|
return;
|
|
57
|
-
if (
|
|
41
|
+
if (ex) {
|
|
58
42
|
elem.current.style.height = params.minHeight !== undefined ? params.minHeight : "0px";
|
|
59
43
|
elem.current.style.overflowY = null;
|
|
60
44
|
}
|
|
@@ -63,9 +47,23 @@ var useAnimation;
|
|
|
63
47
|
elem.current.style.overflowY = "hidden";
|
|
64
48
|
}
|
|
65
49
|
;
|
|
66
|
-
|
|
50
|
+
if (animationFrame.current)
|
|
51
|
+
cancelAnimationFrame(animationFrame.current);
|
|
52
|
+
animationFrame.current = requestAnimationFrame(function () {
|
|
53
|
+
if (!elem.current)
|
|
54
|
+
return;
|
|
55
|
+
if (!ex) {
|
|
56
|
+
elem.current.style.height = params.minHeight !== undefined ? params.minHeight : "0px";
|
|
57
|
+
elem.current.style.overflowY = null;
|
|
58
|
+
}
|
|
59
|
+
else {
|
|
60
|
+
elem.current.style.height = (elem.current.scrollHeight || 1) + "px";
|
|
61
|
+
elem.current.style.overflowY = "hidden";
|
|
62
|
+
}
|
|
63
|
+
;
|
|
64
|
+
elem.current.addEventListener("transitionend", transition);
|
|
65
|
+
});
|
|
67
66
|
});
|
|
68
|
-
// });
|
|
69
67
|
return function () {
|
|
70
68
|
if (!elem.current)
|
|
71
69
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"animation.js","sourceRoot":"","sources":["../../../source/utility/animation.ts"],"names":[],"mappings":";;;AAAA,+BAAmF;AAEnF,IAAiB,YAAY,
|
|
1
|
+
{"version":3,"file":"animation.js","sourceRoot":"","sources":["../../../source/utility/animation.ts"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,7 @@ export var useAnimation;
|
|
|
3
3
|
(function (useAnimation) {
|
|
4
4
|
useAnimation.Expand = function (expanded, params, ref) {
|
|
5
5
|
var elem = ref || useRef(null);
|
|
6
|
+
var animationFrame = useRef(null);
|
|
6
7
|
if (!params)
|
|
7
8
|
params = {};
|
|
8
9
|
//const computed = getComputedStyle( elem.current );
|
|
@@ -29,29 +30,12 @@ export var useAnimation;
|
|
|
29
30
|
return;
|
|
30
31
|
elem.current.removeEventListener("transitionend", transition);
|
|
31
32
|
var ex = expanded;
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
// }else{
|
|
36
|
-
// elem.current.style.height = (elem.current.scrollHeight || 1) + "px";
|
|
37
|
-
// elem.current.style.overflowY = "hidden";
|
|
38
|
-
// };
|
|
39
|
-
// requestAnimationFrame(function(){
|
|
40
|
-
if (!elem.current)
|
|
41
|
-
return;
|
|
42
|
-
if (ex) {
|
|
43
|
-
elem.current.style.height = params.minHeight !== undefined ? params.minHeight : "0px";
|
|
44
|
-
elem.current.style.overflowY = null;
|
|
45
|
-
}
|
|
46
|
-
else {
|
|
47
|
-
elem.current.style.height = (elem.current.scrollHeight || 1) + "px";
|
|
48
|
-
elem.current.style.overflowY = "hidden";
|
|
49
|
-
}
|
|
50
|
-
;
|
|
51
|
-
requestAnimationFrame(function () {
|
|
33
|
+
if (animationFrame.current)
|
|
34
|
+
cancelAnimationFrame(animationFrame.current);
|
|
35
|
+
animationFrame.current = requestAnimationFrame(function () {
|
|
52
36
|
if (!elem.current)
|
|
53
37
|
return;
|
|
54
|
-
if (
|
|
38
|
+
if (ex) {
|
|
55
39
|
elem.current.style.height = params.minHeight !== undefined ? params.minHeight : "0px";
|
|
56
40
|
elem.current.style.overflowY = null;
|
|
57
41
|
}
|
|
@@ -60,9 +44,23 @@ export var useAnimation;
|
|
|
60
44
|
elem.current.style.overflowY = "hidden";
|
|
61
45
|
}
|
|
62
46
|
;
|
|
63
|
-
|
|
47
|
+
if (animationFrame.current)
|
|
48
|
+
cancelAnimationFrame(animationFrame.current);
|
|
49
|
+
animationFrame.current = requestAnimationFrame(function () {
|
|
50
|
+
if (!elem.current)
|
|
51
|
+
return;
|
|
52
|
+
if (!ex) {
|
|
53
|
+
elem.current.style.height = params.minHeight !== undefined ? params.minHeight : "0px";
|
|
54
|
+
elem.current.style.overflowY = null;
|
|
55
|
+
}
|
|
56
|
+
else {
|
|
57
|
+
elem.current.style.height = (elem.current.scrollHeight || 1) + "px";
|
|
58
|
+
elem.current.style.overflowY = "hidden";
|
|
59
|
+
}
|
|
60
|
+
;
|
|
61
|
+
elem.current.addEventListener("transitionend", transition);
|
|
62
|
+
});
|
|
64
63
|
});
|
|
65
|
-
// });
|
|
66
64
|
return function () {
|
|
67
65
|
if (!elem.current)
|
|
68
66
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"animation.js","sourceRoot":"","sources":["../../../source/utility/animation.ts"],"names":[],"mappings":"AAAA,OAAc,EAAc,SAAS,EAAwB,MAAM,EAAE,MAAM,OAAO,CAAC;AAEnF,MAAM,KAAW,YAAY,
|
|
1
|
+
{"version":3,"file":"animation.js","sourceRoot":"","sources":["../../../source/utility/animation.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../source/utility/animation.ts"],"names":[],"mappings":"AAEA,yBAAiB,YAAY,CAAA;IACrB,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../source/utility/animation.ts"],"names":[],"mappings":"AAEA,yBAAiB,YAAY,CAAA;IACrB,MAAM,MAAM,iDAoFlB,CAAC;CACF"}
|