feat: 添加最大仓位限制配置功能

后端变更： - 添加最大仓位金额(maxPositionValue)和最大仓位数量(maxPositionCount)配置字段 - 实现按市场检查仓位限制的过滤逻辑 - 添加数据库迁移脚本 V11__add_max_position_config.sql 前端变更： - 重构账户导入和Leader添加为可复用组件(AccountImportForm, LeaderAddForm) - 在CopyTradingAdd页面集成账户导入和Leader添加Modal - 在CopyTradingAdd/CopyTradingEdit页面添加最大仓位限制配置项 - 补充所有多语言文件中的缺失键，确保zh-CN/zh-TW/en三种语言文件一致功能说明： - 支持设置单个市场的最大仓位金额限制（USDC） - 支持设置单个市场的最大仓位数量限制 - 两个限制可以同时启用，下单前会检查当前市场仓位是否超过限制
2025-12-23 00:56:04 +08:00
parent 20acc72ed6
commit c20e0138df
18 changed files with 1077 additions and 429 deletions
@@ -1,150 +1,20 @@
-import { useState } from 'react'
 import { useNavigate } from 'react-router-dom'
-import { Card, Form, Input, Button, message, Typography, Radio, Space, Alert } from 'antd'
+import { Card, Form, Button, Typography } from 'antd'
 import { ArrowLeftOutlined } from '@ant-design/icons'
 import { useTranslation } from 'react-i18next'
-import { useAccountStore } from '../store/accountStore'
-import { 
-  getAddressFromPrivateKey, 
-  getAddressFromMnemonic,
-  getPrivateKeyFromMnemonic,
-  isValidWalletAddress, 
-  isValidPrivateKey,
-  isValidMnemonic
-} from '../utils'
-import { useMediaQuery } from 'react-responsive'
+import { message } from 'antd'
+import AccountImportForm from '../components/AccountImportForm'

 const { Title } = Typography

