@fe6/water-pro/es/modal-pro/src/hooks/use-modal-full-screen.js

An enterprise-class UI design language and Vue-based implementation

/** @format */
import { computed, ref, unref } from 'vue';
export function useFullScreen(context) {
  // const formerHeightRef = ref(0);
  var fullScreenRef = ref(false);
  var getWrapClassName = computed(function () {
    var clsName = unref(context.wrapClassName) || '';
    return unref(fullScreenRef) ? "".concat(context.prefixClsNew, "-fullscreen").concat(clsName ? " ".concat(clsName) : '') : unref(clsName);
  });

  function handleFullScreen(e) {
    e && e.stopPropagation();
    fullScreenRef.value = !unref(fullScreenRef);
  }

  return {
    getWrapClassName: getWrapClassName,
    handleFullScreen: handleFullScreen,
    fullScreenRef: fullScreenRef
  };
}