@zhsz/cool-design-crud/lib/hooks/browser.js

"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const vue = require("vue");
const core = require("./core.js");
function useBrowser(app) {
  const browser = vue.reactive({
    isMini: false,
    screen: "full"
  });
  if (app) {
    core.useEventListener("resize", () => {
      const w = document.body.clientWidth;
      if (w < 768) {
        browser.screen = "xs";
      } else if (w < 992) {
        browser.screen = "sm";
      } else if (w < 1200) {
        browser.screen = "md";
      } else if (w < 1920) {
        browser.screen = "xl";
      } else {
        browser.screen = "full";
      }
      browser.isMini = browser.screen === "xs";
    });
    app.provide("browser", browser);
  }
  return browser;
}
exports.useBrowser = useBrowser;