vue-hooks-plus/lib/useSize/index.js

Vue hooks library

"use strict";
const vue = require("vue");
const useWinResize = require("../useWinResize");
const domTarget = require("../utils/domTarget");
const _interopDefaultLegacy = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
const useWinResize__default = /* @__PURE__ */ _interopDefaultLegacy(useWinResize);
function useSize(target) {
  const size = vue.reactive({
    width: 0,
    height: 0
  });
  const getSizeInfo = () => {
    var _a, _b;
    const targetDom = domTarget.getTargetElement(target);
    size.width = (_a = targetDom == null ? void 0 : targetDom.clientWidth) != null ? _a : 0;
    size.height = (_b = targetDom == null ? void 0 : targetDom.clientHeight) != null ? _b : 0;
  };
  useWinResize__default.default(getSizeInfo);
  vue.onMounted(() => {
    setTimeout(() => {
      getSizeInfo();
    }, 120);
  });
  return { ...vue.toRefs(size) };
}
module.exports = useSize;