iter(g166): 下拉选项支持分组标题

packages/skin/ui/ui.css

@@ -407,6 +407,20 @@ body.ua-col-resizing {
   color: var(--ua-color-text-muted);
   text-align: center;
 }
+.ua-option-group {
+  padding: 6px 10px 2px;
+  color: var(--ua-color-text-muted);
+  font-size: var(--ua-font-size-sm);
+  font-weight: 600;
+  letter-spacing: 0.02em;
+  cursor: default;
+  user-select: none;
+}
+.ua-option-group:not(:first-child) {
+  margin-top: 4px;
+  border-top: 1px solid var(--ua-color-border);
+  padding-top: 8px;
+}
 .ua-option {
   display: block;
   width: 100%;
@@ -3767,6 +3781,14 @@ button.ua-step-dot:hover {
   overflow: auto;
   list-style: none;
 }
+.ua-multiselect-group {
+  padding: 6px var(--ua-space-1) 2px;
+  color: var(--ua-color-text-muted);
+  font-size: var(--ua-font-size-sm);
+  font-weight: 600;
+  cursor: default;
+  user-select: none;
+}
 .ua-multiselect-opt {
   display: flex;
   align-items: center;