import { Directive } from "vue";

//#region src/lazy-load.d.ts
/**
 * 绑定值类型
 */
type BindingValue = string;
/**
 * 目标元素类型
 */
type TargetElement = HTMLImageElement & {
  _lazy_load_src: BindingValue;
  _lazy_load_observer: IntersectionObserver;
};
/**
 * 图片懒加载指令
 *
 * 当图片进入视口时才加载图片
 *
 * @example
 * ```vue
 * <template>
 *   <img v-lazy-load="imageUrl" alt="懒加载图片" />
 * </template>
 *
 * <script setup>
 * import { ref } from 'vue'
 *
 * const imageUrl = ref('https://example.com/image.jpg')
 * </script>
 * ```
 */
declare const lazyLoad: Directive<TargetElement, BindingValue>;
//#endregion
export { lazyLoad };