Aurora Admin v1.2.0: 79 components x 5 ends, doc site, contracts batch 1, playground, regression, deploy ready

2026-09-10 19:21:56 +08:00
commit 51ce3a28f7
654 changed files with 49082 additions and 0 deletions
@@ -0,0 +1,39 @@
+import React from 'react';
+import './DensitySwitcher.css';
+
+const OPTIONS = [
+  { value: 'loose', label: '宽松' },
+  { value: 'default', label: '默认' },
+  { value: 'compact', label: '紧凑' }
+];
+const ROWS = [
+  { name: '用户管理', count: '128 项' },
+  { name: '角色管理', count: '12 项' },
+  { name: '菜单管理', count: '36 项' }
+];
+
+export default function DensitySwitcher({ value = 'default', onChange }) {
+  return (
+    <div>
+      <div className="aa-densw">
+        {OPTIONS.map((o) => (
+          <button
+            key={o.value}
+            className={'aa-densw-opt' + (value === o.value ? ' is-active' : '')}
+            onClick={() => onChange && onChange(o.value)}
+          >
+            {o.label}
+          </button>
+        ))}
+      </div>
+      <div className={'aa-densw-demo ' + value}>
+        {ROWS.map((r, i) => (
+          <div key={i} className="aa-densw-row">
+            <span>{r.name}</span>
+            <span className="muted">{r.count}</span>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+}