feat: ✨ 完美复刻豆包收起展开动画

src/hooks/useCollapseToggle.ts

@@ -14,7 +14,7 @@ export function useCollapseToggle(threshold: number = COLLAPSE_THRESHOLD) {
   /** 核心折叠切换方法 */
   const changeCollapse = () => {
     // 切换最终折叠状态
-    designStore.setCollapseFinal(!designStore.isCollapse);
+    designStore.setCollapse(!designStore.isCollapse);
 
     if (isAboveThreshold.value) {
       // 宽屏逻辑

src/hooks/useWindowWidthObserver.ts

@@ -25,13 +25,13 @@ export function useWindowWidthObserver(
     // 判断当前的折叠状态
     switch (designStore.collapseType) {
       case 'alwaysCollapsed':
-        designStore.setCollapseFinal(true);
+        designStore.setCollapse(true);
         break;
       case 'followSystem':
-        designStore.setCollapseFinal(!isAbove);
+        designStore.setCollapse(!isAbove);
         break;
       case 'alwaysExpanded':
-        designStore.setCollapseFinal(false);
+        designStore.setCollapse(false);
         if (isAbove) {
           // 大于的时候执行关闭动画
           console.log('执行关闭动画');
@@ -42,7 +42,7 @@ export function useWindowWidthObserver(
         }
         break;
       case 'narrowExpandWideCollapse':
-        designStore.setCollapseFinal(isAbove);
+        designStore.setCollapse(isAbove);
     }
     console.log('最终的折叠状态：', designStore.isCollapse);