[Feature Request] PasscodeInput should support `direction` prop for RTL layout

[huangmingfu]

Version of antd-mobile

No response

What is this feature about?

问题描述

PasscodeInput 组件目前不支持 RTL（从右到左）布局，这对阿拉伯语等 RTL 语言的用户体验造成了困扰。

期望的解决方案

希望为 PasscodeInput 组件添加 direction 属性，支持 'ltr' | 'rtl' 两种值，以便更好地支持国际化场景。

当设置 direction="rtl" 时：

• 输入框单元格应从右到左渲染
• 用户输入应从右到左流动
• 光标应从最右侧的单元格开始
• 单元格间距和边距应适当镜像

当前的替代方案

目前只能通过 CSS 变通方案实现，但存在以下问题：

1. 无法正确处理输入焦点顺序
2. 光标行为不理想
3. 需要额外的 CSS 维护
4. 不是语义化的解决方案

使用场景

我们的应用支持英语（LTR）和阿拉伯语（RTL）两种语言，需要根据当前语言动态调整 PasscodeInput 的方向。