3lang3 / react-vant

React mobile UI Components base on Vant
https://react-vant.3lang.dev
MIT License
1.32k stars 189 forks source link

🐛 [Bug]: 关于 toast 禁止点击背景的bug #622

Closed ameegle closed 1 year ago

ameegle commented 1 year ago

Which React Vant packages are impacted?

What version of React Vant are you using?

"react-vant": "^3.1.4",

Reproduce live demo(codesandebox or stackblitz)?

No response

Descripition

开启禁止点击背景

Toast.loading({ message: '匹配中...', duration: 0, position: 'top', forbidClick: true });

源码实现

let lockCount = 0;
export function lockClick(lock) {
  if (lock) {
    if (!lockCount) {
      document.body.classList.add('rv-toast--unclickable');
    }

    lockCount += 1;
  } else if (lockCount) {
    lockCount -= 1;

    if (!lockCount) {
      document.body.classList.remove('rv-toast--unclickable');
    }
  }
}
.rv-toast.rv-toast--unclickable {
  overflow: hidden;
  cursor: not-allowed;
}
.rv-toast.rv-toast--unclickable * {
  pointer-events: none;
}
3lang3 commented 1 year ago

方便pr吗 好兄弟