- {isComplete
- ? t('progress.title.complete', { defaultValue: '迁移完成' })
- : t('progress.title.migrating', { defaultValue: '正在迁移...' })}
+ {isComplete ? t('progress.title.complete') : t('progress.title.migrating')}
{stepLabel}
@@ -63,7 +49,6 @@ export function MigrationProgressStep({ progress }: MigrationProgressStepProps)
{progress.currentWallet && (
{t('progress.currentWallet', {
- defaultValue: '当前: {{name}}',
name: progress.currentWallet,
})}
@@ -72,7 +57,6 @@ export function MigrationProgressStep({ progress }: MigrationProgressStepProps)
{progress.totalWallets !== undefined && progress.processedWallets !== undefined && (
{t('progress.walletCount', {
- defaultValue: '{{processed}} / {{total}} 个钱包',
processed: progress.processedWallets,
total: progress.totalWallets,
})}
diff --git a/src/components/onboarding/chain-selector.tsx b/src/components/onboarding/chain-selector.tsx
index 9305acf40..7cdc631ae 100644
--- a/src/components/onboarding/chain-selector.tsx
+++ b/src/components/onboarding/chain-selector.tsx
@@ -38,33 +38,15 @@ export interface ChainSelectorProps {
'data-testid'?: string;
}
-/** 链类型分组配置（基于 chainKind） */
-const CHAIN_KIND_GROUPS: Record = {
- bioforest: {
- name: '生物链林',
- description: 'BioForest 生态链',
- },
- evm: {
- name: 'EVM 兼容链',
- description: '以太坊虚拟机兼容链',
- },
- bitcoin: {
- name: 'Bitcoin',
- description: 'Bitcoin 网络',
- },
- tron: {
- name: 'Tron',
- description: 'Tron 网络',
- },
- custom: {
- name: '自定义链',
- description: '用户添加的自定义链',
- },
-};
+/** 链类型分组配置（基于 chainKind） - 返回翻译键 */
+const getChainKindConfig = (kind: string, t: (key: string) => string): { name: string; description: string } => ({
+ name: t(`common:chainKind.${kind}.name`),
+ description: t(`common:chainKind.${kind}.description`),
+});
/**
* 区块链网络选择器
- *
+ *
* 二级结构：
* - 第一级：技术类型（生物链林、EVM、BIP39）
* - 第二级：具体网络
@@ -87,7 +69,7 @@ export function ChainSelector({
// 按 chainKind 分组
const chainGroups = useMemo(() => {
const grouped = new Map();
-
+
for (const chain of chains) {
const kind = chain.chainKind || 'custom';
if (!grouped.has(kind)) {
@@ -99,14 +81,17 @@ export function ChainSelector({
// 按预定义顺序返回
const orderedKinds = ['bioforest', 'evm', 'bitcoin', 'tron', 'custom'];
return orderedKinds
- .filter(kind => grouped.has(kind))
- .map(kind => ({
- id: kind,
- name: CHAIN_KIND_GROUPS[kind]?.name || kind,
- description: CHAIN_KIND_GROUPS[kind]?.description,
- chains: grouped.get(kind)!,
- }));
- }, [chains]);
+ .filter((kind) => grouped.has(kind))
+ .map((kind) => {
+ const config = getChainKindConfig(kind, t);
+ return {
+ id: kind,
+ name: config.name || kind,
+ description: config.description,
+ chains: grouped.get(kind)!,
+ };
+ });
+ }, [chains, t]);
// 过滤搜索结果
const filteredGroups = useMemo(() => {
@@ -114,21 +99,22 @@ export function ChainSelector({
const query = searchQuery.toLowerCase();
return chainGroups
- .map(group => ({
+ .map((group) => ({
...group,
- chains: group.chains.filter(chain =>
- chain.name.toLowerCase().includes(query) ||
- chain.symbol.toLowerCase().includes(query) ||
- chain.id.toLowerCase().includes(query)
+ chains: group.chains.filter(
+ (chain) =>
+ chain.name.toLowerCase().includes(query) ||
+ chain.symbol.toLowerCase().includes(query) ||
+ chain.id.toLowerCase().includes(query),
),
}))
- .filter(group => group.chains.length > 0);
+ .filter((group) => group.chains.length > 0);
}, [chainGroups, searchQuery]);
const favoriteSet = useMemo(() => new Set(favoriteChains), [favoriteChains]);
const sortedGroups = useMemo(() => {
- return filteredGroups.map(group => ({
+ return filteredGroups.map((group) => ({
...group,
chains: [...group.chains].toSorted((a, b) => {
const aFav = favoriteSet.has(a.id);
@@ -141,7 +127,7 @@ export function ChainSelector({
// 切换组展开/折叠
const toggleGroup = useCallback((groupId: string) => {
- setExpandedGroups(prev => {
+ setExpandedGroups((prev) => {
const next = new Set(prev);
if (next.has(groupId)) {
next.delete(groupId);
@@ -153,59 +139,71 @@ export function ChainSelector({
}, []);
// 选择/取消选择单个链
- const toggleChain = useCallback((chainId: string) => {
- const isSelected = selectedChains.includes(chainId);
- if (isSelected) {
- onSelectionChange(selectedChains.filter(id => id !== chainId));
- } else {
- onSelectionChange([...selectedChains, chainId]);
- }
- }, [selectedChains, onSelectionChange]);
+ const toggleChain = useCallback(
+ (chainId: string) => {
+ const isSelected = selectedChains.includes(chainId);
+ if (isSelected) {
+ onSelectionChange(selectedChains.filter((id) => id !== chainId));
+ } else {
+ onSelectionChange([...selectedChains, chainId]);
+ }
+ },
+ [selectedChains, onSelectionChange],
+ );
// 选择/取消选择整个组
- const toggleGroup选择 = useCallback((group: ChainGroup) => {
- const groupChainIds = group.chains.map(c => c.id);
- const allSelected = groupChainIds.every(id => selectedChains.includes(id));
-
- if (allSelected) {
- // 取消选择整个组
- onSelectionChange(selectedChains.filter(id => !groupChainIds.includes(id)));
- } else {
- // 选择整个组
- const newSelection = new Set(selectedChains);
- groupChainIds.forEach(id => newSelection.add(id));
- onSelectionChange(Array.from(newSelection));
- }
- }, [selectedChains, onSelectionChange]);
+ const toggleGroup选择 = useCallback(
+ (group: ChainGroup) => {
+ const groupChainIds = group.chains.map((c) => c.id);
+ const allSelected = groupChainIds.every((id) => selectedChains.includes(id));
+
+ if (allSelected) {
+ // 取消选择整个组
+ onSelectionChange(selectedChains.filter((id) => !groupChainIds.includes(id)));
+ } else {
+ // 选择整个组
+ const newSelection = new Set(selectedChains);
+ groupChainIds.forEach((id) => newSelection.add(id));
+ onSelectionChange(Array.from(newSelection));
+ }
+ },
+ [selectedChains, onSelectionChange],
+ );
// 切换收藏
- const toggleFavorite = useCallback((chainId: string) => {
- if (!onFavoriteChange) return;
-
- const isFavorite = favoriteChains.includes(chainId);
- if (isFavorite) {
- onFavoriteChange(favoriteChains.filter(id => id !== chainId));
- } else {
- onFavoriteChange([...favoriteChains, chainId]);
- }
- }, [favoriteChains, onFavoriteChange]);
+ const toggleFavorite = useCallback(
+ (chainId: string) => {
+ if (!onFavoriteChange) return;
+
+ const isFavorite = favoriteChains.includes(chainId);
+ if (isFavorite) {
+ onFavoriteChange(favoriteChains.filter((id) => id !== chainId));
+ } else {
+ onFavoriteChange([...favoriteChains, chainId]);
+ }
+ },
+ [favoriteChains, onFavoriteChange],
+ );
// 检查组的选择状态
- const getGroupSelectionState = useCallback((group: ChainGroup) => {
- const groupChainIds = group.chains.map(c => c.id);
- const selectedCount = groupChainIds.filter(id => selectedChains.includes(id)).length;
-
- if (selectedCount === 0) return 'none';
- if (selectedCount === groupChainIds.length) return 'all';
- return 'partial';
- }, [selectedChains]);
+ const getGroupSelectionState = useCallback(
+ (group: ChainGroup) => {
+ const groupChainIds = group.chains.map((c) => c.id);
+ const selectedCount = groupChainIds.filter((id) => selectedChains.includes(id)).length;
+
+ if (selectedCount === 0) return 'none';
+ if (selectedCount === groupChainIds.length) return 'all';
+ return 'partial';
+ },
+ [selectedChains],
+ );
return (
{/* 搜索框 */}
{showSearch && (
-
+
setSearchQuery(e.target.value)}
@@ -218,18 +216,22 @@ export function ChainSelector({
{/* 链组列表 */}
- {sortedGroups.map(group => {
+ {sortedGroups.map((group) => {
const isExpanded = searchQuery.trim().length > 0 ? true : expandedGroups.has(group.id);
const selectionState = getGroupSelectionState(group);
-
+
return (
-
+
{/* 组标题 */}
{/* 组内链列表 */}
{isExpanded && (
-
- {group.chains.map(chain => {
+
+ {group.chains.map((chain) => {
const isSelected = selectedChains.includes(chain.id);
const isFavorite = favoriteChains.includes(chain.id);
-
+
return (
{/* 链图标 (placeholder) */}
-
+
{chain.symbol.slice(0, 2)}
{/* 链信息 */}
-
-
{chain.name}
-
{chain.symbol}
+
+
{chain.name}
+
{chain.symbol}
{/* 收藏按钮 */}
@@ -320,14 +323,14 @@ export function ChainSelector({
e.stopPropagation();
toggleFavorite(chain.id);
}}
- className="p-1 hover:bg-muted rounded transition-colors"
+ className="hover:bg-muted rounded p-1 transition-colors"
aria-label={isFavorite ? t('common:unfavorite') : t('common:favorite')}
data-testid={baseTestId ? `${baseTestId}-favorite-${chain.id}` : undefined}
>
{isFavorite ? (
) : (
-
+
)}
)}
@@ -343,7 +346,10 @@ export function ChainSelector({
{/* 空状态 */}
{sortedGroups.length === 0 && (
-
+
{t('chainSelector.noResults')}
)}
@@ -355,5 +361,5 @@ export function ChainSelector({
* 获取默认选择的链（全选）
*/
export function getDefaultSelectedChains(chains: ChainConfig[]): string[] {
- return chains.map(chain => chain.id);
+ return chains.map((chain) => chain.id);
}
diff --git a/src/components/security/crypto-authorize.tsx b/src/components/security/crypto-authorize.tsx
index 725bb3371..9a29dce9f 100644
--- a/src/components/security/crypto-authorize.tsx
+++ b/src/components/security/crypto-authorize.tsx
@@ -4,206 +4,172 @@
* 显示授权请求信息，让用户输入手势密码确认授权
*/
-import { useState, useCallback } from 'react'
-import { useTranslation } from 'react-i18next'
-import { PatternLock, patternToString } from './pattern-lock'
-import { walletStorageService } from '@/services/wallet-storage'
+import { useState, useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { PatternLock, patternToString } from './pattern-lock';
+import { walletStorageService } from '@/services/wallet-storage';
import {
- type CryptoAction,
- type TokenDuration,
- CRYPTO_ACTION_LABELS,
- TOKEN_DURATION_LABELS,
- TOKEN_DURATION_OPTIONS,
-} from '@/services/crypto-box'
-import {
- Select,
- SelectContent,
- SelectItem,
- SelectTrigger,
- SelectValue,
-} from '@/components/ui/select'
+ type CryptoAction,
+ type TokenDuration,
+ CRYPTO_ACTION_LABELS,
+ TOKEN_DURATION_LABELS,
+ TOKEN_DURATION_OPTIONS,
+} from '@/services/crypto-box';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
export interface CryptoAuthorizeProps {
- /** 请求的操作权限 */
- actions: CryptoAction[]
- /** 默认授权时长 */
- duration: TokenDuration
- /** 使用的地址 */
- address: string
- /** 请求来源应用 */
- app: {
- name: string
- icon?: string
- }
- /** 确认回调，返回选择的时长 */
- onConfirm: (patternKey: string, selectedDuration: TokenDuration) => void
- /** 取消回调 */
- onCancel: () => void
+ /** 请求的操作权限 */
+ actions: CryptoAction[];
+ /** 默认授权时长 */
+ duration: TokenDuration;
+ /** 使用的地址 */
+ address: string;
+ /** 请求来源应用 */
+ app: {
+ name: string;
+ icon?: string;
+ };
+ /** 确认回调，返回选择的时长 */
+ onConfirm: (patternKey: string, selectedDuration: TokenDuration) => void;
+ /** 取消回调 */
+ onCancel: () => void;
}
/**
* Crypto 授权对话框
*/
-export function CryptoAuthorize({
- actions,
- duration,
- address,
- app,
- onConfirm,
- onCancel,
-}: CryptoAuthorizeProps) {
- const { t } = useTranslation()
- const [pattern, setPattern] = useState
([])
- const [error, setError] = useState(false)
- const [verifying, setVerifying] = useState(false)
- const [selectedDuration, setSelectedDuration] = useState(duration)
-
- const handlePatternComplete = useCallback(
- async (nodes: number[]) => {
- setVerifying(true)
- setError(false)
+export function CryptoAuthorize({ actions, duration, address, app, onConfirm, onCancel }: CryptoAuthorizeProps) {
+ const { t } = useTranslation();
+ const [pattern, setPattern] = useState([]);
+ const [error, setError] = useState(false);
+ const [verifying, setVerifying] = useState(false);
+ const [selectedDuration, setSelectedDuration] = useState(duration);
- try {
- const patternKey = patternToString(nodes)
+ const handlePatternComplete = useCallback(
+ async (nodes: number[]) => {
+ setVerifying(true);
+ setError(false);
- // 验证手势密码是否正确（尝试解密任意钱包的 mnemonic）
- const wallets = await walletStorageService.getAllWallets()
- if (wallets.length === 0) {
- setError(true)
- setPattern([])
- return
- }
+ try {
+ const patternKey = patternToString(nodes);
- let isValid = false
- for (const wallet of wallets) {
- try {
- await walletStorageService.getMnemonic(wallet.id, patternKey)
- isValid = true
- break
- } catch {
- // 继续尝试下一个钱包
- }
- }
+ // 验证手势密码是否正确（尝试解密任意钱包的 mnemonic）
+ const wallets = await walletStorageService.getAllWallets();
+ if (wallets.length === 0) {
+ setError(true);
+ setPattern([]);
+ return;
+ }
- if (isValid) {
- onConfirm(patternKey, selectedDuration)
- } else {
- setError(true)
- setPattern([])
- }
- } catch {
- setError(true)
- setPattern([])
- } finally {
- setVerifying(false)
- }
- },
- [onConfirm, selectedDuration]
- )
+ let isValid = false;
+ for (const wallet of wallets) {
+ try {
+ await walletStorageService.getMnemonic(wallet.id, patternKey);
+ isValid = true;
+ break;
+ } catch {
+ // 继续尝试下一个钱包
+ }
+ }
- return (
-
-
- {/* Header */}
-
-
- {app.icon && (
-
- )}
-
{app.name}
-
-
- {t('crypto.authorize.title', { defaultValue: '请求加密授权' })}
-
-
+ if (isValid) {
+ onConfirm(patternKey, selectedDuration);
+ } else {
+ setError(true);
+ setPattern([]);
+ }
+ } catch {
+ setError(true);
+ setPattern([]);
+ } finally {
+ setVerifying(false);
+ }
+ },
+ [onConfirm, selectedDuration],
+ );
- {/* 请求的权限 */}
-
-
- {t('crypto.authorize.permissions', { defaultValue: '请求权限' })}
-
-
- {actions.map((action) => (
- -
- ✓
-
-
{CRYPTO_ACTION_LABELS[action].name}
-
- {CRYPTO_ACTION_LABELS[action].description}
-
-
- ))}
-
-
+ return (
+
+
+ {/* Header */}
+
+
+ {app.icon &&
}
+
{app.name}
+
+
{t('crypto.authorize.title')}
+
- {/* 授权时长和地址 */}
-
-
-
- {t('crypto.authorize.duration', { defaultValue: '授权时长' })}
-
-
-
-
-
- {t('crypto.authorize.address', { defaultValue: '使用地址' })}
-
-
- {address.slice(0, 8)}...{address.slice(-6)}
-
-
+ {/* 请求的权限 */}
+
+
{t('crypto.authorize.permissions')}
+
+ {actions.map((action) => (
+ -
+ ✓
+
+
{CRYPTO_ACTION_LABELS[action].name}
+
{CRYPTO_ACTION_LABELS[action].description}
+ ))}
+
+
- {/* 手势密码 */}
-
-
- {t('crypto.authorize.pattern', { defaultValue: '请输入手势密码确认' })}
-
-
- {error && (
-
- {t('crypto.authorize.error', { defaultValue: '手势密码错误，请重试' })}
-
- )}
-
+ {/* 授权时长和地址 */}
+
+
+ {t('crypto.authorize.duration')}
+
+
+
+ {t('crypto.authorize.address')}
+
+ {address.slice(0, 8)}...{address.slice(-6)}
+
+
+
- {/* 取消按钮 */}
-
-
+ {/* 手势密码 */}
+
+
{t('crypto.authorize.pattern')}
+
+ {error &&
{t('crypto.authorize.error')}
}
- )
+
+ {/* 取消按钮 */}
+
+
+
+ );
}
diff --git a/src/components/security/password-input.tsx b/src/components/security/password-input.tsx
index d91b64cd8..029faa541 100644
--- a/src/components/security/password-input.tsx
+++ b/src/components/security/password-input.tsx
@@ -27,9 +27,9 @@ function calculateStrength(password: string): PasswordStrength {
}
const strengthConfig = {
- weak: { label: '弱', color: 'bg-destructive', width: 'w-1/3' },
- medium: { label: '中', color: 'bg-yellow-500', width: 'w-2/3' },
- strong: { label: '强', color: 'bg-secondary', width: 'w-full' },
+ weak: { label: '弱', color: 'bg-destructive', width: 'w-1/3' }, // i18n-ignore: visual indicator
+ medium: { label: '中', color: 'bg-yellow-500', width: 'w-2/3' }, // i18n-ignore: visual indicator
+ strong: { label: '强', color: 'bg-secondary', width: 'w-full' }, // i18n-ignore: visual indicator
};
const PasswordInput = forwardRef
(
diff --git a/src/components/token/token-item.tsx b/src/components/token/token-item.tsx
index c30a1b3b0..16223a748 100644
--- a/src/components/token/token-item.tsx
+++ b/src/components/token/token-item.tsx
@@ -180,12 +180,7 @@ export function TokenItem({
{/* Balance and Actions */}
-
+
{displayFiatValue && !loading && (
≈ {fiatSymbol}
@@ -204,7 +199,7 @@ export function TokenItem({
// Get menu items if provided
const items = menuItems?.(token, context).filter((item) => item.show !== false) ?? [];
-
+
// When there are menu items (which render as buttons), Item cannot be a button
// to avoid button nesting hydration errors
const hasMenuItems = items.length > 0;
@@ -246,14 +241,8 @@ export function TokenItem({
{items.length > 0 && (
- }
+ aria-label={t('common:a11y.more')}
+ render={}
>
diff --git a/src/components/token/token-list.tsx b/src/components/token/token-list.tsx
index b36f07c82..c0d3f3980 100644
--- a/src/components/token/token-list.tsx
+++ b/src/components/token/token-list.tsx
@@ -1,28 +1,28 @@
-import { cn } from '@/lib/utils'
-import { TokenItem, type TokenInfo, type TokenItemContext, type TokenMenuItem } from './token-item'
-import { EmptyState, SkeletonList } from '@biochain/key-ui'
+import { cn } from '@/lib/utils';
+import { TokenItem, type TokenInfo, type TokenItemContext, type TokenMenuItem } from './token-item';
+import { EmptyState, SkeletonList } from '@biochain/key-ui';
interface TokenListProps {
- tokens: TokenInfo[]
+ tokens: TokenInfo[];
/** Show skeleton loading state (no tokens yet) */
- loading?: boolean | undefined
+ loading?: boolean | undefined;
/** Show balance refresh animation (tokens exist but refreshing) */
- refreshing?: boolean | undefined
- showChange?: boolean | undefined
- onTokenClick?: ((token: TokenInfo) => void) | undefined
- emptyTitle?: string | undefined
- emptyDescription?: string | undefined
- emptyAction?: React.ReactNode | undefined
- className?: string | undefined
- testId?: string | undefined
+ refreshing?: boolean | undefined;
+ showChange?: boolean | undefined;
+ onTokenClick?: ((token: TokenInfo) => void) | undefined;
+ emptyTitle?: string | undefined;
+ emptyDescription?: string | undefined;
+ emptyAction?: React.ReactNode | undefined;
+ className?: string | undefined;
+ testId?: string | undefined;
/** Render prop for custom actions per token item (deprecated: use menuItems) */
- renderActions?: ((token: TokenInfo, context: TokenItemContext) => React.ReactNode) | undefined
+ renderActions?: ((token: TokenInfo, context: TokenItemContext) => React.ReactNode) | undefined;
/** Main asset symbol for the chain (used by renderActions context) */
- mainAssetSymbol?: string | undefined
+ mainAssetSymbol?: string | undefined;
/** Context menu handler for token items (matches TokenItem signature) */
- onContextMenu?: ((e: React.MouseEvent, token: TokenInfo) => void) | undefined
+ onContextMenu?: ((e: React.MouseEvent, token: TokenInfo) => void) | undefined;
/** Menu items for dropdown menu (recommended approach) */
- menuItems?: ((token: TokenInfo, context: TokenItemContext) => TokenMenuItem[]) | undefined
+ menuItems?: ((token: TokenInfo, context: TokenItemContext) => TokenMenuItem[]) | undefined;
}
export function TokenList({
@@ -31,8 +31,8 @@ export function TokenList({
refreshing = false,
showChange = false,
onTokenClick,
- emptyTitle = '暂无资产',
- emptyDescription = '转入资产后将显示在这里',
+ emptyTitle = '暂无资产', // i18n-ignore: default prop
+ emptyDescription = '转入资产后将显示在这里', // i18n-ignore: default prop
emptyAction,
className,
testId,
@@ -42,7 +42,7 @@ export function TokenList({
menuItems,
}: TokenListProps) {
if (loading) {
- return
+ return ;
}
if (tokens.length === 0) {
@@ -54,12 +54,16 @@ export function TokenList({
{...(emptyAction && { action: emptyAction })}
icon={
}
{...(className && { className })}
/>
- )
+ );
}
return (
@@ -79,5 +83,5 @@ export function TokenList({
/>
))}
+
-
-
{loadError}
+
+
{loadError}
- )
+ );
}
// Determine page title based on request type
@@ -524,18 +553,16 @@ export function SignatureAuthPage() {
? tAuthorize('signature.type.message')
: signatureRequest?.type === 'destory'
? tAuthorize('signature.type.destroy')
- : tAuthorize('title.signature')
+ : tAuthorize('title.signature');
return (
-
+
{appInfo &&
}
-
- {tAuthorize('signature.reviewTransaction')}
-
+
{tAuthorize('signature.reviewTransaction')}
{/* Transfer type display */}
{transferPayload && (
@@ -560,15 +587,15 @@ export function SignatureAuthPage() {
{/* Message type display */}
{messagePayload && (
-
-
- {tAuthorize('signature.messageToSign')}
-
-
+
+
{tAuthorize('signature.messageToSign')}
+
{messagePayload.message}
@@ -597,8 +624,8 @@ export function SignatureAuthPage() {
{/* Signature type badge */}
{signatureRequest && (
-
-
+
+
{signatureRequest.type === 'transfer' && tAuthorize('signature.type.transfer')}
{signatureRequest.type === 'message' && tAuthorize('signature.type.message')}
{signatureRequest.type === 'destory' && tAuthorize('signature.type.destroy')}
@@ -608,15 +635,9 @@ export function SignatureAuthPage() {
{/* Action buttons */}
-
+
-
- )
+ );
}
diff --git a/src/pages/destroy/index.tsx b/src/pages/destroy/index.tsx
index 3ba5a8fbb..2e35b36a5 100644
--- a/src/pages/destroy/index.tsx
+++ b/src/pages/destroy/index.tsx
@@ -1,26 +1,26 @@
/**
* DestroyPage - 资产销毁页面
- *
+ *
* 仅支持 BioForest 链，主资产不可销毁
*/
-import { useMemo, useRef, useCallback } from 'react'
-import { useTranslation } from 'react-i18next'
-import { useNavigation, useActivityParams, useFlow } from '@/stackflow'
-import { setTransferConfirmCallback, setTransferWalletLockCallback } from '@/stackflow/activities/sheets'
-import { PageHeader } from '@/components/layout/page-header'
-import { AssetSelector } from '@/components/asset'
-import { AmountInput } from '@/components/transfer/amount-input'
-import { GradientButton, Alert } from '@/components/common'
-import { ChainIcon } from '@/components/wallet/chain-icon'
-import { SendResult } from '@/components/transfer/send-result'
-import { useToast, useHaptics } from '@/services'
-import { useBurn } from '@/hooks/use-burn'
-import { Amount } from '@/types/amount'
-import type { AssetInfo } from '@/types/asset'
-import { tokenBalancesToTokenInfoList, type TokenInfo } from '@/components/token'
-import { IconFlame } from '@tabler/icons-react'
-import { ChainProviderGate, useChainProvider } from '@/contexts'
+import { useMemo, useRef, useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useNavigation, useActivityParams, useFlow } from '@/stackflow';
+import { setTransferConfirmCallback, setTransferWalletLockCallback } from '@/stackflow/activities/sheets';
+import { PageHeader } from '@/components/layout/page-header';
+import { AssetSelector } from '@/components/asset';
+import { AmountInput } from '@/components/transfer/amount-input';
+import { GradientButton, Alert } from '@/components/common';
+import { ChainIcon } from '@/components/wallet/chain-icon';
+import { SendResult } from '@/components/transfer/send-result';
+import { useToast, useHaptics } from '@/services';
+import { useBurn } from '@/hooks/use-burn';
+import { Amount } from '@/types/amount';
+import type { AssetInfo } from '@/types/asset';
+import { tokenBalancesToTokenInfoList, type TokenInfo } from '@/components/token';
+import { IconFlame } from '@tabler/icons-react';
+import { ChainProviderGate, useChainProvider } from '@/contexts';
import {
useChainConfigState,
chainConfigSelectors,
@@ -28,7 +28,7 @@ import {
useCurrentWallet,
useSelectedChain,
type ChainType,
-} from '@/stores'
+} from '@/stores';
const CHAIN_NAMES: Record
= {
ethereum: 'Ethereum',
@@ -43,7 +43,7 @@ const CHAIN_NAMES: Record = {
biwmeta: 'BIWMeta',
ethmeta: 'ETHMeta',
malibu: 'Malibu',
-}
+};
/** Convert TokenInfo to AssetInfo */
function tokenToAsset(token: TokenInfo): AssetInfo {
@@ -53,7 +53,7 @@ function tokenToAsset(token: TokenInfo): AssetInfo {
amount: Amount.fromFormatted(token.balance, token.decimals ?? 8, token.symbol),
decimals: token.decimals ?? 8,
logoUrl: token.icon,
- }
+ };
}
/** Convert AssetInfo to TokenInfo */
@@ -65,31 +65,31 @@ function assetToToken(asset: AssetInfo, chain: ChainType): TokenInfo {
decimals: asset.decimals,
chain,
icon: asset.logoUrl,
- }
+ };
}
function DestroyPageContent() {
- const { t } = useTranslation(['transaction', 'common', 'security'])
- const { goBack: navGoBack } = useNavigation()
- const { push } = useFlow()
- const toast = useToast()
- const haptics = useHaptics()
- const isWalletLockSheetOpen = useRef(false)
+ const { t } = useTranslation(['transaction', 'common', 'security']);
+ const { goBack: navGoBack } = useNavigation();
+ const { push } = useFlow();
+ const toast = useToast();
+ const haptics = useHaptics();
+ const isWalletLockSheetOpen = useRef(false);
// Read params
const { assetType: initialAssetType, assetLocked: assetLockedParam } = useActivityParams<{
- assetType?: string
- assetLocked?: string
- }>()
-
- const selectedChain = useSelectedChain()
- const currentWallet = useCurrentWallet()
- const currentChainAddress = useCurrentChainAddress()
- const chainConfigState = useChainConfigState()
+ assetType?: string;
+ assetLocked?: string;
+ }>();
+
+ const selectedChain = useSelectedChain();
+ const currentWallet = useCurrentWallet();
+ const currentChainAddress = useCurrentChainAddress();
+ const chainConfigState = useChainConfigState();
const chainConfig = chainConfigState.snapshot
? chainConfigSelectors.getChainById(chainConfigState, selectedChain)
- : null
- const selectedChainName = chainConfig?.name ?? CHAIN_NAMES[selectedChain] ?? selectedChain
+ : null;
+ const selectedChainName = chainConfig?.name ?? CHAIN_NAMES[selectedChain] ?? selectedChain;
// 使用 useChainProvider() 获取确保非空的 provider
const chainProvider = useChainProvider();
@@ -97,126 +97,118 @@ function DestroyPageContent() {
// 直接调用，不需要条件判断
const tokenBalancesState = chainProvider.tokenBalances.useState(
{ address: currentChainAddress?.address ?? '' },
- { enabled: !!currentChainAddress?.address }
+ { enabled: !!currentChainAddress?.address },
);
const tokens = useMemo(() => {
- if (!tokenBalancesState?.data) return []
- return tokenBalancesToTokenInfoList(tokenBalancesState.data, selectedChain)
- }, [tokenBalancesState?.data, selectedChain])
+ if (!tokenBalancesState?.data) return [];
+ return tokenBalancesToTokenInfoList(tokenBalancesState.data, selectedChain);
+ }, [tokenBalancesState?.data, selectedChain]);
// Filter out main asset (cannot be destroyed)
const destroyableTokens = useMemo(() => {
- if (!chainConfig) return []
- return tokens.filter((token: TokenInfo) => token.symbol.toUpperCase() !== chainConfig.symbol.toUpperCase())
- }, [tokens, chainConfig])
+ if (!chainConfig) return [];
+ return tokens.filter((token: TokenInfo) => token.symbol.toUpperCase() !== chainConfig.symbol.toUpperCase());
+ }, [tokens, chainConfig]);
// Find initial asset from params
const initialAsset = useMemo(() => {
- if (!initialAssetType || destroyableTokens.length === 0) return null
- const found = destroyableTokens.find(
- (t: TokenInfo) => t.symbol.toUpperCase() === initialAssetType.toUpperCase()
- )
- return found ? tokenToAsset(found) : null
- }, [initialAssetType, destroyableTokens])
-
- const assetLocked = assetLockedParam === 'true'
-
- const {
- state,
- setAmount,
- setAsset,
- goToConfirm,
- submit,
- submitWithTwoStepSecret,
- reset,
- canProceed
- } = useBurn({
+ if (!initialAssetType || destroyableTokens.length === 0) return null;
+ const found = destroyableTokens.find((t: TokenInfo) => t.symbol.toUpperCase() === initialAssetType.toUpperCase());
+ return found ? tokenToAsset(found) : null;
+ }, [initialAssetType, destroyableTokens]);
+
+ const assetLocked = assetLockedParam === 'true';
+
+ const { state, setAmount, setAsset, goToConfirm, submit, submitWithTwoStepSecret, reset, canProceed } = useBurn({
initialAsset: initialAsset ?? undefined,
assetLocked,
useMock: false,
walletId: currentWallet?.id,
fromAddress: currentChainAddress?.address,
chainConfig,
- })
+ });
// Handle asset selection
- const handleAssetSelect = useCallback((token: TokenInfo) => {
- setAsset(tokenToAsset(token))
- }, [setAsset])
+ const handleAssetSelect = useCallback(
+ (token: TokenInfo) => {
+ setAsset(tokenToAsset(token));
+ },
+ [setAsset],
+ );
// Selected token for AssetSelector
const selectedToken = useMemo(() => {
- if (!state.asset) return null
- return assetToToken(state.asset, selectedChain)
- }, [state.asset, selectedChain])
+ if (!state.asset) return null;
+ return assetToToken(state.asset, selectedChain);
+ }, [state.asset, selectedChain]);
// Derive formatted values for display
- const balance = state.asset?.amount ?? null
- const symbol = state.asset?.assetType ?? 'TOKEN'
+ const balance = state.asset?.amount ?? null;
+ const symbol = state.asset?.assetType ?? 'TOKEN';
const handleProceed = () => {
- if (!goToConfirm()) return
+ if (!goToConfirm()) return;
- haptics.impact('light')
+ haptics.impact('light');
// Set up callback: TransferConfirm -> TransferWalletLock
setTransferConfirmCallback(
async () => {
- if (isWalletLockSheetOpen.current) return
- isWalletLockSheetOpen.current = true
+ if (isWalletLockSheetOpen.current) return;
+ isWalletLockSheetOpen.current = true;
- await haptics.impact('medium')
+ await haptics.impact('medium');
setTransferWalletLockCallback(async (walletLockKey: string, twoStepSecret?: string) => {
if (!twoStepSecret) {
- const result = await submit(walletLockKey)
+ const result = await submit(walletLockKey);
if (result.status === 'password') {
- return { status: 'wallet_lock_invalid' as const }
+ return { status: 'wallet_lock_invalid' as const };
}
if (result.status === 'two_step_secret_required') {
- return { status: 'two_step_secret_required' as const }
+ return { status: 'two_step_secret_required' as const };
}
if (result.status === 'ok') {
- isWalletLockSheetOpen.current = false
- return { status: 'ok' as const, txHash: result.txHash, pendingTxId: result.pendingTxId }
+ isWalletLockSheetOpen.current = false;
+ return { status: 'ok' as const, txHash: result.txHash, pendingTxId: result.pendingTxId };
}
if (result.status === 'error') {
- return { status: 'error' as const, message: result.message, pendingTxId: result.pendingTxId }
+ return { status: 'error' as const, message: result.message, pendingTxId: result.pendingTxId };
}
- return { status: 'error' as const, message: '销毁失败' }
+ return { status: 'error' as const, message: t('error:destroy.failed') };
}
- const result = await submitWithTwoStepSecret(walletLockKey, twoStepSecret)
+ const result = await submitWithTwoStepSecret(walletLockKey, twoStepSecret);
if (result.status === 'ok') {
- isWalletLockSheetOpen.current = false
- return { status: 'ok' as const, txHash: result.txHash, pendingTxId: result.pendingTxId }
+ isWalletLockSheetOpen.current = false;
+ return { status: 'ok' as const, txHash: result.txHash, pendingTxId: result.pendingTxId };
}
if (result.status === 'password') {
- return { status: 'two_step_secret_invalid' as const, message: '安全密码错误' }
+ return { status: 'two_step_secret_invalid' as const, message: t('error:security.passwordInvalid') };
}
if (result.status === 'error') {
- return { status: 'error' as const, message: result.message, pendingTxId: result.pendingTxId }
+ return { status: 'error' as const, message: result.message, pendingTxId: result.pendingTxId };
}
- return { status: 'error' as const, message: '未知错误' }
- })
+ return { status: 'error' as const, message: t('error:unknown') };
+ });
push('TransferWalletLockJob', {
title: t('security:walletLock.verifyTitle'),
- })
+ });
},
{
minFee: state.feeMinAmount?.toFormatted() ?? state.feeAmount?.toFormatted() ?? '0',
- }
- )
+ },
+ );
push('TransferConfirmJob', {
amount: state.amount?.toFormatted() ?? '0',
@@ -225,64 +217,62 @@ function DestroyPageContent() {
feeAmount: state.feeAmount?.toFormatted() ?? '0',
feeSymbol: state.feeSymbol,
feeLoading: state.feeLoading ? 'true' : 'false',
- })
- }
+ });
+ };
const handleDone = () => {
if (state.resultStatus === 'success') {
- haptics.impact('success')
+ haptics.impact('success');
}
- navGoBack()
- }
+ navGoBack();
+ };
const handleRetry = () => {
- reset()
- }
+ reset();
+ };
const handleViewExplorer = useCallback(() => {
- if (!state.txHash) return
- const queryTx = chainConfig?.explorer?.queryTx
+ if (!state.txHash) return;
+ const queryTx = chainConfig?.explorer?.queryTx;
if (!queryTx) {
- toast.show(t('sendPage.explorerNotImplemented'))
- return
+ toast.show(t('sendPage.explorerNotImplemented'));
+ return;
}
- const url = queryTx.replace(':hash', state.txHash).replace(':signature', state.txHash)
- window.open(url, '_blank', 'noopener,noreferrer')
- }, [state.txHash, chainConfig?.explorer?.queryTx, toast, t])
+ const url = queryTx.replace(':hash', state.txHash).replace(':signature', state.txHash);
+ window.open(url, '_blank', 'noopener,noreferrer');
+ }, [state.txHash, chainConfig?.explorer?.queryTx, toast, t]);
// Check if chain supports destroy
- const isBioforestChain = chainConfig?.chainKind === 'bioforest'
+ const isBioforestChain = chainConfig?.chainKind === 'bioforest';
if (!currentWallet || !currentChainAddress) {
return (
- )
+ );
}
if (!isBioforestChain) {
return (
-
+
-
-
- {t('destroyPage.notSupported', '当前链不支持资产销毁')}
-
+
+
{t('destroyPage.notSupported')}
-
+
{/* Current chain info & sender address */}
-
+
{selectedChainName}
{currentChainAddress?.address && (
-
+
{t('sendPage.from')}:
{currentChainAddress.address.slice(0, 8)}...{currentChainAddress.address.slice(-6)}
@@ -321,9 +313,7 @@ function DestroyPageContent() {
{/* Asset selector */}
-
+
{destroyableTokens.length === 0 && (
-
- {t('destroyPage.noDestroyableAssets', '暂无可销毁的资产')}
-
+
{t('destroyPage.noDestroyableAssets')}
)}
- {t('sendPage.fee', '手续费')}
+ {t('sendPage.fee')}
{state.feeAmount.toFormatted()} {state.feeSymbol}
@@ -377,28 +363,28 @@ function DestroyPageContent() {
disabled={!canProceed}
onClick={handleProceed}
>
-
- {t('destroyPage.confirm', '确认销毁')}
+
+ {t('destroyPage.confirm')}
- )
+ );
}
// ==================== 主组件：使用 ChainProviderGate 包裹 ====================
export function DestroyPage() {
- const { goBack } = useNavigation()
- const selectedChain = useSelectedChain()
- const { t } = useTranslation(['transaction', 'common'])
+ const { goBack } = useNavigation();
+ const selectedChain = useSelectedChain();
+ const { t } = useTranslation(['transaction', 'common']);
return (
-
+
@@ -407,7 +393,7 @@ export function DestroyPage() {
>
- )
+ );
}
-export default DestroyPage
+export default DestroyPage;
diff --git a/src/pages/guide/WelcomeScreen.tsx b/src/pages/guide/WelcomeScreen.tsx
index 99a08bf4d..577008eb0 100644
--- a/src/pages/guide/WelcomeScreen.tsx
+++ b/src/pages/guide/WelcomeScreen.tsx
@@ -38,23 +38,26 @@ export function WelcomeScreen() {
const [currentSlide, setCurrentSlide] = useState(0);
const migration = useMigrationOptional();
- const slides: WelcomeSlide[] = useMemo(() => [
- {
- icon:
,
- title: t('welcome.slides.transfer.title'),
- description: t('welcome.slides.transfer.description'),
- },
- {
- icon:
,
- title: t('welcome.slides.multichain.title'),
- description: t('welcome.slides.multichain.description'),
- },
- {
- icon:
,
- title: t('welcome.slides.security.title'),
- description: t('welcome.slides.security.description'),
- },
- ], [t]);
+ const slides: WelcomeSlide[] = useMemo(
+ () => [
+ {
+ icon:
,
+ title: t('welcome.slides.transfer.title'),
+ description: t('welcome.slides.transfer.description'),
+ },
+ {
+ icon:
,
+ title: t('welcome.slides.multichain.title'),
+ description: t('welcome.slides.multichain.description'),
+ },
+ {
+ icon:
,
+ title: t('welcome.slides.security.title'),
+ description: t('welcome.slides.security.description'),
+ },
+ ],
+ [t],
+ );
const currentSlideData = slides[currentSlide];
if (!currentSlideData) return null;
@@ -128,9 +131,15 @@ export function WelcomeScreen() {
{/* Migration button - shown when mpay data detected */}
{shouldShowMigration && (
-
diff --git a/src/pages/onboarding/migrate.tsx b/src/pages/onboarding/migrate.tsx
index 38338ac62..9b330f432 100644
--- a/src/pages/onboarding/migrate.tsx
+++ b/src/pages/onboarding/migrate.tsx
@@ -7,7 +7,11 @@
import { useState, useCallback } from 'react';
import { useNavigation } from '@/stackflow';
import { useTranslation } from 'react-i18next';
-import { IconArrowLeft as ArrowLeft, IconDownload as Download, IconAlertCircle as AlertCircle } from '@tabler/icons-react';
+import {
+ IconArrowLeft as ArrowLeft,
+ IconDownload as Download,
+ IconAlertCircle as AlertCircle,
+} from '@tabler/icons-react';
import { Button } from '@/components/ui/button';
import { useMigration } from '@/contexts/MigrationContext';
import { PatternLock, patternToString } from '@/components/security/pattern-lock';
@@ -139,17 +143,15 @@ export function MigrationPage() {
-
{t('title', { defaultValue: '钱包迁移' })}
+
{t('title')}
-
- {t('noDataFound', { defaultValue: '未检测到 mpay 钱包数据' })}
-
-
+
{t('noDataFound')}
+
);
@@ -164,17 +166,14 @@ export function MigrationPage() {
-
{t('detected.title', { defaultValue: '检测到 mpay 钱包' })}
+
{t('detected.title')}
- {t('detected.description', {
- defaultValue: '发现 {{count}} 个钱包可以迁移到 KeyApp',
- count: detection?.walletCount ?? 0,
- })}
+ {t('detected.description', { count: detection?.walletCount ?? 0 })}
@@ -192,10 +191,8 @@ export function MigrationPage() {
case 'pattern':
return (
-
{t('pattern.title', { defaultValue: '验证钱包锁' })}
-
- {t('pattern.description', { defaultValue: '请绘制钱包锁图案以继续迁移' })}
-
+
{t('pattern.title')}
+
{t('pattern.description')}
- {t('skipMigration', { defaultValue: '跳过，创建新钱包' })}
+ {t('skipMigration')}
);
@@ -244,7 +241,7 @@ export function MigrationPage() {
-
{t('title', { defaultValue: '钱包迁移' })}
+
{t('title')}
)}
diff --git a/src/pages/send/index.tsx b/src/pages/send/index.tsx
index 3d26d5e65..cf673679c 100644
--- a/src/pages/send/index.tsx
+++ b/src/pages/send/index.tsx
@@ -1,7 +1,11 @@
import { useEffect, useMemo, useRef, useCallback } from 'react';
import { useTranslation } from 'react-i18next';
import { useNavigation, useActivityParams, useFlow } from '@/stackflow';
-import { setTransferConfirmCallback, setTransferWalletLockCallback, setScannerResultCallback } from '@/stackflow/activities/sheets';
+import {
+ setTransferConfirmCallback,
+ setTransferWalletLockCallback,
+ setScannerResultCallback,
+} from '@/stackflow/activities/sheets';
import type { Contact, ContactAddress } from '@/stores';
import { addressBookStore, addressBookSelectors, preferencesActions } from '@/stores';
import { PageHeader } from '@/components/layout/page-header';
@@ -51,7 +55,12 @@ function SendPageContent() {
const isWalletLockSheetOpen = useRef(false);
// Read params for pre-fill from scanner
- const { address: initialAddress, amount: initialAmount, assetType: initialAssetType, assetLocked: assetLockedParam } = useActivityParams<{
+ const {
+ address: initialAddress,
+ amount: initialAmount,
+ assetType: initialAssetType,
+ assetLocked: assetLockedParam,
+ } = useActivityParams<{
address?: string;
amount?: string;
assetType?: string;
@@ -75,7 +84,7 @@ function SendPageContent() {
// 直接调用，不需要条件判断
const tokenBalancesState = chainProvider.tokenBalances.useState(
{ address: currentChainAddress?.address ?? '' },
- { enabled: !!currentChainAddress?.address }
+ { enabled: !!currentChainAddress?.address },
);
const tokens = useMemo(() => {
if (!tokenBalancesState?.data) return [];
@@ -114,21 +123,25 @@ function SendPageContent() {
}, [chainConfig, tokens, initialAssetType]);
// getBalance callback - single source of truth from tokens
- const getBalance = useCallback((assetType: string): Amount | null => {
- const token = tokens.find(t => t.symbol === assetType);
- if (!token) return null;
- return Amount.fromFormatted(token.balance, token.decimals ?? chainConfig?.decimals ?? 8, token.symbol);
- }, [tokens, chainConfig?.decimals]);
+ const getBalance = useCallback(
+ (assetType: string): Amount | null => {
+ const token = tokens.find((t) => t.symbol === assetType);
+ if (!token) return null;
+ return Amount.fromFormatted(token.balance, token.decimals ?? chainConfig?.decimals ?? 8, token.symbol);
+ },
+ [tokens, chainConfig?.decimals],
+ );
// useSend hook with getBalance for real-time balance validation
- const { state, setToAddress, setAmount, setAsset, setFee, goToConfirm, submit, submitWithTwoStepSecret, canProceed } = useSend({
- initialAsset: initialAsset ?? undefined,
- useMock: false,
- walletId: currentWallet?.id,
- fromAddress: currentChainAddress?.address,
- chainConfig,
- getBalance,
- });
+ const { state, setToAddress, setAmount, setAsset, setFee, goToConfirm, submit, submitWithTwoStepSecret, canProceed } =
+ useSend({
+ initialAsset: initialAsset ?? undefined,
+ useMock: false,
+ walletId: currentWallet?.id,
+ fromAddress: currentChainAddress?.address,
+ chainConfig,
+ getBalance,
+ });
// Selected token for AssetSelector (convert from state.asset)
const selectedToken = useMemo((): TokenInfo | null => {
@@ -146,16 +159,19 @@ function SendPageContent() {
}, [state.asset, selectedChain, getBalance]);
// Handle asset selection from AssetSelector
- const handleAssetSelect = useCallback((token: TokenInfo) => {
- const asset = {
- assetType: token.symbol,
- name: token.name,
- amount: Amount.fromFormatted(token.balance, token.decimals ?? chainConfig?.decimals ?? 8, token.symbol),
- decimals: token.decimals ?? chainConfig?.decimals ?? 8,
- logoUrl: token.icon,
- };
- setAsset(asset);
- }, [chainConfig?.decimals, setAsset]);
+ const handleAssetSelect = useCallback(
+ (token: TokenInfo) => {
+ const asset = {
+ assetType: token.symbol,
+ name: token.name,
+ amount: Amount.fromFormatted(token.balance, token.decimals ?? chainConfig?.decimals ?? 8, token.symbol),
+ decimals: token.decimals ?? chainConfig?.decimals ?? 8,
+ logoUrl: token.icon,
+ };
+ setAsset(asset);
+ },
+ [chainConfig?.decimals, setAsset],
+ );
// Sync initialAsset to useSend state only once (when first loading)
const hasInitializedAsset = useRef(false);
@@ -204,13 +220,20 @@ function SendPageContent() {
}, [push, selectedChain]);
// Derive formatted values for display - get balance from tokens (single source of truth)
- const currentToken = useMemo(() =>
- state.asset ? tokens.find(t => t.symbol === state.asset?.assetType) : null,
- [state.asset, tokens]
+ const currentToken = useMemo(
+ () => (state.asset ? tokens.find((t) => t.symbol === state.asset?.assetType) : null),
+ [state.asset, tokens],
);
- const balance = useMemo(() =>
- currentToken ? Amount.fromFormatted(currentToken.balance, currentToken.decimals ?? state.asset?.decimals ?? 8, currentToken.symbol) : null,
- [currentToken, state.asset?.decimals]
+ const balance = useMemo(
+ () =>
+ currentToken
+ ? Amount.fromFormatted(
+ currentToken.balance,
+ currentToken.decimals ?? state.asset?.decimals ?? 8,
+ currentToken.symbol,
+ )
+ : null,
+ [currentToken, state.asset?.decimals],
);
const symbol = state.asset?.assetType ?? 'TOKEN';
@@ -271,7 +294,7 @@ function SendPageContent() {
return { status: 'error' as const, message: result.message, pendingTxId: result.pendingTxId };
}
- return { status: 'error' as const, message: '转账失败' };
+ return { status: 'error' as const, message: t('error:transaction.transferFailed') };
}
// 第二次调用：有钱包锁和二次签名
@@ -283,14 +306,17 @@ function SendPageContent() {
}
if (result.status === 'password') {
- return { status: 'two_step_secret_invalid' as const, message: '安全密码错误' };
+ return {
+ status: 'two_step_secret_invalid' as const,
+ message: t('error:transaction.securityPasswordWrong'),
+ };
}
if (result.status === 'error') {
return { status: 'error' as const, message: result.message, pendingTxId: result.pendingTxId };
}
- return { status: 'error' as const, message: '未知错误' };
+ return { status: 'error' as const, message: t('error:transaction.unknownError') };
});
push('TransferWalletLockJob', {
@@ -300,7 +326,7 @@ function SendPageContent() {
{
minFee: state.feeMinAmount?.toFormatted() ?? state.feeAmount?.toFormatted() ?? '0',
onFeeChange: setFee,
- }
+ },
);
push('TransferConfirmJob', {
@@ -333,13 +359,13 @@ function SendPageContent() {
{/* Current chain info & sender address */}
-
+
{selectedChainName}
{currentChainAddress?.address && (
-
+
{t('sendPage.from')}:
{currentChainAddress.address.slice(0, 8)}...{currentChainAddress.address.slice(-6)}
@@ -351,9 +377,7 @@ function SendPageContent() {
{/* Asset selector (only show if multiple tokens available) */}
{tokens.length > 1 && (
-
+
-
+
{t('sendPage.continue')}
diff --git a/src/pages/settings/index.tsx b/src/pages/settings/index.tsx
index e2a727f90..1b1c179c9 100644
--- a/src/pages/settings/index.tsx
+++ b/src/pages/settings/index.tsx
@@ -20,7 +20,15 @@ import {
IconIdBadge2,
} from '@tabler/icons-react';
import { PageHeader } from '@/components/layout/page-header';
-import { useCurrentWallet, useLanguage, useCurrency, useTheme, chainConfigStore, chainConfigSelectors, useUserProfile } from '@/stores';
+import {
+ useCurrentWallet,
+ useLanguage,
+ useCurrency,
+ useTheme,
+ chainConfigStore,
+ chainConfigSelectors,
+ useUserProfile,
+} from '@/stores';
import { ContactAvatar } from '@/components/common/contact-avatar';
import { SettingsItem } from './settings-item';
import { SettingsSection } from './settings-section';
@@ -30,10 +38,10 @@ import { setSetTwoStepSecretCallback } from '@/stackflow/activities/sheets';
/** 支持的语言显示名称映射 */
const LANGUAGE_NAMES: Record = {
- 'zh-CN': '简体中文',
- 'zh-TW': '繁體中文',
+ 'zh-CN': '简体中文', // i18n-ignore: native language name
+ 'zh-TW': '繁體中文', // i18n-ignore: native language name
en: 'English',
- ja: '日本語',
+ ja: '日本語', // i18n-ignore: native language name
ko: '한국어',
ar: 'العربية',
};
@@ -57,7 +65,9 @@ export function SettingsPage() {
const currentCurrency = useCurrency();
const currentTheme = useTheme();
const [appearanceSheetOpen, setAppearanceSheetOpen] = useState(false);
- const [twoStepSecretStatus, setTwoStepSecretStatus] = useState<'loading' | 'set' | 'not_set' | 'unavailable'>('loading');
+ const [twoStepSecretStatus, setTwoStepSecretStatus] = useState<'loading' | 'set' | 'not_set' | 'unavailable'>(
+ 'loading',
+ );
// Check if pay password is set for BioForest chain
useEffect(() => {
@@ -68,9 +78,7 @@ export function SettingsPage() {
}
// Find BioForest chain address
- const bfmAddress = currentWallet.chainAddresses.find(
- (ca) => ca.chain === 'bfmeta' || ca.chain === 'bfm'
- );
+ const bfmAddress = currentWallet.chainAddresses.find((ca) => ca.chain === 'bfmeta' || ca.chain === 'bfm');
if (!bfmAddress) {
setTwoStepSecretStatus('unavailable');
@@ -114,9 +122,7 @@ export function SettingsPage() {
const handleSetTwoStepSecret = async () => {
if (twoStepSecretStatus !== 'not_set' || !currentWallet) return;
- const bfmAddress = currentWallet.chainAddresses.find(
- (ca) => ca.chain === 'bfmeta' || ca.chain === 'bfm'
- );
+ const bfmAddress = currentWallet.chainAddresses.find((ca) => ca.chain === 'bfmeta' || ca.chain === 'bfm');
if (!bfmAddress) return;
const chainConfig = chainConfigSelectors.getChainById(chainConfigStore.state, 'bfmeta');
@@ -160,7 +166,7 @@ export function SettingsPage() {
} catch {
return false;
}
- }
+ },
);
push('SetTwoStepSecretJob', { chainName: 'BioForest Chain' });
@@ -174,15 +180,13 @@ export function SettingsPage() {
@@ -272,7 +276,7 @@ export function SettingsPage() {
}
- label="小程序可信源"
+ label={t('settings:items.miniappSources')}
onClick={() => navigate({ to: '/settings/sources' })}
/>
@@ -300,10 +304,7 @@ export function SettingsPage() {
+
+
);
}
diff --git a/src/pages/settings/language.tsx b/src/pages/settings/language.tsx
index 216e426a8..3c3375989 100644
--- a/src/pages/settings/language.tsx
+++ b/src/pages/settings/language.tsx
@@ -7,8 +7,8 @@ import { cn } from '@/lib/utils';
/** 语言显示名称映射 - 使用原文 */
const LANGUAGE_DISPLAY: Record
= {
- 'zh-CN': '简体中文',
- 'zh-TW': '中文（繁體）',
+ 'zh-CN': '简体中文', // i18n-ignore: native language name
+ 'zh-TW': '中文（繁體）', // i18n-ignore: native language name
en: 'English',
ar: 'العربية',
};
diff --git a/src/services/migration/mpay-crypto.ts b/src/services/migration/mpay-crypto.ts
index be0d523dc..e2941f261 100644
--- a/src/services/migration/mpay-crypto.ts
+++ b/src/services/migration/mpay-crypto.ts
@@ -7,54 +7,51 @@
* 此模块提供 mpay 数据解密能力
*/
-import { validateMnemonic } from '@/lib/crypto/mnemonic'
+import { validateMnemonic } from '@/lib/crypto/mnemonic';
+import i18n from '@/i18n';
+
+const t = i18n.t.bind(i18n);
/**
* SHA256 哈希
*/
async function sha256Binary(data: ArrayBuffer): Promise {
- return crypto.subtle.digest('SHA-256', data)
+ return crypto.subtle.digest('SHA-256', data);
}
/**
* UTF8 字符串转 ArrayBuffer
*/
function encodeUTF8(text: string): ArrayBuffer {
- return new TextEncoder().encode(text).buffer as ArrayBuffer
+ return new TextEncoder().encode(text).buffer as ArrayBuffer;
}
/**
* ArrayBuffer 转 UTF8 字符串
*/
function decodeUTF8(data: ArrayBuffer): string {
- return new TextDecoder().decode(data)
+ return new TextDecoder().decode(data);
}
/**
* Base64 转 ArrayBuffer
*/
function base64ToArrayBuffer(base64: string): ArrayBuffer {
- const binary = atob(base64)
- const bytes = new Uint8Array(binary.length)
+ const binary = atob(base64);
+ const bytes = new Uint8Array(binary.length);
for (let i = 0; i < binary.length; i++) {
- bytes[i] = binary.charCodeAt(i)
+ bytes[i] = binary.charCodeAt(i);
}
- return bytes.buffer as ArrayBuffer
+ return bytes.buffer as ArrayBuffer;
}
/**
* 获取 mpay 格式的 AES-CTR 密钥
*/
async function getMpayCryptoKey(password: string): Promise {
- const passwordBuffer = encodeUTF8(password)
- const keyMaterial = await sha256Binary(passwordBuffer)
- return crypto.subtle.importKey(
- 'raw',
- keyMaterial,
- { name: 'AES-CTR', length: 256 },
- false,
- ['decrypt']
- )
+ const passwordBuffer = encodeUTF8(password);
+ const keyMaterial = await sha256Binary(passwordBuffer);
+ return crypto.subtle.importKey('raw', keyMaterial, { name: 'AES-CTR', length: 256 }, false, ['decrypt']);
}
/**
@@ -67,23 +64,16 @@ async function getMpayCryptoKey(password: string): Promise {
* @returns 解密后的明文
* @throws 密码错误时抛出异常
*/
-export async function decryptMpayData(
- password: string,
- encryptedBase64: string
-): Promise {
- const key = await getMpayCryptoKey(password)
- const encrypted = base64ToArrayBuffer(encryptedBase64)
- const counter = new Uint8Array(16) // mpay 使用全零 counter
+export async function decryptMpayData(password: string, encryptedBase64: string): Promise {
+ const key = await getMpayCryptoKey(password);
+ const encrypted = base64ToArrayBuffer(encryptedBase64);
+ const counter = new Uint8Array(16); // mpay 使用全零 counter
try {
- const decrypted = await crypto.subtle.decrypt(
- { name: 'AES-CTR', counter, length: 128 },
- key,
- encrypted
- )
- return decodeUTF8(decrypted)
+ const decrypted = await crypto.subtle.decrypt({ name: 'AES-CTR', counter, length: 128 }, key, encrypted);
+ return decodeUTF8(decrypted);
} catch {
- throw new Error('mpay 数据解密失败：密码错误或数据损坏')
+ throw new Error(t('error:mpay.decryptFailed'));
}
}
@@ -94,15 +84,12 @@ export async function decryptMpayData(
* @param encryptedBase64 mpay 加密的数据（通常是 importPhrase）
* @returns 密码是否正确
*/
-export async function verifyMpayPassword(
- password: string,
- encryptedBase64: string
-): Promise {
+export async function verifyMpayPassword(password: string, encryptedBase64: string): Promise {
try {
- const decrypted = await decryptMpayData(password, encryptedBase64)
- const words = decrypted.trim().split(/\s+/)
- return validateMnemonic(words)
+ const decrypted = await decryptMpayData(password, encryptedBase64);
+ const words = decrypted.trim().split(/\s+/);
+ return validateMnemonic(words);
} catch {
- return false
+ return false;
}
}
diff --git a/src/services/migration/mpay-transformer.ts b/src/services/migration/mpay-transformer.ts
index abcd280fc..85387c195 100644
--- a/src/services/migration/mpay-transformer.ts
+++ b/src/services/migration/mpay-transformer.ts
@@ -4,25 +4,24 @@
* 将 mpay 数据格式转换为 KeyApp 格式
*/
-import type { Wallet, ChainAddress, ChainType } from '@/stores/wallet'
-import type { EncryptedData } from '@/lib/crypto'
-import { encrypt } from '@/lib/crypto'
-import type {
- MpayMainWallet,
- MpayChainAddressInfo,
- MpayAddressBookEntry,
-} from './types'
-import type { Contact } from '@/stores/address-book'
-import { decryptMpayData } from './mpay-crypto'
+import type { Wallet, ChainAddress, ChainType } from '@/stores/wallet';
+import type { EncryptedData } from '@/lib/crypto';
+import { encrypt } from '@/lib/crypto';
+import type { MpayMainWallet, MpayChainAddressInfo, MpayAddressBookEntry } from './types';
+import type { Contact } from '@/stores/address-book';
+import { decryptMpayData } from './mpay-crypto';
+import i18n from '@/i18n';
+
+const t = i18n.t.bind(i18n);
function deriveThemeHue(secret: string): number {
- let hash = 0
+ let hash = 0;
for (let i = 0; i < secret.length; i++) {
- const char = secret.charCodeAt(i)
- hash = ((hash << 5) - hash) + char
- hash = hash & hash
+ const char = secret.charCodeAt(i);
+ hash = (hash << 5) - hash + char;
+ hash = hash & hash;
}
- return Math.abs(hash) % 360
+ return Math.abs(hash) % 360;
}
/**
@@ -38,13 +37,13 @@ const CHAIN_NAME_MAP: Record = {
Tron: 'tron',
BTC: 'bitcoin',
BSC: 'binance',
-}
+};
/**
* 转换 mpay 链名为 KeyApp ChainType
*/
function mapChainName(mpayChain: string): ChainType | null {
- return CHAIN_NAME_MAP[mpayChain] ?? null
+ return CHAIN_NAME_MAP[mpayChain] ?? null;
}
/**
@@ -56,13 +55,10 @@ function mapChainName(mpayChain: string): ChainType | null {
/**
* 转换 mpay ChainAddressInfo 为 KeyApp ChainAddress
*/
-function transformChainAddress(
- mpayAddress: MpayChainAddressInfo
-): ChainAddress | null {
- const chain = mapChainName(mpayAddress.chain)
+function transformChainAddress(mpayAddress: MpayChainAddressInfo): ChainAddress | null {
+ const chain = mapChainName(mpayAddress.chain);
if (!chain) {
-
- return null
+ return null;
}
return {
@@ -70,7 +66,7 @@ function transformChainAddress(
address: mpayAddress.address,
publicKey: '', // Will be derived on wallet unlock
// tokens 已从 ChainAddress 移除 - 余额数据从 chain-provider 获取
- }
+ };
}
/**
@@ -81,17 +77,17 @@ function transformChainAddress(
*/
function determineChainFromList(chainList?: string[]): ChainType | undefined {
if (!chainList || chainList.length === 0) {
- return undefined
+ return undefined;
}
for (const mpayChain of chainList) {
- const chain = mapChainName(mpayChain)
+ const chain = mapChainName(mpayChain);
if (chain) {
- return chain
+ return chain;
}
}
- return undefined
+ return undefined;
}
/**
@@ -101,8 +97,8 @@ function determineChainFromList(chainList?: string[]): ChainType | undefined {
* @returns KeyApp 联系人
*/
export function transformAddressBookEntry(entry: MpayAddressBookEntry): Contact {
- const now = Date.now()
- const chain = determineChainFromList(entry.chainList) ?? 'ethereum'
+ const now = Date.now();
+ const chain = determineChainFromList(entry.chainList) ?? 'ethereum';
const contact: Contact = {
id: entry.addressBookId,
@@ -117,13 +113,13 @@ export function transformAddressBookEntry(entry: MpayAddressBookEntry): Contact
],
createdAt: now,
updatedAt: now,
- }
+ };
if (entry.remarks) {
- contact.memo = entry.remarks
+ contact.memo = entry.remarks;
}
- return contact
+ return contact;
}
/**
@@ -131,19 +127,19 @@ export function transformAddressBookEntry(entry: MpayAddressBookEntry): Contact
*/
export interface TransformResult {
/** 转换后的钱包列表 */
- wallets: Wallet[]
+ wallets: Wallet[];
/** 跳过的地址（不支持的链） */
skippedAddresses: Array<{
- address: string
- chain: string
- reason: string
- }>
+ address: string;
+ chain: string;
+ reason: string;
+ }>;
/** 转换统计 */
stats: {
- totalWallets: number
- totalAddresses: number
- skippedAddresses: number
- }
+ totalWallets: number;
+ totalAddresses: number;
+ skippedAddresses: number;
+ };
}
/**
@@ -157,42 +153,42 @@ export interface TransformResult {
export async function transformMpayData(
mpayWallets: MpayMainWallet[],
mpayAddresses: MpayChainAddressInfo[],
- password: string
+ password: string,
): Promise {
- const wallets: Wallet[] = []
- const skippedAddresses: TransformResult['skippedAddresses'] = []
+ const wallets: Wallet[] = [];
+ const skippedAddresses: TransformResult['skippedAddresses'] = [];
// 按 mainWalletId 分组地址
- const addressesByWallet = new Map()
+ const addressesByWallet = new Map();
for (const addr of mpayAddresses) {
- const list = addressesByWallet.get(addr.mainWalletId) ?? []
- list.push(addr)
- addressesByWallet.set(addr.mainWalletId, list)
+ const list = addressesByWallet.get(addr.mainWalletId) ?? [];
+ list.push(addr);
+ addressesByWallet.set(addr.mainWalletId, list);
}
for (const mpayWallet of mpayWallets) {
try {
// 解密助记词
- const mnemonic = await decryptMpayData(password, mpayWallet.importPhrase)
+ const mnemonic = await decryptMpayData(password, mpayWallet.importPhrase);
// 用 KeyApp 格式重新加密
- const encryptedMnemonic: EncryptedData = await encrypt(mnemonic, password)
+ const encryptedMnemonic: EncryptedData = await encrypt(mnemonic, password);
// 获取该钱包的所有地址
- const walletAddresses = addressesByWallet.get(mpayWallet.mainWalletId) ?? []
+ const walletAddresses = addressesByWallet.get(mpayWallet.mainWalletId) ?? [];
// 转换地址
- const chainAddresses: ChainAddress[] = []
+ const chainAddresses: ChainAddress[] = [];
for (const mpayAddr of walletAddresses) {
- const converted = transformChainAddress(mpayAddr)
+ const converted = transformChainAddress(mpayAddr);
if (converted) {
- chainAddresses.push(converted)
+ chainAddresses.push(converted);
} else {
skippedAddresses.push({
address: mpayAddr.address,
chain: mpayAddr.chain,
- reason: `不支持的链类型: ${mpayAddr.chain}`,
- })
+ reason: t('error:chain.unsupportedType', { chain: mpayAddr.chain }),
+ });
}
}
@@ -202,10 +198,9 @@ export async function transformMpayData(
chainAddresses.find((ca) => ca.chain === 'bfmeta')?.chain ??
chainAddresses.find((ca) => ca.chain === 'ethereum')?.chain ??
chainAddresses[0]?.chain ??
- 'ethereum'
+ 'ethereum';
- const primaryAddress =
- chainAddresses.find((ca) => ca.chain === primaryChain)?.address ?? ''
+ const primaryAddress = chainAddresses.find((ca) => ca.chain === primaryChain)?.address ?? '';
// 创建 KeyApp 钱包 (不包含 tokens，余额从 chain-provider 获取)
const wallet = {
@@ -218,11 +213,10 @@ export async function transformMpayData(
createdAt: mpayWallet.createTimestamp,
themeHue: deriveThemeHue(mpayWallet.mainWalletId),
// tokens 已移除 - 从 chain-provider.tokenBalances 获取
- }
+ };
- wallets.push(wallet)
+ wallets.push(wallet);
} catch (error) {
-
// 继续处理其他钱包
}
}
@@ -235,7 +229,7 @@ export async function transformMpayData(
totalAddresses: mpayAddresses.length,
skippedAddresses: skippedAddresses.length,
},
- }
+ };
}
-export { mapChainName, transformChainAddress, determineChainFromList }
+export { mapChainName, transformChainAddress, determineChainFromList };
diff --git a/src/services/miniapp-runtime/index.ts b/src/services/miniapp-runtime/index.ts
index c37b1ba6a..e378ddc28 100644
--- a/src/services/miniapp-runtime/index.ts
+++ b/src/services/miniapp-runtime/index.ts
@@ -63,6 +63,9 @@ import type { MiniappManifest, MiniappTargetDesktop } from '../ecosystem/types';
import { getBridge } from '../ecosystem/provider';
import { toastService } from '../toast';
import { getDesktopAppSlotRect, getIconRef } from './runtime-refs';
+import i18n from '@/i18n';
+
+const t = i18n.t.bind(i18n);
export {
getDesktopContainerRef,
getDesktopAppSlotRect,
@@ -511,11 +514,11 @@ function startPreparing(appId: string, targetDesktop: MiniappTargetDesktop, hasS
if (performance.now() - startAt > PREPARING_TIMEOUT) {
if (!slotReady) {
- failPreparing(appId, '启动失败：请停留在目标桌面页后重试');
+ failPreparing(appId, t('error:miniapp.launchFailed.stayOnDesktop'));
} else if (!iconReady) {
- failPreparing(appId, '启动失败：图标未就绪，请返回桌面重试');
+ failPreparing(appId, t('error:miniapp.launchFailed.iconNotReady'));
} else {
- failPreparing(appId, '启动失败：加载容器未就绪，请重试');
+ failPreparing(appId, t('error:miniapp.launchFailed.containerNotReady'));
}
return;
}
diff --git a/src/services/transaction/pending-tx.ts b/src/services/transaction/pending-tx.ts
index 0a6dd0ba2..a2b3a8dd2 100644
--- a/src/services/transaction/pending-tx.ts
+++ b/src/services/transaction/pending-tx.ts
@@ -1,47 +1,71 @@
/**
* Pending Transaction Service
- *
+ *
* 未上链交易管理 - IndexedDB 存储实现
* 专注状态管理，不关心交易内容本身
*/
-import { z } from 'zod'
-import { openDB, type DBSchema, type IDBPDatabase } from 'idb'
-import { derive, transform } from '@biochain/key-fetch'
-import { getChainProvider } from '@/services/chain-adapter/providers'
-import { defineServiceMeta } from '@/lib/service-meta'
-import { SignedTransactionSchema } from '@/services/chain-adapter/types'
+import { z } from 'zod';
+import { openDB, type DBSchema, type IDBPDatabase } from 'idb';
+import { derive, transform } from '@biochain/key-fetch';
+import { getChainProvider } from '@/services/chain-adapter/providers';
+import { defineServiceMeta } from '@/lib/service-meta';
+import { SignedTransactionSchema } from '@/services/chain-adapter/types';
// ==================== Schema ====================
/** 未上链交易状态 */
export const PendingTxStatusSchema = z.enum([
- 'created', // 交易已创建，待广播
+ 'created', // 交易已创建，待广播
'broadcasting', // 广播中
- 'broadcasted', // 广播成功，待上链
- 'confirmed', // 已上链确认
- 'failed', // 广播失败
-])
+ 'broadcasted', // 广播成功，待上链
+ 'confirmed', // 已上链确认
+ 'failed', // 广播失败
+]);
// TransactionType as zod schema for validation
const TransactionTypeSchema = z.enum([
- 'send', 'receive', 'signature', 'stake', 'unstake', 'destroy', 'gift', 'grab',
- 'trust', 'signFor', 'emigrate', 'immigrate', 'exchange', 'swap', 'issueAsset',
- 'increaseAsset', 'mint', 'issueEntity', 'destroyEntity', 'locationName', 'dapp',
- 'certificate', 'mark', 'approve', 'interaction', 'other'
-])
+ 'send',
+ 'receive',
+ 'signature',
+ 'stake',
+ 'unstake',
+ 'destroy',
+ 'gift',
+ 'grab',
+ 'trust',
+ 'signFor',
+ 'emigrate',
+ 'immigrate',
+ 'exchange',
+ 'swap',
+ 'issueAsset',
+ 'increaseAsset',
+ 'mint',
+ 'issueEntity',
+ 'destroyEntity',
+ 'locationName',
+ 'dapp',
+ 'certificate',
+ 'mark',
+ 'approve',
+ 'interaction',
+ 'other',
+]);
/** 用于 UI 展示的最小元数据（可选，由调用方提供） */
-export const PendingTxMetaSchema = z.object({
- /** 交易类型标识，用于 UI 展示，必须是 TransactionType */
- type: TransactionTypeSchema.optional(),
- /** 展示用的金额 */
- displayAmount: z.string().optional(),
- /** 展示用的符号 */
- displaySymbol: z.string().optional(),
- /** 展示用的目标地址 */
- displayToAddress: z.string().optional(),
-}).passthrough() // 允许扩展字段
+export const PendingTxMetaSchema = z
+ .object({
+ /** 交易类型标识，用于 UI 展示，必须是 TransactionType */
+ type: TransactionTypeSchema.optional(),
+ /** 展示用的金额 */
+ displayAmount: z.string().optional(),
+ /** 展示用的符号 */
+ displaySymbol: z.string().optional(),
+ /** 展示用的目标地址 */
+ displayToAddress: z.string().optional(),
+ })
+ .passthrough(); // 允许扩展字段
/** 未上链交易记录 - 专注状态管理 */
export const PendingTxSchema = z.object({
@@ -81,11 +105,11 @@ export const PendingTxSchema = z.object({
rawTx: SignedTransactionSchema,
/** UI 展示用的元数据（可选） */
meta: PendingTxMetaSchema.optional(),
-})
+});
-export type PendingTx = z.infer
-export type PendingTxStatus = z.infer
-export type PendingTxMeta = z.infer
+export type PendingTx = z.infer;
+export type PendingTxStatus = z.infer;
+export type PendingTxMeta = z.infer;
/** 创建 pending tx 的输入 */
export const CreatePendingTxInputSchema = z.object({
@@ -94,9 +118,9 @@ export const CreatePendingTxInputSchema = z.object({
fromAddress: z.string(),
rawTx: SignedTransactionSchema,
meta: PendingTxMetaSchema.optional(),
-})
+});
-export type CreatePendingTxInput = z.infer
+export type CreatePendingTxInput = z.infer;
/** 更新状态的输入 */
export const UpdatePendingTxStatusInputSchema = z.object({
@@ -107,22 +131,27 @@ export const UpdatePendingTxStatusInputSchema = z.object({
errorMessage: z.string().optional(),
confirmedBlockHeight: z.number().optional(),
confirmedAt: z.number().optional(),
-})
+});
-export type UpdatePendingTxStatusInput = z.infer
+export type UpdatePendingTxStatusInput = z.infer;
// ==================== Service Meta ====================
export const pendingTxServiceMeta = defineServiceMeta('pendingTx', (s) =>
- s.description('未上链交易管理服务 - 专注状态管理，不关心交易内容')
+ s
+ .description('未上链交易管理服务 - 专注状态管理，不关心交易内容') // i18n-ignore
// ===== 查询 =====
.api('getAll', z.object({ walletId: z.string() }), z.array(PendingTxSchema))
.api('getById', z.object({ id: z.string() }), PendingTxSchema.nullable())
- .api('getByStatus', z.object({
- walletId: z.string(),
- status: PendingTxStatusSchema,
- }), z.array(PendingTxSchema))
+ .api(
+ 'getByStatus',
+ z.object({
+ walletId: z.string(),
+ status: PendingTxStatusSchema,
+ }),
+ z.array(PendingTxSchema),
+ )
.api('getPending', z.object({ walletId: z.string() }), z.array(PendingTxSchema))
// ===== 生命周期管理 =====
@@ -133,10 +162,10 @@ export const pendingTxServiceMeta = defineServiceMeta('pendingTx', (s) =>
// ===== 清理 =====
.api('delete', z.object({ id: z.string() }), z.void())
.api('deleteConfirmed', z.object({ walletId: z.string() }), z.void())
- .api('deleteAll', z.object({ walletId: z.string() }), z.void())
-)
+ .api('deleteAll', z.object({ walletId: z.string() }), z.void()),
+);
-export type IPendingTxService = typeof pendingTxServiceMeta.Type
+export type IPendingTxService = typeof pendingTxServiceMeta.Type;
// ==================== 过期检查器接口 ====================
@@ -151,7 +180,7 @@ export interface ExpirationChecker {
* @param currentBlockHeight 当前区块高度
* @returns 是否已过期
*/
- isExpired(rawTx: unknown, currentBlockHeight: number): boolean
+ isExpired(rawTx: unknown, currentBlockHeight: number): boolean;
}
/**
@@ -160,13 +189,13 @@ export interface ExpirationChecker {
*/
export const bioChainExpirationChecker: ExpirationChecker = {
isExpired(rawTx: unknown, currentBlockHeight: number): boolean {
- const tx = rawTx as { effectiveBlockHeight?: number }
+ const tx = rawTx as { effectiveBlockHeight?: number };
if (typeof tx?.effectiveBlockHeight === 'number') {
- return currentBlockHeight > tx.effectiveBlockHeight
+ return currentBlockHeight > tx.effectiveBlockHeight;
}
- return false // 无 effectiveBlockHeight 时不判定过期
- }
-}
+ return false; // 无 effectiveBlockHeight 时不判定过期
+ },
+};
/**
* 获取链对应的过期检查器
@@ -176,9 +205,9 @@ export const bioChainExpirationChecker: ExpirationChecker = {
export function getExpirationChecker(chainId: string): ExpirationChecker | undefined {
// BioChain 系列链使用 bioChainExpirationChecker
if (chainId.startsWith('bfmeta') || chainId.startsWith('bfm') || chainId === 'bioforest') {
- return bioChainExpirationChecker
+ return bioChainExpirationChecker;
}
- return undefined
+ return undefined;
}
/**
@@ -191,49 +220,49 @@ export function getExpirationChecker(chainId: string): ExpirationChecker | undef
export function isPendingTxExpired(
pendingTx: PendingTx,
currentBlockHeight?: number,
- maxAge: number = 24 * 60 * 60 * 1000
+ maxAge: number = 24 * 60 * 60 * 1000,
): boolean {
// 1. 基于时间的过期检查（适用于所有链）
- const now = Date.now()
+ const now = Date.now();
if (now - pendingTx.createdAt > maxAge) {
- return true
+ return true;
}
// 2. 基于区块高度的过期检查（针对 BioChain 等支持的链）
if (currentBlockHeight !== undefined) {
- const checker = getExpirationChecker(pendingTx.chainId)
+ const checker = getExpirationChecker(pendingTx.chainId);
if (checker?.isExpired(pendingTx.rawTx, currentBlockHeight)) {
- return true
+ return true;
}
}
- return false
+ return false;
}
// ==================== IndexedDB 实现 ====================
-const DB_NAME = 'bfm-pending-tx-db'
-const DB_VERSION = 1
-const STORE_NAME = 'pendingTx'
+const DB_NAME = 'bfm-pending-tx-db';
+const DB_VERSION = 1;
+const STORE_NAME = 'pendingTx';
interface PendingTxDBSchema extends DBSchema {
pendingTx: {
- key: string
- value: PendingTx
+ key: string;
+ value: PendingTx;
indexes: {
- 'by-wallet': string
- 'by-status': string
- 'by-wallet-status': [string, string]
- }
- }
+ 'by-wallet': string;
+ 'by-status': string;
+ 'by-wallet-status': [string, string];
+ };
+ };
}
-type PendingTxChangeCallback = (tx: PendingTx, event: 'created' | 'updated' | 'deleted') => void
+type PendingTxChangeCallback = (tx: PendingTx, event: 'created' | 'updated' | 'deleted') => void;
class PendingTxServiceImpl implements IPendingTxService {
- private db: IDBPDatabase | null = null
- private initialized = false
- private subscribers = new Set()
+ private db: IDBPDatabase | null = null;
+ private initialized = false;
+ private subscribers = new Set();
/**
* 订阅 pending tx 变化
@@ -241,10 +270,10 @@ class PendingTxServiceImpl implements IPendingTxService {
* @returns 取消订阅函数
*/
subscribe(callback: PendingTxChangeCallback): () => void {
- this.subscribers.add(callback)
+ this.subscribers.add(callback);
return () => {
- this.subscribers.delete(callback)
- }
+ this.subscribers.delete(callback);
+ };
}
/**
@@ -253,74 +282,72 @@ class PendingTxServiceImpl implements IPendingTxService {
private notify(tx: PendingTx, event: 'created' | 'updated' | 'deleted') {
this.subscribers.forEach((callback) => {
try {
- callback(tx, event)
- } catch (error) {
-
- }
- })
+ callback(tx, event);
+ } catch (error) {}
+ });
}
private async ensureDb(): Promise> {
if (this.db && this.initialized) {
- return this.db
+ return this.db;
}
this.db = await openDB(DB_NAME, DB_VERSION, {
upgrade(db) {
if (!db.objectStoreNames.contains(STORE_NAME)) {
- const store = db.createObjectStore(STORE_NAME, { keyPath: 'id' })
- store.createIndex('by-wallet', 'walletId')
- store.createIndex('by-status', 'status')
- store.createIndex('by-wallet-status', ['walletId', 'status'])
+ const store = db.createObjectStore(STORE_NAME, { keyPath: 'id' });
+ store.createIndex('by-wallet', 'walletId');
+ store.createIndex('by-status', 'status');
+ store.createIndex('by-wallet-status', ['walletId', 'status']);
}
},
- })
- this.initialized = true
- return this.db
+ });
+ this.initialized = true;
+ return this.db;
}
// ===== 查询 =====
async getAll({ walletId }: { walletId: string }): Promise {
- const db = await this.ensureDb()
- const records = await db.getAllFromIndex(STORE_NAME, 'by-wallet', walletId)
+ const db = await this.ensureDb();
+ const records = await db.getAllFromIndex(STORE_NAME, 'by-wallet', walletId);
return records
.map((r) => PendingTxSchema.safeParse(r))
.filter((r) => r.success)
.map((r) => r.data)
- .sort((a, b) => b.createdAt - a.createdAt)
+ .sort((a, b) => b.createdAt - a.createdAt);
}
async getById({ id }: { id: string }): Promise {
- const db = await this.ensureDb()
- const record = await db.get(STORE_NAME, id)
- if (!record) return null
- const parsed = PendingTxSchema.safeParse(record)
- return parsed.success ? parsed.data : null
+ const db = await this.ensureDb();
+ const record = await db.get(STORE_NAME, id);
+ if (!record) return null;
+ const parsed = PendingTxSchema.safeParse(record);
+ return parsed.success ? parsed.data : null;
}
async getByStatus({ walletId, status }: { walletId: string; status: PendingTxStatus }): Promise {
- const db = await this.ensureDb()
- const records = await db.getAllFromIndex(STORE_NAME, 'by-wallet-status', [walletId, status])
+ const db = await this.ensureDb();
+ const records = await db.getAllFromIndex(STORE_NAME, 'by-wallet-status', [walletId, status]);
return records
.map((r) => PendingTxSchema.safeParse(r))
.filter((r) => r.success)
.map((r) => r.data)
- .sort((a, b) => b.createdAt - a.createdAt)
+ .sort((a, b) => b.createdAt - a.createdAt);
}
async getPending({ walletId }: { walletId: string }): Promise {
- const all = await this.getAll({ walletId })
- return all.filter((tx) => tx.status !== 'confirmed')
+ const all = await this.getAll({ walletId });
+ return all.filter((tx) => tx.status !== 'confirmed');
}
// ===== 生命周期管理 =====
async create(input: CreatePendingTxInput): Promise {
- const db = await this.ensureDb()
- const now = Date.now()
+ const db = await this.ensureDb();
+ const now = Date.now();
// 使用区块链签名作为 ID（即交易哈希）
- const txHash = input.rawTx.signature
+ const txHash = input.rawTx.signature;
const pendingTx: PendingTx = {
id: txHash,
@@ -334,19 +361,19 @@ class PendingTxServiceImpl implements IPendingTxService {
updatedAt: now,
rawTx: input.rawTx,
meta: input.meta,
- }
+ };
- await db.put(STORE_NAME, pendingTx)
- this.notify(pendingTx, 'created')
- return pendingTx
+ await db.put(STORE_NAME, pendingTx);
+ this.notify(pendingTx, 'created');
+ return pendingTx;
}
async updateStatus(input: UpdatePendingTxStatusInput): Promise {
- const db = await this.ensureDb()
- const existing = await db.get(STORE_NAME, input.id)
+ const db = await this.ensureDb();
+ const existing = await db.get(STORE_NAME, input.id);
if (!existing) {
- throw new Error(`PendingTx not found: ${input.id}`)
+ throw new Error(`PendingTx not found: ${input.id}`);
}
const updated: PendingTx = {
@@ -358,114 +385,118 @@ class PendingTxServiceImpl implements IPendingTxService {
...(input.errorMessage !== undefined && { errorMessage: input.errorMessage }),
...(input.confirmedBlockHeight !== undefined && { confirmedBlockHeight: input.confirmedBlockHeight }),
...(input.confirmedAt !== undefined && { confirmedAt: input.confirmedAt }),
- }
+ };
- await db.put(STORE_NAME, updated)
- this.notify(updated, 'updated')
- return updated
+ await db.put(STORE_NAME, updated);
+ this.notify(updated, 'updated');
+ return updated;
}
async incrementRetry({ id }: { id: string }): Promise {
- const db = await this.ensureDb()
- const existing = await db.get(STORE_NAME, id)
+ const db = await this.ensureDb();
+ const existing = await db.get(STORE_NAME, id);
if (!existing) {
- throw new Error(`PendingTx not found: ${id}`)
+ throw new Error(`PendingTx not found: ${id}`);
}
const updated: PendingTx = {
...existing,
retryCount: (existing.retryCount ?? 0) + 1,
updatedAt: Date.now(),
- }
+ };
- await db.put(STORE_NAME, updated)
- this.notify(updated, 'updated')
- return updated
+ await db.put(STORE_NAME, updated);
+ this.notify(updated, 'updated');
+ return updated;
}
// ===== 清理 =====
async delete({ id }: { id: string }): Promise {
- const db = await this.ensureDb()
- const existing = await db.get(STORE_NAME, id)
- await db.delete(STORE_NAME, id)
+ const db = await this.ensureDb();
+ const existing = await db.get(STORE_NAME, id);
+ await db.delete(STORE_NAME, id);
if (existing) {
- this.notify(existing, 'deleted')
+ this.notify(existing, 'deleted');
}
}
async deleteConfirmed({ walletId }: { walletId: string }): Promise {
- const confirmed = await this.getByStatus({ walletId, status: 'confirmed' })
- const db = await this.ensureDb()
- const tx = db.transaction(STORE_NAME, 'readwrite')
- await Promise.all(confirmed.map((item) => tx.store.delete(item.id)))
- await tx.done
+ const confirmed = await this.getByStatus({ walletId, status: 'confirmed' });
+ const db = await this.ensureDb();
+ const tx = db.transaction(STORE_NAME, 'readwrite');
+ await Promise.all(confirmed.map((item) => tx.store.delete(item.id)));
+ await tx.done;
}
- async deleteExpired({ walletId, maxAge, currentBlockHeight }: {
- walletId: string
- maxAge: number
- currentBlockHeight?: number
+ async deleteExpired({
+ walletId,
+ maxAge,
+ currentBlockHeight,
+ }: {
+ walletId: string;
+ maxAge: number;
+ currentBlockHeight?: number;
}): Promise {
- const all = await this.getAll({ walletId })
- const now = Date.now()
+ const all = await this.getAll({ walletId });
+ const now = Date.now();
const expired = all.filter((pendingTx) => {
// 1. 已确认或失败超过 maxAge 的交易
if (pendingTx.status === 'confirmed' || pendingTx.status === 'failed') {
- return now - pendingTx.updatedAt > maxAge
+ return now - pendingTx.updatedAt > maxAge;
}
// 2. 基于区块高度的过期检查（针对 BioChain 等支持的链）
if (currentBlockHeight !== undefined) {
- const checker = getExpirationChecker(pendingTx.chainId)
+ const checker = getExpirationChecker(pendingTx.chainId);
if (checker?.isExpired(pendingTx.rawTx, currentBlockHeight)) {
- return true
+ return true;
}
}
- return false
- })
+ return false;
+ });
- if (expired.length === 0) return 0
+ if (expired.length === 0) return 0;
- const db = await this.ensureDb()
- const tx = db.transaction(STORE_NAME, 'readwrite')
- await Promise.all(expired.map((item) => tx.store.delete(item.id)))
- await tx.done
+ const db = await this.ensureDb();
+ const tx = db.transaction(STORE_NAME, 'readwrite');
+ await Promise.all(expired.map((item) => tx.store.delete(item.id)));
+ await tx.done;
- return expired.length
+ return expired.length;
}
async deleteAll({ walletId }: { walletId: string }): Promise {
- const all = await this.getAll({ walletId })
- const db = await this.ensureDb()
- const tx = db.transaction(STORE_NAME, 'readwrite')
- await Promise.all(all.map((item) => tx.store.delete(item.id)))
- await tx.done
+ const all = await this.getAll({ walletId });
+ const db = await this.ensureDb();
+ const tx = db.transaction(STORE_NAME, 'readwrite');
+ await Promise.all(all.map((item) => tx.store.delete(item.id)));
+ await tx.done;
}
}
/** 单例服务实例 */
-export const pendingTxService = new PendingTxServiceImpl()
+export const pendingTxService = new PendingTxServiceImpl();
// ==================== Key-Fetch Instance Factory ====================
// 缓存已创建的 fetcher 实例
-const pendingTxFetchers = new Map>()
+const pendingTxFetchers = new Map>();
/**
* 获取 pending tx 的 key-fetch 实例
* 依赖 blockHeight 自动刷新
*/
export function getPendingTxFetcher(chainId: string, walletId: string) {
- const key = `${chainId}:${walletId}`
+ const key = `${chainId}:${walletId}`;
if (!pendingTxFetchers.has(key)) {
- const chainProvider = getChainProvider(chainId)
+ const chainProvider = getChainProvider(chainId);
if (!chainProvider?.supports('blockHeight')) {
- return null
+ return null;
}
const fetcher = derive({
@@ -476,33 +507,33 @@ export function getPendingTxFetcher(chainId: string, walletId: string) {
transform({
transform: async () => {
// 检查 pending 交易状态，更新/移除已上链的
- const pending = await pendingTxService.getPending({ walletId })
+ const pending = await pendingTxService.getPending({ walletId });
for (const tx of pending) {
if (tx.status === 'broadcasted' && tx.txHash) {
try {
// 检查是否已上链
- const txInfo = await chainProvider.transaction.fetch({ txHash: tx.txHash })
+ const txInfo = await chainProvider.transaction.fetch({ txHash: tx.txHash });
if (txInfo?.status === 'confirmed') {
// 直接删除已确认的交易
- await pendingTxService.delete({ id: tx.id })
+ await pendingTxService.delete({ id: tx.id });
}
} catch (e) {
- console.error('检查pending交易状态失败', e)
+ console.error('检查pending交易状态失败', e); // i18n-ignore;
// 查询失败，跳过
}
}
}
// 返回最新的 pending 列表
- return await pendingTxService.getPending({ walletId })
+ return await pendingTxService.getPending({ walletId });
},
}),
],
- })
+ });
- pendingTxFetchers.set(key, fetcher)
+ pendingTxFetchers.set(key, fetcher);
}
- return pendingTxFetchers.get(key)!
+ return pendingTxFetchers.get(key)!;
}
diff --git a/src/stackflow/activities/SettingsSourcesActivity.tsx b/src/stackflow/activities/SettingsSourcesActivity.tsx
index de73b6a7e..9d74e4ae4 100644
--- a/src/stackflow/activities/SettingsSourcesActivity.tsx
+++ b/src/stackflow/activities/SettingsSourcesActivity.tsx
@@ -3,111 +3,98 @@
* 管理小程序订阅源
*/
-import { useState } from 'react'
-import type { ActivityComponentType } from '@stackflow/react'
-import { AppScreen } from '@stackflow/plugin-basic-ui'
-import { useTranslation } from 'react-i18next'
-import { useStore } from '@tanstack/react-store'
-import { cn } from '@/lib/utils'
-import {
- IconPlus,
- IconTrash,
- IconRefresh,
- IconCheck,
- IconX,
- IconWorld,
- IconArrowLeft,
-} from '@tabler/icons-react'
-import { ecosystemStore, ecosystemActions, type SourceRecord } from '@/stores/ecosystem'
-import { refreshSources } from '@/services/ecosystem/registry'
-import { useFlow } from '../stackflow'
+import { useState } from 'react';
+import type { ActivityComponentType } from '@stackflow/react';
+import { AppScreen } from '@stackflow/plugin-basic-ui';
+import { useTranslation } from 'react-i18next';
+import { useStore } from '@tanstack/react-store';
+import { cn } from '@/lib/utils';
+import { IconPlus, IconTrash, IconRefresh, IconCheck, IconX, IconWorld, IconArrowLeft } from '@tabler/icons-react';
+import { ecosystemStore, ecosystemActions, type SourceRecord } from '@/stores/ecosystem';
+import { refreshSources } from '@/services/ecosystem/registry';
+import { useFlow } from '../stackflow';
export const SettingsSourcesActivity: ActivityComponentType = () => {
- const { t } = useTranslation('common')
- const { pop } = useFlow()
- const state = useStore(ecosystemStore)
+ const { t } = useTranslation('common');
+ const { pop } = useFlow();
+ const state = useStore(ecosystemStore);
- const [isAdding, setIsAdding] = useState(false)
- const [newUrl, setNewUrl] = useState('')
- const [newName, setNewName] = useState('')
- const [isRefreshing, setIsRefreshing] = useState(false)
- const [error, setError] = useState(null)
+ const [isAdding, setIsAdding] = useState(false);
+ const [newUrl, setNewUrl] = useState('');
+ const [newName, setNewName] = useState('');
+ const [isRefreshing, setIsRefreshing] = useState(false);
+ const [error, setError] = useState(null);
const handleAdd = async () => {
if (!newUrl.trim()) {
- setError('请输入订阅 URL')
- return
+ setError(t('sources.enterUrl'));
+ return;
}
// 验证 URL
try {
- new URL(newUrl)
+ new URL(newUrl);
} catch {
- setError('无效的 URL 格式')
- return
+ setError(t('sources.invalidUrl'));
+ return;
}
// 检查是否已存在
if (state.sources.some((s) => s.url === newUrl)) {
- setError('该订阅源已存在')
- return
+ setError(t('sources.alreadyExists'));
+ return;
}
- ecosystemActions.addSource(newUrl, newName || '自定义源')
- setNewUrl('')
- setNewName('')
- setIsAdding(false)
- setError(null)
- }
+ ecosystemActions.addSource(newUrl, newName || t('sources.customSource'));
+ setNewUrl('');
+ setNewName('');
+ setIsAdding(false);
+ setError(null);
+ };
const handleRemove = (url: string) => {
- ecosystemActions.removeSource(url)
- }
+ ecosystemActions.removeSource(url);
+ };
const handleToggle = (url: string) => {
- ecosystemActions.toggleSource(url)
- }
+ ecosystemActions.toggleSource(url);
+ };
const handleRefresh = async () => {
- setIsRefreshing(true)
+ setIsRefreshing(true);
try {
- await refreshSources()
- } catch (e) {
-
- }
- setIsRefreshing(false)
- }
+ await refreshSources();
+ } catch (e) {}
+ setIsRefreshing(false);
+ };
return (
-
+
{/* Header */}
-
+
-
可信源管理
+ {t('sources.title')}
{/* Sources List */}
-
+
{state.sources.map((source) => (
{
/>
))}
- {state.sources.length === 0 && (
-
- 暂无订阅源
-
- )}
+ {state.sources.length === 0 && 暂无订阅源
}
{/* Add Source */}
{isAdding ? (
-
+
{
- setNewUrl(e.target.value)
- setError(null)
+ setNewUrl(e.target.value);
+ setError(null);
}}
- placeholder="订阅 URL (https://...)"
- className="w-full px-3 py-2 rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary"
-
+ placeholder={t('sources.urlPlaceholder')}
+ className="bg-background focus:ring-primary w-full rounded-lg border px-3 py-2 focus:ring-2 focus:outline-none"
/>
setNewName(e.target.value)}
- placeholder="名称 (可选)"
- className="w-full px-3 py-2 rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary"
+ placeholder={t('sources.namePlaceholder')}
+ className="bg-background focus:ring-primary w-full rounded-lg border px-3 py-2 focus:ring-2 focus:outline-none"
/>
- {error && (
-
{error}
- )}
+ {error &&
{error}
}
@@ -172,10 +152,10 @@ export const SettingsSourcesActivity: ActivityComponentType = () => {
)}
@@ -184,75 +164,62 @@ export const SettingsSourcesActivity: ActivityComponentType = () => {
- )
-}
+ );
+};
interface SourceItemProps {
- source: SourceRecord
- onToggle: () => void
- onRemove: () => void
+ source: SourceRecord;
+ onToggle: () => void;
+ onRemove: () => void;
}
function SourceItem({ source, onToggle, onRemove }: SourceItemProps) {
- const isDefault = source.url === '/ecosystem.json'
+ const isDefault = source.url === '/ecosystem.json';
return (
{/* Icon */}
-
-
+
+
{/* Info */}
-
+
-
{source.name}
- {isDefault && (
-
- 官方
-
- )}
+ {source.name}
+ {isDefault && 官方}
-
- {source.url}
-
-
+
{source.url}
+
更新于 {new Date(source.lastUpdated).toLocaleDateString()}
{/* Actions */}
-
+
{/* Toggle */}
{/* Remove (not for default) */}
{!isDefault && (
@@ -260,5 +227,5 @@ function SourceItem({ source, onToggle, onRemove }: SourceItemProps) {
- )
+ );
}
diff --git a/src/stackflow/activities/sheets/ChainSwitchConfirmJob.tsx b/src/stackflow/activities/sheets/ChainSwitchConfirmJob.tsx
index cc56ff4c6..a746b7858 100644
--- a/src/stackflow/activities/sheets/ChainSwitchConfirmJob.tsx
+++ b/src/stackflow/activities/sheets/ChainSwitchConfirmJob.tsx
@@ -3,75 +3,75 @@
* 当 DApp 请求 wallet_switchEthereumChain 时显示
*/
-import type { ActivityComponentType } from '@stackflow/react'
-import { BottomSheet } from '@/components/layout/bottom-sheet'
-import { useTranslation } from 'react-i18next'
-import { IconArrowRight, IconAlertTriangle } from '@tabler/icons-react'
-import { ChainIcon } from '@/components/wallet/chain-icon'
-import { MiniappSheetHeader } from '@/components/ecosystem'
-import { useFlow } from '../../stackflow'
-import { ActivityParamsProvider, useActivityParams } from '../../hooks'
-import { parseHexChainId, getKeyAppChainId } from '@biochain/bio-sdk'
-import { chainConfigService } from '@/services/chain-config'
-import type { ChainType } from '@/stores'
+import type { ActivityComponentType } from '@stackflow/react';
+import { BottomSheet } from '@/components/layout/bottom-sheet';
+import { useTranslation } from 'react-i18next';
+import { IconArrowRight, IconAlertTriangle } from '@tabler/icons-react';
+import { ChainIcon } from '@/components/wallet/chain-icon';
+import { MiniappSheetHeader } from '@/components/ecosystem';
+import { useFlow } from '../../stackflow';
+import { ActivityParamsProvider, useActivityParams } from '../../hooks';
+import { parseHexChainId, getKeyAppChainId } from '@biochain/bio-sdk';
+import { chainConfigService } from '@/services/chain-config';
+import type { ChainType } from '@/stores';
type ChainSwitchConfirmJobParams = {
/** 当前链 ID (hex, e.g., '0x38') */
- fromChainId: string
+ fromChainId: string;
/** 目标链 ID (hex, e.g., '0x1') */
- toChainId: string
+ toChainId: string;
/** 请求来源小程序名称 */
- appName?: string
+ appName?: string;
/** 请求来源小程序图标 */
- appIcon?: string
-}
+ appIcon?: string;
+};
/** 获取链的显示名称 */
function getChainDisplayName(hexChainId: string): string {
- const keyAppId = getKeyAppChainId(hexChainId)
+ const keyAppId = getKeyAppChainId(hexChainId);
if (keyAppId) {
- return chainConfigService.getName(keyAppId)
+ return chainConfigService.getName(keyAppId);
}
// Fallback: 显示 decimal chainId
try {
- const decimal = parseHexChainId(hexChainId)
- return `Chain ${decimal}`
+ const decimal = parseHexChainId(hexChainId);
+ return `Chain ${decimal}`;
} catch {
- return hexChainId
+ return hexChainId;
}
}
/** 获取 KeyApp 链类型 */
function getChainType(hexChainId: string): ChainType | null {
- const keyAppId = getKeyAppChainId(hexChainId)
- return keyAppId as ChainType | null
+ const keyAppId = getKeyAppChainId(hexChainId);
+ return keyAppId as ChainType | null;
}
function ChainSwitchConfirmJobContent() {
- const { t } = useTranslation('common')
- const { pop } = useFlow()
- const { fromChainId, toChainId, appName, appIcon } = useActivityParams
()
+ const { t } = useTranslation('common');
+ const { pop } = useFlow();
+ const { fromChainId, toChainId, appName, appIcon } = useActivityParams();
- const fromChainName = getChainDisplayName(fromChainId)
- const toChainName = getChainDisplayName(toChainId)
- const fromChainType = getChainType(fromChainId)
- const toChainType = getChainType(toChainId)
+ const fromChainName = getChainDisplayName(fromChainId);
+ const toChainName = getChainDisplayName(toChainId);
+ const fromChainType = getChainType(fromChainId);
+ const toChainType = getChainType(toChainId);
const handleConfirm = () => {
const event = new CustomEvent('chain-switch-confirm', {
detail: { approved: true, toChainId },
- })
- window.dispatchEvent(event)
- pop()
- }
+ });
+ window.dispatchEvent(event);
+ pop();
+ };
const handleCancel = () => {
const event = new CustomEvent('chain-switch-confirm', {
detail: { approved: false },
- })
- window.dispatchEvent(event)
- pop()
- }
+ });
+ window.dispatchEvent(event);
+ pop();
+ };
return (
@@ -83,8 +83,8 @@ function ChainSwitchConfirmJobContent() {
{/* App Info */}
@@ -121,9 +121,7 @@ function ChainSwitchConfirmJobContent() {
{/* Warning */}
-
- {t('chainSwitchWarning', '切换网络后，您的交易将在新网络上进行。请确保您了解此操作的影响。')}
-
+
{t('chainSwitchWarning')}
@@ -146,7 +144,7 @@ function ChainSwitchConfirmJobContent() {
- )
+ );
}
export const ChainSwitchConfirmJob: ActivityComponentType
= ({ params }) => {
@@ -154,5 +152,5 @@ export const ChainSwitchConfirmJob: ActivityComponentType
- )
-}
+ );
+};
diff --git a/src/stackflow/activities/sheets/CryptoAuthorizeJob.tsx b/src/stackflow/activities/sheets/CryptoAuthorizeJob.tsx
index 1a7af9586..830604619 100644
--- a/src/stackflow/activities/sheets/CryptoAuthorizeJob.tsx
+++ b/src/stackflow/activities/sheets/CryptoAuthorizeJob.tsx
@@ -1,234 +1,221 @@
/**
* CryptoAuthorizeJob - Crypto 黑盒授权对话框
- *
+ *
* 用于小程序请求加密操作授权，用户需输入手势密码确认
*/
-import { useCallback, useState } from 'react'
-import type { ActivityComponentType } from '@stackflow/react'
-import { BottomSheet } from '@/components/layout/bottom-sheet'
-import { useTranslation } from 'react-i18next'
-import { IconLock, IconLoader2 } from '@tabler/icons-react'
-import { useFlow } from '../../stackflow'
-import { ActivityParamsProvider, useActivityParams } from '../../hooks'
-import { MiniappSheetHeader } from '@/components/ecosystem'
-import { PatternLock, patternToString } from '@/components/security/pattern-lock'
-import { walletStorageService } from '@/services/wallet-storage'
+import { useCallback, useState } from 'react';
+import type { ActivityComponentType } from '@stackflow/react';
+import { BottomSheet } from '@/components/layout/bottom-sheet';
+import { useTranslation } from 'react-i18next';
+import { IconLock, IconLoader2 } from '@tabler/icons-react';
+import { useFlow } from '../../stackflow';
+import { ActivityParamsProvider, useActivityParams } from '../../hooks';
+import { MiniappSheetHeader } from '@/components/ecosystem';
+import { PatternLock, patternToString } from '@/components/security/pattern-lock';
+import { walletStorageService } from '@/services/wallet-storage';
import {
- type CryptoAction,
- type TokenDuration,
- CRYPTO_ACTION_LABELS,
- TOKEN_DURATION_LABELS,
- TOKEN_DURATION_OPTIONS,
-} from '@/services/crypto-box'
-import {
- Select,
- SelectContent,
- SelectItem,
- SelectTrigger,
- SelectValue,
-} from '@/components/ui/select'
-import { walletStore } from '@/stores'
+ type CryptoAction,
+ type TokenDuration,
+ CRYPTO_ACTION_LABELS,
+ TOKEN_DURATION_LABELS,
+ TOKEN_DURATION_OPTIONS,
+} from '@/services/crypto-box';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
+import { walletStore } from '@/stores';
type CryptoAuthorizeJobParams = {
- /** 请求的操作权限 (JSON 字符串) */
- actions: string
- /** 授权时长 */
- duration: string
- /** 使用的地址 */
- address: string
- /** 链 ID */
- chainId?: string
- /** 请求来源小程序名称 */
- appName?: string
- /** 请求来源小程序图标 */
- appIcon?: string
-}
+ /** 请求的操作权限 (JSON 字符串) */
+ actions: string;
+ /** 授权时长 */
+ duration: string;
+ /** 使用的地址 */
+ address: string;
+ /** 链 ID */
+ chainId?: string;
+ /** 请求来源小程序名称 */
+ appName?: string;
+ /** 请求来源小程序图标 */
+ appIcon?: string;
+};
function CryptoAuthorizeJobContent() {
- const { t } = useTranslation('common')
- const { pop } = useFlow()
- const params = useActivityParams()
-
- const actions = JSON.parse(params.actions) as CryptoAction[]
- const duration = params.duration as TokenDuration
- const { address, chainId, appName, appIcon } = params
-
- // 找到使用该地址的钱包
- const targetWallet = walletStore.state.wallets.find(
- w => w.chainAddresses.some(ca => ca.address === address)
- )
- const walletName = targetWallet?.name
- const walletId = targetWallet?.id
-
- const [pattern, setPattern] = useState([])
- const [error, setError] = useState(false)
- const [isVerifying, setIsVerifying] = useState(false)
- const [selectedDuration, setSelectedDuration] = useState(duration)
-
- const handlePatternComplete = useCallback(
- async (nodes: number[]) => {
- setIsVerifying(true)
- setError(false)
-
- try {
- const patternKey = patternToString(nodes)
-
- // 验证手势密码是否正确
- const wallets = await walletStorageService.getAllWallets()
- if (wallets.length === 0) {
- setError(true)
- setPattern([])
- setIsVerifying(false)
- return
- }
-
- let isValid = false
- for (const wallet of wallets) {
- try {
- await walletStorageService.getMnemonic(wallet.id, patternKey)
- isValid = true
- break
- } catch {
- // 继续尝试下一个钱包
- }
- }
-
- if (isValid && walletId) {
- // 发送成功事件（包含 walletId 和 selectedDuration 用于 Token 创建）
- const event = new CustomEvent('crypto-authorize-confirm', {
- detail: { approved: true, patternKey, walletId, selectedDuration },
- })
- window.dispatchEvent(event)
- pop()
- } else {
- setError(true)
- setPattern([])
- }
- } catch {
- setError(true)
- setPattern([])
- } finally {
- setIsVerifying(false)
- }
- },
- [pop, selectedDuration]
- )
-
- const handleCancel = useCallback(() => {
- const event = new CustomEvent('crypto-authorize-confirm', {
- detail: { approved: false },
- })
- window.dispatchEvent(event)
- pop()
- }, [pop])
-
- return (
-
-
- {/* Handle */}
-
-
- {/* Header - 左侧 miniapp 信息，右侧钱包信息 */}
-
-
- {/* Content - 可滚动区域 */}
-
- {/* 权限和授权时长 */}
-
- {/* 请求权限 - 水平排列 */}
-
-
- {t('permissions', '权限')}：
-
- {actions.map(a => CRYPTO_ACTION_LABELS[a]?.name || a).join('、')}
-
-
-
- {/* 授权时长 */}
-
- {t('duration', '时长')}：
-
-
-
-
-
- {/* 手势密码区域 - 固定尺寸不可压缩 */}
-
-
- {t('drawPatternToConfirm', '请绘制手势密码确认')}
-
- {/* 固定尺寸容器，防止内容变化导致布局抖动 */}
-
- {/* 验证中状态 - 固定高度 */}
-
- {isVerifying && (
-
-
- {t('verifying', '验证中...')}
-
- )}
-
-
-
- {/* Cancel button */}
-
-
-
-
- {/* Safe area */}
-
+ const { t } = useTranslation('common');
+ const { pop } = useFlow();
+ const params = useActivityParams
();
+
+ const actions = JSON.parse(params.actions) as CryptoAction[];
+ const duration = params.duration as TokenDuration;
+ const { address, chainId, appName, appIcon } = params;
+
+ // 找到使用该地址的钱包
+ const targetWallet = walletStore.state.wallets.find((w) => w.chainAddresses.some((ca) => ca.address === address));
+ const walletName = targetWallet?.name;
+ const walletId = targetWallet?.id;
+
+ const [pattern, setPattern] = useState([]);
+ const [error, setError] = useState(false);
+ const [isVerifying, setIsVerifying] = useState(false);
+ const [selectedDuration, setSelectedDuration] = useState(duration);
+
+ const handlePatternComplete = useCallback(
+ async (nodes: number[]) => {
+ setIsVerifying(true);
+ setError(false);
+
+ try {
+ const patternKey = patternToString(nodes);
+
+ // 验证手势密码是否正确
+ const wallets = await walletStorageService.getAllWallets();
+ if (wallets.length === 0) {
+ setError(true);
+ setPattern([]);
+ setIsVerifying(false);
+ return;
+ }
+
+ let isValid = false;
+ for (const wallet of wallets) {
+ try {
+ await walletStorageService.getMnemonic(wallet.id, patternKey);
+ isValid = true;
+ break;
+ } catch {
+ // 继续尝试下一个钱包
+ }
+ }
+
+ if (isValid && walletId) {
+ // 发送成功事件（包含 walletId 和 selectedDuration 用于 Token 创建）
+ const event = new CustomEvent('crypto-authorize-confirm', {
+ detail: { approved: true, patternKey, walletId, selectedDuration },
+ });
+ window.dispatchEvent(event);
+ pop();
+ } else {
+ setError(true);
+ setPattern([]);
+ }
+ } catch {
+ setError(true);
+ setPattern([]);
+ } finally {
+ setIsVerifying(false);
+ }
+ },
+ [pop, selectedDuration],
+ );
+
+ const handleCancel = useCallback(() => {
+ const event = new CustomEvent('crypto-authorize-confirm', {
+ detail: { approved: false },
+ });
+ window.dispatchEvent(event);
+ pop();
+ }, [pop]);
+
+ return (
+
+
+ {/* Handle */}
+
+
+ {/* Header - 左侧 miniapp 信息，右侧钱包信息 */}
+
+
+ {/* Content - 可滚动区域 */}
+
+ {/* 权限和授权时长 */}
+
+ {/* 请求权限 - 水平排列 */}
+
+
+ {t('permissions')}：
+
+ {actions.map((a) => CRYPTO_ACTION_LABELS[a]?.name || a).join('、')}
+
+
+
+ {/* 授权时长 */}
+
+ {t('duration')}：
+
+
+
+
+
+ {/* 手势密码区域 - 固定尺寸不可压缩 */}
+
+
{t('drawPatternToConfirm')}
+ {/* 固定尺寸容器，防止内容变化导致布局抖动 */}
+
+ {/* 验证中状态 - 固定高度 */}
+
+ {isVerifying && (
+
+
+ {t('verifying')}
+
+ )}
+
+
+
+ {/* Cancel button */}
+
+
+
+
+ {/* Safe area */}
+
+
+
-
- {t('common:from', '来自')}
-
+ {t('common:from')}
{/* Chain & Asset */}
-
-
- {t('common:network', '网络')}
-
+
+ {t('common:network')}
{/* Warning */}
-
-
-
- {t('transaction:destroyPage.warning')}
-
+
+
+
{t('transaction:destroyPage.warning')}
@@ -199,9 +180,9 @@ function MiniappDestroyConfirmJobContent() {
- )
+ );
}
-export const MiniappDestroyConfirmJob: ActivityComponentType
= ({
- params,
-}) => {
+export const MiniappDestroyConfirmJob: ActivityComponentType = ({ params }) => {
return (
- )
-}
+ );
+};
diff --git a/src/stackflow/activities/sheets/MiniappSignTransactionJob.tsx b/src/stackflow/activities/sheets/MiniappSignTransactionJob.tsx
index 771fad7fe..c59280c3f 100644
--- a/src/stackflow/activities/sheets/MiniappSignTransactionJob.tsx
+++ b/src/stackflow/activities/sheets/MiniappSignTransactionJob.tsx
@@ -3,81 +3,80 @@
* 用于小程序请求 `bio_signTransaction` 时显示
*/
-import { useState, useCallback, useMemo } from 'react'
-import type { ActivityComponentType } from '@stackflow/react'
-import { BottomSheet } from '@/components/layout/bottom-sheet'
-import { useTranslation } from 'react-i18next'
-import { cn } from '@/lib/utils'
-import { IconAlertTriangle, IconLoader2 } from '@tabler/icons-react'
-import { useFlow } from '../../stackflow'
-import { ActivityParamsProvider, useActivityParams } from '../../hooks'
-import { setWalletLockConfirmCallback } from './WalletLockConfirmJob'
-import { walletStore } from '@/stores'
-import type { UnsignedTransaction } from '@/services/ecosystem'
-import { signUnsignedTransaction } from '@/services/ecosystem/handlers'
-import { MiniappSheetHeader } from '@/components/ecosystem'
-import { ChainBadge } from '@/components/wallet/chain-icon'
-import { ChainAddressDisplay } from '@/components/wallet/chain-address-display'
+import { useState, useCallback, useMemo } from 'react';
+import type { ActivityComponentType } from '@stackflow/react';
+import { BottomSheet } from '@/components/layout/bottom-sheet';
+import { useTranslation } from 'react-i18next';
+import { cn } from '@/lib/utils';
+import { IconAlertTriangle, IconLoader2 } from '@tabler/icons-react';
+import { useFlow } from '../../stackflow';
+import { ActivityParamsProvider, useActivityParams } from '../../hooks';
+import { setWalletLockConfirmCallback } from './WalletLockConfirmJob';
+import { walletStore } from '@/stores';
+import type { UnsignedTransaction } from '@/services/ecosystem';
+import { signUnsignedTransaction } from '@/services/ecosystem/handlers';
+import { MiniappSheetHeader } from '@/components/ecosystem';
+import { ChainBadge } from '@/components/wallet/chain-icon';
+import { ChainAddressDisplay } from '@/components/wallet/chain-address-display';
type MiniappSignTransactionJobParams = {
/** 来源小程序名称 */
- appName: string
+ appName: string;
/** 来源小程序图标 */
- appIcon?: string
+ appIcon?: string;
/** 签名地址 */
- from: string
+ from: string;
/** 链 ID */
- chain: string
+ chain: string;
/** 未签名交易（JSON 字符串） */
- unsignedTx: string
-}
+ unsignedTx: string;
+};
function findWalletIdByAddress(chainId: string, address: string): string | null {
- const isHexLike = address.startsWith('0x')
- const normalized = isHexLike ? address.toLowerCase() : address
+ const isHexLike = address.startsWith('0x');
+ const normalized = isHexLike ? address.toLowerCase() : address;
for (const wallet of walletStore.state.wallets) {
const match = wallet.chainAddresses.find((ca) => {
- if (ca.chain !== chainId) return false
- if (isHexLike || ca.address.startsWith('0x')) return ca.address.toLowerCase() === normalized
- return ca.address === normalized
- })
- if (match) return wallet.id
+ if (ca.chain !== chainId) return false;
+ if (isHexLike || ca.address.startsWith('0x')) return ca.address.toLowerCase() === normalized;
+ return ca.address === normalized;
+ });
+ if (match) return wallet.id;
}
- return null
+ return null;
}
function MiniappSignTransactionJobContent() {
- const { t } = useTranslation('common')
- const { pop, push } = useFlow()
- const params = useActivityParams()
- const { appName, appIcon, from, chain, unsignedTx: unsignedTxJson } = params
+ const { t } = useTranslation('common');
+ const { pop, push } = useFlow();
+ const params = useActivityParams();
+ const { appName, appIcon, from, chain, unsignedTx: unsignedTxJson } = params;
- const [isSubmitting, setIsSubmitting] = useState(false)
+ const [isSubmitting, setIsSubmitting] = useState(false);
const unsignedTx = useMemo((): UnsignedTransaction | null => {
try {
- return JSON.parse(unsignedTxJson) as UnsignedTransaction
+ return JSON.parse(unsignedTxJson) as UnsignedTransaction;
} catch {
- return null
+ return null;
}
- }, [unsignedTxJson])
+ }, [unsignedTxJson]);
const walletId = useMemo(() => {
- return findWalletIdByAddress(chain, from)
- }, [chain, from])
+ return findWalletIdByAddress(chain, from);
+ }, [chain, from]);
- // 查找钱包名称
- const targetWallet = walletStore.state.wallets.find(w => w.id === walletId)
- const walletName = targetWallet?.name || t('unknownWallet', '未知钱包')
+ const targetWallet = walletStore.state.wallets.find((w) => w.id === walletId);
+ const walletName = targetWallet?.name || t('unknownWallet');
const handleConfirm = useCallback(() => {
- if (isSubmitting) return
- if (!unsignedTx) return
- if (!walletId) return
+ if (isSubmitting) return;
+ if (!unsignedTx) return;
+ if (!walletId) return;
setWalletLockConfirmCallback(async (password: string) => {
- setIsSubmitting(true)
+ setIsSubmitting(true);
try {
const signedTx = await signUnsignedTransaction({
walletId,
@@ -85,47 +84,46 @@ function MiniappSignTransactionJobContent() {
from,
chainId: chain,
unsignedTx,
- })
+ });
const event = new CustomEvent('miniapp-sign-transaction-confirm', {
detail: {
confirmed: true,
signedTx,
},
- })
- window.dispatchEvent(event)
+ });
+ window.dispatchEvent(event);
- pop()
- return true
+ pop();
+ return true;
} catch (error) {
-
- return false
+ return false;
} finally {
- setIsSubmitting(false)
+ setIsSubmitting(false);
}
- })
+ });
push('WalletLockConfirmJob', {
- title: t('signTransaction', '签名交易'),
- })
- }, [chain, from, isSubmitting, pop, push, t, unsignedTx, walletId])
+ title: t('signTransaction'),
+ });
+ }, [chain, from, isSubmitting, pop, push, t, unsignedTx, walletId]);
const handleCancel = useCallback(() => {
const event = new CustomEvent('miniapp-sign-transaction-confirm', {
detail: { confirmed: false },
- })
- window.dispatchEvent(event)
- pop()
- }, [pop])
+ });
+ window.dispatchEvent(event);
+ pop();
+ }, [pop]);
const rawPreview = useMemo(() => {
- if (!unsignedTx) return ''
+ if (!unsignedTx) return '';
try {
- return JSON.stringify(unsignedTx.data, null, 2)
+ return JSON.stringify(unsignedTx.data, null, 2);
} catch {
- return String(unsignedTx.data)
+ return String(unsignedTx.data);
}
- }, [unsignedTx])
+ }, [unsignedTx]);
return (
@@ -135,8 +133,8 @@ function MiniappSignTransactionJobContent() {
- {t('invalidTransaction', '无效的交易数据')}
-
+ {t('invalidTransaction')}
)}
{unsignedTx && !walletId && (
- {t('signingAddressNotFound', '找不到对应的钱包地址，无法签名')}
+ {t('signingAddressNotFound')}
)}
-
{t('network', '网络')}
+
{t('network')}
-
{t('signingAddress', '签名地址')}
+
{t('signingAddress')}
-
{t('transaction', '交易内容')}
+
{t('transaction')}
-
{rawPreview}
+
{rawPreview}
-
-
- {t('signTxWarning', '请确认您信任此应用，并仔细核对交易内容。')}
-
+
+
{t('signTxWarning')}
@@ -215,7 +209,7 @@ function MiniappSignTransactionJobContent() {
- )
+ );
}
export const MiniappSignTransactionJob: ActivityComponentType
= ({ params }) => {
@@ -223,5 +217,5 @@ export const MiniappSignTransactionJob: ActivityComponentType
- )
-}
+ );
+};
diff --git a/src/stackflow/activities/sheets/MiniappTransferConfirmJob.tsx b/src/stackflow/activities/sheets/MiniappTransferConfirmJob.tsx
index aa9d9b115..b6da1d29b 100644
--- a/src/stackflow/activities/sheets/MiniappTransferConfirmJob.tsx
+++ b/src/stackflow/activities/sheets/MiniappTransferConfirmJob.tsx
@@ -3,98 +3,91 @@
* 用于小程序请求发送转账时显示
*/
-import { useState, useCallback } from 'react'
-import type { ActivityComponentType } from '@stackflow/react'
-import { BottomSheet } from '@/components/layout/bottom-sheet'
-import { useTranslation } from 'react-i18next'
-import { cn } from '@/lib/utils'
-import { IconArrowDown, IconAlertTriangle, IconLoader2 } from '@tabler/icons-react'
-import { useFlow } from '../../stackflow'
-import { ActivityParamsProvider, useActivityParams } from '../../hooks'
-import { setWalletLockConfirmCallback } from './WalletLockConfirmJob'
-import { useCurrentWallet, walletStore } from '@/stores'
-import { SignatureAuthService, plaocAdapter } from '@/services/authorize'
-import { AddressDisplay } from '@/components/wallet/address-display'
-import { AmountDisplay } from '@/components/common/amount-display'
-import { MiniappSheetHeader } from '@/components/ecosystem'
-import { ChainBadge } from '@/components/wallet/chain-icon'
+import { useState, useCallback } from 'react';
+import type { ActivityComponentType } from '@stackflow/react';
+import { BottomSheet } from '@/components/layout/bottom-sheet';
+import { useTranslation } from 'react-i18next';
+import { cn } from '@/lib/utils';
+import { IconArrowDown, IconAlertTriangle, IconLoader2 } from '@tabler/icons-react';
+import { useFlow } from '../../stackflow';
+import { ActivityParamsProvider, useActivityParams } from '../../hooks';
+import { setWalletLockConfirmCallback } from './WalletLockConfirmJob';
+import { useCurrentWallet, walletStore } from '@/stores';
+import { SignatureAuthService, plaocAdapter } from '@/services/authorize';
+import { AddressDisplay } from '@/components/wallet/address-display';
+import { AmountDisplay } from '@/components/common/amount-display';
+import { MiniappSheetHeader } from '@/components/ecosystem';
+import { ChainBadge } from '@/components/wallet/chain-icon';
type MiniappTransferConfirmJobParams = {
/** 来源小程序名称 */
- appName: string
+ appName: string;
/** 来源小程序图标 */
- appIcon?: string
+ appIcon?: string;
/** 发送地址 */
- from: string
+ from: string;
/** 接收地址 */
- to: string
+ to: string;
/** 金额 */
- amount: string
+ amount: string;
/** 链 ID */
- chain: string
+ chain: string;
/** 代币 (可选) */
- asset?: string
-}
+ asset?: string;
+};
function MiniappTransferConfirmJobContent() {
- const { t } = useTranslation('common')
- const { pop, push } = useFlow()
- const params = useActivityParams()
- const { appName, appIcon, from, to, amount, chain, asset } = params
- const currentWallet = useCurrentWallet()
+ const { t } = useTranslation('common');
+ const { pop, push } = useFlow();
+ const params = useActivityParams();
+ const { appName, appIcon, from, to, amount, chain, asset } = params;
+ const currentWallet = useCurrentWallet();
- const [isConfirming, setIsConfirming] = useState(false)
+ const [isConfirming, setIsConfirming] = useState(false);
// 查找使用该地址的钱包
- const targetWallet = walletStore.state.wallets.find(
- w => w.chainAddresses.some(ca => ca.address === from)
- )
- const walletName = targetWallet?.name || t('unknownWallet', '未知钱包')
+ const targetWallet = walletStore.state.wallets.find((w) => w.chainAddresses.some((ca) => ca.address === from));
+ const walletName = targetWallet?.name || t('unknownWallet');
const handleConfirm = useCallback(() => {
- if (isConfirming) return
+ if (isConfirming) return;
// 设置钱包锁验证回调
setWalletLockConfirmCallback(async (password: string) => {
- setIsConfirming(true)
+ setIsConfirming(true);
try {
- const encryptedSecret = currentWallet?.encryptedMnemonic
+ const encryptedSecret = currentWallet?.encryptedMnemonic;
if (!encryptedSecret) {
-
- return false
+ return false;
}
// 创建签名服务
- const eventId = `miniapp_transfer_${Date.now()}`
- const authService = new SignatureAuthService(plaocAdapter, eventId)
+ const eventId = `miniapp_transfer_${Date.now()}`;
+ const authService = new SignatureAuthService(plaocAdapter, eventId);
// 执行转账签名
const transferPayload: {
- chainName: string
- senderAddress: string
- receiveAddress: string
- balance: string
- assetType?: string
+ chainName: string;
+ senderAddress: string;
+ receiveAddress: string;
+ balance: string;
+ assetType?: string;
} = {
chainName: chain,
senderAddress: from,
receiveAddress: to,
balance: amount,
- }
+ };
if (asset) {
- transferPayload.assetType = asset
+ transferPayload.assetType = asset;
}
- const signature = await authService.handleTransferSign(
- transferPayload,
- encryptedSecret,
- password
- )
+ const signature = await authService.handleTransferSign(transferPayload, encryptedSecret, password);
// TODO: 广播交易到链上 (需要调用 chain adapter 的 broadcastTransaction)
// 目前先返回签名作为 txHash 的占位符
- const txHash = signature
+ const txHash = signature;
// 发送成功事件
const event = new CustomEvent('miniapp-transfer-confirm', {
@@ -102,34 +95,33 @@ function MiniappTransferConfirmJobContent() {
confirmed: true,
txHash,
},
- })
- window.dispatchEvent(event)
+ });
+ window.dispatchEvent(event);
- pop()
- return true
+ pop();
+ return true;
} catch (error) {
-
- return false
+ return false;
} finally {
- setIsConfirming(false)
+ setIsConfirming(false);
}
- })
+ });
// 打开钱包锁验证
push('WalletLockConfirmJob', {
- title: t('confirmTransfer', '确认转账'),
- })
- }, [isConfirming, currentWallet, chain, from, to, amount, asset, pop, push, t])
+ title: t('confirmTransfer'),
+ });
+ }, [isConfirming, currentWallet, chain, from, to, amount, asset, pop, push, t]);
const handleCancel = useCallback(() => {
const event = new CustomEvent('miniapp-transfer-confirm', {
detail: { confirmed: false },
- })
- window.dispatchEvent(event)
- pop()
- }, [pop])
+ });
+ window.dispatchEvent(event);
+ pop();
+ }, [pop]);
- const displayAsset = asset || chain.toUpperCase()
+ const displayAsset = asset || chain.toUpperCase();
return (
@@ -141,8 +133,8 @@ function MiniappTransferConfirmJobContent() {
{/* Header */}
{/* From -> To */}
-
+
{/* From */}
-
- {t('from', '来自')}
-
+
{t('from')}
{/* Arrow */}
-
+
{/* To */}
-
- {t('to', '接收')}
-
+
{t('to')}
{/* Chain */}
-
-
- {t('network', '网络')}
-
+
+ {t('network')}
{/* Warning */}
-
-
- {t('transferWarning', '请仔细核对收款地址和金额，转账后无法撤回。')}
-
+
+
{t('transferWarning')}
@@ -212,9 +196,9 @@ function MiniappTransferConfirmJobContent() {
- )
+ );
}
-export const MiniappTransferConfirmJob: ActivityComponentType
= ({
- params,
-}) => {
+export const MiniappTransferConfirmJob: ActivityComponentType = ({ params }) => {
return (
- )
-}
+ );
+};
diff --git a/src/stackflow/activities/sheets/MnemonicOptionsJob.tsx b/src/stackflow/activities/sheets/MnemonicOptionsJob.tsx
index e8aa23626..1b43c6157 100644
--- a/src/stackflow/activities/sheets/MnemonicOptionsJob.tsx
+++ b/src/stackflow/activities/sheets/MnemonicOptionsJob.tsx
@@ -1,13 +1,13 @@
-import { useState } from "react";
-import type { ActivityComponentType } from "@stackflow/react";
-import { BottomSheet } from "@/components/layout/bottom-sheet";
-import { useTranslation } from "react-i18next";
-import { cn } from "@/lib/utils";
-import { IconCheck as Check } from "@tabler/icons-react";
-import { useFlow } from "../../stackflow";
-import { ActivityParamsProvider, useActivityParams } from "../../hooks";
-
-type MnemonicLanguage = "english" | "zh-Hans" | "zh-Hant";
+import { useState } from 'react';
+import type { ActivityComponentType } from '@stackflow/react';
+import { BottomSheet } from '@/components/layout/bottom-sheet';
+import { useTranslation } from 'react-i18next';
+import { cn } from '@/lib/utils';
+import { IconCheck as Check } from '@tabler/icons-react';
+import { useFlow } from '../../stackflow';
+import { ActivityParamsProvider, useActivityParams } from '../../hooks';
+
+type MnemonicLanguage = 'english' | 'zh-Hans' | 'zh-Hant';
type MnemonicLength = 12 | 15 | 18 | 21 | 24 | 36;
interface MnemonicOptions {
@@ -32,20 +32,20 @@ type MnemonicOptionsJobParams = {
};
const LANGUAGE_OPTIONS: { value: MnemonicLanguage; label: string }[] = [
- { value: "english", label: "English" },
- { value: "zh-Hans", label: "中文（简体）" },
- { value: "zh-Hant", label: "中文（繁體）" },
+ { value: 'english', label: 'English' },
+ { value: 'zh-Hans', label: '中文（简体）' }, // i18n-ignore: native language name
+ { value: 'zh-Hant', label: '中文（繁體）' }, // i18n-ignore: native language name
];
const LENGTH_OPTIONS: MnemonicLength[] = [12, 15, 18, 21, 24, 36];
function MnemonicOptionsJobContent() {
- const { t } = useTranslation("onboarding");
+ const { t } = useTranslation('onboarding');
const { pop } = useFlow();
const { language: initialLanguage, length: initialLength } = useActivityParams();
const [options, setOptions] = useState({
- language: (initialLanguage as MnemonicLanguage) || "english",
+ language: (initialLanguage as MnemonicLanguage) || 'english',
length: (Number(initialLength) as MnemonicLength) || 12,
});
@@ -70,19 +70,19 @@ function MnemonicOptionsJobContent() {
{/* Handle */}
{/* Title */}
-
-
{t("create.mnemonicOptions.title")}
+
+
{t('create.mnemonicOptions.title')}
{/* Content */}
{/* Language selection */}
-
{t("create.mnemonicOptions.language")}
+
{t('create.mnemonicOptions.language')}
{LANGUAGE_OPTIONS.map((option) => (
))}
@@ -106,7 +106,7 @@ function MnemonicOptionsJobContent() {
{/* Length selection */}
-
{t("create.mnemonicOptions.wordCount")}
+
{t('create.mnemonicOptions.wordCount')}
{LENGTH_OPTIONS.map((length) => (
))}
@@ -132,11 +132,11 @@ function MnemonicOptionsJobContent() {
type="button"
onClick={handleConfirm}
className={cn(
- "w-full rounded-full py-3 font-medium text-primary-foreground transition-colors",
- "bg-primary hover:bg-primary/90"
+ 'text-primary-foreground w-full rounded-full py-3 font-medium transition-colors',
+ 'bg-primary hover:bg-primary/90',
)}
>
- {t("create.mnemonicOptions.confirm")}
+ {t('create.mnemonicOptions.confirm')}
diff --git a/src/stackflow/activities/sheets/PermissionRequestJob.tsx b/src/stackflow/activities/sheets/PermissionRequestJob.tsx
index 3031a9088..771f474d0 100644
--- a/src/stackflow/activities/sheets/PermissionRequestJob.tsx
+++ b/src/stackflow/activities/sheets/PermissionRequestJob.tsx
@@ -3,10 +3,10 @@
* 用于小程序首次请求权限时显示
*/
-import type { ActivityComponentType } from '@stackflow/react'
-import { BottomSheet } from '@/components/layout/bottom-sheet'
-import { useTranslation } from 'react-i18next'
-import { cn } from '@/lib/utils'
+import type { ActivityComponentType } from '@stackflow/react';
+import { BottomSheet } from '@/components/layout/bottom-sheet';
+import { useTranslation } from 'react-i18next';
+import { cn } from '@/lib/utils';
import {
IconWallet,
IconSignature,
@@ -14,81 +14,66 @@ import {
IconFileText,
IconShieldCheck,
IconApps,
-} from '@tabler/icons-react'
-import { useFlow } from '../../stackflow'
-import { ActivityParamsProvider, useActivityParams } from '../../hooks'
+} from '@tabler/icons-react';
+import { useFlow } from '../../stackflow';
+import { ActivityParamsProvider, useActivityParams } from '../../hooks';
type PermissionRequestJobParams = {
/** 小程序名称 */
- appName: string
+ appName: string;
/** 小程序图标 */
- appIcon?: string
+ appIcon?: string;
/** 请求的权限列表 (JSON 字符串) */
- permissions: string
-}
+ permissions: string;
+};
-const PERMISSION_INFO: Record
= {
- bio_requestAccounts: {
- icon: IconWallet,
- label: '查看账户',
- description: '查看您的钱包地址',
- },
- bio_createTransaction: {
- icon: IconFileText,
- label: '创建交易',
- description: '构造未签名交易（不做签名/不做广播）',
- },
- bio_signMessage: {
- icon: IconSignature,
- label: '签名消息',
- description: '请求签名消息（需要您确认）',
- },
- bio_signTypedData: {
- icon: IconSignature,
- label: '签名数据',
- description: '请求签名结构化数据（需要您确认）',
- },
- bio_signTransaction: {
- icon: IconSignature,
- label: '签名交易',
- description: '请求签名交易（需要您确认）',
- },
- bio_sendTransaction: {
- icon: IconCurrencyDollar,
- label: '发送交易',
- description: '请求发送转账（需要您确认）',
- },
-}
+const PERMISSION_ICONS: Record = {
+ bio_requestAccounts: IconWallet,
+ bio_createTransaction: IconFileText,
+ bio_signMessage: IconSignature,
+ bio_signTypedData: IconSignature,
+ bio_signTransaction: IconSignature,
+ bio_sendTransaction: IconCurrencyDollar,
+};
function PermissionRequestJobContent() {
- const { t } = useTranslation('common')
- const { pop } = useFlow()
- const { appName, appIcon, permissions: permissionsJson } = useActivityParams()
+ const { t } = useTranslation('permission');
+ const { pop } = useFlow();
+ const { appName, appIcon, permissions: permissionsJson } = useActivityParams();
- // 解析权限列表
const permissions: string[] = (() => {
try {
- return JSON.parse(permissionsJson) as string[]
+ return JSON.parse(permissionsJson) as string[];
} catch {
- return []
+ return [];
}
- })()
+ })();
const handleApprove = () => {
const event = new CustomEvent('permission-request', {
detail: { approved: true, permissions },
- })
- window.dispatchEvent(event)
- pop()
- }
+ });
+ window.dispatchEvent(event);
+ pop();
+ };
const handleReject = () => {
const event = new CustomEvent('permission-request', {
detail: { approved: false },
- })
- window.dispatchEvent(event)
- pop()
- }
+ });
+ window.dispatchEvent(event);
+ pop();
+ };
+
+ const getPermissionLabel = (permKey: string): string => {
+ const labelKey = `${permKey}.label` as const;
+ return t(labelKey as any) as string;
+ };
+
+ const getPermissionDescription = (permKey: string): string => {
+ const descKey = `${permKey}.description` as const;
+ return t(descKey as any) as string;
+ };
return (
@@ -100,7 +85,7 @@ function PermissionRequestJobContent() {
{/* Header */}
-
+
{appIcon ? (
) : (
@@ -108,40 +93,34 @@ function PermissionRequestJobContent() {
)}
{appName}
-
- {t('requestsPermissions', '请求以下权限')}
-
+
{t('requestsPermissions' as any)}
{/* Permissions List */}
{permissions.map((permission) => {
- const info = PERMISSION_INFO[permission]
- if (!info) return null
+ const Icon = PERMISSION_ICONS[permission];
+ if (!Icon) return null;
- const Icon = info.icon
return (
-
+
-
{info.label}
-
{info.description}
+
{getPermissionLabel(permission)}
+
{getPermissionDescription(permission)}
- )
+ );
})}
{/* Trust indicator */}
-
+
- {t('permissionNote', '敏感操作需要您的确认')}
+ {t('permissionNote' as any)}
@@ -151,16 +130,16 @@ function PermissionRequestJobContent() {
onClick={handleReject}
className="bg-muted hover:bg-muted/80 flex-1 rounded-xl py-3 font-medium transition-colors"
>
- {t('reject', '拒绝')}
+ {t('reject')}
@@ -168,7 +147,7 @@ function PermissionRequestJobContent() {
- )
+ );
}
export const PermissionRequestJob: ActivityComponentType
= ({ params }) => {
@@ -176,5 +155,5 @@ export const PermissionRequestJob: ActivityComponentType
- )
-}
+ );
+};
diff --git a/src/stackflow/activities/sheets/SigningConfirmJob.tsx b/src/stackflow/activities/sheets/SigningConfirmJob.tsx
index e60cebe5b..1702531d0 100644
--- a/src/stackflow/activities/sheets/SigningConfirmJob.tsx
+++ b/src/stackflow/activities/sheets/SigningConfirmJob.tsx
@@ -3,62 +3,59 @@
* 用于小程序请求用户签名消息
*/
-import { useCallback, useState } from 'react'
-import type { ActivityComponentType } from '@stackflow/react'
-import { BottomSheet } from '@/components/layout/bottom-sheet'
-import { useTranslation } from 'react-i18next'
-import { cn } from '@/lib/utils'
-import { IconAlertTriangle, IconLoader2 } from '@tabler/icons-react'
-import { useFlow } from '../../stackflow'
-import { ActivityParamsProvider, useActivityParams } from '../../hooks'
-import { setWalletLockConfirmCallback } from './WalletLockConfirmJob'
-import { useCurrentWallet, walletStore } from '@/stores'
-import { SignatureAuthService, plaocAdapter } from '@/services/authorize'
-import { MiniappSheetHeader } from '@/components/ecosystem'
+import { useCallback, useState } from 'react';
+import type { ActivityComponentType } from '@stackflow/react';
+import { BottomSheet } from '@/components/layout/bottom-sheet';
+import { useTranslation } from 'react-i18next';
+import { cn } from '@/lib/utils';
+import { IconAlertTriangle, IconLoader2 } from '@tabler/icons-react';
+import { useFlow } from '../../stackflow';
+import { ActivityParamsProvider, useActivityParams } from '../../hooks';
+import { setWalletLockConfirmCallback } from './WalletLockConfirmJob';
+import { useCurrentWallet, walletStore } from '@/stores';
+import { SignatureAuthService, plaocAdapter } from '@/services/authorize';
+import { MiniappSheetHeader } from '@/components/ecosystem';
type SigningConfirmJobParams = {
/** 要签名的消息 */
- message: string
+ message: string;
/** 签名地址 */
- address: string
+ address: string;
/** 请求来源小程序名称 */
- appName?: string
+ appName?: string;
/** 请求来源小程序图标 */
- appIcon?: string
+ appIcon?: string;
/** 链名称（用于签名） */
- chainName?: string
-}
+ chainName?: string;
+};
function SigningConfirmJobContent() {
- const { t } = useTranslation('common')
- const { pop, push } = useFlow()
- const { message, address, appName, appIcon, chainName } = useActivityParams()
- const currentWallet = useCurrentWallet()
- const [isSubmitting, setIsSubmitting] = useState(false)
+ const { t } = useTranslation('common');
+ const { pop, push } = useFlow();
+ const { message, address, appName, appIcon, chainName } = useActivityParams();
+ const currentWallet = useCurrentWallet();
+ const [isSubmitting, setIsSubmitting] = useState(false);
// 查找使用该地址的钱包
- const targetWallet = walletStore.state.wallets.find(
- w => w.chainAddresses.some(ca => ca.address === address)
- )
- const walletName = targetWallet?.name || t('unknownWallet', '未知钱包')
+ const targetWallet = walletStore.state.wallets.find((w) => w.chainAddresses.some((ca) => ca.address === address));
+ const walletName = targetWallet?.name || t('unknownWallet');
const handleConfirm = useCallback(() => {
- if (isSubmitting) return
+ if (isSubmitting) return;
// 设置钱包锁验证回调
setWalletLockConfirmCallback(async (password: string) => {
- setIsSubmitting(true)
+ setIsSubmitting(true);
try {
- const encryptedSecret = currentWallet?.encryptedMnemonic
+ const encryptedSecret = currentWallet?.encryptedMnemonic;
if (!encryptedSecret) {
-
- return false
+ return false;
}
// 创建签名服务 (使用临时 eventId)
- const eventId = `miniapp_sign_${Date.now()}`
- const authService = new SignatureAuthService(plaocAdapter, eventId)
+ const eventId = `miniapp_sign_${Date.now()}`;
+ const authService = new SignatureAuthService(plaocAdapter, eventId);
// 执行真实签名（返回 { signature, publicKey }）
const signResult = await authService.handleMessageSign(
@@ -68,8 +65,8 @@ function SigningConfirmJobContent() {
message,
},
encryptedSecret,
- password
- )
+ password,
+ );
// 发送成功事件（包含 signature 和 publicKey）
const event = new CustomEvent('signing-confirm', {
@@ -78,35 +75,34 @@ function SigningConfirmJobContent() {
signature: signResult.signature,
publicKey: signResult.publicKey,
},
- })
- window.dispatchEvent(event)
+ });
+ window.dispatchEvent(event);
- pop()
- return true
+ pop();
+ return true;
} catch (error) {
-
- return false
+ return false;
} finally {
- setIsSubmitting(false)
+ setIsSubmitting(false);
}
- })
+ });
// 打开钱包锁验证
push('WalletLockConfirmJob', {
- title: t('sign', '签名'),
- })
- }, [isSubmitting, currentWallet, chainName, address, message, pop, push, t])
+ title: t('sign'),
+ });
+ }, [isSubmitting, currentWallet, chainName, address, message, pop, push, t]);
const handleCancel = useCallback(() => {
const event = new CustomEvent('signing-confirm', {
detail: { confirmed: false },
- })
- window.dispatchEvent(event)
- pop()
- }, [pop])
+ });
+ window.dispatchEvent(event);
+ pop();
+ }, [pop]);
// Check if message looks like hex data (potential risk)
- const isHexData = message.startsWith('0x') && /^0x[0-9a-fA-F]+$/.test(message)
+ const isHexData = message.startsWith('0x') && /^0x[0-9a-fA-F]+$/.test(message);
return (
@@ -118,8 +114,8 @@ function SigningConfirmJobContent() {
{/* Header */}
{/* Message */}
-
- {t('message', '消息内容')}
-
+
{t('message')}
-
- {message}
-
+
{message}
-
- {t('hexDataWarning', '此消息包含十六进制数据，请确认您信任此应用。')}
-
+
{t('hexDataWarning')}
)}
@@ -187,7 +177,7 @@ function SigningConfirmJobContent() {
- )
+ );
}
export const SigningConfirmJob: ActivityComponentType
= ({ params }) => {
@@ -195,5 +185,5 @@ export const SigningConfirmJob: ActivityComponentType =
- )
-}
+ );
+};
diff --git a/src/stackflow/activities/sheets/WalletPickerJob.tsx b/src/stackflow/activities/sheets/WalletPickerJob.tsx
index 90d0a92e3..27a3cb4e9 100644
--- a/src/stackflow/activities/sheets/WalletPickerJob.tsx
+++ b/src/stackflow/activities/sheets/WalletPickerJob.tsx
@@ -3,30 +3,30 @@
* 用于小程序请求用户选择钱包
*/
-import { useMemo } from 'react'
-import type { ActivityComponentType } from '@stackflow/react'
-import { BottomSheet } from '@/components/layout/bottom-sheet'
-import { useTranslation } from 'react-i18next'
-import { useStore } from '@tanstack/react-store'
-import { walletStore, walletSelectors, type Wallet, type ChainAddress } from '@/stores'
-import { useFlow } from '../../stackflow'
-import { ActivityParamsProvider, useActivityParams } from '../../hooks'
-import { WalletList, type WalletListItem } from '@/components/wallet/wallet-list'
-import { MiniappSheetHeader } from '@/components/ecosystem'
-import { getKeyAppChainId, normalizeChainId } from '@biochain/bio-sdk'
-import { useChainConfigs } from '@/stores/chain-config'
-import { chainConfigService } from '@/services/chain-config'
+import { useMemo } from 'react';
+import type { ActivityComponentType } from '@stackflow/react';
+import { BottomSheet } from '@/components/layout/bottom-sheet';
+import { useTranslation } from 'react-i18next';
+import { useStore } from '@tanstack/react-store';
+import { walletStore, walletSelectors, type Wallet, type ChainAddress } from '@/stores';
+import { useFlow } from '../../stackflow';
+import { ActivityParamsProvider, useActivityParams } from '../../hooks';
+import { WalletList, type WalletListItem } from '@/components/wallet/wallet-list';
+import { MiniappSheetHeader } from '@/components/ecosystem';
+import { getKeyAppChainId, normalizeChainId } from '@biochain/bio-sdk';
+import { useChainConfigs } from '@/stores/chain-config';
+import { chainConfigService } from '@/services/chain-config';
type WalletPickerJobParams = {
/** 限定链类型 (支持: KeyApp 内部 ID, EVM hex chainId, API 名称如 BSC) */
- chain?: string
+ chain?: string;
/** 排除的地址（不显示在列表中） */
- exclude?: string
+ exclude?: string;
/** 请求来源小程序名称 */
- appName?: string
+ appName?: string;
/** 请求来源小程序图标 */
- appIcon?: string
-}
+ appIcon?: string;
+};
/**
* 将任意链标识符转换为 KeyApp 内部 ID
@@ -36,63 +36,58 @@ type WalletPickerJobParams = {
* - 已有的 KeyApp ID: 'binance' -> 'binance'
*/
function resolveChainId(chain: string | undefined): string | undefined {
- if (!chain) return undefined
+ if (!chain) return undefined;
// Try EVM hex chainId first (e.g., '0x38')
if (chain.startsWith('0x')) {
- const keyAppId = getKeyAppChainId(chain)
- if (keyAppId) return keyAppId
+ const keyAppId = getKeyAppChainId(chain);
+ if (keyAppId) return keyAppId;
}
// Try API name normalization (e.g., 'BSC' -> 'binance', 'BFMCHAIN' -> 'bfmeta')
- const normalized = normalizeChainId(chain)
+ const normalized = normalizeChainId(chain);
// Check if it's a known chain (using chainConfigService)
if (chainConfigService.getConfig(normalized)) {
- return normalized
+ return normalized;
}
// Return as-is (might be already a KeyApp ID like 'binance')
- return normalized
+ return normalized;
}
// Utility function for chain display names (currently unused - using direct chain IDs)
// function __getChainDisplayName(chainId: string): string { return CHAIN_DISPLAY_NAMES[chainId] || chainId }
function WalletPickerJobContent() {
- const { t } = useTranslation('common')
- const { pop } = useFlow()
- const { chain: rawChain, exclude, appName, appIcon } = useActivityParams()
- const chainConfigs = useChainConfigs()
+ const { t } = useTranslation('common');
+ const { pop } = useFlow();
+ const { chain: rawChain, exclude, appName, appIcon } = useActivityParams();
+ const chainConfigs = useChainConfigs();
// Resolve chain to KeyApp internal ID
- const chain = useMemo(() => resolveChainId(rawChain), [rawChain])
+ const chain = useMemo(() => resolveChainId(rawChain), [rawChain]);
// 获取链配置（用于显示名称和图标）
- const chainConfig = useMemo(
- () => chain ? chainConfigs.find(c => c.id === chain) : null,
- [chain, chainConfigs]
- )
- const chainDisplayName = chain ? chainConfigService.getName(chain) : undefined
+ const chainConfig = useMemo(() => (chain ? chainConfigs.find((c) => c.id === chain) : null), [chain, chainConfigs]);
+ const chainDisplayName = chain ? chainConfigService.getName(chain) : undefined;
- const walletState = useStore(walletStore)
- const currentWallet = walletSelectors.getCurrentWallet(walletState)
+ const walletState = useStore(walletStore);
+ const currentWallet = walletSelectors.getCurrentWallet(walletState);
// 转换钱包数据为 WalletListItem 格式，并过滤排除的地址
const walletItems = useMemo((): WalletListItem[] => {
- const excludeLower = exclude?.toLowerCase()
- const items: WalletListItem[] = []
+ const excludeLower = exclude?.toLowerCase();
+ const items: WalletListItem[] = [];
for (const wallet of walletState.wallets) {
- const chainAddress = chain
- ? wallet.chainAddresses.find((ca) => ca.chain === chain)
- : wallet.chainAddresses[0]
+ const chainAddress = chain ? wallet.chainAddresses.find((ca) => ca.chain === chain) : wallet.chainAddresses[0];
- if (!chainAddress) continue
+ if (!chainAddress) continue;
// 过滤排除的地址
if (excludeLower && chainAddress.address.toLowerCase() === excludeLower) {
- continue
+ continue;
}
items.push({
@@ -101,29 +96,27 @@ function WalletPickerJobContent() {
address: chainAddress.address,
themeHue: wallet.themeHue,
chainIconUrl: chainConfig?.icon,
- })
+ });
}
- return items
- }, [walletState.wallets, chain, exclude])
+ return items;
+ }, [walletState.wallets, chain, exclude]);
// 保存钱包到链地址的映射
const walletChainMap = useMemo(() => {
- const map = new Map()
+ const map = new Map();
walletState.wallets.forEach((wallet) => {
- const chainAddress = chain
- ? wallet.chainAddresses.find((ca) => ca.chain === chain)
- : wallet.chainAddresses[0]
+ const chainAddress = chain ? wallet.chainAddresses.find((ca) => ca.chain === chain) : wallet.chainAddresses[0];
if (chainAddress) {
- map.set(wallet.id, { wallet, chainAddress })
+ map.set(wallet.id, { wallet, chainAddress });
}
- })
- return map
- }, [walletState.wallets, chain])
+ });
+ return map;
+ }, [walletState.wallets, chain]);
const handleSelect = (walletId: string) => {
- const data = walletChainMap.get(walletId)
- if (!data) return
+ const data = walletChainMap.get(walletId);
+ if (!data) return;
const event = new CustomEvent('wallet-picker-select', {
detail: {
@@ -132,16 +125,16 @@ function WalletPickerJobContent() {
name: data.wallet.name,
publicKey: data.chainAddress.publicKey,
},
- })
- window.dispatchEvent(event)
- pop()
- }
+ });
+ window.dispatchEvent(event);
+ pop();
+ };
const handleCancel = () => {
- const event = new CustomEvent('wallet-picker-cancel')
- window.dispatchEvent(event)
- pop()
- }
+ const event = new CustomEvent('wallet-picker-cancel');
+ window.dispatchEvent(event);
+ pop();
+ };
return (
@@ -153,8 +146,8 @@ function WalletPickerJobContent() {
{/* Title with App Icon */}
{walletItems.length === 0 ? (
- {chain
- ? t('noWalletsForChain', '暂无支持 {{chain}} 的钱包', { chain })
- : t('noWallets', '暂无钱包')}
+ {chain ? t('noWalletsForChain', { chain }) : t('noWallets')}
) : (
- {t('cancel', '取消')}
+ {t('cancel')}
@@ -192,7 +183,7 @@ function WalletPickerJobContent() {