perf: 使用 App.messge 替换 messageApi

src/views/accounts/GeneratePayment.jsx

@@ -9,8 +9,7 @@ import useStyleStore from '@/stores/StyleStore';
 
 function GeneratePayment() {
 
-  const { notification } = App.useApp()
-  const [messageApi, contextHolder] = message.useMessage()
+  const { message, notification } = App.useApp()
   const [mobile, setMobile] = useStyleStore((state) => [state.mobile, state.setMobile]);
 
   const [generateForm] = Form.useForm()
@@ -187,7 +186,7 @@ function GeneratePayment() {
               </Tooltip>
               <span>支付按钮</span>
             </Flex>
-            <HtmlPreview value={generatedObject.payhtml} loading={isHtmlLoading} onCopied={() => messageApi.success('已复制')} />
+            <HtmlPreview value={generatedObject.payhtml} loading={isHtmlLoading} onCopied={() => message.success('已复制😀')} />
             <Flex gap='small'>
               <Tooltip placement='topLeft' title='发送 WhatsApp 使用'>
                 <InfoCircleOutlined />
@@ -197,7 +196,7 @@ function GeneratePayment() {
               size='small'
               onClick={() => {
                 navigator.clipboard.writeText(generatedObject.paylink)
-                messageApi.success('复制成功😀')
+                message.success('已复制😀')
               }}>
               复制链接
             </Button>
@@ -205,7 +204,6 @@ function GeneratePayment() {
             <Typography.Text>{generatedObject.paylink}</Typography.Text>
           </Flex>
         </div>
-        {contextHolder}
       </Flex>
     </>
   )