@fountain-ui/core 2.0.0-beta.70 → 2.0.0-beta.71
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.
|
@@ -52,7 +52,7 @@ function Slide(props) {
|
|
|
52
52
|
_reactNative.Animated.timing(animatedY, {
|
|
53
53
|
toValue,
|
|
54
54
|
duration: enterDuration,
|
|
55
|
-
easing: _reactNative.Easing.out(_reactNative.Easing.exp),
|
|
55
|
+
easing: _reactNative.Platform.OS === 'web' ? _reactNative.Easing.bezier(0.16, 1, 0.3, 1) : _reactNative.Easing.out(_reactNative.Easing.exp),
|
|
56
56
|
useNativeDriver: _utils.isNotAndroid12
|
|
57
57
|
}).start(_ref => {
|
|
58
58
|
let {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["defaultEnterDuration","defaultExitDuration","getDisappearingOffsetY","Dimensions","get","height","Slide","props","animatedY","animatedYProp","appear","enterDuration","exitDuration","onEnter","onEntered","onExit","onExited","style","otherProps","y","useAnimatedValue","animatedStyle","transform","translateY","useEffect","toValue","Animated","timing","duration","easing","Easing","out","exp","useNativeDriver","isNotAndroid12","start","finished","in","ease"],"sources":["Slide.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Animated, Dimensions, Easing } from 'react-native';\nimport { useAnimatedValue } from '../hooks';\nimport { isNotAndroid12 } from '../utils';\n\nimport type SlideProps from './SlideProps';\n\nconst defaultEnterDuration = 300;\nconst defaultExitDuration = 300;\n\nconst getDisappearingOffsetY = (): number => Dimensions.get('window').height;\n\nexport default function Slide(props: SlideProps) {\n const {\n animatedY: animatedYProp,\n appear,\n enterDuration = defaultEnterDuration,\n exitDuration = defaultExitDuration,\n onEnter,\n onEntered,\n onExit,\n onExited,\n style,\n ...otherProps\n } = props;\n\n const y = useAnimatedValue(getDisappearingOffsetY());\n const animatedY = animatedYProp || y;\n\n const animatedStyle = {\n transform: [{ translateY: animatedY }],\n };\n\n useEffect(() => {\n if (appear) {\n onEnter?.();\n\n const toValue = 0;\n Animated.timing(animatedY, {\n toValue,\n duration: enterDuration,\n easing: Easing.out(Easing.exp),\n useNativeDriver: isNotAndroid12,\n }).start(({ finished }) => {\n if (finished && onEntered) {\n onEntered();\n }\n });\n } else {\n onExit?.();\n\n const toValue = getDisappearingOffsetY();\n Animated.timing(animatedY, {\n toValue,\n duration: exitDuration,\n easing: Easing.in(Easing.ease),\n useNativeDriver: isNotAndroid12,\n }).start(({ finished }) => {\n if (finished && onExited) {\n onExited();\n }\n });\n }\n }, [appear, onEnter, onEntered, onExit, onExited]);\n\n return (\n <Animated.View\n pointerEvents={'box-none'}\n style={[\n animatedStyle,\n style,\n ]}\n {...otherProps}\n />\n );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AAIA,MAAMA,oBAAoB,GAAG,GAA7B;AACA,MAAMC,mBAAmB,GAAG,GAA5B;;AAEA,MAAMC,sBAAsB,GAAG,MAAcC,uBAAA,CAAWC,GAAX,CAAe,QAAf,EAAyBC,MAAtE;;AAEe,SAASC,KAAT,CAAeC,KAAf,EAAkC;EAC7C,MAAM;IACFC,SAAS,EAAEC,aADT;IAEFC,MAFE;IAGFC,aAAa,GAAGX,oBAHd;IAIFY,YAAY,GAAGX,mBAJb;IAKFY,OALE;IAMFC,SANE;IAOFC,MAPE;IAQFC,QARE;IASFC,KATE;IAUF,GAAGC;EAVD,IAWFX,KAXJ;EAaA,MAAMY,CAAC,GAAG,IAAAC,uBAAA,EAAiBlB,sBAAsB,EAAvC,CAAV;EACA,MAAMM,SAAS,GAAGC,aAAa,IAAIU,CAAnC;EAEA,MAAME,aAAa,GAAG;IAClBC,SAAS,EAAE,CAAC;MAAEC,UAAU,EAAEf;IAAd,CAAD;EADO,CAAtB;EAIA,IAAAgB,gBAAA,EAAU,MAAM;IACZ,IAAId,MAAJ,EAAY;MACRG,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO;MAEP,MAAMY,OAAO,GAAG,CAAhB;;MACAC,qBAAA,CAASC,MAAT,CAAgBnB,SAAhB,EAA2B;QACvBiB,OADuB;QAEvBG,QAAQ,EAAEjB,aAFa;QAGvBkB,MAAM,EAAEC,mBAAA,CAAOC,
|
|
1
|
+
{"version":3,"names":["defaultEnterDuration","defaultExitDuration","getDisappearingOffsetY","Dimensions","get","height","Slide","props","animatedY","animatedYProp","appear","enterDuration","exitDuration","onEnter","onEntered","onExit","onExited","style","otherProps","y","useAnimatedValue","animatedStyle","transform","translateY","useEffect","toValue","Animated","timing","duration","easing","Platform","OS","Easing","bezier","out","exp","useNativeDriver","isNotAndroid12","start","finished","in","ease"],"sources":["Slide.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Animated, Dimensions, Easing, Platform } from 'react-native';\nimport { useAnimatedValue } from '../hooks';\nimport { isNotAndroid12 } from '../utils';\n\nimport type SlideProps from './SlideProps';\n\nconst defaultEnterDuration = 300;\nconst defaultExitDuration = 300;\n\nconst getDisappearingOffsetY = (): number => Dimensions.get('window').height;\n\nexport default function Slide(props: SlideProps) {\n const {\n animatedY: animatedYProp,\n appear,\n enterDuration = defaultEnterDuration,\n exitDuration = defaultExitDuration,\n onEnter,\n onEntered,\n onExit,\n onExited,\n style,\n ...otherProps\n } = props;\n\n const y = useAnimatedValue(getDisappearingOffsetY());\n const animatedY = animatedYProp || y;\n\n const animatedStyle = {\n transform: [{ translateY: animatedY }],\n };\n\n useEffect(() => {\n if (appear) {\n onEnter?.();\n\n const toValue = 0;\n Animated.timing(animatedY, {\n toValue,\n duration: enterDuration,\n easing: Platform.OS === 'web'\n ? Easing.bezier(0.16, 1, 0.3, 1)\n : Easing.out(Easing.exp),\n useNativeDriver: isNotAndroid12,\n }).start(({ finished }) => {\n if (finished && onEntered) {\n onEntered();\n }\n });\n } else {\n onExit?.();\n\n const toValue = getDisappearingOffsetY();\n Animated.timing(animatedY, {\n toValue,\n duration: exitDuration,\n easing: Easing.in(Easing.ease),\n useNativeDriver: isNotAndroid12,\n }).start(({ finished }) => {\n if (finished && onExited) {\n onExited();\n }\n });\n }\n }, [appear, onEnter, onEntered, onExit, onExited]);\n\n return (\n <Animated.View\n pointerEvents={'box-none'}\n style={[\n animatedStyle,\n style,\n ]}\n {...otherProps}\n />\n );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AAIA,MAAMA,oBAAoB,GAAG,GAA7B;AACA,MAAMC,mBAAmB,GAAG,GAA5B;;AAEA,MAAMC,sBAAsB,GAAG,MAAcC,uBAAA,CAAWC,GAAX,CAAe,QAAf,EAAyBC,MAAtE;;AAEe,SAASC,KAAT,CAAeC,KAAf,EAAkC;EAC7C,MAAM;IACFC,SAAS,EAAEC,aADT;IAEFC,MAFE;IAGFC,aAAa,GAAGX,oBAHd;IAIFY,YAAY,GAAGX,mBAJb;IAKFY,OALE;IAMFC,SANE;IAOFC,MAPE;IAQFC,QARE;IASFC,KATE;IAUF,GAAGC;EAVD,IAWFX,KAXJ;EAaA,MAAMY,CAAC,GAAG,IAAAC,uBAAA,EAAiBlB,sBAAsB,EAAvC,CAAV;EACA,MAAMM,SAAS,GAAGC,aAAa,IAAIU,CAAnC;EAEA,MAAME,aAAa,GAAG;IAClBC,SAAS,EAAE,CAAC;MAAEC,UAAU,EAAEf;IAAd,CAAD;EADO,CAAtB;EAIA,IAAAgB,gBAAA,EAAU,MAAM;IACZ,IAAId,MAAJ,EAAY;MACRG,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO;MAEP,MAAMY,OAAO,GAAG,CAAhB;;MACAC,qBAAA,CAASC,MAAT,CAAgBnB,SAAhB,EAA2B;QACvBiB,OADuB;QAEvBG,QAAQ,EAAEjB,aAFa;QAGvBkB,MAAM,EAAEC,qBAAA,CAASC,EAAT,KAAgB,KAAhB,GACFC,mBAAA,CAAOC,MAAP,CAAc,IAAd,EAAoB,CAApB,EAAuB,GAAvB,EAA4B,CAA5B,CADE,GAEFD,mBAAA,CAAOE,GAAP,CAAWF,mBAAA,CAAOG,GAAlB,CALiB;QAMvBC,eAAe,EAAEC;MANM,CAA3B,EAOGC,KAPH,CAOS,QAAkB;QAAA,IAAjB;UAAEC;QAAF,CAAiB;;QACvB,IAAIA,QAAQ,IAAIzB,SAAhB,EAA2B;UACvBA,SAAS;QACZ;MACJ,CAXD;IAYH,CAhBD,MAgBO;MACHC,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM;MAEN,MAAMU,OAAO,GAAGvB,sBAAsB,EAAtC;;MACAwB,qBAAA,CAASC,MAAT,CAAgBnB,SAAhB,EAA2B;QACvBiB,OADuB;QAEvBG,QAAQ,EAAEhB,YAFa;QAGvBiB,MAAM,EAAEG,mBAAA,CAAOQ,EAAP,CAAUR,mBAAA,CAAOS,IAAjB,CAHe;QAIvBL,eAAe,EAAEC;MAJM,CAA3B,EAKGC,KALH,CAKS,SAAkB;QAAA,IAAjB;UAAEC;QAAF,CAAiB;;QACvB,IAAIA,QAAQ,IAAIvB,QAAhB,EAA0B;UACtBA,QAAQ;QACX;MACJ,CATD;IAUH;EACJ,CAhCD,EAgCG,CAACN,MAAD,EAASG,OAAT,EAAkBC,SAAlB,EAA6BC,MAA7B,EAAqCC,QAArC,CAhCH;EAkCA,oBACI,6BAAC,qBAAD,CAAU,IAAV;IACI,aAAa,EAAE,UADnB;IAEI,KAAK,EAAE,CACHK,aADG,EAEHJ,KAFG;EAFX,GAMQC,UANR,EADJ;AAUH;;AAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
2
|
|
|
3
3
|
import React, { useEffect } from 'react';
|
|
4
|
-
import { Animated, Dimensions, Easing } from 'react-native';
|
|
4
|
+
import { Animated, Dimensions, Easing, Platform } from 'react-native';
|
|
5
5
|
import { useAnimatedValue } from '../hooks';
|
|
6
6
|
import { isNotAndroid12 } from '../utils';
|
|
7
7
|
const defaultEnterDuration = 300;
|
|
@@ -36,7 +36,7 @@ export default function Slide(props) {
|
|
|
36
36
|
Animated.timing(animatedY, {
|
|
37
37
|
toValue,
|
|
38
38
|
duration: enterDuration,
|
|
39
|
-
easing: Easing.out(Easing.exp),
|
|
39
|
+
easing: Platform.OS === 'web' ? Easing.bezier(0.16, 1, 0.3, 1) : Easing.out(Easing.exp),
|
|
40
40
|
useNativeDriver: isNotAndroid12
|
|
41
41
|
}).start(_ref => {
|
|
42
42
|
let {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","Animated","Dimensions","Easing","useAnimatedValue","isNotAndroid12","defaultEnterDuration","defaultExitDuration","getDisappearingOffsetY","get","height","Slide","props","animatedY","animatedYProp","appear","enterDuration","exitDuration","onEnter","onEntered","onExit","onExited","style","otherProps","y","animatedStyle","transform","translateY","toValue","timing","duration","easing","out","exp","useNativeDriver","start","finished","in","ease"],"sources":["Slide.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Animated, Dimensions, Easing } from 'react-native';\nimport { useAnimatedValue } from '../hooks';\nimport { isNotAndroid12 } from '../utils';\n\nimport type SlideProps from './SlideProps';\n\nconst defaultEnterDuration = 300;\nconst defaultExitDuration = 300;\n\nconst getDisappearingOffsetY = (): number => Dimensions.get('window').height;\n\nexport default function Slide(props: SlideProps) {\n const {\n animatedY: animatedYProp,\n appear,\n enterDuration = defaultEnterDuration,\n exitDuration = defaultExitDuration,\n onEnter,\n onEntered,\n onExit,\n onExited,\n style,\n ...otherProps\n } = props;\n\n const y = useAnimatedValue(getDisappearingOffsetY());\n const animatedY = animatedYProp || y;\n\n const animatedStyle = {\n transform: [{ translateY: animatedY }],\n };\n\n useEffect(() => {\n if (appear) {\n onEnter?.();\n\n const toValue = 0;\n Animated.timing(animatedY, {\n toValue,\n duration: enterDuration,\n easing: Easing.out(Easing.exp),\n useNativeDriver: isNotAndroid12,\n }).start(({ finished }) => {\n if (finished && onEntered) {\n onEntered();\n }\n });\n } else {\n onExit?.();\n\n const toValue = getDisappearingOffsetY();\n Animated.timing(animatedY, {\n toValue,\n duration: exitDuration,\n easing: Easing.in(Easing.ease),\n useNativeDriver: isNotAndroid12,\n }).start(({ finished }) => {\n if (finished && onExited) {\n onExited();\n }\n });\n }\n }, [appear, onEnter, onEntered, onExit, onExited]);\n\n return (\n <Animated.View\n pointerEvents={'box-none'}\n style={[\n animatedStyle,\n style,\n ]}\n {...otherProps}\n />\n );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,SAASC,QAAT,EAAmBC,UAAnB,EAA+BC,MAA/B,
|
|
1
|
+
{"version":3,"names":["React","useEffect","Animated","Dimensions","Easing","Platform","useAnimatedValue","isNotAndroid12","defaultEnterDuration","defaultExitDuration","getDisappearingOffsetY","get","height","Slide","props","animatedY","animatedYProp","appear","enterDuration","exitDuration","onEnter","onEntered","onExit","onExited","style","otherProps","y","animatedStyle","transform","translateY","toValue","timing","duration","easing","OS","bezier","out","exp","useNativeDriver","start","finished","in","ease"],"sources":["Slide.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Animated, Dimensions, Easing, Platform } from 'react-native';\nimport { useAnimatedValue } from '../hooks';\nimport { isNotAndroid12 } from '../utils';\n\nimport type SlideProps from './SlideProps';\n\nconst defaultEnterDuration = 300;\nconst defaultExitDuration = 300;\n\nconst getDisappearingOffsetY = (): number => Dimensions.get('window').height;\n\nexport default function Slide(props: SlideProps) {\n const {\n animatedY: animatedYProp,\n appear,\n enterDuration = defaultEnterDuration,\n exitDuration = defaultExitDuration,\n onEnter,\n onEntered,\n onExit,\n onExited,\n style,\n ...otherProps\n } = props;\n\n const y = useAnimatedValue(getDisappearingOffsetY());\n const animatedY = animatedYProp || y;\n\n const animatedStyle = {\n transform: [{ translateY: animatedY }],\n };\n\n useEffect(() => {\n if (appear) {\n onEnter?.();\n\n const toValue = 0;\n Animated.timing(animatedY, {\n toValue,\n duration: enterDuration,\n easing: Platform.OS === 'web'\n ? Easing.bezier(0.16, 1, 0.3, 1)\n : Easing.out(Easing.exp),\n useNativeDriver: isNotAndroid12,\n }).start(({ finished }) => {\n if (finished && onEntered) {\n onEntered();\n }\n });\n } else {\n onExit?.();\n\n const toValue = getDisappearingOffsetY();\n Animated.timing(animatedY, {\n toValue,\n duration: exitDuration,\n easing: Easing.in(Easing.ease),\n useNativeDriver: isNotAndroid12,\n }).start(({ finished }) => {\n if (finished && onExited) {\n onExited();\n }\n });\n }\n }, [appear, onEnter, onEntered, onExit, onExited]);\n\n return (\n <Animated.View\n pointerEvents={'box-none'}\n style={[\n animatedStyle,\n style,\n ]}\n {...otherProps}\n />\n );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,SAASC,QAAT,EAAmBC,UAAnB,EAA+BC,MAA/B,EAAuCC,QAAvC,QAAuD,cAAvD;AACA,SAASC,gBAAT,QAAiC,UAAjC;AACA,SAASC,cAAT,QAA+B,UAA/B;AAIA,MAAMC,oBAAoB,GAAG,GAA7B;AACA,MAAMC,mBAAmB,GAAG,GAA5B;;AAEA,MAAMC,sBAAsB,GAAG,MAAcP,UAAU,CAACQ,GAAX,CAAe,QAAf,EAAyBC,MAAtE;;AAEA,eAAe,SAASC,KAAT,CAAeC,KAAf,EAAkC;EAC7C,MAAM;IACFC,SAAS,EAAEC,aADT;IAEFC,MAFE;IAGFC,aAAa,GAAGV,oBAHd;IAIFW,YAAY,GAAGV,mBAJb;IAKFW,OALE;IAMFC,SANE;IAOFC,MAPE;IAQFC,QARE;IASFC,KATE;IAUF,GAAGC;EAVD,IAWFX,KAXJ;EAaA,MAAMY,CAAC,GAAGpB,gBAAgB,CAACI,sBAAsB,EAAvB,CAA1B;EACA,MAAMK,SAAS,GAAGC,aAAa,IAAIU,CAAnC;EAEA,MAAMC,aAAa,GAAG;IAClBC,SAAS,EAAE,CAAC;MAAEC,UAAU,EAAEd;IAAd,CAAD;EADO,CAAtB;EAIAd,SAAS,CAAC,MAAM;IACZ,IAAIgB,MAAJ,EAAY;MACRG,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO;MAEP,MAAMU,OAAO,GAAG,CAAhB;MACA5B,QAAQ,CAAC6B,MAAT,CAAgBhB,SAAhB,EAA2B;QACvBe,OADuB;QAEvBE,QAAQ,EAAEd,aAFa;QAGvBe,MAAM,EAAE5B,QAAQ,CAAC6B,EAAT,KAAgB,KAAhB,GACF9B,MAAM,CAAC+B,MAAP,CAAc,IAAd,EAAoB,CAApB,EAAuB,GAAvB,EAA4B,CAA5B,CADE,GAEF/B,MAAM,CAACgC,GAAP,CAAWhC,MAAM,CAACiC,GAAlB,CALiB;QAMvBC,eAAe,EAAE/B;MANM,CAA3B,EAOGgC,KAPH,CAOS,QAAkB;QAAA,IAAjB;UAAEC;QAAF,CAAiB;;QACvB,IAAIA,QAAQ,IAAInB,SAAhB,EAA2B;UACvBA,SAAS;QACZ;MACJ,CAXD;IAYH,CAhBD,MAgBO;MACHC,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM;MAEN,MAAMQ,OAAO,GAAGpB,sBAAsB,EAAtC;MACAR,QAAQ,CAAC6B,MAAT,CAAgBhB,SAAhB,EAA2B;QACvBe,OADuB;QAEvBE,QAAQ,EAAEb,YAFa;QAGvBc,MAAM,EAAE7B,MAAM,CAACqC,EAAP,CAAUrC,MAAM,CAACsC,IAAjB,CAHe;QAIvBJ,eAAe,EAAE/B;MAJM,CAA3B,EAKGgC,KALH,CAKS,SAAkB;QAAA,IAAjB;UAAEC;QAAF,CAAiB;;QACvB,IAAIA,QAAQ,IAAIjB,QAAhB,EAA0B;UACtBA,QAAQ;QACX;MACJ,CATD;IAUH;EACJ,CAhCQ,EAgCN,CAACN,MAAD,EAASG,OAAT,EAAkBC,SAAlB,EAA6BC,MAA7B,EAAqCC,QAArC,CAhCM,CAAT;EAkCA,oBACI,oBAAC,QAAD,CAAU,IAAV;IACI,aAAa,EAAE,UADnB;IAEI,KAAK,EAAE,CACHI,aADG,EAEHH,KAFG;EAFX,GAMQC,UANR,EADJ;AAUH;AAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fountain-ui/core",
|
|
3
|
-
"version": "2.0.0-beta.
|
|
3
|
+
"version": "2.0.0-beta.71",
|
|
4
4
|
"author": "Fountain-UI Team",
|
|
5
5
|
"description": "React components that implement Tappytoon's Fountain Design.",
|
|
6
6
|
"license": "MIT",
|
|
@@ -67,5 +67,5 @@
|
|
|
67
67
|
"publishConfig": {
|
|
68
68
|
"access": "public"
|
|
69
69
|
},
|
|
70
|
-
"gitHead": "
|
|
70
|
+
"gitHead": "93ae29ed1b5b868f4a054d046f30242891b29314"
|
|
71
71
|
}
|
package/src/Slide/Slide.tsx
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { useEffect } from 'react';
|
|
2
|
-
import { Animated, Dimensions, Easing } from 'react-native';
|
|
2
|
+
import { Animated, Dimensions, Easing, Platform } from 'react-native';
|
|
3
3
|
import { useAnimatedValue } from '../hooks';
|
|
4
4
|
import { isNotAndroid12 } from '../utils';
|
|
5
5
|
|
|
@@ -39,7 +39,9 @@ export default function Slide(props: SlideProps) {
|
|
|
39
39
|
Animated.timing(animatedY, {
|
|
40
40
|
toValue,
|
|
41
41
|
duration: enterDuration,
|
|
42
|
-
easing:
|
|
42
|
+
easing: Platform.OS === 'web'
|
|
43
|
+
? Easing.bezier(0.16, 1, 0.3, 1)
|
|
44
|
+
: Easing.out(Easing.exp),
|
|
43
45
|
useNativeDriver: isNotAndroid12,
|
|
44
46
|
}).start(({ finished }) => {
|
|
45
47
|
if (finished && onEntered) {
|