summaryrefslogtreecommitdiff
path: root/frontend/src/lib/components/ui/collapsible
diff options
context:
space:
mode:
authorSomhairle H. Marisol <[email protected]>2026-09-18 18:36:34 +0800
committerSomhairle H. Marisol <[email protected]>2026-09-18 18:36:34 +0800
commitb2c2f9db4b334427c34b2111a4b6609b7af0339b (patch)
tree10aefefa7f7498fe1061cbd3a0febfac5296e172 /frontend/src/lib/components/ui/collapsible
parentef81ecafcb5a07efd557e15fe686cb434cf45261 (diff)
downloadstrategy-lab-b2c2f9db4b334427c34b2111a4b6609b7af0339b.tar.gz
[实现方案] 结果页默认折叠 Collapsible「技术口径」渲染 result.assumptions 键值对;warnings Alert 仅显示真实警告(无 assumptions 字段不渲染)
Diffstat (limited to 'frontend/src/lib/components/ui/collapsible')
-rw-r--r--frontend/src/lib/components/ui/collapsible/collapsible-content.svelte7
-rw-r--r--frontend/src/lib/components/ui/collapsible/collapsible-trigger.svelte7
-rw-r--r--frontend/src/lib/components/ui/collapsible/collapsible.svelte11
-rw-r--r--frontend/src/lib/components/ui/collapsible/index.ts13
4 files changed, 38 insertions, 0 deletions
diff --git a/frontend/src/lib/components/ui/collapsible/collapsible-content.svelte b/frontend/src/lib/components/ui/collapsible/collapsible-content.svelte
new file mode 100644
index 0000000..bdabb55
--- /dev/null
+++ b/frontend/src/lib/components/ui/collapsible/collapsible-content.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+ import { Collapsible as CollapsiblePrimitive } from "bits-ui";
+
+ let { ref = $bindable(null), ...restProps }: CollapsiblePrimitive.ContentProps = $props();
+</script>
+
+<CollapsiblePrimitive.Content bind:ref data-slot="collapsible-content" {...restProps} />
diff --git a/frontend/src/lib/components/ui/collapsible/collapsible-trigger.svelte b/frontend/src/lib/components/ui/collapsible/collapsible-trigger.svelte
new file mode 100644
index 0000000..ece7ad6
--- /dev/null
+++ b/frontend/src/lib/components/ui/collapsible/collapsible-trigger.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+ import { Collapsible as CollapsiblePrimitive } from "bits-ui";
+
+ let { ref = $bindable(null), ...restProps }: CollapsiblePrimitive.TriggerProps = $props();
+</script>
+
+<CollapsiblePrimitive.Trigger bind:ref data-slot="collapsible-trigger" {...restProps} />
diff --git a/frontend/src/lib/components/ui/collapsible/collapsible.svelte b/frontend/src/lib/components/ui/collapsible/collapsible.svelte
new file mode 100644
index 0000000..39cdd4e
--- /dev/null
+++ b/frontend/src/lib/components/ui/collapsible/collapsible.svelte
@@ -0,0 +1,11 @@
+<script lang="ts">
+ import { Collapsible as CollapsiblePrimitive } from "bits-ui";
+
+ let {
+ ref = $bindable(null),
+ open = $bindable(false),
+ ...restProps
+ }: CollapsiblePrimitive.RootProps = $props();
+</script>
+
+<CollapsiblePrimitive.Root bind:ref bind:open data-slot="collapsible" {...restProps} />
diff --git a/frontend/src/lib/components/ui/collapsible/index.ts b/frontend/src/lib/components/ui/collapsible/index.ts
new file mode 100644
index 0000000..c0db268
--- /dev/null
+++ b/frontend/src/lib/components/ui/collapsible/index.ts
@@ -0,0 +1,13 @@
+import Content from "./collapsible-content.svelte";
+import Trigger from "./collapsible-trigger.svelte";
+import Root from "./collapsible.svelte";
+
+export {
+ Root,
+ Content,
+ Trigger,
+ //
+ Root as Collapsible,
+ Content as CollapsibleContent,
+ Trigger as CollapsibleTrigger,
+};