目前支持下方两种使用方式

* 项目引入了 Iconify 图标库

import Enlarge, { Events } from 'preview-enlarge';

// 1. 图片预览初始化配置
const preview = Enlarge.ImagePreview(ImageConfig)
// 2. 调用 render 方法渲染图片
preview.render()

// 1. 其他组件放大预览
const preview = Enlarge.AnyPreview(AnyConfig)
// 2. 调用 render 方法手动触发放大逻辑
preview.render()

class Enlarge {
  // 添加全局配置
  static setGlobalConfig();
}

// 全局事件
class Events {
  // 事件名称
  static startAnimationend = 'startAnimationend';
  static startEnd = 'startEnd';
  static closeAnimationend = 'closeAnimationend';
  static closeEnd = 'closeEnd';
  
  // 注册事件
  addEvent(name, cb);
  // 关闭事件
  removeEvent(name, cb);
  // 触发事件
  touchEvent(name);
}

ImageConfig

| 属性 | 类型 | 描述 | 默认值 | |:----------|:-------|:---------------------------------|:----------| | container | string | 标签选择器 | / | | data | array | 图片列表，[{ src: '', dataSrc?: '' }] | [] | | sourceSrc | string | 用于设置原图路径的key | 'dataSrc' | | props | object | 图片标签的属性 | |

AnyConfig

| 属性 | 类型 | 描述 | 默认值 | |:----|:--------|:-----------|:-----| | el | Element | 绑定的预览dom对象 | null |

Common

| 属性 | 类型 | 描述 | 默认值 | |:--------|:--------|:-----------------------|:-----| | maskClose | boolean | 是否开启点击遮罩关闭 | true | | targetRect | object | 目标对象的任意位置大小属性, 图片模式下无效 | {} |