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

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

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useFullScreen = useFullScreen;

var _vue = require("vue");

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

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

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