iter(g244): 新增 inputTag 标签输入组件，回车成标签并支持满额禁输

2026-10-26 21:57:52 +08:00
parent cd8a8e9b12
commit ea5149338a
12 changed files with 288 additions and 10 deletions
@@ -5259,3 +5259,27 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); }
    animation: none; /* 降动效：转圈静态化为实色环 */
  }
 }
+
+/* ---- 标签输入：外框复用输入组（边框 / 聚焦光环），chip 复用 .ua-tag，这里只排布 ----
+   多标签必须换行：单行 flex 会把 chip 挤成省略号，用户看不出已选几个 */
+.ua-input-tag {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--ua-space-1);
+  padding: var(--ua-space-1) var(--ua-space-2);
+  min-height: var(--ua-control-h-md);
+  cursor: text; /* 点框内任意处都能输入 */
+}
+.ua-input-tag .ua-input {
+  flex: 1 1 auto;
+  min-width: 0;          /* 允许收缩：否则长 chip 会把输入框顶出容器 */
+  padding: var(--ua-space-05) 0; /* 纵向内距交给外框，输入框自带内距会让 chip 与文字错行 */
+  height: auto;
+}
+.ua-input-tag .ua-input:disabled {
+  background: transparent; /* 满额 / 禁用时外框仍显示 chip，内层不叠一层灰底 */
+}
+.ua-input-tag .ua-tag {
+  max-width: 100%;
+  overflow-wrap: anywhere;
+}