import { Directive } from "vue";

//#region src/array-buffer-src.d.ts
/**
 * 绑定值类型
 */
type BindingValue = Uint8Array<ArrayBuffer>;
/**
 * 图片 MIME 类型
 */
type ImageMimeType = 'image/jpeg' | 'image/png' | 'image/svg+xml' | 'image/webp';
/**
 * 目标元素类型
 */
type TargetElement = HTMLImageElement & {};
/**
 * 数组缓冲区图片源指令
 *
 * 将 Uint8Array 类型的数组缓冲区转换为图片源
 *
 * @example
 * ```vue
 * <template>
 *   <img v-array-buffer-src:[imageType]="imageData" alt="Array Buffer Image" />
 * </template>
 *
 * <script setup>
 * import { ref } from 'vue'
 *
 * const imageData = ref(new Uint8Array([...])) // 图片的 Uint8Array 数据
 * const imageType = ref('image/jpeg') // 图片类型
 * </script>
 * ```
 */
declare const arrayBufferSrc: Directive<TargetElement, BindingValue, string, ImageMimeType>;
//#endregion
export { arrayBufferSrc };