From ff0ca20e96f97a216fa550b4b43714044e2cc691 Mon Sep 17 00:00:00 2001
From: yuding <1023798085@qq.com>
Date: Wed, 28 Jan 2026 16:03:07 +0800
Subject: [PATCH] =?UTF-8?q?style(collapse):=20=E4=B8=BA=20ghost=20?=
 =?UTF-8?q?=E6=A8=A1=E5=BC=8F=E8=A1=A8=E5=A4=B4=E6=B7=BB=E5=8A=A0=E4=B8=8B?=
 =?UTF-8?q?=E8=BE=B9=E6=A1=86=E5=88=86=E9=9A=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 添加 border-bottom: 1px solid var(--bim-border-subtle)
- 修复 setTheme 中的 CSS 变量命名，使用标准名称
- 折叠的多个面板现在有明显的视觉分隔
---
 src/components/collapse/index.css |  1 +
 src/components/collapse/index.ts  | 12 +++++-------
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/components/collapse/index.css b/src/components/collapse/index.css
index aa9aa8f..a3c5537 100644
--- a/src/components/collapse/index.css
+++ b/src/components/collapse/index.css
@@ -19,6 +19,7 @@
     background-color: var(--bim-component-bg);
     padding-left: 12px;
     padding-right: 0;
+    border-bottom: 1px solid var(--bim-border-subtle);
 }
 
 .bim-collapse.is-ghost .bim-collapse-header:hover {
diff --git a/src/components/collapse/index.ts b/src/components/collapse/index.ts
index 568366d..c515aad 100644
--- a/src/components/collapse/index.ts
+++ b/src/components/collapse/index.ts
@@ -213,13 +213,11 @@ export class BimCollapse implements IBimComponent {
 
     public setTheme(theme: ThemeConfig): void {
         const style = this.element.style;
-        style.setProperty('--bim-bg-color', theme.bgElevated);
-        style.setProperty('--bim-border-color', theme.borderDefault);
-        style.setProperty('--bim-text-color', theme.textPrimary);
-        style.setProperty('--bim-disabled-color', theme.textDisabled);
-        style.setProperty('--bim-content-bg-color', theme.bgElevated);
-        
-        // 添加标准的 component 变量，供 CSS 使用
+        style.setProperty('--bim-bg-elevated', theme.bgElevated);
+        style.setProperty('--bim-border-default', theme.borderDefault);
+        style.setProperty('--bim-border-subtle', theme.borderSubtle);
+        style.setProperty('--bim-text-primary', theme.textPrimary);
+        style.setProperty('--bim-text-disabled', theme.textDisabled);
         style.setProperty('--bim-component-bg', theme.componentBg);
         style.setProperty('--bim-component-bg-hover', theme.componentBgHover);
         style.setProperty('--bim-component-bg-active', theme.componentBgActive);