be-components 0.2.6 → 0.2.7
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/lib/commonjs/Components/Spring.js +5 -3
- package/lib/commonjs/Components/Spring.js.map +1 -1
- package/lib/module/Components/Spring.js +6 -4
- package/lib/module/Components/Spring.js.map +1 -1
- package/lib/typescript/src/Components/Spring.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/Components/Spring.tsx +8 -5
|
@@ -23,7 +23,8 @@ const SpringView = ({
|
|
|
23
23
|
x: to
|
|
24
24
|
},
|
|
25
25
|
friction: 120,
|
|
26
|
-
tension: 280
|
|
26
|
+
tension: 280,
|
|
27
|
+
...style
|
|
27
28
|
};
|
|
28
29
|
if (slide == 'vertical') {
|
|
29
30
|
config = {
|
|
@@ -33,19 +34,20 @@ const SpringView = ({
|
|
|
33
34
|
to: {
|
|
34
35
|
y: to
|
|
35
36
|
},
|
|
37
|
+
//delay: 500,
|
|
36
38
|
onResolve: () => {
|
|
37
39
|
if (onResolve) {
|
|
38
40
|
onResolve();
|
|
39
41
|
}
|
|
40
42
|
},
|
|
41
|
-
|
|
43
|
+
...style
|
|
44
|
+
// easing: easings.easeInBounce
|
|
42
45
|
};
|
|
43
46
|
}
|
|
44
47
|
const props = (0, _web.useSpring)(config);
|
|
45
48
|
return /*#__PURE__*/_react.default.createElement(_web.animated.div, {
|
|
46
49
|
onAnimationEnd: () => console.log('animation has ended'),
|
|
47
50
|
style: {
|
|
48
|
-
...style,
|
|
49
51
|
...props
|
|
50
52
|
}
|
|
51
53
|
}, children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_web","obj","__esModule","default","SpringView","style","children","from","to","slide","onResolve","config","x","friction","tension","y","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_web","obj","__esModule","default","SpringView","style","children","from","to","slide","onResolve","config","x","friction","tension","y","props","useSpring","createElement","animated","div","onAnimationEnd","console","log","_default","exports"],"sourceRoot":"../../../src","sources":["Components/Spring.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AAAwD,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAUxD,MAAMG,UAAU,GAAGA,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,IAAI;EAAEC,EAAE;EAAEC,KAAK;EAAEC;AAA0B,CAAC,KAAK;EAEpF,IAAIC,MAAU,GAAG;IACbJ,IAAI,EAAE;MAAEK,CAAC,EAAEL;IAAI,CAAC;IAChBC,EAAE,EAAE;MAAEI,CAAC,EAAEJ;IAAG,CAAC;IACbK,QAAQ,EAAE,GAAG;IACbC,OAAO,EAAE,GAAG;IACZ,GAAGT;EACP,CAAC;EACD,IAAGI,KAAK,IAAI,UAAU,EAAC;IACnBE,MAAM,GAAG;MACLJ,IAAI,EAAE;QAAEQ,CAAC,EAAER;MAAI,CAAC;MAChBC,EAAE,EAAE;QAAEO,CAAC,EAAEP;MAAG,CAAC;MACb;MACAE,SAAS,EAAEA,CAAA,KAAM;QAAE,IAAGA,SAAS,EAAC;UAAEA,SAAS,CAAC,CAAC;QAAC;MAAE,CAAC;MACjD,GAAGL;MACJ;IACH,CAAC;EACL;EAIA,MAAMW,KAAK,GAAG,IAAAC,cAAS,EAACN,MAAM,CAAC;EAE/B,oBACId,MAAA,CAAAM,OAAA,CAAAe,aAAA,CAAClB,IAAA,CAAAmB,QAAQ,CAACC,GAAG;IACTC,cAAc,EAAEA,CAAA,KAAMC,OAAO,CAACC,GAAG,CAAC,qBAAqB,CAAE;IACzDlB,KAAK,EAAE;MAAE,GAAGW;IAAM;EAAE,GAEnBV,QACS,CAAC;AAEvB,CAAC;AAAA,IAAAkB,QAAA,GAAAC,OAAA,CAAAtB,OAAA,GAEcC,UAAU","ignoreList":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { useSpring, animated
|
|
2
|
+
import { useSpring, animated } from '@react-spring/web';
|
|
3
3
|
const SpringView = ({
|
|
4
4
|
style,
|
|
5
5
|
children,
|
|
@@ -16,7 +16,8 @@ const SpringView = ({
|
|
|
16
16
|
x: to
|
|
17
17
|
},
|
|
18
18
|
friction: 120,
|
|
19
|
-
tension: 280
|
|
19
|
+
tension: 280,
|
|
20
|
+
...style
|
|
20
21
|
};
|
|
21
22
|
if (slide == 'vertical') {
|
|
22
23
|
config = {
|
|
@@ -26,19 +27,20 @@ const SpringView = ({
|
|
|
26
27
|
to: {
|
|
27
28
|
y: to
|
|
28
29
|
},
|
|
30
|
+
//delay: 500,
|
|
29
31
|
onResolve: () => {
|
|
30
32
|
if (onResolve) {
|
|
31
33
|
onResolve();
|
|
32
34
|
}
|
|
33
35
|
},
|
|
34
|
-
|
|
36
|
+
...style
|
|
37
|
+
// easing: easings.easeInBounce
|
|
35
38
|
};
|
|
36
39
|
}
|
|
37
40
|
const props = useSpring(config);
|
|
38
41
|
return /*#__PURE__*/React.createElement(animated.div, {
|
|
39
42
|
onAnimationEnd: () => console.log('animation has ended'),
|
|
40
43
|
style: {
|
|
41
|
-
...style,
|
|
42
44
|
...props
|
|
43
45
|
}
|
|
44
46
|
}, children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useSpring","animated","
|
|
1
|
+
{"version":3,"names":["React","useSpring","animated","SpringView","style","children","from","to","slide","onResolve","config","x","friction","tension","y","props","createElement","div","onAnimationEnd","console","log"],"sourceRoot":"../../../src","sources":["Components/Spring.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,QAAQ,QAAQ,mBAAmB;AAUvD,MAAMC,UAAU,GAAGA,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,IAAI;EAAEC,EAAE;EAAEC,KAAK;EAAEC;AAA0B,CAAC,KAAK;EAEpF,IAAIC,MAAU,GAAG;IACbJ,IAAI,EAAE;MAAEK,CAAC,EAAEL;IAAI,CAAC;IAChBC,EAAE,EAAE;MAAEI,CAAC,EAAEJ;IAAG,CAAC;IACbK,QAAQ,EAAE,GAAG;IACbC,OAAO,EAAE,GAAG;IACZ,GAAGT;EACP,CAAC;EACD,IAAGI,KAAK,IAAI,UAAU,EAAC;IACnBE,MAAM,GAAG;MACLJ,IAAI,EAAE;QAAEQ,CAAC,EAAER;MAAI,CAAC;MAChBC,EAAE,EAAE;QAAEO,CAAC,EAAEP;MAAG,CAAC;MACb;MACAE,SAAS,EAAEA,CAAA,KAAM;QAAE,IAAGA,SAAS,EAAC;UAAEA,SAAS,CAAC,CAAC;QAAC;MAAE,CAAC;MACjD,GAAGL;MACJ;IACH,CAAC;EACL;EAIA,MAAMW,KAAK,GAAGd,SAAS,CAACS,MAAM,CAAC;EAE/B,oBACIV,KAAA,CAAAgB,aAAA,CAACd,QAAQ,CAACe,GAAG;IACTC,cAAc,EAAEA,CAAA,KAAMC,OAAO,CAACC,GAAG,CAAC,qBAAqB,CAAE;IACzDhB,KAAK,EAAE;MAAE,GAAGW;IAAM;EAAE,GAEnBV,QACS,CAAC;AAEvB,CAAC;AAED,eAAeF,UAAU","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spring.d.ts","sourceRoot":"","sources":["../../../../src/Components/Spring.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,KAAK,eAAe,GAAG;IACnB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,KAAK,EAAE,UAAU,GAAC,YAAY,CAAA;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAC,MAAM,IAAI,CAAC;IACtB,EAAE,EAAC,MAAM,CAAC;IACV,QAAQ,EAAE,GAAG,CAAA;CAChB,CAAA;AACD,QAAA,MAAM,UAAU,oDAAoD,eAAe,
|
|
1
|
+
{"version":3,"file":"Spring.d.ts","sourceRoot":"","sources":["../../../../src/Components/Spring.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,KAAK,eAAe,GAAG;IACnB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,KAAK,EAAE,UAAU,GAAC,YAAY,CAAA;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAC,MAAM,IAAI,CAAC;IACtB,EAAE,EAAC,MAAM,CAAC;IACV,QAAQ,EAAE,GAAG,CAAA;CAChB,CAAA;AACD,QAAA,MAAM,UAAU,oDAAoD,eAAe,sBAgClF,CAAA;AAED,eAAe,UAAU,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { useSpring, animated
|
|
2
|
+
import { useSpring, animated } from '@react-spring/web';
|
|
3
3
|
|
|
4
4
|
type SpringViewProps = {
|
|
5
5
|
style?: any,
|
|
@@ -10,19 +10,22 @@ type SpringViewProps = {
|
|
|
10
10
|
children: any
|
|
11
11
|
}
|
|
12
12
|
const SpringView = ({ style, children, from, to, slide, onResolve }:SpringViewProps) => {
|
|
13
|
-
|
|
13
|
+
|
|
14
14
|
let config:any = {
|
|
15
15
|
from: { x: from},
|
|
16
16
|
to: { x: to },
|
|
17
17
|
friction: 120,
|
|
18
|
-
tension: 280
|
|
18
|
+
tension: 280,
|
|
19
|
+
...style
|
|
19
20
|
}
|
|
20
21
|
if(slide == 'vertical'){
|
|
21
22
|
config = {
|
|
22
23
|
from: { y: from},
|
|
23
24
|
to: { y: to },
|
|
25
|
+
//delay: 500,
|
|
24
26
|
onResolve: () => { if(onResolve){ onResolve() } },
|
|
25
|
-
|
|
27
|
+
...style
|
|
28
|
+
// easing: easings.easeInBounce
|
|
26
29
|
}
|
|
27
30
|
}
|
|
28
31
|
|
|
@@ -33,7 +36,7 @@ const SpringView = ({ style, children, from, to, slide, onResolve }:SpringViewPr
|
|
|
33
36
|
return (
|
|
34
37
|
<animated.div
|
|
35
38
|
onAnimationEnd={() => console.log('animation has ended')}
|
|
36
|
-
style={{ ...
|
|
39
|
+
style={{ ...props }}
|
|
37
40
|
>
|
|
38
41
|
{children}
|
|
39
42
|
</animated.div>
|