From 592057bf309696a19082a597b78b06658e13cd00 Mon Sep 17 00:00:00 2001
From: devchenyan <sgt39007@163.com>
Date: Tue, 18 Feb 2025 17:57:36 +0800
Subject: [PATCH 1/2] fix: cursor move to last position

---
 .../src/components/DepositDialog/index.tsx        | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/packages/neuron-ui/src/components/DepositDialog/index.tsx b/packages/neuron-ui/src/components/DepositDialog/index.tsx
index 7c08111d68..0219cf0e29 100644
--- a/packages/neuron-ui/src/components/DepositDialog/index.tsx
+++ b/packages/neuron-ui/src/components/DepositDialog/index.tsx
@@ -1,4 +1,4 @@
-import React, { useCallback, useMemo } from 'react'
+import React, { useCallback, useMemo, useState } from 'react'
 import { Slider } from 'office-ui-fabric-react'
 import { Trans, useTranslation } from 'react-i18next'
 import TextField from 'widgets/TextField'
@@ -66,6 +66,7 @@ const DepositDialog = ({
 }: DepositDialogProps) => {
   const [t, { language }] = useTranslation()
   const disabled = !isTxGenerated
+  const [isTyping, setIsTyping] = useState(false)
   const { isBalanceReserved, onIsBalanceReservedChange, setIsBalanceReserved } = useBalanceReserved()
   const { depositValue, onChangeDepositValue, slidePercent, onSliderChange, resetDepositValue } = useDepositValue(
     balance,
@@ -108,6 +109,14 @@ const DepositDialog = ({
 
   const isChinese = language === 'zh' || language.startsWith('zh-')
 
+  const handleBlur = useCallback(() => {
+    setIsTyping(false)
+  }, [setIsTyping])
+
+  const handleFocus = useCallback(() => {
+    setIsTyping(true)
+  }, [setIsTyping])
+
   return (
     <Dialog
       show={show}
@@ -151,8 +160,10 @@ const DepositDialog = ({
             className={styles.depositValue}
             width="100%"
             field="depositValue"
-            value={localNumberFormatter(maxDepositValue ?? depositValue)}
+            value={isTyping ? maxDepositValue ?? depositValue : localNumberFormatter(maxDepositValue ?? depositValue)}
             onChange={onChangeDepositValue}
+            onBlur={handleBlur}
+            onFocus={handleFocus}
             suffix="CKB"
             required
             error={errorMessage}

From 5ae612b7e9b5513cd90e6e8389bd5c06f02cecbc Mon Sep 17 00:00:00 2001
From: devchenyan <sgt39007@163.com>
Date: Tue, 18 Feb 2025 19:16:17 +0800
Subject: [PATCH 2/2] fix: comment

---
 packages/neuron-ui/src/components/DepositDialog/index.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/neuron-ui/src/components/DepositDialog/index.tsx b/packages/neuron-ui/src/components/DepositDialog/index.tsx
index 0219cf0e29..44305ee785 100644
--- a/packages/neuron-ui/src/components/DepositDialog/index.tsx
+++ b/packages/neuron-ui/src/components/DepositDialog/index.tsx
@@ -117,6 +117,8 @@ const DepositDialog = ({
     setIsTyping(true)
   }, [setIsTyping])
 
+  const inputValue = useMemo(() => maxDepositValue ?? depositValue, [maxDepositValue, depositValue])
+
   return (
     <Dialog
       show={show}
@@ -160,7 +162,7 @@ const DepositDialog = ({
             className={styles.depositValue}
             width="100%"
             field="depositValue"
-            value={isTyping ? maxDepositValue ?? depositValue : localNumberFormatter(maxDepositValue ?? depositValue)}
+            value={isTyping ? inputValue : localNumberFormatter(inputValue)}
             onChange={onChangeDepositValue}
             onBlur={handleBlur}
             onFocus={handleFocus}