@opensig/opendesign/es/hooks/use-element-resize.mjs

<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>

import { useResizeObserver } from "./use-resize-observer.mjs";
import { isFunction } from "../_utils/is.mjs";
let ro = null;
function useReiszeObserverDirective(onResize) {
  return {
    vResizeObserver: {
      beforeMount() {
        ro = useResizeObserver();
      },
      mounted(el) {
        if (isFunction(onResize)) {
          ro == null ? void 0 : ro.observe(el, onResize);
        }
      },
      unmounted(el) {
        if (onResize) {
          ro == null ? void 0 : ro.unobserve(el, onResize);
        }
      }
    }
  };
}
export {
  useReiszeObserverDirective
};