[BUG] 左侧菜单无法打开

[nighon]

移动端页面宽度下，点击左侧菜单按钮，菜单打开后，鼠标放上去，很快菜单就收回去了。

发现 handleResize.ts 里面的 isOutside.value 为 true

MineAdmin/web/src/utils/handleResize.ts

Line 30 in c7598f6

if (settingStore.getMobileSubmenuState() && isOutside.value) {

[boring-cyborg]

Thanks for opening your first issue here! Be sure to follow the issue template! 感谢您在这里反馈第一个问题！请务必遵循问题模板！

[dosubot]

Hey @nighon, I'm here to help you with any bugs, questions, or becoming a contributor. Let's squash those bugs together! 😉

要防止移动端子菜单在打开后快速收回，可以修改 checkMobileSubAside 函数中的 listenerEvent 函数，添加一个延迟或条件来防止菜单立即收回。以下是一个可能的修改：

function checkMobileSubAside(el: Ref<HTMLElement>) {
  const { isOutside } = useMouseInElement(el)
  const settingStore = useSettingStore()
  const listenerEvent = () => {
    if (settingStore.getMobileSubmenuState() && isOutside.value) {
      // 添加延迟或条件以防止立即收回
      setTimeout(() => {
        if (isOutside.value) { // 在延迟后重新检查条件
          settingStore.setMobileSubmenuState(false)
        }
      }, 300) // 延迟时间（毫秒）
    }
  }

  settingStore.getMobileState()
    ? document.addEventListener('mousemove', listenerEvent)
    : document.removeEventListener('mousemove', listenerEvent)
}

此外，可以使用 @vueuse/core 中的 useTimeoutFn 来更有效地管理事件的时机，确保子菜单不会过快收回。以下是如何集成它的示例：

import { useTimeoutFn } from '@vueuse/core'

function checkMobileSubAside(el: Ref<HTMLElement>) {
  const { isOutside } = useMouseInElement(el)
  const settingStore = useSettingStore()
  let timeout: (() => void) | undefined

  const listenerEvent = () => {
    if (settingStore.getMobileSubmenuState() && isOutside.value) {
      timeout?.()
      ;({ stop: timeout } = useTimeoutFn(() => {
        if (isOutside.value) {
          settingStore.setMobileSubmenuState(false)
        }
      }, 300))
    }
  }

  settingStore.getMobileState()
    ? document.addEventListener('mousemove', listenerEvent)
    : document.removeEventListener('mousemove', listenerEvent)
}

这种方法使用 useTimeoutFn 来管理延迟，为处理子菜单的可见性状态提供了更稳健的解决方案。根据具体需求调整延迟时间^[1][2]。

To continue talking to Dosu, mention @dosu.

---

^{Help Dosu learn! Give it feedback: Great Response | Irrelevant Answer | Incorrect Sources | Too Verbose | Hallucination | Other}

[zds-s]

解决了吗?

[kanyxmo]

待复查一下

[nighon]

补充：用了 useTimeoutFn 的办法后，还是不能彻底解决，偶尔会复现。

[kanyxmo]

发现进入过用户中心后会出现这个问题，近期修复

[DUAN2004]

为什么获取不到 const appSettings = settingStore.getSettings('app');，一直登不进去

[kanyxmo]

为什么获取不到 const appSettings = settingStore.getSettings('app');，一直登不进去

这个是必须得有的，前端有一系列默认参数。