@slan-health/taro-vueuse/dist/useVisible/index.js

taro vue版本hooks

import { ref, onMounted, onUnmounted } from "vue";
import { getEnv, ENV_TYPE, useDidShow, useDidHide } from "@tarojs/taro";
function useVisible() {
  const visible = ref(true);
  const env = getEnv();
  const listenVisible = () => {
    const visibleState = document.visibilityState;
    visible.value = visibleState === "visible";
  };
  if (env == ENV_TYPE.WEB) {
    onMounted(() => {
      document.addEventListener("visibilitychange", listenVisible);
    });
    onUnmounted(() => {
      document.removeEventListener("visibilitychange", listenVisible);
    });
  } else {
    useDidShow(() => {
      visible.value = true;
    });
    useDidHide(() => {
      visible.value = false;
    });
  }
  return visible;
}
export {
  useVisible as default
};
//# sourceMappingURL=index.js.map