fix(hooks): [use-lockscreen] removing class name at wrong time

[JauSingSing]

fix(hooks): [use-lockscreen] removing class name at wrong time

• 修复 use-lockscreen 在错误的时机移除 body 的 class name
• 问题复现链接
• 增加了测试用例

[pull-request-triage]

👋 @JauSingSing, seems like this is your first time contribution to element-plus.

• Please make sure that you have read our guidelines and code of conduct before making a contribution.
• You can comment with /label Components:[component_name] to add a label for which component you are working on.
• You may join our for staying tuned.

[github-actions]

[github-actions]

Hello @JauSingSing, thank you for contributing to element-plus, please see our guideline to see how to make contribution

[github-actions]

🧪 Playground Preview: https://element-plus.run/?pr=16389
Please comment the example via this playground if needed.

[JauSingSing]

@btea Hi, I messed up the commit before :( , it looks more normal now. Please review it in your free time, thx.

[btea]

Thanks!

[colinchen-lb]

这个代码还是有点问题,当第一个弹框关闭的同时第二个弹框出现，第一个弹框 withoutHiddenClass 是 true，会 remove 掉 class，这是错的，请看下面用例 @btea @JauSingSing

   it('should not remove class name when another trigger sync true', async () => {
      await sleep(250)
      const trigger = mount({
        setup: () => () => <Comp />,
      })

      await nextTick()
      expect(hasClass(document.body, kls)).toBe(true)
      
      trigger.unmount()
      // Trigger is close and anotherTrigger is open

      const anotherTrigger = mount({
        setup: () => () => <Comp />,
      })
      await nextTick()
      await sleep(250)
      expect(hasClass(document.body, kls)).toBe(true)
    })

[colinchen-lb]

@JauSingSing @btea
我建议，直接隐藏样式类名上加一个随机数

然后新增一个判断函数

export const hasClassPrefix = (el: Element, cls: string): boolean => {
  if (!el || !cls) return false
  if (cls.includes(' ')) throw new Error('className should not contain space.')
  for (const className of el.classList) {
    if (className.startsWith(cls)) {
      return true
    }
  }
  return false
}