iter(g18): textField 可清空按钮

2026-10-26 11:03:58 +08:00
parent cfe299c377
commit 44b86971ec
9 changed files with 58 additions and 11 deletions
@@ -1669,6 +1669,26 @@ button.ua-step-dot:hover {
  font-size: var(--ua-font-size-md);
  user-select: none;
 }
+.ua-input-clear-group {
+  display: inline-flex;      /* 清空按钮 + 原有 suffix 并排 */
+  align-items: center;
+  gap: 4px;
+}
+.ua-input-clear {
+  border: none;              /* 一键清空：小圆钮，弱化视觉 */
+  background: none;
+  padding: 0 2px;
+  color: var(--ua-color-text-muted);
+  font-size: var(--ua-font-size-md);
+  line-height: 1;
+  cursor: pointer;
+}
+.ua-input-clear:hover {
+  color: var(--ua-color-text);
+}
+.ua-input-clear.is-hidden {
+  display: none;             /* 空值时隐藏 */
+}

 /* —— 时间线：纵向轴线 + 语义色节点，mode=right 时轴线居右 —— */
 .ua-tl {