@flyfish-group/file-viewer3 1.0.4 → 1.0.5

package/dist/components/ImageViewer.js

@@ -1,68 +1,60 @@
-import { defineComponent as Se, ref as qe, watch as Tt, nextTick as Ot, onMounted as Ue, onUnmounted as Be, openBlock as ft, createElementBlock as At, renderSlot as Ze, computed as $e, createBlock as Ke, unref as Ge, withCtx as Qe, Fragment as Je, renderList as ti } from "vue";
+import { defineComponent as Se, ref as qe, watch as Tt, nextTick as Ot, onMounted as Ue, onUnmounted as Be, openBlock as ft, createElementBlock as Dt, renderSlot as Ze, computed as $e, createBlock as Ke, unref as Ge, withCtx as Qe, Fragment as Je, renderList as ti } from "vue";
 import { _ as ei } from "./index.js";
 /*!
- * Viewer.js v1.11.6
+ * Viewer.js v1.11.7
  * https://fengyuanchen.github.io/viewerjs
  *
  * Copyright 2015-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2023-09-17T03:16:38.052Z
+ * Date: 2024-11-24T04:32:19.116Z
  */
-function Yt(e, t) {
-  var i = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(e);
-    t && (n = n.filter(function(r) {
-      return Object.getOwnPropertyDescriptor(e, r).enumerable;
-    })), i.push.apply(i, n);
-  }
-  return i;
-}
-function kt(e) {
-  for (var t = 1; t < arguments.length; t++) {
-    var i = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? Yt(Object(i), !0).forEach(function(n) {
-      ri(e, n, i[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(i)) : Yt(Object(i)).forEach(function(n) {
-      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(i, n));
-    });
-  }
-  return e;
-}
-function Dt(e) {
-  "@babel/helpers - typeof";
-  return Dt = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
-    return typeof t;
-  } : function(t) {
-    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-  }, Dt(e);
-}
 function ii(e, t) {
   if (!(e instanceof t))
     throw new TypeError("Cannot call a class as a function");
 }
-function Wt(e, t) {
+function Yt(e, t) {
   for (var i = 0; i < t.length; i++) {
     var n = t[i];
     n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(e, xe(n.key), n);
   }
 }
 function ni(e, t, i) {
-  return t && Wt(e.prototype, t), i && Wt(e, i), Object.defineProperty(e, "prototype", {
+  return t && Yt(e.prototype, t), i && Yt(e, i), Object.defineProperty(e, "prototype", {
     writable: !1
   }), e;
 }
 function ri(e, t, i) {
-  return t = xe(t), t in e ? Object.defineProperty(e, t, {
+  return (t = xe(t)) in e ? Object.defineProperty(e, t, {
     value: i,
     enumerable: !0,
     configurable: !0,
     writable: !0
   }) : e[t] = i, e;
 }
+function Wt(e, t) {
+  var i = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    t && (n = n.filter(function(r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), i.push.apply(i, n);
+  }
+  return i;
+}
+function kt(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var i = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? Wt(Object(i), !0).forEach(function(n) {
+      ri(e, n, i[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(i)) : Wt(Object(i)).forEach(function(n) {
+      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(i, n));
+    });
+  }
+  return e;
+}
 function ai(e, t) {
-  if (typeof e != "object" || e === null)
+  if (typeof e != "object" || !e)
     return e;
   var i = e[Symbol.toPrimitive];
   if (i !== void 0) {
@@ -75,7 +67,15 @@ function ai(e, t) {
 }
 function xe(e) {
   var t = ai(e, "string");
-  return typeof t == "symbol" ? t : String(t);
+  return typeof t == "symbol" ? t : t + "";
+}
+function _t(e) {
+  "@babel/helpers - typeof";
+  return _t = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+    return typeof t;
+  } : function(t) {
+    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+  }, _t(e);
 }
 var Xt = {
   /**
@@ -282,11 +282,11 @@ var Xt = {
   zoomed: null,
   play: null,
   stop: null
-}, oi = '<div class="viewer-container" tabindex="-1" touch-action="none"><div class="viewer-canvas"></div><div class="viewer-footer"><div class="viewer-title"></div><div class="viewer-toolbar"></div><div class="viewer-navbar"><ul class="viewer-list" role="navigation"></ul></div></div><div class="viewer-tooltip" role="alert" aria-hidden="true"></div><div class="viewer-button" data-viewer-action="mix" role="button"></div><div class="viewer-player"></div></div>', yt = typeof window != "undefined" && typeof window.document != "undefined", P = yt ? window : {}, K = yt && P.document.documentElement ? "ontouchstart" in P.document.documentElement : !1, jt = yt ? "PointerEvent" in P : !1, v = "viewer", dt = "move", _e = "switch", it = "zoom", lt = "".concat(v, "-active"), si = "".concat(v, "-close"), vt = "".concat(v, "-fade"), It = "".concat(v, "-fixed"), li = "".concat(v, "-fullscreen"), Ht = "".concat(v, "-fullscreen-exit"), W = "".concat(v, "-hide"), ui = "".concat(v, "-hide-md-down"), ci = "".concat(v, "-hide-sm-down"), hi = "".concat(v, "-hide-xs-down"), k = "".concat(v, "-in"), nt = "".concat(v, "-invisible"), G = "".concat(v, "-loading"), fi = "".concat(v, "-move"), qt = "".concat(v, "-open"), q = "".concat(v, "-show"), x = "".concat(v, "-transition"), Q = "click", Nt = "dblclick", Ut = "dragstart", Bt = "focusin", Zt = "keydown", j = "load", X = "error", di = K ? "touchend touchcancel" : "mouseup", vi = K ? "touchmove" : "mousemove", mi = K ? "touchstart" : "mousedown", $t = jt ? "pointerdown" : mi, Kt = jt ? "pointermove" : vi, Gt = jt ? "pointerup pointercancel" : di, Qt = "resize", z = "transitionend", Jt = "wheel", te = "ready", ee = "show", ie = "shown", ne = "hide", re = "hidden", ae = "view", at = "viewed", oe = "move", se = "moved", le = "rotate", ue = "rotated", ce = "scale", he = "scaled", fe = "zoom", de = "zoomed", ve = "play", me = "stop", gt = "".concat(v, "Action"), zt = /\s\s*/, ut = ["zoom-in", "zoom-out", "one-to-one", "reset", "prev", "play", "next", "rotate-left", "rotate-right", "flip-horizontal", "flip-vertical"];
+}, oi = '<div class="viewer-container" tabindex="-1" touch-action="none"><div class="viewer-canvas"></div><div class="viewer-footer"><div class="viewer-title"></div><div class="viewer-toolbar"></div><div class="viewer-navbar"><ul class="viewer-list" role="navigation"></ul></div></div><div class="viewer-tooltip" role="alert" aria-hidden="true"></div><div class="viewer-button" data-viewer-action="mix" role="button"></div><div class="viewer-player"></div></div>', yt = typeof window != "undefined" && typeof window.document != "undefined", F = yt ? window : {}, K = yt && F.document.documentElement ? "ontouchstart" in F.document.documentElement : !1, jt = yt ? "PointerEvent" in F : !1, v = "viewer", dt = "move", Ae = "switch", it = "zoom", lt = "".concat(v, "-active"), si = "".concat(v, "-close"), vt = "".concat(v, "-fade"), It = "".concat(v, "-fixed"), li = "".concat(v, "-fullscreen"), Ht = "".concat(v, "-fullscreen-exit"), W = "".concat(v, "-hide"), ui = "".concat(v, "-hide-md-down"), ci = "".concat(v, "-hide-sm-down"), hi = "".concat(v, "-hide-xs-down"), k = "".concat(v, "-in"), nt = "".concat(v, "-invisible"), G = "".concat(v, "-loading"), fi = "".concat(v, "-move"), qt = "".concat(v, "-open"), q = "".concat(v, "-show"), x = "".concat(v, "-transition"), Q = "click", Nt = "dblclick", Ut = "dragstart", Bt = "focusin", Zt = "keydown", j = "load", X = "error", di = K ? "touchend touchcancel" : "mouseup", vi = K ? "touchmove" : "mousemove", mi = K ? "touchstart" : "mousedown", $t = jt ? "pointerdown" : mi, Kt = jt ? "pointermove" : vi, Gt = jt ? "pointerup pointercancel" : di, Qt = "resize", z = "transitionend", Jt = "wheel", te = "ready", ee = "show", ie = "shown", ne = "hide", re = "hidden", ae = "view", at = "viewed", oe = "move", se = "moved", le = "rotate", ue = "rotated", ce = "scale", he = "scaled", fe = "zoom", de = "zoomed", ve = "play", me = "stop", gt = "".concat(v, "Action"), zt = /\s\s*/, ut = ["zoom-in", "zoom-out", "one-to-one", "reset", "prev", "play", "next", "rotate-left", "rotate-right", "flip-horizontal", "flip-vertical"];
 function ot(e) {
   return typeof e == "string";
 }
-var gi = Number.isNaN || P.isNaN;
+var gi = Number.isNaN || F.isNaN;
 function O(e) {
   return typeof e == "number" && !gi(e);
 }
@@ -294,7 +294,7 @@ function B(e) {
   return typeof e == "undefined";
 }
 function J(e) {
-  return Dt(e) === "object" && e !== null;
+  return _t(e) === "object" && e !== null;
 }
 var pi = Object.prototype.hasOwnProperty;
 function Z(e) {
@@ -395,7 +395,7 @@ function $(e, t) {
 function Ct(e, t, i) {
   J(i) ? e[t] = i : e.dataset ? e.dataset[t] = i : e.setAttribute("data-".concat(Lt(t)), i);
 }
-var Ae = function() {
+var De = function() {
   var e = !1;
   if (yt) {
     var t = !1, i = function() {
@@ -412,14 +412,14 @@ var Ae = function() {
         t = a;
       }
     });
-    P.addEventListener("test", i, n), P.removeEventListener("test", i, n);
+    F.addEventListener("test", i, n), F.removeEventListener("test", i, n);
   }
   return e;
 }();
 function b(e, t, i) {
   var n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {}, r = i;
   t.trim().split(zt).forEach(function(a) {
-    if (!Ae) {
+    if (!De) {
       var o = e.listeners;
       o && o[a] && o[a][i] && (r = o[a][i], delete o[a][i], Object.keys(o[a]).length === 0 && delete o[a], Object.keys(o).length === 0 && delete e.listeners);
     }
@@ -429,7 +429,7 @@ function b(e, t, i) {
 function d(e, t, i) {
   var n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {}, r = i;
   t.trim().split(zt).forEach(function(a) {
-    if (n.once && !Ae) {
+    if (n.once && !De) {
       var o = e.listeners, s = o === void 0 ? {} : o;
       r = function() {
         delete s[a][i], e.removeEventListener(a, r, n);
@@ -441,7 +441,7 @@ function d(e, t, i) {
     e.addEventListener(a, r, n);
   });
 }
-function A(e, t, i, n) {
+function D(e, t, i, n) {
   var r;
   return p(Event) && p(CustomEvent) ? r = new CustomEvent(t, kt({
     bubbles: !0,
@@ -469,8 +469,8 @@ function mt(e) {
 function Ti(e) {
   return ot(e) ? decodeURIComponent(e.replace(/^.*\//, "").replace(/[?&#].*$/, "")) : "";
 }
-var St = P.navigator && /Version\/\d+(\.\d+)+?\s+Safari/i.test(P.navigator.userAgent);
-function De(e, t, i) {
+var St = F.navigator && /Version\/\d+(\.\d+)+?\s+Safari/i.test(F.navigator.userAgent);
+function _e(e, t, i) {
   var n = document.createElement("img");
   if (e.naturalWidth && !St)
     return i(e.naturalWidth, e.naturalHeight), n;
@@ -556,9 +556,9 @@ var xi = {
       var c = o.src, l = o.alt || Ti(c), u = t.getImageURL(o);
       if (c || u) {
         var h = document.createElement("li"), m = document.createElement("img");
-        y(n.inheritedAttributes, function(_) {
-          var S = o.getAttribute(_);
-          S !== null && m.setAttribute(_, S);
+        y(n.inheritedAttributes, function(A) {
+          var S = o.getAttribute(A);
+          S !== null && m.setAttribute(A, S);
         }), n.navbar && (m.src = c || u), m.alt = l, m.setAttribute("data-original-url", u || c), h.setAttribute("data-index", s), h.setAttribute("data-viewer-action", "view"), h.setAttribute("role", "button"), n.keyboard && h.setAttribute("tabindex", 0), h.appendChild(m), r.appendChild(h), a.push(h);
       }
     }), this.items = a, y(a, function(o) {
@@ -601,19 +601,19 @@ var xi = {
       abort: function() {
         u.onload = null;
       }
-    }, u = De(r, n, function(h, m) {
-      var _ = h / m, S = Math.max(0, Math.min(1, n.initialCoverage)), T = s, D = c;
-      i.imageInitializing = !1, c * _ > s ? D = s / _ : T = c * _, S = O(S) ? S : 0.9, T = Math.min(T * S, h), D = Math.min(D * S, m);
-      var I = (s - T) / 2, N = (c - D) / 2, E = {
+    }, u = _e(r, n, function(h, m) {
+      var A = h / m, S = Math.max(0, Math.min(1, n.initialCoverage)), T = s, _ = c;
+      i.imageInitializing = !1, c * A > s ? _ = s / A : T = c * A, S = O(S) ? S : 0.9, T = Math.min(T * S, h), _ = Math.min(_ * S, m);
+      var I = (s - T) / 2, N = (c - _) / 2, E = {
         left: I,
         top: N,
         x: I,
         y: N,
         width: T,
-        height: D,
+        height: _,
         oldRatio: 1,
         ratio: T / h,
-        aspectRatio: _,
+        aspectRatio: A,
         naturalWidth: h,
         naturalHeight: m
       }, R = C({}, E);
@@ -647,7 +647,7 @@ var xi = {
     var t = this.image;
     t && (this.viewing && this.viewing.abort(), t.parentNode.removeChild(t), this.image = null, this.title.innerHTML = "");
   }
-}, _i = {
+}, Ai = {
   bind: function() {
     var t = this.options, i = this.viewer, n = this.canvas, r = this.element.ownerDocument;
     d(i, Q, this.onClick = this.click.bind(this)), d(i, Ut, this.onDragStart = this.dragstart.bind(this)), d(n, $t, this.onPointerDown = this.pointerdown.bind(this)), d(r, Kt, this.onPointerMove = this.pointermove.bind(this)), d(r, Gt, this.onPointerUp = this.pointerup.bind(this)), d(r, Zt, this.onKeyDown = this.keydown.bind(this)), d(window, Qt, this.onResize = this.resize.bind(this)), t.zoomable && t.zoomOnWheel && d(i, Jt, this.onWheel = this.wheel.bind(this), {
@@ -662,7 +662,7 @@ var xi = {
       capture: !0
     }), t.toggleOnDblclick && b(n, Nt, this.onDblclick);
   }
-}, Ai = {
+}, Di = {
   click: function(t) {
     var i = this.options, n = this.imageData, r = t.target, a = $(r, gt);
     switch (!a && r.localName === "img" && r.parentElement.localName === "li" && (r = r.parentElement, a = $(r, gt)), K && t.isTrusted && r === this.canvas && clearTimeout(this.clickCanvasTimeout), a) {
@@ -723,7 +723,7 @@ var xi = {
       st(r, fi, n.movable), st(r, x, n.transition), t.renderImage(function() {
         t.viewed = !0, t.viewing = !1, p(n.viewed) && d(i, at, n.viewed, {
           once: !0
-        }), A(i, at, {
+        }), D(i, at, {
           originalImage: t.images[a],
           index: a,
           image: r
@@ -735,7 +735,7 @@ var xi = {
   },
   loadImage: function(t) {
     var i = t.target, n = i.parentNode, r = n.offsetWidth || 30, a = n.offsetHeight || 50, o = !!$(i, "filled");
-    De(i, this.options, function(s, c) {
+    _e(i, this.options, function(s, c) {
       var l = s / c, u = r, h = a;
       a * l > r ? o ? u = a * l : h = r / l : o ? h = r / l : u = a * l, L(i, C({
         width: u,
@@ -793,7 +793,7 @@ var xi = {
         n[s.identifier] = ht(s);
       }) : n[t.pointerId || 0] = ht(t);
       var o = i.movable ? dt : !1;
-      i.zoomOnTouch && i.zoomable && Object.keys(n).length > 1 ? o = it : i.slideOnTouch && (t.pointerType === "touch" || t.type === "touchstart") && this.isSwitchable() && (o = _e), i.transition && (o === dt || o === it) && g(this.image, x), this.action = o;
+      i.zoomOnTouch && i.zoomable && Object.keys(n).length > 1 ? o = it : i.slideOnTouch && (t.pointerType === "touch" || t.type === "touchstart") && this.isSwitchable() && (o = Ae), i.transition && (o === dt || o === it) && g(this.image, x), this.action = o;
     }
   },
   pointermove: function(t) {
@@ -807,13 +807,13 @@ var xi = {
     t.changedTouches ? y(t.changedTouches, function(s) {
       o = a[s.identifier], delete a[s.identifier];
     }) : (o = a[t.pointerId || 0], delete a[t.pointerId || 0]), r && (t.preventDefault(), n.transition && (r === dt || r === it) && f(this.image, x), this.action = !1, K && r !== it && o && Date.now() - o.timeStamp < 500 && (clearTimeout(this.clickCanvasTimeout), clearTimeout(this.doubleClickImageTimeout), n.toggleOnDblclick && this.viewed && t.target === this.image ? this.imageClicked ? (this.imageClicked = !1, this.doubleClickImageTimeout = setTimeout(function() {
-      A(i.image, Nt, {
+      D(i.image, Nt, {
         originalEvent: t
       });
     }, 50)) : (this.imageClicked = !0, this.doubleClickImageTimeout = setTimeout(function() {
       i.imageClicked = !1;
     }, 500)) : (this.imageClicked = !1, n.backdrop && n.backdrop !== "static" && t.target === this.canvas && (this.clickCanvasTimeout = setTimeout(function() {
-      A(i.canvas, Q, {
+      D(i.canvas, Q, {
         originalEvent: t
       });
     }, 50)))));
@@ -830,7 +830,7 @@ var xi = {
       y(this.player.getElementsByTagName("img"), function(i) {
         d(i, j, t.loadImage.bind(t), {
           once: !0
-        }), A(i, j);
+        }), D(i, j);
       });
     }
   },
@@ -844,7 +844,7 @@ var xi = {
       t.deltaY ? r = t.deltaY > 0 ? 1 : -1 : t.wheelDelta ? r = -t.wheelDelta / 120 : t.detail && (r = t.detail > 0 ? 1 : -1), this.zoom(-r * n, !0, null, t);
     }
   }
-}, Di = {
+}, _i = {
   /** Show the viewer (only available in modal mode)
    * @param {boolean} [immediate=false] - Indicates if show the viewer immediately or not.
    * @returns {Viewer} this
@@ -857,7 +857,7 @@ var xi = {
       return this.build(), this.ready && this.show(t), this;
     if (p(n.show) && d(i, ee, n.show, {
       once: !0
-    }), A(i, ee) === !1 || !this.ready)
+    }), D(i, ee) === !1 || !this.ready)
       return this;
     this.hiding && this.transitioning.abort(), this.showing = !0, this.open();
     var r = this.viewer;
@@ -885,15 +885,15 @@ var xi = {
       return this;
     if (p(r.hide) && d(n, ne, r.hide, {
       once: !0
-    }), A(n, ne) === !1)
+    }), D(n, ne) === !1)
       return this;
     this.showing && this.transitioning.abort(), this.hiding = !0, this.played ? this.stop() : this.viewing && this.viewing.abort();
     var a = this.viewer, o = this.image, s = function() {
       g(a, k), t.hidden();
     };
     if (r.transition && !i) {
-      var c = function u(h) {
-        h && h.target === a && (b(a, z, u), t.hidden());
+      var c = function(h) {
+        h && h.target === a && (b(a, z, c), t.hidden());
       }, l = function() {
         U(a, x) ? (d(a, z, c), g(a, k)) : s();
       };
@@ -921,12 +921,12 @@ var xi = {
       return this.index = i, this.show();
     this.viewing && this.viewing.abort();
     var n = this.element, r = this.options, a = this.title, o = this.canvas, s = this.items[i], c = s.querySelector("img"), l = $(c, "originalUrl"), u = c.getAttribute("alt"), h = document.createElement("img");
-    if (y(r.inheritedAttributes, function(D) {
-      var I = c.getAttribute(D);
-      I !== null && h.setAttribute(D, I);
+    if (y(r.inheritedAttributes, function(_) {
+      var I = c.getAttribute(_);
+      I !== null && h.setAttribute(_, I);
     }), h.src = l, h.alt = u, p(r.view) && d(n, ae, r.view, {
       once: !0
-    }), A(n, ae, {
+    }), D(n, ae, {
       originalImage: this.images[i],
       index: i,
       image: h
@@ -934,15 +934,15 @@ var xi = {
       return this;
     var m = this.items[this.index];
     m && (g(m, lt), m.removeAttribute("aria-selected")), f(s, lt), s.setAttribute("aria-selected", !0), r.focus && s.focus(), this.image = h, this.viewed = !1, this.index = i, this.imageData = {}, f(h, nt), r.loading && f(o, G), o.innerHTML = "", o.appendChild(h), this.renderList(), a.innerHTML = "";
-    var _ = function() {
+    var A = function() {
       var I = t.imageData, N = Array.isArray(r.title) ? r.title[1] : r.title;
       a.innerHTML = yi(p(N) ? N.call(t, h, I) : "".concat(u, " (").concat(I.naturalWidth, " × ").concat(I.naturalHeight, ")"));
     }, S, T;
-    return d(n, at, _, {
+    return d(n, at, A, {
       once: !0
     }), this.viewing = {
       abort: function() {
-        b(n, at, _), h.complete ? t.imageRendering ? t.imageRendering.abort() : t.imageInitializing && t.imageInitializing.abort() : (h.src = "", b(h, j, S), t.timeout && clearTimeout(t.timeout));
+        b(n, at, A), h.complete ? t.imageRendering ? t.imageRendering.abort() : t.imageInitializing && t.imageInitializing.abort() : (h.src = "", b(h, j, S), t.timeout && clearTimeout(t.timeout));
       }
     }, h.complete ? this.load() : (d(h, j, S = function() {
       b(h, X, T), t.load();
@@ -1000,7 +1000,7 @@ var xi = {
       if (O(t) ? u = !0 : t = c, O(n) ? u = !0 : n = l, u) {
         if (p(o.move) && d(a, oe, o.move, {
           once: !0
-        }), A(a, oe, {
+        }), D(a, oe, {
           x: t,
           y: n,
           oldX: c,
@@ -1011,7 +1011,7 @@ var xi = {
         s.x = t, s.y = n, s.left = t, s.top = n, this.moving = !0, this.renderImage(function() {
           i.moving = !1, p(o.moved) && d(a, se, o.moved, {
             once: !0
-          }), A(a, se, {
+          }), D(a, se, {
             x: t,
             y: n,
             oldX: c,
@@ -1044,7 +1044,7 @@ var xi = {
       var o = a.rotate;
       if (p(r.rotate) && d(n, le, r.rotate, {
         once: !0
-      }), A(n, le, {
+      }), D(n, le, {
         degree: t,
         oldDegree: o
       }) === !1)
@@ -1052,7 +1052,7 @@ var xi = {
       a.rotate = t, this.rotating = !0, this.renderImage(function() {
         i.rotating = !1, p(r.rotated) && d(n, ue, r.rotated, {
           once: !0
-        }), A(n, ue, {
+        }), D(n, ue, {
           degree: t,
           oldDegree: o
         }, {
@@ -1091,7 +1091,7 @@ var xi = {
       if (O(t) ? l = !0 : t = s, O(n) ? l = !0 : n = c, l) {
         if (p(a.scale) && d(r, ce, a.scale, {
           once: !0
-        }), A(r, ce, {
+        }), D(r, ce, {
           scaleX: t,
           scaleY: n,
           oldScaleX: s,
@@ -1101,7 +1101,7 @@ var xi = {
         o.scaleX = t, o.scaleY = n, this.scaling = !0, this.renderImage(function() {
           i.scaling = !1, p(a.scaled) && d(r, he, a.scaled, {
             once: !0
-          }), A(r, he, {
+          }), D(r, he, {
             scaleX: t,
             scaleY: n,
             oldScaleX: s,
@@ -1136,7 +1136,7 @@ var xi = {
    * @returns {Viewer} this
    */
   zoomTo: function(t) {
-    var i = this, n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, r = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : null, a = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : null, o = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !1, s = this.element, c = this.options, l = this.pointers, u = this.imageData, h = u.x, m = u.y, _ = u.width, S = u.height, T = u.naturalWidth, D = u.naturalHeight;
+    var i = this, n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, r = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : null, a = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : null, o = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !1, s = this.element, c = this.options, l = this.pointers, u = this.imageData, h = u.x, m = u.y, A = u.width, S = u.height, T = u.naturalWidth, _ = u.naturalHeight;
     if (t = Math.max(0, t), O(t) && this.viewed && !this.played && (o || c.zoomable)) {
       if (!o) {
         var I = Math.max(0.01, c.minZoomRatio), N = Math.min(100, c.maxZoomRatio);
@@ -1153,10 +1153,10 @@ var xi = {
             t > 0.99 && t < 1.01 && (t = 1);
             break;
         }
-      var E = T * t, R = D * t, M = E - _, V = R - S, Y = u.ratio;
+      var E = T * t, R = _ * t, M = E - A, V = R - S, Y = u.ratio;
       if (p(c.zoom) && d(s, fe, c.zoom, {
         once: !0
-      }), A(s, fe, {
+      }), D(s, fe, {
         ratio: t,
         oldRatio: Y,
         originalEvent: a
@@ -1167,13 +1167,13 @@ var xi = {
           pageX: a.pageX,
           pageY: a.pageY
         };
-        u.x -= M * ((H.pageX - tt.left - h) / _), u.y -= V * ((H.pageY - tt.top - m) / S);
+        u.x -= M * ((H.pageX - tt.left - h) / A), u.y -= V * ((H.pageY - tt.top - m) / S);
       } else
-        Z(r) && O(r.x) && O(r.y) ? (u.x -= M * ((r.x - h) / _), u.y -= V * ((r.y - m) / S)) : (u.x -= M / 2, u.y -= V / 2);
+        Z(r) && O(r.x) && O(r.y) ? (u.x -= M * ((r.x - h) / A), u.y -= V * ((r.y - m) / S)) : (u.x -= M / 2, u.y -= V / 2);
       u.left = u.x, u.top = u.y, u.width = E, u.height = R, u.oldRatio = Y, u.ratio = t, this.renderImage(function() {
         i.zooming = !1, p(c.zoomed) && d(s, de, c.zoomed, {
           once: !0
-        }), A(s, de, {
+        }), D(s, de, {
           ratio: t,
           oldRatio: Y,
           originalEvent: a
@@ -1196,19 +1196,19 @@ var xi = {
     var n = this.element, r = this.options;
     if (p(r.play) && d(n, ve, r.play, {
       once: !0
-    }), A(n, ve) === !1)
+    }), D(n, ve) === !1)
       return this;
     var a = this.player, o = this.loadImage.bind(this), s = [], c = 0, l = 0;
-    if (this.played = !0, this.onLoadWhenPlay = o, i && this.requestFullscreen(i), f(a, q), y(this.items, function(m, _) {
+    if (this.played = !0, this.onLoadWhenPlay = o, i && this.requestFullscreen(i), f(a, q), y(this.items, function(m, A) {
       var S = m.querySelector("img"), T = document.createElement("img");
-      T.src = $(S, "originalUrl"), T.alt = S.getAttribute("alt"), T.referrerPolicy = S.referrerPolicy, c += 1, f(T, vt), st(T, x, r.transition), U(m, lt) && (f(T, k), l = _), s.push(T), d(T, j, o, {
+      T.src = $(S, "originalUrl"), T.alt = S.getAttribute("alt"), T.referrerPolicy = S.referrerPolicy, c += 1, f(T, vt), st(T, x, r.transition), U(m, lt) && (f(T, k), l = A), s.push(T), d(T, j, o, {
         once: !0
       }), a.appendChild(T);
     }), O(r.interval) && r.interval > 0) {
-      var u = function m() {
-        clearTimeout(t.playing.timeout), g(s[l], k), l -= 1, l = l >= 0 ? l : c - 1, f(s[l], k), t.playing.timeout = setTimeout(m, r.interval);
-      }, h = function m() {
-        clearTimeout(t.playing.timeout), g(s[l], k), l += 1, l = l < c ? l : 0, f(s[l], k), t.playing.timeout = setTimeout(m, r.interval);
+      var u = function() {
+        clearTimeout(t.playing.timeout), g(s[l], k), l -= 1, l = l >= 0 ? l : c - 1, f(s[l], k), t.playing.timeout = setTimeout(u, r.interval);
+      }, h = function() {
+        clearTimeout(t.playing.timeout), g(s[l], k), l += 1, l = l < c ? l : 0, f(s[l], k), t.playing.timeout = setTimeout(h, r.interval);
       };
       c > 1 && (this.playing = {
         prev: u,
@@ -1226,7 +1226,7 @@ var xi = {
     var i = this.element, n = this.options;
     if (p(n.stop) && d(i, me, n.stop, {
       once: !0
-    }), A(i, me) === !1)
+    }), D(i, me) === !1)
       return this;
     var r = this.player;
     return clearTimeout(this.playing.timeout), this.playing = !1, this.played = !1, y(r.getElementsByTagName("img"), function(a) {
@@ -1262,7 +1262,7 @@ var xi = {
   // Show the current ratio of the image with percentage
   tooltip: function() {
     var t = this, i = this.options, n = this.tooltipBox, r = this.imageData;
-    return !this.viewed || this.played || !i.tooltip ? this : (n.textContent = "".concat(Math.round(r.ratio * 100), "%"), this.tooltipping ? clearTimeout(this.tooltipping) : i.transition ? (this.fading && A(n, z), f(n, q), f(n, vt), f(n, x), n.removeAttribute("aria-hidden"), n.initialOffsetWidth = n.offsetWidth, f(n, k)) : (f(n, q), n.removeAttribute("aria-hidden")), this.tooltipping = setTimeout(function() {
+    return !this.viewed || this.played || !i.tooltip ? this : (n.textContent = "".concat(Math.round(r.ratio * 100), "%"), this.tooltipping ? clearTimeout(this.tooltipping) : i.transition ? (this.fading && D(n, z), f(n, q), f(n, vt), f(n, x), n.removeAttribute("aria-hidden"), n.initialOffsetWidth = n.offsetWidth, f(n, k)) : (f(n, q), n.removeAttribute("aria-hidden")), this.tooltipping = setTimeout(function() {
       i.transition ? (d(n, z, function() {
         g(n, q), g(n, vt), g(n, x), n.setAttribute("aria-hidden", !0), t.fading = !1;
       }, {
@@ -1356,13 +1356,13 @@ var xi = {
     var t = this.element, i = this.options, n = this.viewer;
     this.fulled = !0, this.isShown = !0, this.render(), this.bind(), this.showing = !1, i.focus && (n.focus(), this.enforceFocus()), p(i.shown) && d(t, ie, i.shown, {
       once: !0
-    }), A(t, ie) !== !1 && this.ready && this.isShown && !this.hiding && this.view(this.index);
+    }), D(t, ie) !== !1 && this.ready && this.isShown && !this.hiding && this.view(this.index);
   },
   hidden: function() {
     var t = this.element, i = this.options, n = this.viewer;
     i.fucus && this.clearEnforceFocus(), this.close(), this.unbind(), f(n, W), n.removeAttribute("role"), n.removeAttribute("aria-labelledby"), n.removeAttribute("aria-modal"), n.setAttribute("aria-hidden", !0), this.resetList(), this.resetImage(), this.fulled = !1, this.viewed = !1, this.isShown = !1, this.hiding = !1, this.destroyed || (p(i.hidden) && d(t, re, i.hidden, {
       once: !0
-    }), A(t, re, null, {
+    }), D(t, re, null, {
       cancelable: !1
     }));
   },
@@ -1388,7 +1388,7 @@ var xi = {
         case it:
           this.zoom(Oi(n), !1, null, t);
           break;
-        case _e: {
+        case Ae: {
           this.action = "switched";
           var s = Math.abs(a);
           s > 1 && s > Math.abs(o) && (this.pointers = {}, a > 1 ? this.prev(i.loop) : a < -1 && this.next(i.loop));
@@ -1404,7 +1404,7 @@ var xi = {
     var t = this.imageData, i = this.viewerData;
     return this.length > 1 && t.x >= 0 && t.y >= 0 && t.width <= i.width && t.height <= i.height;
   }
-}, Ni = P.Viewer, Ci = function(e) {
+}, Ni = F.Viewer, Ci = function(e) {
   return function() {
     return e += 1, e;
   };
@@ -1476,12 +1476,12 @@ var xi = {
         if (this.parent = r, this.viewer = o, this.title = s, this.toolbar = c, this.navbar = l, this.button = u, this.canvas = h, this.footer = o.querySelector(".".concat(v, "-footer")), this.tooltipBox = o.querySelector(".".concat(v, "-tooltip")), this.player = o.querySelector(".".concat(v, "-player")), this.list = o.querySelector(".".concat(v, "-list")), o.id = "".concat(v).concat(this.id), s.id = "".concat(v, "Title").concat(this.id), f(s, n.title ? ct(Array.isArray(n.title) ? n.title[0] : n.title) : W), f(l, n.navbar ? ct(n.navbar) : W), st(u, W, !n.button), n.keyboard && u.setAttribute("tabindex", 0), n.backdrop && (f(o, "".concat(v, "-backdrop")), !n.inline && n.backdrop !== "static" && Ct(h, gt, "hide")), ot(n.className) && n.className && n.className.split(zt).forEach(function(E) {
           f(o, E);
         }), n.toolbar) {
-          var m = document.createElement("ul"), _ = Z(n.toolbar), S = ut.slice(0, 3), T = ut.slice(7, 9), D = ut.slice(9);
-          _ || f(c, ct(n.toolbar)), y(_ ? n.toolbar : ut, function(E, R) {
-            var M = _ && Z(E), V = _ ? Lt(R) : E, Y = M && !B(E.show) ? E.show : E;
-            if (!(!Y || !n.zoomable && S.indexOf(V) !== -1 || !n.rotatable && T.indexOf(V) !== -1 || !n.scalable && D.indexOf(V) !== -1)) {
-              var tt = M && !B(E.size) ? E.size : E, H = M && !B(E.click) ? E.click : E, F = document.createElement("li");
-              n.keyboard && F.setAttribute("tabindex", 0), F.setAttribute("role", "button"), f(F, "".concat(v, "-").concat(V)), p(H) || Ct(F, gt, V), O(Y) && f(F, ct(Y)), ["small", "large"].indexOf(tt) !== -1 ? f(F, "".concat(v, "-").concat(tt)) : V === "play" && f(F, "".concat(v, "-large")), p(H) && d(F, Q, H), m.appendChild(F);
+          var m = document.createElement("ul"), A = Z(n.toolbar), S = ut.slice(0, 3), T = ut.slice(7, 9), _ = ut.slice(9);
+          A || f(c, ct(n.toolbar)), y(A ? n.toolbar : ut, function(E, R) {
+            var M = A && Z(E), V = A ? Lt(R) : E, Y = M && !B(E.show) ? E.show : E;
+            if (!(!Y || !n.zoomable && S.indexOf(V) !== -1 || !n.rotatable && T.indexOf(V) !== -1 || !n.scalable && _.indexOf(V) !== -1)) {
+              var tt = M && !B(E.size) ? E.size : E, H = M && !B(E.click) ? E.click : E, P = document.createElement("li");
+              n.keyboard && P.setAttribute("tabindex", 0), P.setAttribute("role", "button"), f(P, "".concat(v, "-").concat(V)), p(H) || Ct(P, gt, V), O(Y) && f(P, ct(Y)), ["small", "large"].indexOf(tt) !== -1 ? f(P, "".concat(v, "-").concat(tt)) : V === "play" && f(P, "".concat(v, "-large")), p(H) && d(P, Q, H), m.appendChild(P);
             }
           }), c.appendChild(m);
         } else
@@ -1507,7 +1507,7 @@ var xi = {
         }
         if (n.inline && (this.render(), this.bind(), this.isShown = !0), this.ready = !0, p(n.ready) && d(i, te, n.ready, {
           once: !0
-        }), A(i, te) === !1) {
+        }), D(i, te) === !1) {
           this.ready = !1;
           return;
         }
@@ -1532,9 +1532,9 @@ var xi = {
     value: function(i) {
       C(Xt, Z(i) && i);
     }
-  }]), e;
+  }]);
 }();
-C(Ie.prototype, xi, _i, Ai, Di, Ii);
+C(Ie.prototype, xi, Ai, Di, _i, Ii);
 var ki = typeof global == "object" && global && global.Object === Object && global;
 const Ne = ki;
 var ji = typeof self == "object" && self && self.Object === Object && self, zi = Ne || ji || Function("return this")();
@@ -1542,7 +1542,7 @@ const Vt = zi;
 var Li = Vt.Symbol;
 const pt = Li;
 var Ce = Object.prototype, Vi = Ce.hasOwnProperty, Ri = Ce.toString, et = pt ? pt.toStringTag : void 0;
-function Fi(e) {
+function Pi(e) {
   var t = Vi.call(e, et), i = e[et];
   try {
     e[et] = void 0;
@@ -1552,15 +1552,15 @@ function Fi(e) {
   var r = Ri.call(e);
   return n && (t ? e[et] = i : delete e[et]), r;
 }
-var Pi = Object.prototype, Mi = Pi.toString;
+var Fi = Object.prototype, Mi = Fi.toString;
 function Yi(e) {
   return Mi.call(e);
 }
 var Wi = "[object Null]", Xi = "[object Undefined]", ge = pt ? pt.toStringTag : void 0;
 function Rt(e) {
-  return e == null ? e === void 0 ? Xi : Wi : ge && ge in Object(e) ? Fi(e) : Yi(e);
+  return e == null ? e === void 0 ? Xi : Wi : ge && ge in Object(e) ? Pi(e) : Yi(e);
 }
-function Ft(e) {
+function Pt(e) {
   return e != null && typeof e == "object";
 }
 var Hi = Array.isArray;
@@ -1681,15 +1681,15 @@ function Le(e, t, i) {
     writable: !0
   }) : e[t] = i;
 }
-function Pt(e, t) {
+function Ft(e, t) {
   return e === t || e !== e && t !== t;
 }
-var xn = Object.prototype, _n = xn.hasOwnProperty;
+var xn = Object.prototype, An = xn.hasOwnProperty;
 function Ve(e, t, i) {
   var n = e[t];
-  (!(_n.call(e, t) && Pt(n, i)) || i === void 0 && !(t in e)) && Le(e, t, i);
+  (!(An.call(e, t) && Ft(n, i)) || i === void 0 && !(t in e)) && Le(e, t, i);
 }
-function An(e, t, i, n) {
+function Dn(e, t, i, n) {
   var r = !i;
   i || (i = {});
   for (var a = -1, o = t.length; ++a < o; ) {
@@ -1699,7 +1699,7 @@ function An(e, t, i, n) {
   return i;
 }
 var be = Math.max;
-function Dn(e, t, i) {
+function _n(e, t, i) {
   return t = be(t === void 0 ? e.length - 1 : t, 0), function() {
     for (var n = arguments, r = -1, a = be(n.length - t, 0), o = Array(a); ++r < a; )
       o[r] = n[t + r];
@@ -1710,25 +1710,25 @@ function Dn(e, t, i) {
   };
 }
 function Re(e, t) {
-  return Tn(Dn(e, t, ke), e + "");
+  return Tn(_n(e, t, ke), e + "");
 }
 var In = 9007199254740991;
-function Fe(e) {
+function Pe(e) {
   return typeof e == "number" && e > -1 && e % 1 == 0 && e <= In;
 }
 function Et(e) {
-  return e != null && Fe(e.length) && !je(e);
+  return e != null && Pe(e.length) && !je(e);
 }
-function Pe(e, t, i) {
+function Fe(e, t, i) {
   if (!wt(i))
     return !1;
   var n = typeof t;
-  return (n == "number" ? Et(i) && ze(t, i.length) : n == "string" && t in i) ? Pt(i[t], e) : !1;
+  return (n == "number" ? Et(i) && ze(t, i.length) : n == "string" && t in i) ? Ft(i[t], e) : !1;
 }
 function Nn(e) {
   return Re(function(t, i) {
     var n = -1, r = i.length, a = r > 1 ? i[r - 1] : void 0, o = r > 2 ? i[2] : void 0;
-    for (a = e.length > 3 && typeof a == "function" ? (r--, a) : void 0, o && Pe(i[0], i[1], o) && (a = r < 3 ? void 0 : a, r = 1), t = Object(t); ++n < r; ) {
+    for (a = e.length > 3 && typeof a == "function" ? (r--, a) : void 0, o && Fe(i[0], i[1], o) && (a = r < 3 ? void 0 : a, r = 1), t = Object(t); ++n < r; ) {
       var s = i[n];
       s && e(t, s, n, a);
     }
@@ -1747,34 +1747,34 @@ function kn(e, t) {
 }
 var jn = "[object Arguments]";
 function ye(e) {
-  return Ft(e) && Rt(e) == jn;
+  return Pt(e) && Rt(e) == jn;
 }
 var Me = Object.prototype, zn = Me.hasOwnProperty, Ln = Me.propertyIsEnumerable, Vn = ye(function() {
   return arguments;
 }()) ? ye : function(e) {
-  return Ft(e) && zn.call(e, "callee") && !Ln.call(e, "callee");
+  return Pt(e) && zn.call(e, "callee") && !Ln.call(e, "callee");
 };
 const Rn = Vn;
-function Fn() {
+function Pn() {
   return !1;
 }
-var Ye = typeof exports == "object" && exports && !exports.nodeType && exports, we = Ye && typeof module == "object" && module && !module.nodeType && module, Pn = we && we.exports === Ye, Ee = Pn ? Vt.Buffer : void 0, Mn = Ee ? Ee.isBuffer : void 0, Yn = Mn || Fn;
+var Ye = typeof exports == "object" && exports && !exports.nodeType && exports, we = Ye && typeof module == "object" && module && !module.nodeType && module, Fn = we && we.exports === Ye, Ee = Fn ? Vt.Buffer : void 0, Mn = Ee ? Ee.isBuffer : void 0, Yn = Mn || Pn;
 const Wn = Yn;
 var Xn = "[object Arguments]", Hn = "[object Array]", qn = "[object Boolean]", Un = "[object Date]", Bn = "[object Error]", Zn = "[object Function]", $n = "[object Map]", Kn = "[object Number]", Gn = "[object Object]", Qn = "[object RegExp]", Jn = "[object Set]", tr = "[object String]", er = "[object WeakMap]", ir = "[object ArrayBuffer]", nr = "[object DataView]", rr = "[object Float32Array]", ar = "[object Float64Array]", or = "[object Int8Array]", sr = "[object Int16Array]", lr = "[object Int32Array]", ur = "[object Uint8Array]", cr = "[object Uint8ClampedArray]", hr = "[object Uint16Array]", fr = "[object Uint32Array]", w = {};
 w[rr] = w[ar] = w[or] = w[sr] = w[lr] = w[ur] = w[cr] = w[hr] = w[fr] = !0;
 w[Xn] = w[Hn] = w[ir] = w[qn] = w[nr] = w[Un] = w[Bn] = w[Zn] = w[$n] = w[Kn] = w[Gn] = w[Qn] = w[Jn] = w[tr] = w[er] = !1;
 function dr(e) {
-  return Ft(e) && Fe(e.length) && !!w[Rt(e)];
+  return Pt(e) && Pe(e.length) && !!w[Rt(e)];
 }
 function vr(e) {
   return function(t) {
     return e(t);
   };
 }
-var We = typeof exports == "object" && exports && !exports.nodeType && exports, rt = We && typeof module == "object" && module && !module.nodeType && module, mr = rt && rt.exports === We, _t = mr && Ne.process, gr = function() {
+var We = typeof exports == "object" && exports && !exports.nodeType && exports, rt = We && typeof module == "object" && module && !module.nodeType && module, mr = rt && rt.exports === We, At = mr && Ne.process, gr = function() {
   try {
     var e = rt && rt.require && rt.require("util").types;
-    return e || _t && _t.binding && _t.binding("util");
+    return e || At && At.binding && At.binding("util");
   } catch (t) {
   }
 }();
@@ -1796,7 +1796,7 @@ function Er(e, t) {
 var Tr = Er(Object.keys, Object);
 const Or = Tr;
 var Sr = Object.prototype, xr = Sr.hasOwnProperty;
-function _r(e) {
+function Ar(e) {
   if (!Mt(e))
     return Or(e);
   var t = [];
@@ -1804,13 +1804,13 @@ function _r(e) {
     xr.call(e, i) && i != "constructor" && t.push(i);
   return t;
 }
-function Ar(e) {
-  return Et(e) ? Xe(e) : _r(e);
+function Dr(e) {
+  return Et(e) ? Xe(e) : Ar(e);
 }
-var Dr = Object.prototype, Ir = Dr.hasOwnProperty;
+var _r = Object.prototype, Ir = _r.hasOwnProperty;
 Nn(function(e, t) {
   if (Mt(t) || Et(t)) {
-    An(t, Ar(t), e);
+    Dn(t, Dr(t), e);
     return;
   }
   for (var i in t)
@@ -1839,10 +1839,10 @@ var He = Object.prototype, Lr = He.hasOwnProperty;
 Re(function(e, t) {
   e = Object(e);
   var i = -1, n = t.length, r = n > 2 ? t[2] : void 0;
-  for (r && Pe(t[0], t[1], r) && (n = 1); ++i < n; )
+  for (r && Fe(t[0], t[1], r) && (n = 1); ++i < n; )
     for (var a = t[i], o = zr(a), s = -1, c = o.length; ++s < c; ) {
       var l = o[s], u = e[l];
-      (u === void 0 || Pt(u, He[l]) && !Lr.call(e, l)) && (e[l] = a[l]);
+      (u === void 0 || Ft(u, He[l]) && !Lr.call(e, l)) && (e[l] = a[l]);
     }
   return e;
 });
@@ -1911,16 +1911,16 @@ const Vr = Se({
   for (const [n, r] of t)
     i[n] = r;
   return i;
-}, Fr = { ref: "root" };
-function Pr(e, t, i, n, r, a) {
-  return ft(), At("div", Fr, [
+}, Pr = { ref: "root" };
+function Fr(e, t, i, n, r, a) {
+  return ft(), Dt("div", Pr, [
     Ze(e.$slots, "default", {
       images: e.images,
       options: e.options
     })
   ], 512);
 }
-const Mr = /* @__PURE__ */ Rr(Vr, [["render", Pr]]);
+const Mr = /* @__PURE__ */ Rr(Vr, [["render", Fr]]);
 const Yr = ["src"], Wr = /* @__PURE__ */ Se({
   __name: "ImageViewer",
   props: {
@@ -1933,7 +1933,7 @@ const Yr = ["src"], Wr = /* @__PURE__ */ Se({
       style: { height: "100%" }
     }, {
       default: Qe(() => [
-        (ft(!0), At(Je, null, ti(i.value, (a) => (ft(), At("img", {
+        (ft(!0), Dt(Je, null, ti(i.value, (a) => (ft(), Dt("img", {
           alt: "图片",
           src: a.src,
           key: a.index,