@meatech/payblend_app_ui_component 1.1.58 → 1.1.59
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.
|
@@ -62,12 +62,12 @@ export const PaymentMethodCardWithAmount: React.FC<
|
|
|
62
62
|
<View style={styles.content}>
|
|
63
63
|
<Icon
|
|
64
64
|
name={data.icon}
|
|
65
|
-
width={metrics.
|
|
66
|
-
height={metrics.
|
|
65
|
+
width={metrics.iconMediumXLarge}
|
|
66
|
+
height={metrics.iconMediumXLarge}
|
|
67
67
|
tintColor={colors.neutral['80']}
|
|
68
68
|
/>
|
|
69
69
|
<View style={styles.titleContainer}>
|
|
70
|
-
<Text size="
|
|
70
|
+
<Text size="mediumPlus" color="tertiary" style={styles.title}>
|
|
71
71
|
{title}
|
|
72
72
|
</Text>
|
|
73
73
|
</View>
|
|
@@ -45,9 +45,9 @@ const PaymentMethodCardWithAmount = ({ type = EPaymentCardTypes.DIRECT, title =
|
|
|
45
45
|
isLoading && styles.notAvailable,
|
|
46
46
|
], activeOpacity: ACTIVE_OPACITY, disabled: !onPress, onPress: onPress },
|
|
47
47
|
React__default.createElement(View, { style: styles.content },
|
|
48
|
-
React__default.createElement(Icon, { name: data.icon, width: metrics.
|
|
48
|
+
React__default.createElement(Icon, { name: data.icon, width: metrics.iconMediumXLarge, height: metrics.iconMediumXLarge, tintColor: colors.neutral['80'] }),
|
|
49
49
|
React__default.createElement(View, { style: styles.titleContainer },
|
|
50
|
-
React__default.createElement(Text, { size: "
|
|
50
|
+
React__default.createElement(Text, { size: "mediumPlus", color: "tertiary", style: styles.title }, title))),
|
|
51
51
|
React__default.createElement(View, { style: styles.balance },
|
|
52
52
|
React__default.createElement(Text, { size: "medium", fontWeight: "500", color: "primary", lineHeight: responsiveFont(40) }, unit),
|
|
53
53
|
React__default.createElement(Text, { size: "xl", fontWeight: "700", color: "primary", lineHeight: responsiveFont(40) }, formatNumber(balance)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaymentMethodCardWithAmount.js","sources":["../../../../components/PaymentMethodCardWithAmount/PaymentMethodCardWithAmount.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n StyleSheet,\n TouchableOpacity,\n View,\n StyleProp,\n ViewStyle,\n ActivityIndicator,\n} from \"react-native\";\nimport { EPaymentCardTypes, paymentCardDataByTypes } from \"@ui/constants\";\nimport { Icon, Image, Text } from \"@ui/components\";\nimport {\n ACTIVE_OPACITY,\n colors,\n deviceWidth,\n getColorOpacity,\n metrics,\n pf,\n ph,\n pw,\n} from \"@ui/themes\";\nimport { formatNumber } from \"@ui/utils\";\n\nexport interface PaymentMethodCardWithAmountProps {\n title?: string;\n type?: EPaymentCardTypes;\n balance?: string;\n cardImgUrl?: string;\n style?: StyleProp<ViewStyle>;\n unit?: string;\n disabled?: boolean;\n isLoading?: boolean;\n onPress?: () => void;\n onCreate?: () => void;\n}\n\nexport const PaymentMethodCardWithAmount: React.FC<\n PaymentMethodCardWithAmountProps\n> = ({\n type = EPaymentCardTypes.DIRECT,\n title = '',\n balance = '0',\n unit = '￥',\n isLoading = false,\n style,\n cardImgUrl,\n onPress,\n onCreate,\n}) => {\n const data = paymentCardDataByTypes[type];\n return (\n <TouchableOpacity\n style={[\n styles.container,\n style,\n onCreate && styles.notAvailable,\n isLoading && styles.notAvailable,\n ]}\n activeOpacity={ACTIVE_OPACITY}\n disabled={!onPress}\n onPress={onPress}>\n <View style={styles.content}>\n <Icon\n name={data.icon}\n width={metrics.iconMediumPlus}\n height={metrics.iconMediumPlus}\n tintColor={colors.neutral['80']}\n />\n <View style={styles.titleContainer}>\n <Text size=\"medium\" color=\"tertiary\" style={styles.title}>\n {title}\n </Text>\n </View>\n </View>\n <View style={styles.balance}>\n <Text\n size=\"medium\"\n fontWeight=\"500\"\n color=\"primary\"\n lineHeight={pf(40)}>\n {unit}\n </Text>\n <Text size=\"xl\" fontWeight=\"700\" color=\"primary\" lineHeight={pf(40)}>\n {formatNumber(balance)}\n </Text>\n <Text\n size=\"medium\"\n fontWeight=\"500\"\n color=\"primary\"\n lineHeight={pf(40)}>\n -\n </Text>\n </View>\n <View style={styles.bannerIntro}>\n <Image\n uri={cardImgUrl || data.photo}\n width={deviceWidth() * 0.33}\n height={pw(84)}\n style={styles.banner}\n resizeMode=\"cover\"\n />\n {onCreate && (\n <TouchableOpacity\n style={styles.add}\n activeOpacity={ACTIVE_OPACITY}\n disabled={isLoading}\n onPress={onCreate}>\n {!isLoading ? (\n <Icon\n name=\"ic_white_plus\"\n width={metrics.iconExtraLarge}\n height={metrics.iconExtraLarge}\n />\n ) : (\n <ActivityIndicator size=\"small\" color={colors.primary['100']} />\n )}\n </TouchableOpacity>\n )}\n </View>\n </TouchableOpacity>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n backgroundColor: colors.white['10'],\n height: ph(108),\n shadowColor: colors.neutral['100'],\n shadowOffset: {width: 0, height: 4},\n shadowOpacity: 0.25,\n shadowRadius: 6,\n elevation: 6,\n justifyContent: 'space-between',\n borderRadius: metrics.borderRadiusSemiLarge,\n },\n notAvailable: {\n opacity: 0.4,\n },\n titleContainer: {\n width: '50%',\n },\n title: {\n flexWrap: 'wrap',\n },\n content: {\n flexDirection: 'row',\n alignItems: 'center',\n paddingHorizontal: metrics.width.spacingExtraSmall,\n paddingTop: ph(14),\n gap: metrics.width.spacingExtraSmall,\n borderTopRightRadius: metrics.borderRadiusSemiLarge,\n borderTopLeftRadius: metrics.borderRadiusSemiLarge,\n },\n balance: {\n flexDirection: 'row',\n backgroundColor: colors.neutral['20'],\n paddingHorizontal: metrics.width.spacingExtraSmall,\n paddingVertical: metrics.height.spacingTiny,\n gap: metrics.width.spacingNano,\n borderBottomRightRadius: metrics.borderRadiusSemiLarge,\n borderBottomLeftRadius: metrics.borderRadiusSemiLarge,\n },\n bannerIntro: {\n position: 'absolute',\n zIndex: 1,\n top: metrics.height.spacingExtraSmall,\n right: metrics.width.spacingExtraSmall,\n borderRadius: metrics.borderRadiusExtraLarge,\n backgroundColor: colors.white['10'],\n padding: metrics.width.spacingTiny,\n shadowColor: colors.neutral['100'],\n shadowOffset: {width: 0, height: metrics.height.spacingTiny},\n shadowOpacity: 0.25,\n shadowRadius: metrics.borderRadiusExtraLarge,\n elevation: 12,\n alignItems: 'center',\n justifyContent: 'center',\n },\n banner: {\n borderRadius: metrics.borderRadiusExtraLarge,\n },\n add: {\n position: 'absolute',\n zIndex: 2,\n width: metrics.iconHuge,\n height: metrics.iconHuge,\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: getColorOpacity(colors.black['100'], 0.6),\n borderRadius: metrics.borderRadiusMassive,\n },\n loading: {\n position: 'absolute',\n zIndex: 2,\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: getColorOpacity(colors.black['100'], 0.2),\n borderRadius: metrics.borderRadiusExtraLarge,\n },\n});\n"],"names":["React","pf","pw","ph"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"PaymentMethodCardWithAmount.js","sources":["../../../../components/PaymentMethodCardWithAmount/PaymentMethodCardWithAmount.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n StyleSheet,\n TouchableOpacity,\n View,\n StyleProp,\n ViewStyle,\n ActivityIndicator,\n} from \"react-native\";\nimport { EPaymentCardTypes, paymentCardDataByTypes } from \"@ui/constants\";\nimport { Icon, Image, Text } from \"@ui/components\";\nimport {\n ACTIVE_OPACITY,\n colors,\n deviceWidth,\n getColorOpacity,\n metrics,\n pf,\n ph,\n pw,\n} from \"@ui/themes\";\nimport { formatNumber } from \"@ui/utils\";\n\nexport interface PaymentMethodCardWithAmountProps {\n title?: string;\n type?: EPaymentCardTypes;\n balance?: string;\n cardImgUrl?: string;\n style?: StyleProp<ViewStyle>;\n unit?: string;\n disabled?: boolean;\n isLoading?: boolean;\n onPress?: () => void;\n onCreate?: () => void;\n}\n\nexport const PaymentMethodCardWithAmount: React.FC<\n PaymentMethodCardWithAmountProps\n> = ({\n type = EPaymentCardTypes.DIRECT,\n title = '',\n balance = '0',\n unit = '￥',\n isLoading = false,\n style,\n cardImgUrl,\n onPress,\n onCreate,\n}) => {\n const data = paymentCardDataByTypes[type];\n return (\n <TouchableOpacity\n style={[\n styles.container,\n style,\n onCreate && styles.notAvailable,\n isLoading && styles.notAvailable,\n ]}\n activeOpacity={ACTIVE_OPACITY}\n disabled={!onPress}\n onPress={onPress}>\n <View style={styles.content}>\n <Icon\n name={data.icon}\n width={metrics.iconMediumXLarge}\n height={metrics.iconMediumXLarge}\n tintColor={colors.neutral['80']}\n />\n <View style={styles.titleContainer}>\n <Text size=\"mediumPlus\" color=\"tertiary\" style={styles.title}>\n {title}\n </Text>\n </View>\n </View>\n <View style={styles.balance}>\n <Text\n size=\"medium\"\n fontWeight=\"500\"\n color=\"primary\"\n lineHeight={pf(40)}>\n {unit}\n </Text>\n <Text size=\"xl\" fontWeight=\"700\" color=\"primary\" lineHeight={pf(40)}>\n {formatNumber(balance)}\n </Text>\n <Text\n size=\"medium\"\n fontWeight=\"500\"\n color=\"primary\"\n lineHeight={pf(40)}>\n -\n </Text>\n </View>\n <View style={styles.bannerIntro}>\n <Image\n uri={cardImgUrl || data.photo}\n width={deviceWidth() * 0.33}\n height={pw(84)}\n style={styles.banner}\n resizeMode=\"cover\"\n />\n {onCreate && (\n <TouchableOpacity\n style={styles.add}\n activeOpacity={ACTIVE_OPACITY}\n disabled={isLoading}\n onPress={onCreate}>\n {!isLoading ? (\n <Icon\n name=\"ic_white_plus\"\n width={metrics.iconExtraLarge}\n height={metrics.iconExtraLarge}\n />\n ) : (\n <ActivityIndicator size=\"small\" color={colors.primary['100']} />\n )}\n </TouchableOpacity>\n )}\n </View>\n </TouchableOpacity>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n backgroundColor: colors.white['10'],\n height: ph(108),\n shadowColor: colors.neutral['100'],\n shadowOffset: {width: 0, height: 4},\n shadowOpacity: 0.25,\n shadowRadius: 6,\n elevation: 6,\n justifyContent: 'space-between',\n borderRadius: metrics.borderRadiusSemiLarge,\n },\n notAvailable: {\n opacity: 0.4,\n },\n titleContainer: {\n width: '50%',\n },\n title: {\n flexWrap: 'wrap',\n },\n content: {\n flexDirection: 'row',\n alignItems: 'center',\n paddingHorizontal: metrics.width.spacingExtraSmall,\n paddingTop: ph(14),\n gap: metrics.width.spacingExtraSmall,\n borderTopRightRadius: metrics.borderRadiusSemiLarge,\n borderTopLeftRadius: metrics.borderRadiusSemiLarge,\n },\n balance: {\n flexDirection: 'row',\n backgroundColor: colors.neutral['20'],\n paddingHorizontal: metrics.width.spacingExtraSmall,\n paddingVertical: metrics.height.spacingTiny,\n gap: metrics.width.spacingNano,\n borderBottomRightRadius: metrics.borderRadiusSemiLarge,\n borderBottomLeftRadius: metrics.borderRadiusSemiLarge,\n },\n bannerIntro: {\n position: 'absolute',\n zIndex: 1,\n top: metrics.height.spacingExtraSmall,\n right: metrics.width.spacingExtraSmall,\n borderRadius: metrics.borderRadiusExtraLarge,\n backgroundColor: colors.white['10'],\n padding: metrics.width.spacingTiny,\n shadowColor: colors.neutral['100'],\n shadowOffset: {width: 0, height: metrics.height.spacingTiny},\n shadowOpacity: 0.25,\n shadowRadius: metrics.borderRadiusExtraLarge,\n elevation: 12,\n alignItems: 'center',\n justifyContent: 'center',\n },\n banner: {\n borderRadius: metrics.borderRadiusExtraLarge,\n },\n add: {\n position: 'absolute',\n zIndex: 2,\n width: metrics.iconHuge,\n height: metrics.iconHuge,\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: getColorOpacity(colors.black['100'], 0.6),\n borderRadius: metrics.borderRadiusMassive,\n },\n loading: {\n position: 'absolute',\n zIndex: 2,\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: getColorOpacity(colors.black['100'], 0.2),\n borderRadius: metrics.borderRadiusExtraLarge,\n },\n});\n"],"names":["React","pf","pw","ph"],"mappings":"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"}
|