@pinnacle0/web-ui 0.3.34 → 0.3.37
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/hooks/useTransform.d.ts +3 -3
- package/hooks/useTransform.js +11 -11
- package/hooks/useTransform.js.map +1 -1
- package/package.json +1 -1
package/hooks/useTransform.d.ts
CHANGED
|
@@ -6,9 +6,9 @@ interface TransitionOption {
|
|
|
6
6
|
timingFunction?: string;
|
|
7
7
|
}
|
|
8
8
|
interface Option extends TransitionOption {
|
|
9
|
-
x?: number;
|
|
10
|
-
y?: number;
|
|
11
|
-
z?: number;
|
|
9
|
+
x?: string | number;
|
|
10
|
+
y?: string | number;
|
|
11
|
+
z?: string | number;
|
|
12
12
|
immediate?: boolean;
|
|
13
13
|
}
|
|
14
14
|
export declare const useTransform: (ref: React.RefObject<HTMLElement>, option?: Option) => {
|
package/hooks/useTransform.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
export var useTransform = function (ref, option) {
|
|
3
|
-
var
|
|
4
|
-
|
|
3
|
+
var initialOptionRef = React.useRef(option);
|
|
4
|
+
initialOptionRef.current = option;
|
|
5
5
|
var clearTransition = React.useCallback(function (el) {
|
|
6
6
|
el.style.transitionDuration = "";
|
|
7
7
|
el.style.transitionProperty = "";
|
|
8
8
|
el.style.transitionTimingFunction = "";
|
|
9
9
|
el.style.transitionDuration = "";
|
|
10
10
|
}, []);
|
|
11
|
-
var setTransition = React.useCallback(function (el) {
|
|
12
|
-
if (
|
|
13
|
-
var
|
|
11
|
+
var setTransition = React.useCallback(function (el, option) {
|
|
12
|
+
if (option) {
|
|
13
|
+
var delay = option.delay, duration = option.duration, property = option.property, timingFunction = option.timingFunction;
|
|
14
14
|
delay && (el.style.transitionDelay = delay + "ms");
|
|
15
15
|
duration && (el.style.transitionDuration = duration + "ms");
|
|
16
16
|
property && (el.style.transitionProperty = property);
|
|
@@ -22,11 +22,11 @@ export var useTransform = function (ref, option) {
|
|
|
22
22
|
}, [clearTransition]);
|
|
23
23
|
var to = React.useCallback(function (option) {
|
|
24
24
|
if (ref.current) {
|
|
25
|
+
var format_1 = function (value) { return (value ? (typeof value === "number" ? "".concat(value, "px") : value) : "0px"); };
|
|
25
26
|
var el_1 = ref.current;
|
|
26
27
|
requestAnimationFrame(function () {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
option.immediate ? clearTransition(el_1) : setTransition(el_1);
|
|
28
|
+
el_1.style.transform = "translate3d(".concat(format_1(option.x), ", ").concat(format_1(option.y), ", ").concat(format_1(option.z), ") ");
|
|
29
|
+
option.immediate ? clearTransition(el_1) : setTransition(el_1, option);
|
|
30
30
|
});
|
|
31
31
|
}
|
|
32
32
|
}, [ref, setTransition, clearTransition]);
|
|
@@ -35,13 +35,13 @@ export var useTransform = function (ref, option) {
|
|
|
35
35
|
var el_2 = ref.current;
|
|
36
36
|
requestAnimationFrame(function () {
|
|
37
37
|
el_2.style.transform = "";
|
|
38
|
-
setTransition(el_2);
|
|
38
|
+
setTransition(el_2, initialOptionRef.current);
|
|
39
39
|
});
|
|
40
40
|
}
|
|
41
41
|
}, [ref, setTransition]);
|
|
42
42
|
React.useEffect(function () {
|
|
43
|
-
if (
|
|
44
|
-
to(
|
|
43
|
+
if (initialOptionRef.current) {
|
|
44
|
+
to(initialOptionRef.current);
|
|
45
45
|
}
|
|
46
46
|
// eslint-disable-next-line react-hooks/exhaustive-deps -- only run on mount
|
|
47
47
|
}, []);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTransform.js","sourceRoot":"","sources":["../../src/hooks/useTransform.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,GAAiC,EAAE,MAAe;IAC3E,IAAM,
|
|
1
|
+
{"version":3,"file":"useTransform.js","sourceRoot":"","sources":["../../src/hooks/useTransform.ts"],"names":[],"mappings":"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"}
|