iter(g93): 树形组件支持按标签搜索

2026-10-26 13:12:28 +08:00
parent 1b106168a7
commit 90bba1c0b6
8 changed files with 83 additions and 9 deletions
@@ -2375,6 +2375,24 @@ button.ua-step-dot:hover {
 .ua-tree-children[hidden] {
  display: none;
 }
+.ua-tree-box {
+  display: flex;
+  flex-direction: column;
+  gap: var(--ua-space-2);
+}
+.ua-tree-search {
+  padding: 5px 10px;
+  border: 1px solid var(--ua-color-border);
+  border-radius: var(--ua-radius-md);
+  background: var(--ua-color-bg);
+  color: var(--ua-color-text);
+  font-size: var(--ua-font-size-sm);
+}
+.ua-tree-search:focus-visible {
+  outline: none;
+  border-color: var(--ua-color-accent);
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ua-color-accent) 18%, transparent);
+}
@media (prefers-reduced-motion: reduce) {
  .ua-tree-row,
  .ua-tree-caret {