@opensig/opendesign/lib/hooks/use-element-resize.js

<p align="center"><img src="../docs/public/opendesign-logo-light.png"/></p> <h1 align="center">opendesign</h1> <p align="center">一个 Vue 3 组件库</p> <p align="center"><b>皮肤可定制，使用 TypeScript</b></p>

"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const useResizeObserver = require("./use-resize-observer.js");
const is = require("../_utils/is.js");
let ro = null;
function useReiszeObserverDirective(onResize) {
  return {
    vResizeObserver: {
      beforeMount() {
        ro = useResizeObserver.useResizeObserver();
      },
      mounted(el) {
        if (is.isFunction(onResize)) {
          ro == null ? void 0 : ro.observe(el, onResize);
        }
      },
      unmounted(el) {
        if (onResize) {
          ro == null ? void 0 : ro.unobserve(el, onResize);
        }
      }
    }
  };
}
exports.useReiszeObserverDirective = useReiszeObserverDirective;