chore(web-platform): release V0.6.1 工程质量优化

2026-08-28 15:38:10 +08:00
parent f4b415c54f
commit 60d3a6d68c
135 changed files with 13552 additions and 2882 deletions
@@ -1,11 +1,36 @@
-import {useState,type ReactNode} from 'react';
-import {ChevronRight} from 'lucide-react';
-export function CollapsibleSection({title,children,defaultOpen=true,forceOpen=false,badge}:{title:string;children:ReactNode;defaultOpen?:boolean;forceOpen?:boolean;badge?:ReactNode}){
-  const [open,setOpen]=useState(defaultOpen);const expanded=forceOpen||open;
-  return <section className="border-b border-border">
-    <button type="button" aria-expanded={expanded} onClick={()=>setOpen(value=>!value)} className="flex h-9 w-full items-center gap-2 px-3 text-left text-xs font-semibold text-text-secondary transition-colors hover:bg-element-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-accent/30">
-      <ChevronRight aria-hidden="true" className={`h-3.5 w-3.5 transition-transform ${expanded?'rotate-90':''}`}/><span className="min-w-0 flex-1 truncate">{title}</span>{badge}
-    </button>
-    {expanded&&<div className="px-3 pb-3">{children}</div>}
-  </section>;
+import { useState, type ReactNode } from 'react';
+import { ChevronRight } from 'lucide-react';
+export function CollapsibleSection({
+  title,
+  children,
+  defaultOpen = true,
+  forceOpen = false,
+  badge,
+}: {
+  title: string;
+  children: ReactNode;
+  defaultOpen?: boolean;
+  forceOpen?: boolean;
+  badge?: ReactNode;
+}) {
+  const [open, setOpen] = useState(defaultOpen);
+  const expanded = forceOpen || open;
+  return (
+    <section className="border-b border-border">
+      <button
+        type="button"
+        aria-expanded={expanded}
+        onClick={() => setOpen((value) => !value)}
+        className="flex h-9 w-full items-center gap-2 px-3 text-left text-xs font-semibold text-text-secondary transition-colors hover:bg-element-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-accent/30"
+      >
+        <ChevronRight
+          aria-hidden="true"
+          className={`h-3.5 w-3.5 transition-transform ${expanded ? 'rotate-90' : ''}`}
+        />
+        <span className="min-w-0 flex-1 truncate">{title}</span>
+        {badge}
+      </button>
+      {expanded && <div className="px-3 pb-3">{children}</div>}
+    </section>
+  );
 }