iter(g234): 新增 pinInput 验证码输入组件，N 格数字输入支持进格回删移格与粘贴分发（71 组件）

2026-10-26 21:22:57 +08:00
parent 45e56d06bb
commit 8740ab02a9
12 changed files with 232 additions and 10 deletions
@@ -5183,3 +5183,17 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); }
  padding-left: var(--ua-space-1);
  border-left: 1px solid var(--ua-border-subtle); /* 时分分界：一条 1px 细线，比留白更能说明这是两列 */
 }
+
+/* ---- 验证码输入：N 格单字符数字输入（pinInput） ---- */
+.ua-pin-input {
+  display: inline-flex;
+  gap: var(--ua-space-2);
+}
+.ua-pin-input .ua-input {
+  min-width: 0;
+  width: var(--ua-control-h-lg); /* 方格：宽高同档，正方形观感 */
+  padding: 0;
+  text-align: center;
+  font-variant-numeric: tabular-nums; /* 数字等宽：换位不左右窜 */
+  caret-color: var(--ua-color-accent);
+}