xwl2023/Yi.Framework
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 对话列表折叠状态修复

Browse Source
This commit is contained in:
Gsh
2026-01-11 14:07:05 +08:00
parent a2da4c36fe
commit 611c5ce59a
1 changed files with 17 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
Yi.Ai.Vue3/src/layouts/components/Header/components/Collapse.vue
View File

@@ -1,7 +1,6 @@
<!-- 侧边栏折叠按钮 --> <!-- 侧边栏折叠按钮 -->
<script setup lang="ts"> <script setup lang="ts">
import SvgIcon from '@/components/SvgIcon/index.vue'; import SvgIcon from '@/components/SvgIcon/index.vue';
import { SIDE_BAR_WIDTH } from '@/config/index';
import { useCollapseToggle } from '@/hooks/useCollapseToggle'; import { useCollapseToggle } from '@/hooks/useCollapseToggle';
import { useDesignStore } from '@/stores'; import { useDesignStore } from '@/stores';
@@ -9,27 +8,30 @@ const { changeCollapse } = useCollapseToggle();
const designStore = useDesignStore(); const designStore = useDesignStore();
function handleChangeCollapse() { function handleChangeCollapse() {
changeCollapse(); // changeCollapse();
// designStore.isCollapseConversationList = !designStore.isCollapseConversationList;
designStore.setIsCollapseConversationList(!designStore.isCollapseConversationList);
// 每次切换折叠状态，重置安全区状态 // 每次切换折叠状态，重置安全区状态
designStore.isSafeAreaHover = false; // designStore.isSafeAreaHover = false;
// 重置首次激活悬停状态 // 重置首次激活悬停状态
designStore.hasActivatedHover = false; // designStore.hasActivatedHover = false;
if (!designStore.isCollapse) { // if (!designStore.isCollapse) {
document.documentElement.style.setProperty( // document.documentElement.style.setProperty(
`--sidebar-left-container-default-width`, // `--sidebar-left-container-default-width`,
`${SIDE_BAR_WIDTH}px`, // `${SIDE_BAR_WIDTH}px`,
); // );
} // }
else { // else {
document.documentElement.style.setProperty(`--sidebar-left-container-default-width`, ``); // document.documentElement.style.setProperty(`--sidebar-left-container-default-width`, ``);
} // }
} }
</script> </script>
<template> <template>
<div class="collapse-container btn-icon-btn" @click="handleChangeCollapse"> <div class="collapse-container btn-icon-btn" @click="handleChangeCollapse">
<SvgIcon v-if="!designStore.isCollapse" name="ms-left-panel-close-outline" size="24" /> <SvgIcon v-if="!designStore.isCollapseConversationList" name="ms-left-panel-close-outline" size="24" />
<SvgIcon v-if="designStore.isCollapse" name="ms-left-panel-open-outline" size="24" /> <SvgIcon v-if="designStore.isCollapseConversationList" name="ms-left-panel-open-outline" size="24" />
</div> </div>
</template> </template>