-type ImportType = 'privateKey' | 'mnemonic'
-
 const AccountImport: React.FC = () => {
  const { t } = useTranslation()
  const navigate = useNavigate()
-  const isMobile = useMediaQuery({ maxWidth: 768 })
-  const { importAccount, loading } = useAccountStore()
  const [form] = Form.useForm()
-  const [importType, setImportType] = useState<ImportType>('privateKey')
-  const [derivedAddress, setDerivedAddress] = useState<string>('')
-  const [addressError, setAddressError] = useState<string>('')
  
-  // 当私钥输入时，自动推导地址
-  const handlePrivateKeyChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
-    const privateKey = e.target.value.trim()
-    if (!privateKey) {
-      setDerivedAddress('')
-      setAddressError('')
-      return
-    }
-    
-    // 验证私钥格式
-    if (!isValidPrivateKey(privateKey)) {
-      setAddressError(t('accountImport.privateKeyInvalid'))
-      setDerivedAddress('')
-      return
-    }
-    
-    try {
-      const address = getAddressFromPrivateKey(privateKey)
-      setDerivedAddress(address)
-      setAddressError('')
-      
-      // 自动填充钱包地址字段
-      form.setFieldsValue({ walletAddress: address })
-    } catch (error: any) {
-      setAddressError(error.message || t('accountImport.addressError'))
-      setDerivedAddress('')
-    }
-  }
-  
-  // 当助记词输入时，自动推导地址
-  const handleMnemonicChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
-    const mnemonic = e.target.value.trim()
-    if (!mnemonic) {
-      setDerivedAddress('')
-      setAddressError('')
-      return
-    }
-    
-    // 验证助记词格式
-    if (!isValidMnemonic(mnemonic)) {
-      setAddressError(t('accountImport.mnemonicInvalid'))
-      setDerivedAddress('')
-      return
-    }
-    
-    try {
-      const address = getAddressFromMnemonic(mnemonic, 0)
-      setDerivedAddress(address)
-      setAddressError('')
-      
-      // 自动填充钱包地址字段
-      form.setFieldsValue({ walletAddress: address })
-    } catch (error: any) {
-      setAddressError(error.message || t('accountImport.addressErrorMnemonic'))
-      setDerivedAddress('')
-    }
-  }
-  
-  const handleSubmit = async (values: any) => {
-    try {
-      let privateKey: string
-      let walletAddress: string
-      
-      if (importType === 'privateKey') {
-        // 私钥模式
-        privateKey = values.privateKey
-        walletAddress = values.walletAddress
-        
-        // 验证推导的地址和输入的地址是否一致
-        if (derivedAddress && walletAddress !== derivedAddress) {
-          message.error(t('accountImport.walletAddressMismatch'))
-          return
-        }
-      } else {
-        // 助记词模式
-        if (!values.mnemonic) {
-          message.error(t('accountImport.mnemonicRequired'))
-          return
-        }
-        
-        // 从助记词导出私钥和地址
-        privateKey = getPrivateKeyFromMnemonic(values.mnemonic, 0)
-        const derivedAddressFromMnemonic = getAddressFromMnemonic(values.mnemonic, 0)
-        
-        // 如果用户手动输入了地址，验证是否与推导的地址一致
-        if (values.walletAddress) {
-          if (values.walletAddress !== derivedAddressFromMnemonic) {
-            // 地址不匹配，使用推导的地址（因为私钥是从助记词导出的，必须使用对应的地址）
-            message.warning(`${t('accountImport.walletAddressMismatchMnemonic')}: ${derivedAddressFromMnemonic}`)
-            walletAddress = derivedAddressFromMnemonic
-          } else {
-            // 地址匹配，使用用户输入的地址
-            walletAddress = values.walletAddress
-          }
-        } else {
-          // 如果用户没有输入地址，使用推导的地址
-          walletAddress = derivedAddressFromMnemonic
-        }
-      }
-      
-      // 验证钱包地址格式
-      if (!isValidWalletAddress(walletAddress)) {
-        message.error(t('accountImport.walletAddressInvalid'))
-        return
-      }
-      
-      await importAccount({
-        privateKey: privateKey,
-        walletAddress: walletAddress,
-        accountName: values.accountName
-      })
-      
-      message.success(t('accountImport.importSuccess'))
-      navigate('/accounts')
-    } catch (error: any) {
-      message.error(error.message || t('accountImport.importFailed'))
-    }
+  const handleSuccess = async (accountId?: number) => {
+    message.success(t('accountImport.importSuccess'))
+    navigate('/accounts')
  }
  
  return (
@@ -161,165 +31,13 @@ const AccountImport: React.FC = () => {
      </div>
      
      <Card>
-        <Alert
-          message={t('accountImport.securityTip')}
-          description={t('accountImport.securityTipDesc')}
-          type="warning"
-          showIcon
-          style={{ marginBottom: '24px' }}
-        />
-        
-        <Form
+        <AccountImportForm
          form={form}
-          layout="vertical"
-          onFinish={handleSubmit}
-          size={isMobile ? 'middle' : 'large'}
-        >
-          <Form.Item label={t('accountImport.importMethod')}>
-            <Radio.Group 
-              value={importType} 
-              onChange={(e) => {
-                setImportType(e.target.value)
-                setDerivedAddress('')
-                setAddressError('')
-                form.setFieldsValue({ walletAddress: '' })
-              }}
-            >
-              <Radio value="privateKey">{t('accountImport.privateKey')}</Radio>
-              <Radio value="mnemonic">{t('accountImport.mnemonic')}</Radio>
-            </Radio.Group>
-          </Form.Item>
-          
-          {importType === 'privateKey' ? (
-            <>
-              <Form.Item
-                label={t('accountImport.privateKeyLabel')}
-                name="privateKey"
-                rules={[
-                  { required: true, message: t('accountImport.privateKeyRequired') },
-                  {
-                    validator: (_, value) => {
-                      if (!value) return Promise.resolve()
-                      if (!isValidPrivateKey(value)) {
-                        return Promise.reject(new Error(t('accountImport.privateKeyInvalid')))
-                      }
-                      return Promise.resolve()
-                    }
-                  }
-                ]}
-                help={addressError || (derivedAddress ? `${t('accountImport.derivedAddress')}: ${derivedAddress}` : '')}
-                validateStatus={addressError ? 'error' : derivedAddress ? 'success' : ''}
-              >
-                <Input.TextArea
-                  rows={3}
-                  placeholder={t('accountImport.privateKeyPlaceholder')}
-                  onChange={handlePrivateKeyChange}
-                />
-              </Form.Item>
-              
-              <Form.Item
-                label={t('accountImport.walletAddress')}
-                name="walletAddress"
-                rules={[
-                  { required: true, message: t('accountImport.walletAddressRequired') },
-                  {
-                    validator: (_, value) => {
-                      if (!value) return Promise.resolve()
-                      if (!isValidWalletAddress(value)) {
-                        return Promise.reject(new Error(t('accountImport.walletAddressInvalid')))
-                      }
-                      if (derivedAddress && value !== derivedAddress) {
-                        return Promise.reject(new Error(t('accountImport.walletAddressMismatch')))
-                      }
-                      return Promise.resolve()
-                    }
-                  }
-                ]}
-              >
-                <Input
-                  placeholder={t('accountImport.walletAddressPlaceholder')}
-                  readOnly={!!derivedAddress}
-                />
-              </Form.Item>
-            </>
-          ) : (
-            <>
-              <Form.Item
-                label={t('accountImport.mnemonicLabel')}
-                name="mnemonic"
-                rules={[
-                  { required: true, message: t('accountImport.mnemonicRequired') },
-                  {
-                    validator: (_, value) => {
-                      if (!value) return Promise.resolve()
-                      if (!isValidMnemonic(value)) {
-                        return Promise.reject(new Error(t('accountImport.mnemonicInvalid')))
-                      }
-                      return Promise.resolve()
-                    }
-                  }
-                ]}
-                help={addressError || (derivedAddress ? `${t('accountImport.derivedAddress')}: ${derivedAddress}` : '')}
-                validateStatus={addressError ? 'error' : derivedAddress ? 'success' : ''}
-              >
-                <Input.TextArea
-                  rows={4}
-                  placeholder={t('accountImport.mnemonicPlaceholder')}
-                  onChange={handleMnemonicChange}
-                />
-              </Form.Item>
-              
-              <Form.Item
-                label={t('accountImport.walletAddress')}
-                name="walletAddress"
-                rules={[
-                  { required: true, message: t('accountImport.walletAddressRequired') },
-                  {
-                    validator: (_, value) => {
-                      if (!value) return Promise.resolve()
-                      if (!isValidWalletAddress(value)) {
-                        return Promise.reject(new Error(t('accountImport.walletAddressInvalid')))
-                      }
-                      if (derivedAddress && value !== derivedAddress) {
-                        return Promise.reject(new Error(t('accountImport.walletAddressMismatchMnemonic')))
-                      }
-                      return Promise.resolve()
-                    }
-                  }
-                ]}
-              >
-                <Input
-                  placeholder={t('accountImport.walletAddressPlaceholder')}
-                  readOnly={!!derivedAddress}
-                />
-              </Form.Item>
-            </>
-          )}
-          
-          <Form.Item
-            label={t('accountImport.accountName')}
-            name="accountName"
-          >
-            <Input placeholder={t('accountImport.accountNamePlaceholder')} />
-          </Form.Item>
-          
-          
-          <Form.Item>
-            <Space>
-              <Button
-                type="primary"
-                htmlType="submit"
-                loading={loading}
-                size={isMobile ? 'middle' : 'large'}
-              >
-                {t('accountImport.importAccount')}
-              </Button>
-              <Button onClick={() => navigate('/accounts')}>
-                {t('common.cancel')}
-              </Button>
-            </Space>
-          </Form.Item>
-        </Form>
+          onSuccess={handleSuccess}
+          onCancel={() => navigate('/accounts')}
+          showAlert={true}
+          showCancelButton={true}
+        />
      </Card>
    </div>
  )