@meatech/payblend_app_ui_component 1.0.79 → 1.0.80
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.
|
@@ -38,7 +38,9 @@ const BalanceCard = ({ datetime, balance = '0', delay = 300, waitRefreshTime = 5
|
|
|
38
38
|
React.createElement(TouchableOpacity, { style: styles.balanceContainer, activeOpacity: ACTIVE_OPACITY, onPress: handleToggleHideBalance },
|
|
39
39
|
hideBalance ? (React.createElement(Text, { size: "medium", color: "primary", fontWeight: "700", lineHeight: responsiveFont(30) }, "****")) : (React.createElement(React.Fragment, null,
|
|
40
40
|
React.createElement(Text, { size: "medium", color: "primary", fontWeight: "700", lineHeight: responsiveFont(30) }, "\u00A5"),
|
|
41
|
-
React.createElement(Text, { size: "xl", color: "primary", fontWeight: "700", lineHeight: responsiveFont(30) },
|
|
41
|
+
React.createElement(Text, { size: "xl", color: "primary", fontWeight: "700", lineHeight: responsiveFont(30) },
|
|
42
|
+
formatNumber(balance),
|
|
43
|
+
"\u5186"),
|
|
42
44
|
React.createElement(Text, { size: "medium", color: "primary", fontWeight: "700", lineHeight: responsiveFont(30) }, "-"))),
|
|
43
45
|
React.createElement(Icon, { name: hideBalance ? 'ic_eye_off' : 'ic_eye', width: metrics.iconSmall, height: metrics.iconSmall, tintColor: colors.neutral['80'] }))));
|
|
44
46
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BalanceCard.js","sources":["../../../../components/BalanceCard/BalanceCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useEffect, useState } from 'react';\nimport {\n StyleSheet,\n TouchableOpacity,\n View,\n StyleProp,\n ViewStyle,\n} from 'react-native';\nimport { debounce } from 'lodash';\nimport { ACTIVE_OPACITY, colors, FontSizes, metrics, pf } from '@ui/themes';\nimport { Icon } from '../Icons';\nimport Text from '../Text';\nimport { formatDateToJapaneseStyle, formatNumber } from '@ui/utils';\n\nexport interface BalanceCardProps {\n datetime?: string;\n balance?: string;\n delay?: number;\n waitRefreshTime?: number;\n style?: StyleProp<ViewStyle>;\n onPress?: () => void;\n}\n\nexport const BalanceCard: React.FC<BalanceCardProps> = ({\n datetime,\n balance = '0',\n delay = 300,\n waitRefreshTime = 5000,\n style,\n onPress,\n}) => {\n const [disabled, setDisabled] = useState<boolean>(false);\n const [hideBalance, setHideBalance] = useState<boolean>(false);\n\n useEffect(() => {\n let timeout: ReturnType<typeof setTimeout>;\n if (disabled) {\n timeout = setTimeout(() => {\n setDisabled(false);\n }, waitRefreshTime);\n }\n return () => clearTimeout(timeout);\n }, [waitRefreshTime, disabled]);\n\n const handleBalanceUpdate = debounce(() => {\n setDisabled(true);\n onPress?.();\n }, delay);\n\n const handleToggleHideBalance = () => setHideBalance((prev) => !prev);\n\n return (\n <View style={[styles.container, style]}>\n {datetime && (\n <Text size=\"xs\" color=\"disabled\" lineHeight={pf(18)}>\n {formatDateToJapaneseStyle(datetime)}\n </Text>\n )}\n <TouchableOpacity\n style={[styles.balanceButton, disabled && styles.buttonDisabled]}\n disabled={!onPress || disabled}\n activeOpacity={ACTIVE_OPACITY}\n onPress={handleBalanceUpdate}\n >\n <Icon\n name=\"ic_white_rotate_right\"\n width={metrics.height.spacingExtraSmall}\n height={metrics.height.spacingExtraSmall}\n />\n <Text size=\"xxs\" color=\"white\" lineHeight={FontSizes.fontXS}>\n 残高更新\n </Text>\n </TouchableOpacity>\n <TouchableOpacity\n style={styles.balanceContainer}\n activeOpacity={ACTIVE_OPACITY}\n onPress={handleToggleHideBalance}\n >\n {hideBalance ? (\n <Text\n size=\"medium\"\n color=\"primary\"\n fontWeight=\"700\"\n lineHeight={pf(30)}\n >\n ****\n </Text>\n ) : (\n <>\n <Text\n size=\"medium\"\n color=\"primary\"\n fontWeight=\"700\"\n lineHeight={pf(30)}\n >\n ¥\n </Text>\n <Text\n size=\"xl\"\n color=\"primary\"\n fontWeight=\"700\"\n lineHeight={pf(30)}\n >\n {formatNumber(balance)}
|
|
1
|
+
{"version":3,"file":"BalanceCard.js","sources":["../../../../components/BalanceCard/BalanceCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useEffect, useState } from 'react';\nimport {\n StyleSheet,\n TouchableOpacity,\n View,\n StyleProp,\n ViewStyle,\n} from 'react-native';\nimport { debounce } from 'lodash';\nimport { ACTIVE_OPACITY, colors, FontSizes, metrics, pf } from '@ui/themes';\nimport { Icon } from '../Icons';\nimport Text from '../Text';\nimport { formatDateToJapaneseStyle, formatNumber } from '@ui/utils';\n\nexport interface BalanceCardProps {\n datetime?: string;\n balance?: string;\n delay?: number;\n waitRefreshTime?: number;\n style?: StyleProp<ViewStyle>;\n onPress?: () => void;\n}\n\nexport const BalanceCard: React.FC<BalanceCardProps> = ({\n datetime,\n balance = '0',\n delay = 300,\n waitRefreshTime = 5000,\n style,\n onPress,\n}) => {\n const [disabled, setDisabled] = useState<boolean>(false);\n const [hideBalance, setHideBalance] = useState<boolean>(false);\n\n useEffect(() => {\n let timeout: ReturnType<typeof setTimeout>;\n if (disabled) {\n timeout = setTimeout(() => {\n setDisabled(false);\n }, waitRefreshTime);\n }\n return () => clearTimeout(timeout);\n }, [waitRefreshTime, disabled]);\n\n const handleBalanceUpdate = debounce(() => {\n setDisabled(true);\n onPress?.();\n }, delay);\n\n const handleToggleHideBalance = () => setHideBalance((prev) => !prev);\n\n return (\n <View style={[styles.container, style]}>\n {datetime && (\n <Text size=\"xs\" color=\"disabled\" lineHeight={pf(18)}>\n {formatDateToJapaneseStyle(datetime)}\n </Text>\n )}\n <TouchableOpacity\n style={[styles.balanceButton, disabled && styles.buttonDisabled]}\n disabled={!onPress || disabled}\n activeOpacity={ACTIVE_OPACITY}\n onPress={handleBalanceUpdate}\n >\n <Icon\n name=\"ic_white_rotate_right\"\n width={metrics.height.spacingExtraSmall}\n height={metrics.height.spacingExtraSmall}\n />\n <Text size=\"xxs\" color=\"white\" lineHeight={FontSizes.fontXS}>\n 残高更新\n </Text>\n </TouchableOpacity>\n <TouchableOpacity\n style={styles.balanceContainer}\n activeOpacity={ACTIVE_OPACITY}\n onPress={handleToggleHideBalance}\n >\n {hideBalance ? (\n <Text\n size=\"medium\"\n color=\"primary\"\n fontWeight=\"700\"\n lineHeight={pf(30)}\n >\n ****\n </Text>\n ) : (\n <>\n <Text\n size=\"medium\"\n color=\"primary\"\n fontWeight=\"700\"\n lineHeight={pf(30)}\n >\n ¥\n </Text>\n <Text\n size=\"xl\"\n color=\"primary\"\n fontWeight=\"700\"\n lineHeight={pf(30)}\n >\n {formatNumber(balance)}円\n </Text>\n <Text\n size=\"medium\"\n color=\"primary\"\n fontWeight=\"700\"\n lineHeight={pf(30)}\n >\n -\n </Text>\n </>\n )}\n <Icon\n name={hideBalance ? 'ic_eye_off' : 'ic_eye'}\n width={metrics.iconSmall}\n height={metrics.iconSmall}\n tintColor={colors.neutral['80']}\n />\n </TouchableOpacity>\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n alignItems: 'center',\n gap: metrics.height.spacingTiny,\n },\n balanceButton: {\n flexDirection: 'row',\n backgroundColor: colors.neutral['60'],\n paddingVertical: metrics.height.spacingNano,\n paddingHorizontal: metrics.width.spacingExtraSmall,\n borderRadius: metrics.borderRadiusMassive,\n gap: metrics.width.spacingNano,\n alignItems: 'center',\n },\n buttonDisabled: {\n opacity: 0.5,\n },\n balanceContainer: {\n flexDirection: 'row',\n alignItems: 'center',\n gap: metrics.width.spacingTiny,\n },\n});\n"],"names":["pf"],"mappings":";;;;;;;;;;;;;;;AAwBa,MAAA,WAAW,GAA+B,CAAC,EACtD,QAAQ,EACR,OAAO,GAAG,GAAG,EACb,KAAK,GAAG,GAAG,EACX,eAAe,GAAG,IAAI,EACtB,KAAK,EACL,OAAO,GACR,KAAI;IACH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC;IACxD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC;IAE9D,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,OAAsC;QAC1C,IAAI,QAAQ,EAAE;AACZ,YAAA,OAAO,GAAG,UAAU,CAAC,MAAK;gBACxB,WAAW,CAAC,KAAK,CAAC;aACnB,EAAE,eAAe,CAAC;;AAErB,QAAA,OAAO,MAAM,YAAY,CAAC,OAAO,CAAC;AACpC,KAAC,EAAE,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;AAE/B,IAAA,MAAM,mBAAmB,GAAG,QAAQ,CAAC,MAAK;QACxC,WAAW,CAAC,IAAI,CAAC;AACjB,QAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,MAAA,GAAA,MAAA,GAAA,OAAO,EAAI;KACZ,EAAE,KAAK,CAAC;AAET,IAAA,MAAM,uBAAuB,GAAG,MAAM,cAAc,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC;AAErE,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,EAAA;QACnC,QAAQ,KACP,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,UAAU,EAAC,UAAU,EAAEA,cAAE,CAAC,EAAE,CAAC,EAChD,EAAA,yBAAyB,CAAC,QAAQ,CAAC,CAC/B,CACR;AACD,QAAA,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EACf,KAAK,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,QAAQ,IAAI,MAAM,CAAC,cAAc,CAAC,EAChE,QAAQ,EAAE,CAAC,OAAO,IAAI,QAAQ,EAC9B,aAAa,EAAE,cAAc,EAC7B,OAAO,EAAE,mBAAmB,EAAA;YAE5B,KAAC,CAAA,aAAA,CAAA,IAAI,IACH,IAAI,EAAC,uBAAuB,EAC5B,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,iBAAiB,EACvC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,iBAAiB,EACxC,CAAA;AACF,YAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,OAAO,EAAC,UAAU,EAAE,SAAS,CAAC,MAAM,+BAEpD,CACU;AACnB,QAAA,KAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EACf,KAAK,EAAE,MAAM,CAAC,gBAAgB,EAC9B,aAAa,EAAE,cAAc,EAC7B,OAAO,EAAE,uBAAuB,EAAA;AAE/B,YAAA,WAAW,IACV,KAAC,CAAA,aAAA,CAAA,IAAI,EACH,EAAA,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,SAAS,EACf,UAAU,EAAC,KAAK,EAChB,UAAU,EAAEA,cAAE,CAAC,EAAE,CAAC,EAGb,EAAA,MAAA,CAAA,KAEP,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;gBACE,KAAC,CAAA,aAAA,CAAA,IAAI,IACH,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,SAAS,EACf,UAAU,EAAC,KAAK,EAChB,UAAU,EAAEA,cAAE,CAAC,EAAE,CAAC,EAGb,EAAA,QAAA,CAAA;AACP,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EACH,EAAA,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,SAAS,EACf,UAAU,EAAC,KAAK,EAChB,UAAU,EAAEA,cAAE,CAAC,EAAE,CAAC,EAAA;oBAEjB,YAAY,CAAC,OAAO,CAAC;AACjB,oBAAA,QAAA,CAAA;gBACP,KAAC,CAAA,aAAA,CAAA,IAAI,IACH,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,SAAS,EACf,UAAU,EAAC,KAAK,EAChB,UAAU,EAAEA,cAAE,CAAC,EAAE,CAAC,EAGb,EAAA,GAAA,CAAA,CACN,CACJ;AACD,YAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EACH,EAAA,IAAI,EAAE,WAAW,GAAG,YAAY,GAAG,QAAQ,EAC3C,KAAK,EAAE,OAAO,CAAC,SAAS,EACxB,MAAM,EAAE,OAAO,CAAC,SAAS,EACzB,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,GAC/B,CACe,CACd;AAEX;AAEA,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;AAC/B,IAAA,SAAS,EAAE;AACT,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,GAAG,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW;AAChC,KAAA;AACD,IAAA,aAAa,EAAE;AACb,QAAA,aAAa,EAAE,KAAK;AACpB,QAAA,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;AACrC,QAAA,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW;AAC3C,QAAA,iBAAiB,EAAE,OAAO,CAAC,KAAK,CAAC,iBAAiB;QAClD,YAAY,EAAE,OAAO,CAAC,mBAAmB;AACzC,QAAA,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW;AAC9B,QAAA,UAAU,EAAE,QAAQ;AACrB,KAAA;AACD,IAAA,cAAc,EAAE;AACd,QAAA,OAAO,EAAE,GAAG;AACb,KAAA;AACD,IAAA,gBAAgB,EAAE;AAChB,QAAA,aAAa,EAAE,KAAK;AACpB,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW;AAC/B,KAAA;AACF,CAAA,CAAC;;;;"}
|