comic-plus/es/hooks/popup.mjs

<p align="center"> <img width="200px" src="./logo.png"/> </p>

import { ref, watch } from "vue";
import { isFunction } from "../utils/typescript.mjs";
function usePopup(props, emit) {
  const visible = ref(props.modelValue);
  const showMode = ref(props.modelValue);
  const onAfterEnter = () => {
    visible.value = true;
  };
  const modeHandleClick = () => {
    if (!props.modeClose) return;
    if (visible.value) {
      close();
    }
  };
  const close = () => {
    if (isFunction(props.beforeClose)) {
      props.beforeClose(done);
    } else {
      done();
    }
  };
  const done = () => {
    visible.value = false;
  };
  const onAfterLeave = () => {
    showMode.value = false;
    emit == null ? void 0 : emit("update:modelValue", false);
  };
  watch(
    () => props.modelValue,
    (val) => {
      if (val) {
        showMode.value = true;
      } else {
        visible.value = false;
      }
    }
  );
  return {
    visible,
    showMode,
    onAfterEnter,
    modeHandleClick,
    onAfterLeave,
    close
  };
}
export {
  usePopup
};