fix(amount): Fix the issue of inconsistent currency input and display in the table (#3672)

* fix(amount): 修复表格中币种输入和显示不一致的问题

* fix: 顺带修复pc端e2e测试用例报错

Author: chenxi-20

examples/sites/demos/pc/app/amount/custom-service.spec.js

@@ -10,9 +10,9 @@ test('自定义服务', async ({ page }) => {
     .filter({ hasText: /^币种MZNCNY$/ })
     .getByRole('textbox')
     .click()
-  await page.getByRole('listitem').filter({ hasText: 'MZN' }).click()
-  await page.getByRole('textbox').nth(3).click()
-  await page.getByRole('textbox').nth(3).fill('100')
+  await page.getByRole('listitem', { name: 'MZN' }).locator('div').click()
+  await page.getByRole('tooltip', { name: '币种 MZN 金额 确定 重置' }).getByRole('textbox').nth(1).click()
+  await page.getByRole('tooltip', { name: '币种 MZN 金额 确定 重置' }).getByRole('textbox').nth(1).fill('100')
   await page.getByRole('button', { name: '确定' }).click()
-  expect(await page.locator('.reference-wrapper input').inputValue()).toEqual('$100.00')
+  expect(await demo.locator('.reference-wrapper input').inputValue()).toEqual('$100.00')
 })

packages/vue/src/amount/src/mobile-first.vue

@@ -83,7 +83,7 @@
             <div
               data-tag="tiny-amount-currency-mark"
               :class="
-                'pl-1 text-color-text-primary' +
+                'pl-1 text-color-text-primary break-normal' +
                 ' ' +
                 (disabled ? 'text-color-text-disabled' : '') +
                 ' ' +