mirror of
https://gitee.com/ccnetcore/Yi
synced 2026-04-07 17:56:36 +08:00
fix: 前端页面架构重构初版
This commit is contained in:
@@ -10,9 +10,9 @@ const {
|
||||
pageAnimateType: rePageAnimateType,
|
||||
layout: reLayout,
|
||||
collapseType: reCollapseType,
|
||||
isCollapse: reisCollapse,
|
||||
isSafeAreaHover: reisSafeAreaHover,
|
||||
hasActivatedHover: rehasActivatedHover,
|
||||
isCollapse: reIsCollapse,
|
||||
isCollapseConversationList: reIsCollapseConversationList,
|
||||
|
||||
} = designSetting;
|
||||
|
||||
export const useDesignStore = defineStore(
|
||||
@@ -44,41 +44,22 @@ export const useDesignStore = defineStore(
|
||||
};
|
||||
|
||||
// 最终是否展开左侧菜单
|
||||
const isCollapse = ref<boolean>(reisCollapse);
|
||||
|
||||
const isCollapse = ref<boolean>(reIsCollapse);
|
||||
const setCollapse = (collapseFinal: boolean) => {
|
||||
console.log('c---', collapseFinal);
|
||||
isCollapse.value = collapseFinal;
|
||||
};
|
||||
|
||||
// 折叠按钮是否被悬停
|
||||
const isSafeAreaHover = ref<boolean>(reisSafeAreaHover);
|
||||
|
||||
const setSafeAreaHover = (hover: boolean) => {
|
||||
isSafeAreaHover.value = hover;
|
||||
const toggleCollapse = () => {
|
||||
isCollapse.value = !isCollapse.value;
|
||||
};
|
||||
// 新- 对话列表折叠
|
||||
const isCollapseConversationList = ref<boolean>(reIsCollapseConversationList);
|
||||
const setIsCollapseConversationList = (collapseFinal: boolean) => {
|
||||
isCollapseConversationList.value = collapseFinal;
|
||||
};
|
||||
const toggleCollapseConversationList = () => {
|
||||
isCollapseConversationList.value = !isCollapseConversationList.value;
|
||||
};
|
||||
|
||||
// 跟踪是否首次激活悬停
|
||||
const hasActivatedHover = ref<boolean>(rehasActivatedHover);
|
||||
|
||||
// 两个监听不要合并
|
||||
watch(
|
||||
() => isCollapse.value,
|
||||
(newValue) => {
|
||||
if (newValue) {
|
||||
hasActivatedHover.value = false;
|
||||
}
|
||||
},
|
||||
{ deep: true },
|
||||
);
|
||||
|
||||
watch(
|
||||
() => isSafeAreaHover.value,
|
||||
() => {
|
||||
hasActivatedHover.value = true;
|
||||
},
|
||||
{ deep: true },
|
||||
);
|
||||
|
||||
return {
|
||||
darkMode,
|
||||
setDarkMode,
|
||||
@@ -92,10 +73,11 @@ export const useDesignStore = defineStore(
|
||||
setCollapseType,
|
||||
isCollapse,
|
||||
setCollapse,
|
||||
isSafeAreaHover,
|
||||
setSafeAreaHover,
|
||||
hasActivatedHover,
|
||||
_setLayout,
|
||||
toggleCollapse,
|
||||
isCollapseConversationList,
|
||||
setIsCollapseConversationList,
|
||||
toggleCollapseConversationList,
|
||||
};
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user