iter(g294): 数据表格支持列显隐面板

packages/skin/ui/ui.css

@@ -255,6 +255,32 @@ body.ua-col-resizing {
   font-size: var(--ua-font-size-sm);
   color: var(--ua-color-accent);
 }
+/* —— 列显隐面板：勾选项纵向排列，禁用项降透明度，视觉上与下拉菜单同族 —— */
+.ua-col-list {
+  display: flex;
+  flex-direction: column;
+  gap: var(--ua-space-1);
+  min-width: 132px;
+}
+.ua-col-item {
+  display: flex;
+  gap: var(--ua-space-1);
+  align-items: center;
+  padding: var(--ua-space-05) var(--ua-space-1);
+  border-radius: var(--ua-radius-sm);
+  font-size: var(--ua-font-size-sm);
+  cursor: pointer;
+}
+.ua-col-item:hover {
+  background: var(--ua-color-bg);
+}
+.ua-col-item .ua-checkbox:disabled {
+  cursor: not-allowed;
+}
+.ua-col-item:has(.ua-checkbox:disabled) {
+  color: var(--ua-color-text-muted);
+  cursor: not-allowed;
+}
 .ua-pager {
   display: flex;
   flex-wrap: wrap;                          /* 窄屏（页码 + 四个控件）自动换行，宁可两行也不横向溢出 */