@gx-design-vue/image 0.2.0-beta.21 → 0.2.0-beta.23

package/dist/image.js

@@ -1,35 +1,11 @@
-import { createTypes as Ze } from "vue-types";
-import { createVNode as f, defineComponent as Ve, shallowRef as Te, ref as C, reactive as Xe, computed as L, watch as _, nextTick as Ye, Teleport as _e, Transition as ke, withDirectives as ze, vShow as Oe, mergeProps as We, cloneVNode as qe, watchEffect as Qe, createTextVNode as Je } from "vue";
-import { ExpandOutlined as Ke, OneToOneOutlined as et, CloseOutlined as tt, ZoomInOutlined as nt, ZoomOutOutlined as at, RotateRightOutlined as it, RotateLeftOutlined as rt, LeftOutlined as ot, RightOutlined as st } from "@ant-design/icons-vue";
-import { isServer as q, getPrefixCls as Ge, isInContainer as lt, getSlotVNode as Le, isString as ut, getScrollContainer as ct, isNumber as ft } from "@gx-design-vue/pro-utils";
-import { useState as Ne, onMountedOrActivated as dt } from "@gx-design-vue/pro-hooks";
-import { Keyframe as fe, useStyle as ht, mergeToken as gt, getTransitionProps as Ee, useProStyle as vt } from "@gx-design-vue/pro-provider";
-import { useThrottleFn as mt, useEventListener as $e } from "@vueuse/core";
-const R = Ze({
-  func: void 0,
-  bool: void 0,
-  string: void 0,
-  number: void 0,
-  array: void 0,
-  object: void 0,
-  integer: void 0
-});
-R.extend([{
-  name: "looseBool",
-  getter: !0,
-  type: Boolean,
-  default: void 0
-}, {
-  name: "style",
-  getter: !0,
-  type: [String, Object],
-  default: void 0
-}, {
-  name: "VueNode",
-  getter: !0,
-  type: null
-}]);
-const D = {
+import { ref as A, reactive as _e, onMounted as kt, defineComponent as nt, createVNode as u, Teleport as en, Transition as Ke, withDirectives as Ye, Fragment as We, cloneVNode as Gn, vShow as Xe, shallowRef as fe, computed as _, watch as te, onUnmounted as Kn, mergeProps as Ze, watchEffect as Yn, createTextVNode as Wn, nextTick as Xn } from "vue";
+import { CloseOutlined as Zn, LeftOutlined as Vn, RightOutlined as Qn, RotateLeftOutlined as qn, RotateRightOutlined as Jn, ZoomInOutlined as kn, ZoomOutOutlined as er, SwapOutlined as St } from "@ant-design/icons-vue";
+import { classNames as Ee, getPrefixCls as tn, isNumber as Ve, getSlotVNode as H, isArray as nn, getSlot as tr, isServer as Ce, isInContainer as nr, getSlotsProps as rr, isString as or, getScrollContainer as ir } from "@gx-design-vue/pro-utils";
+import { useState as Tt, onMountedOrActivated as ar } from "@gx-design-vue/pro-hooks";
+import { Keyframe as Me, useStyle as lr, mergeToken as sr, unit as cr, getTransitionProps as Qe, useProStyle as ur } from "@gx-design-vue/pro-provider";
+import { TinyColor as re } from "@ctrl/tinycolor";
+import { useThrottleFn as fr, useEventListener as It } from "@vueuse/core";
+const ge = {
   infinite: {
     type: Boolean,
     default: !0
@@ -38,19 +14,23 @@ const D = {
     type: Number,
     default: 2e3
   },
-  initialIndex: {
+  current: {
     type: Number,
     default: 0
   },
   getContainer: {
     type: String
   }
-}, ue = {
-  previewTeleported: {
-    type: Boolean,
-    default: !0
+}, rn = {
+  preview: {
+    type: Object,
+    default: () => ({
+      current: 0,
+      infinite: !0,
+      onHideOnClickModal: !0
+    })
   },
-  hideOnClickModal: {
+  showPreview: {
     type: Boolean,
     default: !0
   },
@@ -66,7 +46,7 @@ const D = {
     type: String,
     default: "contain"
   },
-  lazy: R.bool,
+  lazy: Boolean,
   scrollContainer: {
     type: [String, Object]
   },
@@ -89,564 +69,47 @@ const D = {
   onClick: {
     type: Function
   },
-  disablePreview: R.bool,
-  previewSrcList: {
+  imageClassName: String,
+  imageStyle: Object,
+  width: Number,
+  height: Number,
+  zIndex: ge.zIndex,
+  getContainer: ge.getContainer
+}, ne = {
+  previewUrls: {
     type: Array,
     default: () => []
   },
-  imageClassName: R.string,
-  imageStyle: R.style,
-  width: R.number,
-  height: R.number,
-  zIndex: D.zIndex,
-  infinite: D.infinite,
-  getContainer: D.getContainer,
-  initialIndex: {
-    ...D.initialIndex,
-    default: () => {
-    }
-  }
-}, pt = {
-  urlList: {
-    type: Array,
-    default: () => []
-  },
-  teleported: ue.previewTeleported,
-  zIndex: D.zIndex,
-  initialIndex: D.initialIndex,
-  infinite: D.infinite,
-  getContainer: ue.getContainer,
-  onHideOnClickModal: ue.hideOnClickModal,
+  disabled: Boolean,
+  zIndex: ge.zIndex,
+  current: ge.current,
+  infinite: ge.infinite,
+  getContainer: rn.getContainer,
+  onHideOnClickModal: Boolean,
+  countRender: [Function, Array, Object],
   icons: {
     type: Object,
     default: () => ({})
   }
 };
-function v(e, t) {
-  bt(e) && (e = "100%");
-  var n = yt(e);
-  return e = t === 360 ? e : Math.min(t, Math.max(0, parseFloat(e))), n && (e = parseInt(String(e * t), 10) / 100), Math.abs(e - t) < 1e-6 ? 1 : (t === 360 ? e = (e < 0 ? e % t + t : e % t) / parseFloat(String(t)) : e = e % t / parseFloat(String(t)), e);
-}
-function oe(e) {
-  return Math.min(1, Math.max(0, e));
-}
-function bt(e) {
-  return typeof e == "string" && e.indexOf(".") !== -1 && parseFloat(e) === 1;
-}
-function yt(e) {
-  return typeof e == "string" && e.indexOf("%") !== -1;
-}
-function Ue(e) {
-  return e = parseFloat(e), (isNaN(e) || e < 0 || e > 1) && (e = 1), e;
-}
-function se(e) {
-  return e <= 1 ? "".concat(Number(e) * 100, "%") : e;
-}
-function H(e) {
-  return e.length === 1 ? "0" + e : String(e);
-}
-function wt(e, t, n) {
-  return {
-    r: v(e, 255) * 255,
-    g: v(t, 255) * 255,
-    b: v(n, 255) * 255
-  };
-}
-function Re(e, t, n) {
-  e = v(e, 255), t = v(t, 255), n = v(n, 255);
-  var a = Math.max(e, t, n), i = Math.min(e, t, n), r = 0, o = 0, l = (a + i) / 2;
-  if (a === i)
-    o = 0, r = 0;
-  else {
-    var c = a - i;
-    switch (o = l > 0.5 ? c / (2 - a - i) : c / (a + i), a) {
-      case e:
-        r = (t - n) / c + (t < n ? 6 : 0);
-        break;
-      case t:
-        r = (n - e) / c + 2;
-        break;
-      case n:
-        r = (e - t) / c + 4;
-        break;
-    }
-    r /= 6;
-  }
-  return { h: r, s: o, l };
-}
-function be(e, t, n) {
-  return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? e + (t - e) * (6 * n) : n < 1 / 2 ? t : n < 2 / 3 ? e + (t - e) * (2 / 3 - n) * 6 : e;
-}
-function St(e, t, n) {
-  var a, i, r;
-  if (e = v(e, 360), t = v(t, 100), n = v(n, 100), t === 0)
-    i = n, r = n, a = n;
-  else {
-    var o = n < 0.5 ? n * (1 + t) : n + t - n * t, l = 2 * n - o;
-    a = be(l, o, e + 1 / 3), i = be(l, o, e), r = be(l, o, e - 1 / 3);
-  }
-  return { r: a * 255, g: i * 255, b: r * 255 };
-}
-function De(e, t, n) {
-  e = v(e, 255), t = v(t, 255), n = v(n, 255);
-  var a = Math.max(e, t, n), i = Math.min(e, t, n), r = 0, o = a, l = a - i, c = a === 0 ? 0 : l / a;
-  if (a === i)
-    r = 0;
-  else {
-    switch (a) {
-      case e:
-        r = (t - n) / l + (t < n ? 6 : 0);
-        break;
-      case t:
-        r = (n - e) / l + 2;
-        break;
-      case n:
-        r = (e - t) / l + 4;
-        break;
-    }
-    r /= 6;
-  }
-  return { h: r, s: c, v: o };
-}
-function xt(e, t, n) {
-  e = v(e, 360) * 6, t = v(t, 100), n = v(n, 100);
-  var a = Math.floor(e), i = e - a, r = n * (1 - t), o = n * (1 - i * t), l = n * (1 - (1 - i) * t), c = a % 6, S = [n, o, r, r, l, n][c], p = [l, n, n, o, r, r][c], E = [r, r, l, n, n, o][c];
-  return { r: S * 255, g: p * 255, b: E * 255 };
-}
-function He(e, t, n, a) {
-  var i = [
-    H(Math.round(e).toString(16)),
-    H(Math.round(t).toString(16)),
-    H(Math.round(n).toString(16))
-  ];
-  return a && i[0].startsWith(i[0].charAt(1)) && i[1].startsWith(i[1].charAt(1)) && i[2].startsWith(i[2].charAt(1)) ? i[0].charAt(0) + i[1].charAt(0) + i[2].charAt(0) : i.join("");
-}
-function Mt(e, t, n, a, i) {
-  var r = [
-    H(Math.round(e).toString(16)),
-    H(Math.round(t).toString(16)),
-    H(Math.round(n).toString(16)),
-    H(It(a))
-  ];
-  return i && r[0].startsWith(r[0].charAt(1)) && r[1].startsWith(r[1].charAt(1)) && r[2].startsWith(r[2].charAt(1)) && r[3].startsWith(r[3].charAt(1)) ? r[0].charAt(0) + r[1].charAt(0) + r[2].charAt(0) + r[3].charAt(0) : r.join("");
-}
-function It(e) {
-  return Math.round(parseFloat(e) * 255).toString(16);
-}
-function Pe(e) {
-  return w(e) / 255;
-}
-function w(e) {
-  return parseInt(e, 16);
-}
-function At(e) {
-  return {
-    r: e >> 16,
-    g: (e & 65280) >> 8,
-    b: e & 255
-  };
-}
-var Ae = {
-  aliceblue: "#f0f8ff",
-  antiquewhite: "#faebd7",
-  aqua: "#00ffff",
-  aquamarine: "#7fffd4",
-  azure: "#f0ffff",
-  beige: "#f5f5dc",
-  bisque: "#ffe4c4",
-  black: "#000000",
-  blanchedalmond: "#ffebcd",
-  blue: "#0000ff",
-  blueviolet: "#8a2be2",
-  brown: "#a52a2a",
-  burlywood: "#deb887",
-  cadetblue: "#5f9ea0",
-  chartreuse: "#7fff00",
-  chocolate: "#d2691e",
-  coral: "#ff7f50",
-  cornflowerblue: "#6495ed",
-  cornsilk: "#fff8dc",
-  crimson: "#dc143c",
-  cyan: "#00ffff",
-  darkblue: "#00008b",
-  darkcyan: "#008b8b",
-  darkgoldenrod: "#b8860b",
-  darkgray: "#a9a9a9",
-  darkgreen: "#006400",
-  darkgrey: "#a9a9a9",
-  darkkhaki: "#bdb76b",
-  darkmagenta: "#8b008b",
-  darkolivegreen: "#556b2f",
-  darkorange: "#ff8c00",
-  darkorchid: "#9932cc",
-  darkred: "#8b0000",
-  darksalmon: "#e9967a",
-  darkseagreen: "#8fbc8f",
-  darkslateblue: "#483d8b",
-  darkslategray: "#2f4f4f",
-  darkslategrey: "#2f4f4f",
-  darkturquoise: "#00ced1",
-  darkviolet: "#9400d3",
-  deeppink: "#ff1493",
-  deepskyblue: "#00bfff",
-  dimgray: "#696969",
-  dimgrey: "#696969",
-  dodgerblue: "#1e90ff",
-  firebrick: "#b22222",
-  floralwhite: "#fffaf0",
-  forestgreen: "#228b22",
-  fuchsia: "#ff00ff",
-  gainsboro: "#dcdcdc",
-  ghostwhite: "#f8f8ff",
-  goldenrod: "#daa520",
-  gold: "#ffd700",
-  gray: "#808080",
-  green: "#008000",
-  greenyellow: "#adff2f",
-  grey: "#808080",
-  honeydew: "#f0fff0",
-  hotpink: "#ff69b4",
-  indianred: "#cd5c5c",
-  indigo: "#4b0082",
-  ivory: "#fffff0",
-  khaki: "#f0e68c",
-  lavenderblush: "#fff0f5",
-  lavender: "#e6e6fa",
-  lawngreen: "#7cfc00",
-  lemonchiffon: "#fffacd",
-  lightblue: "#add8e6",
-  lightcoral: "#f08080",
-  lightcyan: "#e0ffff",
-  lightgoldenrodyellow: "#fafad2",
-  lightgray: "#d3d3d3",
-  lightgreen: "#90ee90",
-  lightgrey: "#d3d3d3",
-  lightpink: "#ffb6c1",
-  lightsalmon: "#ffa07a",
-  lightseagreen: "#20b2aa",
-  lightskyblue: "#87cefa",
-  lightslategray: "#778899",
-  lightslategrey: "#778899",
-  lightsteelblue: "#b0c4de",
-  lightyellow: "#ffffe0",
-  lime: "#00ff00",
-  limegreen: "#32cd32",
-  linen: "#faf0e6",
-  magenta: "#ff00ff",
-  maroon: "#800000",
-  mediumaquamarine: "#66cdaa",
-  mediumblue: "#0000cd",
-  mediumorchid: "#ba55d3",
-  mediumpurple: "#9370db",
-  mediumseagreen: "#3cb371",
-  mediumslateblue: "#7b68ee",
-  mediumspringgreen: "#00fa9a",
-  mediumturquoise: "#48d1cc",
-  mediumvioletred: "#c71585",
-  midnightblue: "#191970",
-  mintcream: "#f5fffa",
-  mistyrose: "#ffe4e1",
-  moccasin: "#ffe4b5",
-  navajowhite: "#ffdead",
-  navy: "#000080",
-  oldlace: "#fdf5e6",
-  olive: "#808000",
-  olivedrab: "#6b8e23",
-  orange: "#ffa500",
-  orangered: "#ff4500",
-  orchid: "#da70d6",
-  palegoldenrod: "#eee8aa",
-  palegreen: "#98fb98",
-  paleturquoise: "#afeeee",
-  palevioletred: "#db7093",
-  papayawhip: "#ffefd5",
-  peachpuff: "#ffdab9",
-  peru: "#cd853f",
-  pink: "#ffc0cb",
-  plum: "#dda0dd",
-  powderblue: "#b0e0e6",
-  purple: "#800080",
-  rebeccapurple: "#663399",
-  red: "#ff0000",
-  rosybrown: "#bc8f8f",
-  royalblue: "#4169e1",
-  saddlebrown: "#8b4513",
-  salmon: "#fa8072",
-  sandybrown: "#f4a460",
-  seagreen: "#2e8b57",
-  seashell: "#fff5ee",
-  sienna: "#a0522d",
-  silver: "#c0c0c0",
-  skyblue: "#87ceeb",
-  slateblue: "#6a5acd",
-  slategray: "#708090",
-  slategrey: "#708090",
-  snow: "#fffafa",
-  springgreen: "#00ff7f",
-  steelblue: "#4682b4",
-  tan: "#d2b48c",
-  teal: "#008080",
-  thistle: "#d8bfd8",
-  tomato: "#ff6347",
-  turquoise: "#40e0d0",
-  violet: "#ee82ee",
-  wheat: "#f5deb3",
-  white: "#ffffff",
-  whitesmoke: "#f5f5f5",
-  yellow: "#ffff00",
-  yellowgreen: "#9acd32"
-};
-function Ct(e) {
-  var t = { r: 0, g: 0, b: 0 }, n = 1, a = null, i = null, r = null, o = !1, l = !1;
-  return typeof e == "string" && (e = zt(e)), typeof e == "object" && (O(e.r) && O(e.g) && O(e.b) ? (t = wt(e.r, e.g, e.b), o = !0, l = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : O(e.h) && O(e.s) && O(e.v) ? (a = se(e.s), i = se(e.v), t = xt(e.h, a, i), o = !0, l = "hsv") : O(e.h) && O(e.s) && O(e.l) && (a = se(e.s), r = se(e.l), t = St(e.h, a, r), o = !0, l = "hsl"), Object.prototype.hasOwnProperty.call(e, "a") && (n = e.a)), n = Ue(n), {
-    ok: o,
-    format: e.format || l,
-    r: Math.min(255, Math.max(t.r, 0)),
-    g: Math.min(255, Math.max(t.g, 0)),
-    b: Math.min(255, Math.max(t.b, 0)),
-    a: n
-  };
+function dr(e, t) {
+  process.env.NODE_ENV !== "production" && !e && console !== void 0 && console.error(`Warning: ${t}`);
 }
-var Tt = "[-\\+]?\\d+%?", kt = "[-\\+]?\\d*\\.\\d+%?", N = "(?:".concat(kt, ")|(?:").concat(Tt, ")"), ye = "[\\s|\\(]+(".concat(N, ")[,|\\s]+(").concat(N, ")[,|\\s]+(").concat(N, ")\\s*\\)?"), we = "[\\s|\\(]+(".concat(N, ")[,|\\s]+(").concat(N, ")[,|\\s]+(").concat(N, ")[,|\\s]+(").concat(N, ")\\s*\\)?"), T = {
-  CSS_UNIT: new RegExp(N),
-  rgb: new RegExp("rgb" + ye),
-  rgba: new RegExp("rgba" + we),
-  hsl: new RegExp("hsl" + ye),
-  hsla: new RegExp("hsla" + we),
-  hsv: new RegExp("hsv" + ye),
-  hsva: new RegExp("hsva" + we),
-  hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
-  hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
-  hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
-  hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
-};
-function zt(e) {
-  if (e = e.trim().toLowerCase(), e.length === 0)
-    return !1;
-  var t = !1;
-  if (Ae[e])
-    e = Ae[e], t = !0;
-  else if (e === "transparent")
-    return { r: 0, g: 0, b: 0, a: 0, format: "name" };
-  var n = T.rgb.exec(e);
-  return n ? { r: n[1], g: n[2], b: n[3] } : (n = T.rgba.exec(e), n ? { r: n[1], g: n[2], b: n[3], a: n[4] } : (n = T.hsl.exec(e), n ? { h: n[1], s: n[2], l: n[3] } : (n = T.hsla.exec(e), n ? { h: n[1], s: n[2], l: n[3], a: n[4] } : (n = T.hsv.exec(e), n ? { h: n[1], s: n[2], v: n[3] } : (n = T.hsva.exec(e), n ? { h: n[1], s: n[2], v: n[3], a: n[4] } : (n = T.hex8.exec(e), n ? {
-    r: w(n[1]),
-    g: w(n[2]),
-    b: w(n[3]),
-    a: Pe(n[4]),
-    format: t ? "name" : "hex8"
-  } : (n = T.hex6.exec(e), n ? {
-    r: w(n[1]),
-    g: w(n[2]),
-    b: w(n[3]),
-    format: t ? "name" : "hex"
-  } : (n = T.hex4.exec(e), n ? {
-    r: w(n[1] + n[1]),
-    g: w(n[2] + n[2]),
-    b: w(n[3] + n[3]),
-    a: Pe(n[4] + n[4]),
-    format: t ? "name" : "hex8"
-  } : (n = T.hex3.exec(e), n ? {
-    r: w(n[1] + n[1]),
-    g: w(n[2] + n[2]),
-    b: w(n[3] + n[3]),
-    format: t ? "name" : "hex"
-  } : !1)))))))));
-}
-function O(e) {
-  return !!T.CSS_UNIT.exec(String(e));
-}
-var Q = (
-  /** @class */
-  function() {
-    function e(t, n) {
-      t === void 0 && (t = ""), n === void 0 && (n = {});
-      var a;
-      if (t instanceof e)
-        return t;
-      typeof t == "number" && (t = At(t)), this.originalInput = t;
-      var i = Ct(t);
-      this.originalInput = t, this.r = i.r, this.g = i.g, this.b = i.b, this.a = i.a, this.roundA = Math.round(100 * this.a) / 100, this.format = (a = n.format) !== null && a !== void 0 ? a : i.format, this.gradientType = n.gradientType, this.r < 1 && (this.r = Math.round(this.r)), this.g < 1 && (this.g = Math.round(this.g)), this.b < 1 && (this.b = Math.round(this.b)), this.isValid = i.ok;
-    }
-    return e.prototype.isDark = function() {
-      return this.getBrightness() < 128;
-    }, e.prototype.isLight = function() {
-      return !this.isDark();
-    }, e.prototype.getBrightness = function() {
-      var t = this.toRgb();
-      return (t.r * 299 + t.g * 587 + t.b * 114) / 1e3;
-    }, e.prototype.getLuminance = function() {
-      var t = this.toRgb(), n, a, i, r = t.r / 255, o = t.g / 255, l = t.b / 255;
-      return r <= 0.03928 ? n = r / 12.92 : n = Math.pow((r + 0.055) / 1.055, 2.4), o <= 0.03928 ? a = o / 12.92 : a = Math.pow((o + 0.055) / 1.055, 2.4), l <= 0.03928 ? i = l / 12.92 : i = Math.pow((l + 0.055) / 1.055, 2.4), 0.2126 * n + 0.7152 * a + 0.0722 * i;
-    }, e.prototype.getAlpha = function() {
-      return this.a;
-    }, e.prototype.setAlpha = function(t) {
-      return this.a = Ue(t), this.roundA = Math.round(100 * this.a) / 100, this;
-    }, e.prototype.isMonochrome = function() {
-      var t = this.toHsl().s;
-      return t === 0;
-    }, e.prototype.toHsv = function() {
-      var t = De(this.r, this.g, this.b);
-      return { h: t.h * 360, s: t.s, v: t.v, a: this.a };
-    }, e.prototype.toHsvString = function() {
-      var t = De(this.r, this.g, this.b), n = Math.round(t.h * 360), a = Math.round(t.s * 100), i = Math.round(t.v * 100);
-      return this.a === 1 ? "hsv(".concat(n, ", ").concat(a, "%, ").concat(i, "%)") : "hsva(".concat(n, ", ").concat(a, "%, ").concat(i, "%, ").concat(this.roundA, ")");
-    }, e.prototype.toHsl = function() {
-      var t = Re(this.r, this.g, this.b);
-      return { h: t.h * 360, s: t.s, l: t.l, a: this.a };
-    }, e.prototype.toHslString = function() {
-      var t = Re(this.r, this.g, this.b), n = Math.round(t.h * 360), a = Math.round(t.s * 100), i = Math.round(t.l * 100);
-      return this.a === 1 ? "hsl(".concat(n, ", ").concat(a, "%, ").concat(i, "%)") : "hsla(".concat(n, ", ").concat(a, "%, ").concat(i, "%, ").concat(this.roundA, ")");
-    }, e.prototype.toHex = function(t) {
-      return t === void 0 && (t = !1), He(this.r, this.g, this.b, t);
-    }, e.prototype.toHexString = function(t) {
-      return t === void 0 && (t = !1), "#" + this.toHex(t);
-    }, e.prototype.toHex8 = function(t) {
-      return t === void 0 && (t = !1), Mt(this.r, this.g, this.b, this.a, t);
-    }, e.prototype.toHex8String = function(t) {
-      return t === void 0 && (t = !1), "#" + this.toHex8(t);
-    }, e.prototype.toHexShortString = function(t) {
-      return t === void 0 && (t = !1), this.a === 1 ? this.toHexString(t) : this.toHex8String(t);
-    }, e.prototype.toRgb = function() {
-      return {
-        r: Math.round(this.r),
-        g: Math.round(this.g),
-        b: Math.round(this.b),
-        a: this.a
-      };
-    }, e.prototype.toRgbString = function() {
-      var t = Math.round(this.r), n = Math.round(this.g), a = Math.round(this.b);
-      return this.a === 1 ? "rgb(".concat(t, ", ").concat(n, ", ").concat(a, ")") : "rgba(".concat(t, ", ").concat(n, ", ").concat(a, ", ").concat(this.roundA, ")");
-    }, e.prototype.toPercentageRgb = function() {
-      var t = function(n) {
-        return "".concat(Math.round(v(n, 255) * 100), "%");
-      };
-      return {
-        r: t(this.r),
-        g: t(this.g),
-        b: t(this.b),
-        a: this.a
-      };
-    }, e.prototype.toPercentageRgbString = function() {
-      var t = function(n) {
-        return Math.round(v(n, 255) * 100);
-      };
-      return this.a === 1 ? "rgb(".concat(t(this.r), "%, ").concat(t(this.g), "%, ").concat(t(this.b), "%)") : "rgba(".concat(t(this.r), "%, ").concat(t(this.g), "%, ").concat(t(this.b), "%, ").concat(this.roundA, ")");
-    }, e.prototype.toName = function() {
-      if (this.a === 0)
-        return "transparent";
-      if (this.a < 1)
-        return !1;
-      for (var t = "#" + He(this.r, this.g, this.b, !1), n = 0, a = Object.entries(Ae); n < a.length; n++) {
-        var i = a[n], r = i[0], o = i[1];
-        if (t === o)
-          return r;
-      }
-      return !1;
-    }, e.prototype.toString = function(t) {
-      var n = !!t;
-      t = t ?? this.format;
-      var a = !1, i = this.a < 1 && this.a >= 0, r = !n && i && (t.startsWith("hex") || t === "name");
-      return r ? t === "name" && this.a === 0 ? this.toName() : this.toRgbString() : (t === "rgb" && (a = this.toRgbString()), t === "prgb" && (a = this.toPercentageRgbString()), (t === "hex" || t === "hex6") && (a = this.toHexString()), t === "hex3" && (a = this.toHexString(!0)), t === "hex4" && (a = this.toHex8String(!0)), t === "hex8" && (a = this.toHex8String()), t === "name" && (a = this.toName()), t === "hsl" && (a = this.toHslString()), t === "hsv" && (a = this.toHsvString()), a || this.toHexString());
-    }, e.prototype.toNumber = function() {
-      return (Math.round(this.r) << 16) + (Math.round(this.g) << 8) + Math.round(this.b);
-    }, e.prototype.clone = function() {
-      return new e(this.toString());
-    }, e.prototype.lighten = function(t) {
-      t === void 0 && (t = 10);
-      var n = this.toHsl();
-      return n.l += t / 100, n.l = oe(n.l), new e(n);
-    }, e.prototype.brighten = function(t) {
-      t === void 0 && (t = 10);
-      var n = this.toRgb();
-      return n.r = Math.max(0, Math.min(255, n.r - Math.round(255 * -(t / 100)))), n.g = Math.max(0, Math.min(255, n.g - Math.round(255 * -(t / 100)))), n.b = Math.max(0, Math.min(255, n.b - Math.round(255 * -(t / 100)))), new e(n);
-    }, e.prototype.darken = function(t) {
-      t === void 0 && (t = 10);
-      var n = this.toHsl();
-      return n.l -= t / 100, n.l = oe(n.l), new e(n);
-    }, e.prototype.tint = function(t) {
-      return t === void 0 && (t = 10), this.mix("white", t);
-    }, e.prototype.shade = function(t) {
-      return t === void 0 && (t = 10), this.mix("black", t);
-    }, e.prototype.desaturate = function(t) {
-      t === void 0 && (t = 10);
-      var n = this.toHsl();
-      return n.s -= t / 100, n.s = oe(n.s), new e(n);
-    }, e.prototype.saturate = function(t) {
-      t === void 0 && (t = 10);
-      var n = this.toHsl();
-      return n.s += t / 100, n.s = oe(n.s), new e(n);
-    }, e.prototype.greyscale = function() {
-      return this.desaturate(100);
-    }, e.prototype.spin = function(t) {
-      var n = this.toHsl(), a = (n.h + t) % 360;
-      return n.h = a < 0 ? 360 + a : a, new e(n);
-    }, e.prototype.mix = function(t, n) {
-      n === void 0 && (n = 50);
-      var a = this.toRgb(), i = new e(t).toRgb(), r = n / 100, o = {
-        r: (i.r - a.r) * r + a.r,
-        g: (i.g - a.g) * r + a.g,
-        b: (i.b - a.b) * r + a.b,
-        a: (i.a - a.a) * r + a.a
-      };
-      return new e(o);
-    }, e.prototype.analogous = function(t, n) {
-      t === void 0 && (t = 6), n === void 0 && (n = 30);
-      var a = this.toHsl(), i = 360 / n, r = [this];
-      for (a.h = (a.h - (i * t >> 1) + 720) % 360; --t; )
-        a.h = (a.h + i) % 360, r.push(new e(a));
-      return r;
-    }, e.prototype.complement = function() {
-      var t = this.toHsl();
-      return t.h = (t.h + 180) % 360, new e(t);
-    }, e.prototype.monochromatic = function(t) {
-      t === void 0 && (t = 6);
-      for (var n = this.toHsv(), a = n.h, i = n.s, r = n.v, o = [], l = 1 / t; t--; )
-        o.push(new e({ h: a, s: i, v: r })), r = (r + l) % 1;
-      return o;
-    }, e.prototype.splitcomplement = function() {
-      var t = this.toHsl(), n = t.h;
-      return [
-        this,
-        new e({ h: (n + 72) % 360, s: t.s, l: t.l }),
-        new e({ h: (n + 216) % 360, s: t.s, l: t.l })
-      ];
-    }, e.prototype.onBackground = function(t) {
-      var n = this.toRgb(), a = new e(t).toRgb(), i = n.a + a.a * (1 - n.a);
-      return new e({
-        r: (n.r * n.a + a.r * a.a * (1 - n.a)) / i,
-        g: (n.g * n.a + a.g * a.a * (1 - n.a)) / i,
-        b: (n.b * n.a + a.b * a.a * (1 - n.a)) / i,
-        a: i
-      });
-    }, e.prototype.triad = function() {
-      return this.polyad(3);
-    }, e.prototype.tetrad = function() {
-      return this.polyad(4);
-    }, e.prototype.polyad = function(t) {
-      for (var n = this.toHsl(), a = n.h, i = [this], r = 360 / t, o = 1; o < t; o++)
-        i.push(new e({ h: (a + o * r) % 360, s: n.s, l: n.l }));
-      return i;
-    }, e.prototype.equals = function(t) {
-      return this.toRgbString() === new e(t).toRgbString();
-    }, e;
-  }()
-);
-const Ot = new fe("viewFadeIn", {
+const gr = new Me("viewFadeIn", {
   "0%": {
     opacity: 0
   },
   "100%": {
     opacity: 1
   }
-}), Lt = new fe("viewFadeOut", {
+}), vr = new Me("viewFadeOut", {
   "0%": {
     opacity: 1
   },
   "100%": {
     opacity: 0
   }
-}), Nt = new fe("viewZoomBadgeIn", {
+}), pr = new Me("viewZoomBadgeIn", {
   "0%": {
     transform: "scale(0.2)",
     opacity: 0
@@ -655,7 +118,7 @@ const Ot = new fe("viewFadeIn", {
     transform: "scale(1)",
     opacity: 1
   }
-}), Et = new fe("viewZoomBadgeOut", {
+}), hr = new Me("viewZoomBadgeOut", {
   "0%": {
     transform: "scale(1)"
   },
@@ -663,11 +126,11 @@ const Ot = new fe("viewFadeIn", {
     transform: "scale(0.2)",
     opacity: 0
   }
-}), Fe = (e) => ({
+}), Ot = (e) => ({
   position: e || "absolute",
   inset: 0
 });
-function Se(e) {
+function Fe(e) {
   return {
     position: e,
     top: 0,
@@ -676,143 +139,149 @@ function Se(e) {
     insetInlineStart: 0
   };
 }
-const $t = (e) => ({
-  boxSizing: "border-box",
-  margin: 0,
-  padding: 0,
-  color: e.colorText,
-  fontSize: e.fontSize,
-  lineHeight: e.lineHeight,
-  listStyle: "none",
-  fontFamily: e.fontFamily
-}), Rt = (e) => {
-  const { componentCls: t, modalMaskBg: n, paddingSM: a, previewOperationColorDisabled: i, motionDurationSlow: r } = e, o = new Q(n).setAlpha(0.1), l = o.clone().setAlpha(0.2);
+const mr = (e) => {
+  const { previewCls: t, modalMaskBg: n, paddingSM: r, marginXL: o, margin: i, paddingLG: a, previewOperationColorDisabled: s, previewOperationHoverColor: g, motionDurationSlow: d, iconCls: y, colorTextLightSolid: I } = e, h = new re(n).setAlpha(0.1), v = h.clone().setAlpha(0.2);
   return {
-    [`${t}-operations`]: {
-      ...$t(e),
+    [`${t}-footer`]: {
+      position: "fixed",
+      bottom: o,
+      left: {
+        _skip_check_: !0,
+        value: "50%"
+      },
       display: "flex",
-      flexDirection: "row-reverse",
+      flexDirection: "column",
       alignItems: "center",
       color: e.previewOperationColor,
-      listStyle: "none",
-      background: o.toRgbString(),
-      pointerEvents: "auto",
+      transform: "translateX(-50%)"
+    },
+    [`${t}-progress`]: {
+      marginBottom: i
+    },
+    [`${t}-close`]: {
+      position: "fixed",
+      top: o,
+      right: {
+        _skip_check_: !0,
+        value: o
+      },
+      display: "flex",
+      color: I,
+      backgroundColor: h.toRgbString(),
+      borderRadius: "50%",
+      padding: r,
+      outline: 0,
+      border: 0,
+      cursor: "pointer",
+      transition: `all ${d}`,
+      "&:hover": {
+        backgroundColor: v.toRgbString()
+      },
+      [`& > ${y}`]: {
+        fontSize: e.previewOperationSize
+      }
+    },
+    [`${t}-operations`]: {
+      display: "flex",
+      alignItems: "center",
+      padding: `0 ${cr(a)}`,
+      backgroundColor: h.toRgbString(),
+      borderRadius: 100,
       "&-operation": {
-        marginInlineStart: a,
-        padding: a,
+        marginInlineStart: r,
+        padding: r,
         cursor: "pointer",
-        transition: `all ${r}`,
+        transition: `all ${d}`,
         userSelect: "none",
-        "&:hover": {
-          background: l.toRgbString()
+        [`&:not(${t}-operations-operation-disabled):hover > ${y}`]: {
+          color: g
         },
         "&-disabled": {
-          color: i,
-          pointerEvents: "none"
+          color: s,
+          cursor: "not-allowed"
         },
-        "&:last-of-type": {
+        "&:first-of-type": {
           marginInlineStart: 0
+        },
+        [`& > ${y}`]: {
+          fontSize: e.previewOperationSize
         }
-      },
-      "&-progress": {
-        position: "absolute",
-        left: { _skip_check_: !0, value: "50%" },
-        transform: "translateX(-50%)"
-      },
-      "&-icon": {
-        fontSize: e.previewOperationSize
       }
     }
   };
-}, Dt = (e) => {
-  const { modalMaskBg: t, previewOperationColorDisabled: n, zIndexPopup: a, motionDurationSlow: i } = e, r = new Q(t).setAlpha(0.1), o = r.clone().setAlpha(0.2);
+}, wr = (e) => {
+  const { modalMaskBg: t, iconCls: n, previewOperationColorDisabled: r, previewCls: o, zIndexPopup: i, motionDurationSlow: a } = e, s = new re(t).setAlpha(0.1), g = s.clone().setAlpha(0.2);
   return {
-    [`${e.componentCls}-switch-left, ${e.componentCls}-switch-right`]: {
+    [`${o}-switch-left, ${o}-switch-right`]: {
       position: "fixed",
       insetBlockStart: "50%",
-      zIndex: a + 1,
+      zIndex: e.calc(i).add(1).equal(),
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
       width: e.imagePreviewSwitchSize,
       height: e.imagePreviewSwitchSize,
-      marginTop: -e.imagePreviewSwitchSize / 2,
+      marginTop: e.calc(e.imagePreviewSwitchSize).mul(-1).div(2).equal(),
       color: e.previewOperationColor,
-      background: r.toRgbString(),
+      background: s.toRgbString(),
       borderRadius: "50%",
       transform: "translateY(-50%)",
       cursor: "pointer",
-      transition: `all ${i}`,
-      pointerEvents: "auto",
+      transition: `all ${a}`,
       userSelect: "none",
       "&:hover": {
-        background: o.toRgbString()
+        background: g.toRgbString()
       },
       "&-disabled": {
         "&, &:hover": {
-          color: n,
+          color: r,
           background: "transparent",
           cursor: "not-allowed",
-          [`> ${e.iconCls}`]: {
+          [`> ${n}`]: {
             cursor: "not-allowed"
           }
         }
       },
-      [`> ${e.iconCls}`]: {
+      [`> ${n}`]: {
         fontSize: e.previewOperationSize
       }
     },
-    [`${e.componentCls}-switch-left`]: {
+    [`${o}-switch-left`]: {
       insetInlineStart: e.marginSM
     },
-    [`${e.componentCls}-switch-right`]: {
+    [`${o}-switch-right`]: {
       insetInlineEnd: e.marginSM
     }
   };
-}, Ht = (e) => ({
+}, yr = (e) => ({
   [e.componentCls]: {
+    height: "100%",
+    textAlign: "center",
+    pointerEvents: "none",
     "&-root": {
-      ...Se("fixed"),
+      ...Fe("fixed"),
       zIndex: e.zIndexPopup,
       overflow: "auto",
       outline: 0,
       WebkitOverflowScrolling: "touch"
     },
-    "&-wrapper": {
-      ...Se("fixed"),
+    "&-wrap": {
+      ...Fe("fixed"),
       zIndex: e.zIndexPopup,
       overflow: "auto",
       outline: 0,
       WebkitOverflowScrolling: "touch"
     },
     "&-mask": {
-      ...Se("fixed"),
+      ...Fe("fixed"),
       zIndex: e.zIndexPopupBase,
       height: "100%",
       backgroundColor: e.colorBgMask
     },
-    "&-block": {
-      height: "100%",
-      textAlign: "center",
-      pointerEvents: "none"
-    },
     "&-body": {
-      ...Fe(),
+      ...Ot(),
       overflow: "hidden"
     },
-    "&-canvas": {
-      ...Fe(),
-      display: "flex",
-      justifyContent: "center",
-      alignItems: "center",
-      "&::before": {
-        display: "inline-block",
-        width: 1,
-        height: "50%",
-        marginInlineEnd: -1,
-        content: '""'
-      }
-    },
     "&-img": {
       maxWidth: "100%",
       maxHeight: "100%",
@@ -821,20 +290,34 @@ const $t = (e) => ({
       cursor: "grab",
       transition: `transform ${e.motionDurationSlow} ${e.motionEaseOut} 0s`,
       userSelect: "none",
-      pointerEvents: "auto"
+      pointerEvents: "auto",
+      "&-wrapper": {
+        ...Ot(),
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        transition: `transform ${e.motionDurationSlow} ${e.motionEaseOut} 0s`,
+        "&::before": {
+          display: "inline-block",
+          width: 1,
+          height: "50%",
+          marginInlineEnd: -1,
+          content: '""'
+        }
+      }
     },
     "&-fade-appear, &-fade-enter": {
-      animationName: Ot,
+      animationName: gr,
       animationDuration: e.motionDurationSlow,
       animationTimingFunction: "linear"
     },
     "&-fade-leave": {
-      animationName: Lt,
+      animationName: vr,
       animationDuration: e.motionDurationSlow,
       animationTimingFunction: "linear"
     },
     "&-zoom-appear, &-zoom-enter": {
-      animationName: Nt,
+      animationName: pr,
       opacity: 0,
       animationTimingFunction: e.motionEaseOutCirc,
       animationFillMode: "both",
@@ -846,7 +329,7 @@ const $t = (e) => ({
       animationPlayState: "running"
     },
     "&-zoom-leave": {
-      animationName: Et,
+      animationName: hr,
       animationDuration: e.motionDurationSlow,
       animationTimingFunction: e.motionEaseOutBack,
       animationFillMode: "both"
@@ -864,339 +347,1801 @@ const $t = (e) => ({
     zIndex: e.zIndexPopup + 1,
     width: "100%"
   },
-  "&": [Rt(e), Dt(e)]
+  "&": [mr(e), wr(e)]
 });
-function Pt(e) {
-  return ht("ImageView", (t) => {
-    const n = gt(t, {
+function br(e) {
+  return lr("ImageViewer", (t) => {
+    const n = sr(t, {
       zIndexPopup: t.zIndexPopupBase + 80,
-      previewOperationColorDisabled: new Q(t.colorTextLightSolid).setAlpha(0.25).toRgbString(),
-      modalMaskBg: new Q("#000").setAlpha(0.45).toRgbString(),
+      previewOperationColorDisabled: new re(t.colorTextLightSolid).setAlpha(0.25).toRgbString(),
+      previewOperationHoverColor: new re(t.colorTextLightSolid).setAlpha(0.85).toRgbString(),
+      modalMaskBg: new re("#000").setAlpha(0.45).toRgbString(),
       // FIXME: Shared Token
-      previewOperationColor: new Q(t.colorTextLightSolid).toRgbString(),
+      previewOperationColor: new re(t.colorTextLightSolid).toRgbString(),
       previewOperationSize: t.fontSizeIcon * 1.5,
       // FIXME: fontSizeIconLG
       imagePreviewSwitchSize: t.controlHeightLG,
-      iconCls: "anticon"
+      iconCls: "anticon",
+      previewCls: t.componentCls
     });
-    return [Ht(n)];
+    return [yr(n)];
   }, e);
 }
-const Y = {
-  tab: "Tab",
-  enter: "Enter",
-  space: "Space",
-  left: "ArrowLeft",
-  // 37
-  up: "ArrowUp",
-  // 38
-  right: "ArrowRight",
-  // 39
-  down: "ArrowDown",
-  // 40
-  esc: "Escape",
-  delete: "Delete",
-  backspace: "Backspace"
-}, le = function(e, t, n, a = !1) {
-  e && t && n && e.addEventListener(t, n, a);
-}, xe = function(e, t, n, a = !1) {
-  e && t && n && e.removeEventListener(t, n, a);
-}, X = {
-  CONTAIN: {
-    name: "contain",
-    icon: f(Ke, null, null)
+function Sr(e) {
+  const t = e.getBoundingClientRect(), n = document.documentElement;
+  return {
+    left: t.left + (window.scrollX || n.scrollLeft) - (n.clientLeft || document.body.clientLeft || 0),
+    top: t.top + (window.scrollY || n.scrollTop) - (n.clientTop || document.body.clientTop || 0)
+  };
+}
+function Tr() {
+  const e = document.documentElement.clientWidth, t = window.innerHeight || document.documentElement.clientHeight;
+  return {
+    width: e,
+    height: t
+  };
+}
+function Et(e, t, n, r) {
+  const o = t + n, i = (n - r) / 2;
+  if (n > r) {
+    if (t > 0)
+      return {
+        [e]: i
+      };
+    if (t < 0 && o < r)
+      return {
+        [e]: -i
+      };
+  } else if (t < 0 || o > r)
+    return {
+      [e]: t < 0 ? i : -i
+    };
+  return {};
+}
+function Ir(e, t, n, r) {
+  const { width: o, height: i } = Tr();
+  let a = null;
+  return e <= o && t <= i ? a = {
+    x: 0,
+    y: 0
+  } : (e > o || t > i) && (a = {
+    ...Et("x", n, e, o),
+    ...Et("y", r, t, i)
+  }), a;
+}
+let on = !1;
+try {
+  const e = Object.defineProperty({}, "passive", {
+    get() {
+      on = !0;
+    }
+  });
+  window.addEventListener("testPassive", null, e), window.removeEventListener("testPassive", null, e);
+} catch {
+}
+function k(e, t, n, r) {
+  if (e && e.addEventListener) {
+    let o = r;
+    o === void 0 && on && (t === "touchstart" || t === "touchmove" || t === "wheel") && (o = { passive: !1 }), e.addEventListener(t, n, o);
+  }
+  return {
+    remove: () => {
+      e && e.removeEventListener && e.removeEventListener(t, n);
+    }
+  };
+}
+const c = {
+  /**
+   * MAC_ENTER
+   */
+  MAC_ENTER: 3,
+  /**
+   * BACKSPACE
+   */
+  BACKSPACE: 8,
+  /**
+   * TAB
+   */
+  TAB: 9,
+  /**
+   * NUMLOCK on FF/Safari Mac
+   */
+  NUM_CENTER: 12,
+  // NUMLOCK on FF/Safari Mac
+  /**
+   * ENTER
+   */
+  ENTER: 13,
+  /**
+   * SHIFT
+   */
+  SHIFT: 16,
+  /**
+   * CTRL
+   */
+  CTRL: 17,
+  /**
+   * ALT
+   */
+  ALT: 18,
+  /**
+   * PAUSE
+   */
+  PAUSE: 19,
+  /**
+   * CAPS_LOCK
+   */
+  CAPS_LOCK: 20,
+  /**
+   * ESC
+   */
+  ESC: 27,
+  /**
+   * SPACE
+   */
+  SPACE: 32,
+  /**
+   * PAGE_UP
+   */
+  PAGE_UP: 33,
+  // also NUM_NORTH_EAST
+  /**
+   * PAGE_DOWN
+   */
+  PAGE_DOWN: 34,
+  // also NUM_SOUTH_EAST
+  /**
+   * END
+   */
+  END: 35,
+  // also NUM_SOUTH_WEST
+  /**
+   * HOME
+   */
+  HOME: 36,
+  // also NUM_NORTH_WEST
+  /**
+   * LEFT
+   */
+  LEFT: 37,
+  // also NUM_WEST
+  /**
+   * UP
+   */
+  UP: 38,
+  // also NUM_NORTH
+  /**
+   * RIGHT
+   */
+  RIGHT: 39,
+  // also NUM_EAST
+  /**
+   * DOWN
+   */
+  DOWN: 40,
+  // also NUM_SOUTH
+  /**
+   * PRINT_SCREEN
+   */
+  PRINT_SCREEN: 44,
+  /**
+   * INSERT
+   */
+  INSERT: 45,
+  // also NUM_INSERT
+  /**
+   * DELETE
+   */
+  DELETE: 46,
+  // also NUM_DELETE
+  /**
+   * ZERO
+   */
+  ZERO: 48,
+  /**
+   * ONE
+   */
+  ONE: 49,
+  /**
+   * TWO
+   */
+  TWO: 50,
+  /**
+   * THREE
+   */
+  THREE: 51,
+  /**
+   * FOUR
+   */
+  FOUR: 52,
+  /**
+   * FIVE
+   */
+  FIVE: 53,
+  /**
+   * SIX
+   */
+  SIX: 54,
+  /**
+   * SEVEN
+   */
+  SEVEN: 55,
+  /**
+   * EIGHT
+   */
+  EIGHT: 56,
+  /**
+   * NINE
+   */
+  NINE: 57,
+  /**
+   * QUESTION_MARK
+   */
+  QUESTION_MARK: 63,
+  // needs localization
+  /**
+   * A
+   */
+  A: 65,
+  /**
+   * B
+   */
+  B: 66,
+  /**
+   * C
+   */
+  C: 67,
+  /**
+   * D
+   */
+  D: 68,
+  /**
+   * E
+   */
+  E: 69,
+  /**
+   * F
+   */
+  F: 70,
+  /**
+   * G
+   */
+  G: 71,
+  /**
+   * H
+   */
+  H: 72,
+  /**
+   * I
+   */
+  I: 73,
+  /**
+   * J
+   */
+  J: 74,
+  /**
+   * K
+   */
+  K: 75,
+  /**
+   * L
+   */
+  L: 76,
+  /**
+   * M
+   */
+  M: 77,
+  /**
+   * N
+   */
+  N: 78,
+  /**
+   * O
+   */
+  O: 79,
+  /**
+   * P
+   */
+  P: 80,
+  /**
+   * Q
+   */
+  Q: 81,
+  /**
+   * R
+   */
+  R: 82,
+  /**
+   * S
+   */
+  S: 83,
+  /**
+   * T
+   */
+  T: 84,
+  /**
+   * U
+   */
+  U: 85,
+  /**
+   * V
+   */
+  V: 86,
+  /**
+   * W
+   */
+  W: 87,
+  /**
+   * X
+   */
+  X: 88,
+  /**
+   * Y
+   */
+  Y: 89,
+  /**
+   * Z
+   */
+  Z: 90,
+  /**
+   * META
+   */
+  META: 91,
+  // WIN_KEY_LEFT
+  /**
+   * WIN_KEY_RIGHT
+   */
+  WIN_KEY_RIGHT: 92,
+  /**
+   * CONTEXT_MENU
+   */
+  CONTEXT_MENU: 93,
+  /**
+   * NUM_ZERO
+   */
+  NUM_ZERO: 96,
+  /**
+   * NUM_ONE
+   */
+  NUM_ONE: 97,
+  /**
+   * NUM_TWO
+   */
+  NUM_TWO: 98,
+  /**
+   * NUM_THREE
+   */
+  NUM_THREE: 99,
+  /**
+   * NUM_FOUR
+   */
+  NUM_FOUR: 100,
+  /**
+   * NUM_FIVE
+   */
+  NUM_FIVE: 101,
+  /**
+   * NUM_SIX
+   */
+  NUM_SIX: 102,
+  /**
+   * NUM_SEVEN
+   */
+  NUM_SEVEN: 103,
+  /**
+   * NUM_EIGHT
+   */
+  NUM_EIGHT: 104,
+  /**
+   * NUM_NINE
+   */
+  NUM_NINE: 105,
+  /**
+   * NUM_MULTIPLY
+   */
+  NUM_MULTIPLY: 106,
+  /**
+   * NUM_PLUS
+   */
+  NUM_PLUS: 107,
+  /**
+   * NUM_MINUS
+   */
+  NUM_MINUS: 109,
+  /**
+   * NUM_PERIOD
+   */
+  NUM_PERIOD: 110,
+  /**
+   * NUM_DIVISION
+   */
+  NUM_DIVISION: 111,
+  /**
+   * F1
+   */
+  F1: 112,
+  /**
+   * F2
+   */
+  F2: 113,
+  /**
+   * F3
+   */
+  F3: 114,
+  /**
+   * F4
+   */
+  F4: 115,
+  /**
+   * F5
+   */
+  F5: 116,
+  /**
+   * F6
+   */
+  F6: 117,
+  /**
+   * F7
+   */
+  F7: 118,
+  /**
+   * F8
+   */
+  F8: 119,
+  /**
+   * F9
+   */
+  F9: 120,
+  /**
+   * F10
+   */
+  F10: 121,
+  /**
+   * F11
+   */
+  F11: 122,
+  /**
+   * F12
+   */
+  F12: 123,
+  /**
+   * NUMLOCK
+   */
+  NUMLOCK: 144,
+  /**
+   * SEMICOLON
+   */
+  SEMICOLON: 186,
+  // needs localization
+  /**
+   * DASH
+   */
+  DASH: 189,
+  // needs localization
+  /**
+   * EQUALS
+   */
+  EQUALS: 187,
+  // needs localization
+  /**
+   * COMMA
+   */
+  COMMA: 188,
+  // needs localization
+  /**
+   * PERIOD
+   */
+  PERIOD: 190,
+  // needs localization
+  /**
+   * SLASH
+   */
+  SLASH: 191,
+  // needs localization
+  /**
+   * APOSTROPHE
+   */
+  APOSTROPHE: 192,
+  // needs localization
+  /**
+   * SINGLE_QUOTE
+   */
+  SINGLE_QUOTE: 222,
+  // needs localization
+  /**
+   * OPEN_SQUARE_BRACKET
+   */
+  OPEN_SQUARE_BRACKET: 219,
+  // needs localization
+  /**
+   * BACKSLASH
+   */
+  BACKSLASH: 220,
+  // needs localization
+  /**
+   * CLOSE_SQUARE_BRACKET
+   */
+  CLOSE_SQUARE_BRACKET: 221,
+  // needs localization
+  /**
+   * WIN_KEY
+   */
+  WIN_KEY: 224,
+  /**
+   * MAC_FF_META
+   */
+  MAC_FF_META: 224,
+  // Firefox (Gecko) fires this for the meta key instead of 91
+  /**
+   * WIN_IME
+   */
+  WIN_IME: 229,
+  // ======================== Function ========================
+  /**
+   * whether text and modified key is entered at the same time.
+   */
+  isTextModifyingKeyEvent: function(t) {
+    const { keyCode: n } = t;
+    if (t.altKey && !t.ctrlKey || t.metaKey || // Function keys don't generate text
+    n >= c.F1 && n <= c.F12)
+      return !1;
+    switch (n) {
+      case c.ALT:
+      case c.CAPS_LOCK:
+      case c.CONTEXT_MENU:
+      case c.CTRL:
+      case c.DOWN:
+      case c.END:
+      case c.ESC:
+      case c.HOME:
+      case c.INSERT:
+      case c.LEFT:
+      case c.MAC_FF_META:
+      case c.META:
+      case c.NUMLOCK:
+      case c.NUM_CENTER:
+      case c.PAGE_DOWN:
+      case c.PAGE_UP:
+      case c.PAUSE:
+      case c.PRINT_SCREEN:
+      case c.RIGHT:
+      case c.SHIFT:
+      case c.UP:
+      case c.WIN_KEY:
+      case c.WIN_KEY_RIGHT:
+        return !1;
+      default:
+        return !0;
+    }
   },
-  ORIGINAL: {
-    name: "original",
-    icon: f(et, null, null)
+  /**
+   * whether character is entered.
+   */
+  isCharacterKey: function(t) {
+    if (t >= c.ZERO && t <= c.NINE || t >= c.NUM_ZERO && t <= c.NUM_MULTIPLY || t >= c.A && t <= c.Z || window.navigator.userAgent.includes("WebKit") && t === 0)
+      return !0;
+    switch (t) {
+      case c.SPACE:
+      case c.QUESTION_MARK:
+      case c.NUM_PLUS:
+      case c.NUM_MINUS:
+      case c.NUM_PERIOD:
+      case c.NUM_DIVISION:
+      case c.SEMICOLON:
+      case c.DASH:
+      case c.EQUALS:
+      case c.COMMA:
+      case c.PERIOD:
+      case c.SLASH:
+      case c.APOSTROPHE:
+      case c.SINGLE_QUOTE:
+      case c.OPEN_SQUARE_BRACKET:
+      case c.BACKSLASH:
+      case c.CLOSE_SQUARE_BRACKET:
+        return !0;
+      default:
+        return !1;
+    }
+  }
+};
+let an = (e) => setTimeout(e, 16), ln = (e) => clearTimeout(e);
+typeof window < "u" && "requestAnimationFrame" in window && (an = (e) => window.requestAnimationFrame(e), ln = (e) => window.cancelAnimationFrame(e));
+let Ct = 0;
+const rt = /* @__PURE__ */ new Map();
+function sn(e) {
+  rt.delete(e);
+}
+function qe(e, t = 1) {
+  Ct += 1;
+  const n = Ct;
+  function r(o) {
+    if (o === 0)
+      sn(n), e();
+    else {
+      const i = an(() => {
+        r(o - 1);
+      });
+      rt.set(n, i);
+    }
+  }
+  return r(t), n;
+}
+qe.cancel = (e) => {
+  const t = rt.get(e);
+  return sn(t), ln(t);
+};
+function Or(e) {
+  const t = A(null), n = _e({ ...e }), r = A([]), o = (i) => {
+    t.value === null && (r.value = [], t.value = qe(() => {
+      let a;
+      r.value.forEach((s) => {
+        a = { ...a, ...s };
+      }), Object.assign(n, a), t.value = null;
+    })), r.value.push(i);
+  };
+  return kt(() => {
+    t.value && qe.cancel(t.value);
+  }), [n, o];
+}
+const Er = /* @__PURE__ */ nt({
+  name: "Operations",
+  inheritAttrs: !1,
+  props: {
+    open: Boolean,
+    count: {
+      type: Number,
+      default: 0
+    },
+    current: {
+      type: Number,
+      default: 0
+    },
+    showSwitch: Boolean,
+    showProgress: Boolean,
+    prefixCls: String,
+    hashId: String,
+    zIndex: ne.zIndex,
+    icons: ne.icons,
+    infinite: ne.infinite,
+    getContainer: ne.getContainer,
+    countRender: ne.countRender,
+    tools: Array,
+    onClose: Function,
+    onActive: Function
+  },
+  setup(e) {
+    const t = (n, r) => {
+      var o;
+      n.preventDefault(), n.stopPropagation(), (o = e.onActive) == null || o.call(e, r);
+    };
+    return () => {
+      const {
+        prefixCls: n,
+        hashId: r,
+        tools: o
+      } = e, i = Qe(`${e.prefixCls}-fade`), a = `${n}-operations-operation`, s = `${n}-operations-icon`;
+      return u(en, {
+        to: e.getContainer || "body"
+      }, {
+        default: () => [u(Ke, i, {
+          default: () => {
+            var g, d, y, I;
+            return [Ye(u("div", {
+              class: Ee(`${n}-operations-wrapper`, r),
+              style: {
+                zIndex: e.zIndex
+              }
+            }, [((g = e.icons) == null ? void 0 : g.close) === null ? null : u("button", {
+              class: `${n}-close ${r}`,
+              onClick: e.onClose
+            }, [((d = e.icons) == null ? void 0 : d.close) || u(Zn, null, null)]), e.showSwitch && u(We, null, [u("div", {
+              class: Ee(`${n}-switch-left ${r}`, {
+                [`${n}-switch-left-disabled`]: e.infinite ? !1 : e.current === 0
+              }),
+              onClick: (h) => t(h, -1)
+            }, [((y = e.icons) == null ? void 0 : y.left) || u(Vn, null, null)]), u("div", {
+              className: Ee(`${n}-switch-right ${r}`, {
+                [`${n}-switch-right-disabled`]: e.infinite ? !1 : e.current === e.count - 1
+              }),
+              onClick: (h) => t(h, 1)
+            }, [((I = e.icons) == null ? void 0 : I.right) || u(Qn, null, null)])]), u("div", {
+              class: `${n}-footer ${r}`
+            }, [e.showProgress && u("div", {
+              class: `${n}-progress`
+            }, [e.countRender ? e.countRender(e.current + 1, e.count) : `${e.current + 1} / ${e.count}`]), u("div", {
+              class: `${e.prefixCls}-operations`
+            }, [o == null ? void 0 : o.map(({
+              icon: h,
+              onClick: v,
+              type: C,
+              disabled: S
+            }) => u("div", {
+              class: Ee(a, {
+                [`${e.prefixCls}-operations-operation-disabled`]: S && (S == null ? void 0 : S.value)
+              }),
+              onClick: v,
+              key: C
+            }, [Gn(h, {
+              class: s
+            })]))])])]), [[Xe, e.open]])];
+          }
+        })]
+      });
+    };
+  }
+});
+var cn = typeof global == "object" && global && global.Object === Object && global, Cr = typeof self == "object" && self && self.Object === Object && self, M = cn || Cr || Function("return this")(), x = M.Symbol, un = Object.prototype, _r = un.hasOwnProperty, Ar = un.toString, de = x ? x.toStringTag : void 0;
+function $r(e) {
+  var t = _r.call(e, de), n = e[de];
+  try {
+    e[de] = void 0;
+    var r = !0;
+  } catch {
+  }
+  var o = Ar.call(e);
+  return r && (t ? e[de] = n : delete e[de]), o;
+}
+var xr = Object.prototype, Mr = xr.toString;
+function Pr(e) {
+  return Mr.call(e);
+}
+var Nr = "[object Null]", Lr = "[object Undefined]", _t = x ? x.toStringTag : void 0;
+function W(e) {
+  return e == null ? e === void 0 ? Lr : Nr : _t && _t in Object(e) ? $r(e) : Pr(e);
+}
+function X(e) {
+  return e != null && typeof e == "object";
+}
+var jr = "[object Symbol]";
+function ot(e) {
+  return typeof e == "symbol" || X(e) && W(e) == jr;
+}
+function fn(e, t) {
+  for (var n = -1, r = e == null ? 0 : e.length, o = Array(r); ++n < r; )
+    o[n] = t(e[n], n, e);
+  return o;
+}
+var U = Array.isArray, Rr = 1 / 0, At = x ? x.prototype : void 0, $t = At ? At.toString : void 0;
+function dn(e) {
+  if (typeof e == "string")
+    return e;
+  if (U(e))
+    return fn(e, dn) + "";
+  if (ot(e))
+    return $t ? $t.call(e) : "";
+  var t = e + "";
+  return t == "0" && 1 / e == -Rr ? "-0" : t;
+}
+function K(e) {
+  var t = typeof e;
+  return e != null && (t == "object" || t == "function");
+}
+function Dr(e) {
+  return e;
+}
+var Ur = "[object AsyncFunction]", zr = "[object Function]", Fr = "[object GeneratorFunction]", Br = "[object Proxy]";
+function gn(e) {
+  if (!K(e))
+    return !1;
+  var t = W(e);
+  return t == zr || t == Fr || t == Ur || t == Br;
+}
+var Be = M["__core-js_shared__"], xt = function() {
+  var e = /[^.]+$/.exec(Be && Be.keys && Be.keys.IE_PROTO || "");
+  return e ? "Symbol(src)_1." + e : "";
+}();
+function Hr(e) {
+  return !!xt && xt in e;
+}
+var Gr = Function.prototype, Kr = Gr.toString;
+function Z(e) {
+  if (e != null) {
+    try {
+      return Kr.call(e);
+    } catch {
+    }
+    try {
+      return e + "";
+    } catch {
+    }
+  }
+  return "";
+}
+var Yr = /[\\^$.*+?()[\]{}|]/g, Wr = /^\[object .+?Constructor\]$/, Xr = Function.prototype, Zr = Object.prototype, Vr = Xr.toString, Qr = Zr.hasOwnProperty, qr = RegExp(
+  "^" + Vr.call(Qr).replace(Yr, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+);
+function Jr(e) {
+  if (!K(e) || Hr(e))
+    return !1;
+  var t = gn(e) ? qr : Wr;
+  return t.test(Z(e));
+}
+function kr(e, t) {
+  return e == null ? void 0 : e[t];
+}
+function V(e, t) {
+  var n = kr(e, t);
+  return Jr(n) ? n : void 0;
+}
+var Je = V(M, "WeakMap"), Mt = Object.create, eo = /* @__PURE__ */ function() {
+  function e() {
+  }
+  return function(t) {
+    if (!K(t))
+      return {};
+    if (Mt)
+      return Mt(t);
+    e.prototype = t;
+    var n = new e();
+    return e.prototype = void 0, n;
+  };
+}();
+function to(e, t, n) {
+  switch (n.length) {
+    case 0:
+      return e.call(t);
+    case 1:
+      return e.call(t, n[0]);
+    case 2:
+      return e.call(t, n[0], n[1]);
+    case 3:
+      return e.call(t, n[0], n[1], n[2]);
+  }
+  return e.apply(t, n);
+}
+function no(e, t) {
+  var n = -1, r = e.length;
+  for (t || (t = Array(r)); ++n < r; )
+    t[n] = e[n];
+  return t;
+}
+var ro = 800, oo = 16, io = Date.now;
+function ao(e) {
+  var t = 0, n = 0;
+  return function() {
+    var r = io(), o = oo - (r - n);
+    if (n = r, o > 0) {
+      if (++t >= ro)
+        return arguments[0];
+    } else
+      t = 0;
+    return e.apply(void 0, arguments);
+  };
+}
+function lo(e) {
+  return function() {
+    return e;
+  };
+}
+var xe = function() {
+  try {
+    var e = V(Object, "defineProperty");
+    return e({}, "", {}), e;
+  } catch {
+  }
+}(), so = xe ? function(e, t) {
+  return xe(e, "toString", {
+    configurable: !0,
+    enumerable: !1,
+    value: lo(t),
+    writable: !0
+  });
+} : Dr, co = ao(so);
+function uo(e, t) {
+  for (var n = -1, r = e == null ? 0 : e.length; ++n < r && t(e[n], n, e) !== !1; )
+    ;
+  return e;
+}
+var fo = 9007199254740991, go = /^(?:0|[1-9]\d*)$/;
+function it(e, t) {
+  var n = typeof e;
+  return t = t ?? fo, !!t && (n == "number" || n != "symbol" && go.test(e)) && e > -1 && e % 1 == 0 && e < t;
+}
+function vn(e, t, n) {
+  t == "__proto__" && xe ? xe(e, t, {
+    configurable: !0,
+    enumerable: !0,
+    value: n,
+    writable: !0
+  }) : e[t] = n;
+}
+function pn(e, t) {
+  return e === t || e !== e && t !== t;
+}
+var vo = Object.prototype, po = vo.hasOwnProperty;
+function at(e, t, n) {
+  var r = e[t];
+  (!(po.call(e, t) && pn(r, n)) || n === void 0 && !(t in e)) && vn(e, t, n);
+}
+function me(e, t, n, r) {
+  var o = !n;
+  n || (n = {});
+  for (var i = -1, a = t.length; ++i < a; ) {
+    var s = t[i], g = void 0;
+    g === void 0 && (g = e[s]), o ? vn(n, s, g) : at(n, s, g);
   }
-}, Ft = function() {
-  return !q && !!window.navigator.userAgent.match(/firefox/i);
-}, je = Ft() ? "DOMMouseScroll" : "mousewheel";
-function Me(e) {
-  let t = !1;
-  return function(...n) {
-    t || (t = !0, window.requestAnimationFrame(() => {
-      e.apply(this, n), t = !1;
-    }));
+  return n;
+}
+var Pt = Math.max;
+function ho(e, t, n) {
+  return t = Pt(t === void 0 ? e.length - 1 : t, 0), function() {
+    for (var r = arguments, o = -1, i = Pt(r.length - t, 0), a = Array(i); ++o < i; )
+      a[o] = r[t + o];
+    o = -1;
+    for (var s = Array(t + 1); ++o < t; )
+      s[o] = r[o];
+    return s[t] = n(a), to(e, this, s);
+  };
+}
+var mo = 9007199254740991;
+function lt(e) {
+  return typeof e == "number" && e > -1 && e % 1 == 0 && e <= mo;
+}
+function hn(e) {
+  return e != null && lt(e.length) && !gn(e);
+}
+var wo = Object.prototype;
+function st(e) {
+  var t = e && e.constructor, n = typeof t == "function" && t.prototype || wo;
+  return e === n;
+}
+function yo(e, t) {
+  for (var n = -1, r = Array(e); ++n < e; )
+    r[n] = t(n);
+  return r;
+}
+var bo = "[object Arguments]";
+function Nt(e) {
+  return X(e) && W(e) == bo;
+}
+var mn = Object.prototype, So = mn.hasOwnProperty, To = mn.propertyIsEnumerable, ct = Nt(/* @__PURE__ */ function() {
+  return arguments;
+}()) ? Nt : function(e) {
+  return X(e) && So.call(e, "callee") && !To.call(e, "callee");
+};
+function Io() {
+  return !1;
+}
+var wn = typeof exports == "object" && exports && !exports.nodeType && exports, Lt = wn && typeof module == "object" && module && !module.nodeType && module, Oo = Lt && Lt.exports === wn, jt = Oo ? M.Buffer : void 0, Eo = jt ? jt.isBuffer : void 0, yn = Eo || Io, Co = "[object Arguments]", _o = "[object Array]", Ao = "[object Boolean]", $o = "[object Date]", xo = "[object Error]", Mo = "[object Function]", Po = "[object Map]", No = "[object Number]", Lo = "[object Object]", jo = "[object RegExp]", Ro = "[object Set]", Do = "[object String]", Uo = "[object WeakMap]", zo = "[object ArrayBuffer]", Fo = "[object DataView]", Bo = "[object Float32Array]", Ho = "[object Float64Array]", Go = "[object Int8Array]", Ko = "[object Int16Array]", Yo = "[object Int32Array]", Wo = "[object Uint8Array]", Xo = "[object Uint8ClampedArray]", Zo = "[object Uint16Array]", Vo = "[object Uint32Array]", m = {};
+m[Bo] = m[Ho] = m[Go] = m[Ko] = m[Yo] = m[Wo] = m[Xo] = m[Zo] = m[Vo] = !0;
+m[Co] = m[_o] = m[zo] = m[Ao] = m[Fo] = m[$o] = m[xo] = m[Mo] = m[Po] = m[No] = m[Lo] = m[jo] = m[Ro] = m[Do] = m[Uo] = !1;
+function Qo(e) {
+  return X(e) && lt(e.length) && !!m[W(e)];
+}
+function ut(e) {
+  return function(t) {
+    return e(t);
+  };
+}
+var bn = typeof exports == "object" && exports && !exports.nodeType && exports, ve = bn && typeof module == "object" && module && !module.nodeType && module, qo = ve && ve.exports === bn, He = qo && cn.process, oe = function() {
+  try {
+    var e = ve && ve.require && ve.require("util").types;
+    return e || He && He.binding && He.binding("util");
+  } catch {
+  }
+}(), Rt = oe && oe.isTypedArray, Jo = Rt ? ut(Rt) : Qo, ko = Object.prototype, ei = ko.hasOwnProperty;
+function Sn(e, t) {
+  var n = U(e), r = !n && ct(e), o = !n && !r && yn(e), i = !n && !r && !o && Jo(e), a = n || r || o || i, s = a ? yo(e.length, String) : [], g = s.length;
+  for (var d in e)
+    (t || ei.call(e, d)) && !(a && // Safari 9 has enumerable `arguments.length` in strict mode.
+    (d == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
+    o && (d == "offset" || d == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
+    i && (d == "buffer" || d == "byteLength" || d == "byteOffset") || // Skip index properties.
+    it(d, g))) && s.push(d);
+  return s;
+}
+function Tn(e, t) {
+  return function(n) {
+    return e(t(n));
+  };
+}
+var ti = Tn(Object.keys, Object), ni = Object.prototype, ri = ni.hasOwnProperty;
+function oi(e) {
+  if (!st(e))
+    return ti(e);
+  var t = [];
+  for (var n in Object(e))
+    ri.call(e, n) && n != "constructor" && t.push(n);
+  return t;
+}
+function ft(e) {
+  return hn(e) ? Sn(e) : oi(e);
+}
+function ii(e) {
+  var t = [];
+  if (e != null)
+    for (var n in Object(e))
+      t.push(n);
+  return t;
+}
+var ai = Object.prototype, li = ai.hasOwnProperty;
+function si(e) {
+  if (!K(e))
+    return ii(e);
+  var t = st(e), n = [];
+  for (var r in e)
+    r == "constructor" && (t || !li.call(e, r)) || n.push(r);
+  return n;
+}
+function dt(e) {
+  return hn(e) ? Sn(e, !0) : si(e);
+}
+var ci = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, ui = /^\w*$/;
+function fi(e, t) {
+  if (U(e))
+    return !1;
+  var n = typeof e;
+  return n == "number" || n == "symbol" || n == "boolean" || e == null || ot(e) ? !0 : ui.test(e) || !ci.test(e) || t != null && e in Object(t);
+}
+var pe = V(Object, "create");
+function di() {
+  this.__data__ = pe ? pe(null) : {}, this.size = 0;
+}
+function gi(e) {
+  var t = this.has(e) && delete this.__data__[e];
+  return this.size -= t ? 1 : 0, t;
+}
+var vi = "__lodash_hash_undefined__", pi = Object.prototype, hi = pi.hasOwnProperty;
+function mi(e) {
+  var t = this.__data__;
+  if (pe) {
+    var n = t[e];
+    return n === vi ? void 0 : n;
+  }
+  return hi.call(t, e) ? t[e] : void 0;
+}
+var wi = Object.prototype, yi = wi.hasOwnProperty;
+function bi(e) {
+  var t = this.__data__;
+  return pe ? t[e] !== void 0 : yi.call(t, e);
+}
+var Si = "__lodash_hash_undefined__";
+function Ti(e, t) {
+  var n = this.__data__;
+  return this.size += this.has(e) ? 0 : 1, n[e] = pe && t === void 0 ? Si : t, this;
+}
+function Y(e) {
+  var t = -1, n = e == null ? 0 : e.length;
+  for (this.clear(); ++t < n; ) {
+    var r = e[t];
+    this.set(r[0], r[1]);
+  }
+}
+Y.prototype.clear = di;
+Y.prototype.delete = gi;
+Y.prototype.get = mi;
+Y.prototype.has = bi;
+Y.prototype.set = Ti;
+function Ii() {
+  this.__data__ = [], this.size = 0;
+}
+function Pe(e, t) {
+  for (var n = e.length; n--; )
+    if (pn(e[n][0], t))
+      return n;
+  return -1;
+}
+var Oi = Array.prototype, Ei = Oi.splice;
+function Ci(e) {
+  var t = this.__data__, n = Pe(t, e);
+  if (n < 0)
+    return !1;
+  var r = t.length - 1;
+  return n == r ? t.pop() : Ei.call(t, n, 1), --this.size, !0;
+}
+function _i(e) {
+  var t = this.__data__, n = Pe(t, e);
+  return n < 0 ? void 0 : t[n][1];
+}
+function Ai(e) {
+  return Pe(this.__data__, e) > -1;
+}
+function $i(e, t) {
+  var n = this.__data__, r = Pe(n, e);
+  return r < 0 ? (++this.size, n.push([e, t])) : n[r][1] = t, this;
+}
+function L(e) {
+  var t = -1, n = e == null ? 0 : e.length;
+  for (this.clear(); ++t < n; ) {
+    var r = e[t];
+    this.set(r[0], r[1]);
+  }
+}
+L.prototype.clear = Ii;
+L.prototype.delete = Ci;
+L.prototype.get = _i;
+L.prototype.has = Ai;
+L.prototype.set = $i;
+var he = V(M, "Map");
+function xi() {
+  this.size = 0, this.__data__ = {
+    hash: new Y(),
+    map: new (he || L)(),
+    string: new Y()
   };
 }
-const jt = /* @__PURE__ */ Ve({
-  props: pt,
-  emits: ["close", "switch"],
+function Mi(e) {
+  var t = typeof e;
+  return t == "string" || t == "number" || t == "symbol" || t == "boolean" ? e !== "__proto__" : e === null;
+}
+function Ne(e, t) {
+  var n = e.__data__;
+  return Mi(t) ? n[typeof t == "string" ? "string" : "hash"] : n.map;
+}
+function Pi(e) {
+  var t = Ne(this, e).delete(e);
+  return this.size -= t ? 1 : 0, t;
+}
+function Ni(e) {
+  return Ne(this, e).get(e);
+}
+function Li(e) {
+  return Ne(this, e).has(e);
+}
+function ji(e, t) {
+  var n = Ne(this, e), r = n.size;
+  return n.set(e, t), this.size += n.size == r ? 0 : 1, this;
+}
+function z(e) {
+  var t = -1, n = e == null ? 0 : e.length;
+  for (this.clear(); ++t < n; ) {
+    var r = e[t];
+    this.set(r[0], r[1]);
+  }
+}
+z.prototype.clear = xi;
+z.prototype.delete = Pi;
+z.prototype.get = Ni;
+z.prototype.has = Li;
+z.prototype.set = ji;
+var Ri = "Expected a function";
+function gt(e, t) {
+  if (typeof e != "function" || t != null && typeof t != "function")
+    throw new TypeError(Ri);
+  var n = function() {
+    var r = arguments, o = t ? t.apply(this, r) : r[0], i = n.cache;
+    if (i.has(o))
+      return i.get(o);
+    var a = e.apply(this, r);
+    return n.cache = i.set(o, a) || i, a;
+  };
+  return n.cache = new (gt.Cache || z)(), n;
+}
+gt.Cache = z;
+var Di = 500;
+function Ui(e) {
+  var t = gt(e, function(r) {
+    return n.size === Di && n.clear(), r;
+  }), n = t.cache;
+  return t;
+}
+var zi = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, Fi = /\\(\\)?/g, Bi = Ui(function(e) {
+  var t = [];
+  return e.charCodeAt(0) === 46 && t.push(""), e.replace(zi, function(n, r, o, i) {
+    t.push(o ? i.replace(Fi, "$1") : r || n);
+  }), t;
+});
+function Hi(e) {
+  return e == null ? "" : dn(e);
+}
+function ie(e, t) {
+  return U(e) ? e : fi(e, t) ? [e] : Bi(Hi(e));
+}
+var Gi = 1 / 0;
+function Le(e) {
+  if (typeof e == "string" || ot(e))
+    return e;
+  var t = e + "";
+  return t == "0" && 1 / e == -Gi ? "-0" : t;
+}
+function In(e, t) {
+  t = ie(t, e);
+  for (var n = 0, r = t.length; e != null && n < r; )
+    e = e[Le(t[n++])];
+  return n && n == r ? e : void 0;
+}
+function vt(e, t) {
+  for (var n = -1, r = t.length, o = e.length; ++n < r; )
+    e[o + n] = t[n];
+  return e;
+}
+var Dt = x ? x.isConcatSpreadable : void 0;
+function Ki(e) {
+  return U(e) || ct(e) || !!(Dt && e && e[Dt]);
+}
+function Yi(e, t, n, r, o) {
+  var i = -1, a = e.length;
+  for (n || (n = Ki), o || (o = []); ++i < a; ) {
+    var s = e[i];
+    n(s) ? vt(o, s) : o[o.length] = s;
+  }
+  return o;
+}
+function Wi(e) {
+  var t = e == null ? 0 : e.length;
+  return t ? Yi(e) : [];
+}
+function On(e) {
+  return co(ho(e, void 0, Wi), e + "");
+}
+var pt = Tn(Object.getPrototypeOf, Object), Xi = "[object Object]", Zi = Function.prototype, Vi = Object.prototype, En = Zi.toString, Qi = Vi.hasOwnProperty, qi = En.call(Object);
+function Ji(e) {
+  if (!X(e) || W(e) != Xi)
+    return !1;
+  var t = pt(e);
+  if (t === null)
+    return !0;
+  var n = Qi.call(t, "constructor") && t.constructor;
+  return typeof n == "function" && n instanceof n && En.call(n) == qi;
+}
+function ki(e, t, n) {
+  var r = -1, o = e.length;
+  t < 0 && (t = -t > o ? 0 : o + t), n = n > o ? o : n, n < 0 && (n += o), o = t > n ? 0 : n - t >>> 0, t >>>= 0;
+  for (var i = Array(o); ++r < o; )
+    i[r] = e[r + t];
+  return i;
+}
+function ea() {
+  this.__data__ = new L(), this.size = 0;
+}
+function ta(e) {
+  var t = this.__data__, n = t.delete(e);
+  return this.size = t.size, n;
+}
+function na(e) {
+  return this.__data__.get(e);
+}
+function ra(e) {
+  return this.__data__.has(e);
+}
+var oa = 200;
+function ia(e, t) {
+  var n = this.__data__;
+  if (n instanceof L) {
+    var r = n.__data__;
+    if (!he || r.length < oa - 1)
+      return r.push([e, t]), this.size = ++n.size, this;
+    n = this.__data__ = new z(r);
+  }
+  return n.set(e, t), this.size = n.size, this;
+}
+function ae(e) {
+  var t = this.__data__ = new L(e);
+  this.size = t.size;
+}
+ae.prototype.clear = ea;
+ae.prototype.delete = ta;
+ae.prototype.get = na;
+ae.prototype.has = ra;
+ae.prototype.set = ia;
+function aa(e, t) {
+  return e && me(t, ft(t), e);
+}
+function la(e, t) {
+  return e && me(t, dt(t), e);
+}
+var Cn = typeof exports == "object" && exports && !exports.nodeType && exports, Ut = Cn && typeof module == "object" && module && !module.nodeType && module, sa = Ut && Ut.exports === Cn, zt = sa ? M.Buffer : void 0, Ft = zt ? zt.allocUnsafe : void 0;
+function ca(e, t) {
+  if (t)
+    return e.slice();
+  var n = e.length, r = Ft ? Ft(n) : new e.constructor(n);
+  return e.copy(r), r;
+}
+function ua(e, t) {
+  for (var n = -1, r = e == null ? 0 : e.length, o = 0, i = []; ++n < r; ) {
+    var a = e[n];
+    t(a, n, e) && (i[o++] = a);
+  }
+  return i;
+}
+function _n() {
+  return [];
+}
+var fa = Object.prototype, da = fa.propertyIsEnumerable, Bt = Object.getOwnPropertySymbols, ht = Bt ? function(e) {
+  return e == null ? [] : (e = Object(e), ua(Bt(e), function(t) {
+    return da.call(e, t);
+  }));
+} : _n;
+function ga(e, t) {
+  return me(e, ht(e), t);
+}
+var va = Object.getOwnPropertySymbols, An = va ? function(e) {
+  for (var t = []; e; )
+    vt(t, ht(e)), e = pt(e);
+  return t;
+} : _n;
+function pa(e, t) {
+  return me(e, An(e), t);
+}
+function $n(e, t, n) {
+  var r = t(e);
+  return U(e) ? r : vt(r, n(e));
+}
+function ha(e) {
+  return $n(e, ft, ht);
+}
+function xn(e) {
+  return $n(e, dt, An);
+}
+var ke = V(M, "DataView"), et = V(M, "Promise"), tt = V(M, "Set"), Ht = "[object Map]", ma = "[object Object]", Gt = "[object Promise]", Kt = "[object Set]", Yt = "[object WeakMap]", Wt = "[object DataView]", wa = Z(ke), ya = Z(he), ba = Z(et), Sa = Z(tt), Ta = Z(Je), N = W;
+(ke && N(new ke(new ArrayBuffer(1))) != Wt || he && N(new he()) != Ht || et && N(et.resolve()) != Gt || tt && N(new tt()) != Kt || Je && N(new Je()) != Yt) && (N = function(e) {
+  var t = W(e), n = t == ma ? e.constructor : void 0, r = n ? Z(n) : "";
+  if (r)
+    switch (r) {
+      case wa:
+        return Wt;
+      case ya:
+        return Ht;
+      case ba:
+        return Gt;
+      case Sa:
+        return Kt;
+      case Ta:
+        return Yt;
+    }
+  return t;
+});
+var Ia = Object.prototype, Oa = Ia.hasOwnProperty;
+function Ea(e) {
+  var t = e.length, n = new e.constructor(t);
+  return t && typeof e[0] == "string" && Oa.call(e, "index") && (n.index = e.index, n.input = e.input), n;
+}
+var Xt = M.Uint8Array;
+function mt(e) {
+  var t = new e.constructor(e.byteLength);
+  return new Xt(t).set(new Xt(e)), t;
+}
+function Ca(e, t) {
+  var n = t ? mt(e.buffer) : e.buffer;
+  return new e.constructor(n, e.byteOffset, e.byteLength);
+}
+var _a = /\w*$/;
+function Aa(e) {
+  var t = new e.constructor(e.source, _a.exec(e));
+  return t.lastIndex = e.lastIndex, t;
+}
+var Zt = x ? x.prototype : void 0, Vt = Zt ? Zt.valueOf : void 0;
+function $a(e) {
+  return Vt ? Object(Vt.call(e)) : {};
+}
+function xa(e, t) {
+  var n = t ? mt(e.buffer) : e.buffer;
+  return new e.constructor(n, e.byteOffset, e.length);
+}
+var Ma = "[object Boolean]", Pa = "[object Date]", Na = "[object Map]", La = "[object Number]", ja = "[object RegExp]", Ra = "[object Set]", Da = "[object String]", Ua = "[object Symbol]", za = "[object ArrayBuffer]", Fa = "[object DataView]", Ba = "[object Float32Array]", Ha = "[object Float64Array]", Ga = "[object Int8Array]", Ka = "[object Int16Array]", Ya = "[object Int32Array]", Wa = "[object Uint8Array]", Xa = "[object Uint8ClampedArray]", Za = "[object Uint16Array]", Va = "[object Uint32Array]";
+function Qa(e, t, n) {
+  var r = e.constructor;
+  switch (t) {
+    case za:
+      return mt(e);
+    case Ma:
+    case Pa:
+      return new r(+e);
+    case Fa:
+      return Ca(e, n);
+    case Ba:
+    case Ha:
+    case Ga:
+    case Ka:
+    case Ya:
+    case Wa:
+    case Xa:
+    case Za:
+    case Va:
+      return xa(e, n);
+    case Na:
+      return new r();
+    case La:
+    case Da:
+      return new r(e);
+    case ja:
+      return Aa(e);
+    case Ra:
+      return new r();
+    case Ua:
+      return $a(e);
+  }
+}
+function qa(e) {
+  return typeof e.constructor == "function" && !st(e) ? eo(pt(e)) : {};
+}
+var Ja = "[object Map]";
+function ka(e) {
+  return X(e) && N(e) == Ja;
+}
+var Qt = oe && oe.isMap, el = Qt ? ut(Qt) : ka, tl = "[object Set]";
+function nl(e) {
+  return X(e) && N(e) == tl;
+}
+var qt = oe && oe.isSet, rl = qt ? ut(qt) : nl, ol = 1, il = 2, al = 4, Mn = "[object Arguments]", ll = "[object Array]", sl = "[object Boolean]", cl = "[object Date]", ul = "[object Error]", Pn = "[object Function]", fl = "[object GeneratorFunction]", dl = "[object Map]", gl = "[object Number]", Nn = "[object Object]", vl = "[object RegExp]", pl = "[object Set]", hl = "[object String]", ml = "[object Symbol]", wl = "[object WeakMap]", yl = "[object ArrayBuffer]", bl = "[object DataView]", Sl = "[object Float32Array]", Tl = "[object Float64Array]", Il = "[object Int8Array]", Ol = "[object Int16Array]", El = "[object Int32Array]", Cl = "[object Uint8Array]", _l = "[object Uint8ClampedArray]", Al = "[object Uint16Array]", $l = "[object Uint32Array]", p = {};
+p[Mn] = p[ll] = p[yl] = p[bl] = p[sl] = p[cl] = p[Sl] = p[Tl] = p[Il] = p[Ol] = p[El] = p[dl] = p[gl] = p[Nn] = p[vl] = p[pl] = p[hl] = p[ml] = p[Cl] = p[_l] = p[Al] = p[$l] = !0;
+p[ul] = p[Pn] = p[wl] = !1;
+function Ae(e, t, n, r, o, i) {
+  var a, s = t & ol, g = t & il, d = t & al;
+  if (n && (a = o ? n(e, r, o, i) : n(e)), a !== void 0)
+    return a;
+  if (!K(e))
+    return e;
+  var y = U(e);
+  if (y) {
+    if (a = Ea(e), !s)
+      return no(e, a);
+  } else {
+    var I = N(e), h = I == Pn || I == fl;
+    if (yn(e))
+      return ca(e, s);
+    if (I == Nn || I == Mn || h && !o) {
+      if (a = g || h ? {} : qa(e), !s)
+        return g ? pa(e, la(a, e)) : ga(e, aa(a, e));
+    } else {
+      if (!p[I])
+        return o ? e : {};
+      a = Qa(e, I, s);
+    }
+  }
+  i || (i = new ae());
+  var v = i.get(e);
+  if (v)
+    return v;
+  i.set(e, a), rl(e) ? e.forEach(function(T) {
+    a.add(Ae(T, t, n, T, e, i));
+  }) : el(e) && e.forEach(function(T, w) {
+    a.set(w, Ae(T, t, n, w, e, i));
+  });
+  var C = d ? g ? xn : ha : g ? dt : ft, S = y ? void 0 : C(e);
+  return uo(S || e, function(T, w) {
+    S && (w = T, T = e[w]), at(a, w, Ae(T, t, n, w, e, i));
+  }), a;
+}
+function xl(e, t) {
+  return e != null && t in Object(e);
+}
+function Ml(e, t, n) {
+  t = ie(t, e);
+  for (var r = -1, o = t.length, i = !1; ++r < o; ) {
+    var a = Le(t[r]);
+    if (!(i = e != null && n(e, a)))
+      break;
+    e = e[a];
+  }
+  return i || ++r != o ? i : (o = e == null ? 0 : e.length, !!o && lt(o) && it(a, o) && (U(e) || ct(e)));
+}
+function Pl(e, t) {
+  return e != null && Ml(e, t, xl);
+}
+function Nl(e) {
+  var t = e == null ? 0 : e.length;
+  return t ? e[t - 1] : void 0;
+}
+function Ll(e, t) {
+  return t.length < 2 ? e : In(e, ki(t, 0, -1));
+}
+function jl(e, t) {
+  return t = ie(t, e), e = Ll(e, t), e == null || delete e[Le(Nl(t))];
+}
+function Rl(e) {
+  return Ji(e) ? void 0 : e;
+}
+var Dl = 1, Ul = 2, zl = 4, Fl = On(function(e, t) {
+  var n = {};
+  if (e == null)
+    return n;
+  var r = !1;
+  t = fn(t, function(i) {
+    return i = ie(i, e), r || (r = i.length > 1), i;
+  }), me(e, xn(e), n), r && (n = Ae(n, Dl | Ul | zl, Rl));
+  for (var o = t.length; o--; )
+    jl(n, t[o]);
+  return n;
+});
+function Bl(e, t, n, r) {
+  if (!K(e))
+    return e;
+  t = ie(t, e);
+  for (var o = -1, i = t.length, a = i - 1, s = e; s != null && ++o < i; ) {
+    var g = Le(t[o]), d = n;
+    if (g === "__proto__" || g === "constructor" || g === "prototype")
+      return e;
+    if (o != a) {
+      var y = s[g];
+      d = void 0, d === void 0 && (d = K(y) ? y : it(t[o + 1]) ? [] : {});
+    }
+    at(s, g, d), s = s[g];
+  }
+  return e;
+}
+function Hl(e, t, n) {
+  for (var r = -1, o = t.length, i = {}; ++r < o; ) {
+    var a = t[r], s = In(e, a);
+    n(s, a) && Bl(i, ie(a, e), s);
+  }
+  return i;
+}
+function Gl(e, t) {
+  return Hl(e, t, function(n, r) {
+    return Pl(e, r);
+  });
+}
+var Kl = On(function(e, t) {
+  return e == null ? {} : Gl(e, t);
+});
+const G = {
+  x: 0,
+  y: 0
+}, ee = {
+  rotateLeft: u(qn, null, null),
+  rotateRight: u(Jn, null, null),
+  zoomIn: u(kn, null, null),
+  zoomOut: u(er, null, null),
+  flipX: u(St, null, null),
+  flipY: u(St, {
+    rotate: 90
+  }, null)
+}, Ln = ["close", "left", "right", "rotateRight", "rotateRight", "zoomOut", "flipX", "flipY", "rotateLeft"], Yl = /* @__PURE__ */ nt({
+  name: "GImageViewer",
+  props: ne,
+  inheritAttrs: !1,
+  emits: ["close", "switch", "afterClose"],
+  emit: Object,
   setup: (e, {
     emit: t,
-    expose: n
+    expose: n,
+    slots: r
   }) => {
-    var ie, re, $, Z, Ce;
-    let a = null, i = null, r = null;
-    const o = Ge({
-      suffixCls: "image-viewer"
+    const o = tn({
+      suffixCls: "image-view"
     }), {
-      wrapSSR: l,
-      hashId: c
-    } = Pt(o), S = Te(!1), [p, E] = Ne(!1), [k, x] = Ne(!1), z = C(!0), h = C(e.initialIndex), P = C(null), F = C(null), W = C(X.CONTAIN), m = Xe({
-      transform: {
-        scale: 1,
-        deg: 0,
-        offsetX: 0,
-        offsetY: 0,
-        enableTransition: !1
+      wrapSSR: i,
+      hashId: a
+    } = br(o), [s, g] = Tt(!1), [d, y] = Tt(!1), I = A(null), h = A(e.current), v = fe(1), C = fe(0), S = fe(!1), T = _e({
+      x: 1,
+      y: 1
+    }), [w, j] = Or(G), le = fe({
+      wheelDirection: 0
+    }), F = fe(), $ = _e({
+      originX: 0,
+      originY: 0,
+      deltaX: 0,
+      deltaY: 0
+    }), B = _e(/* @__PURE__ */ new Map()), Q = _(() => new Map(Array.from(B).map(([l, {
+      url: b
+    }]) => [l, b]))), we = _(() => Q.value.get(h.value)), q = _(() => Q.value.size), se = _(() => Array.from(Q.value.keys())), R = _(() => se.value.indexOf(h.value)), ye = _(() => q.value > 1), ce = _(() => q.value >= 1);
+    te(s, (l) => {
+      l && (d.value = !0);
+    });
+    const f = (l) => {
+      h.value = l;
+    };
+    te(() => e.current, (l) => {
+      Ve(l) && f(l);
+    });
+    function O(l, b) {
+      B.set(l, {
+        url: b,
+        loading: !0,
+        canPreview: !1
+      });
+    }
+    const P = () => {
+      y(!1), h.value = e.current;
+    }, je = () => {
+      v.value = 1, C.value = 0, T.x = 1, T.y = 1, j(G), t("close");
+    }, Re = (l) => {
+      S.value || I.value === (l == null ? void 0 : l.target) && P();
+    }, De = () => {
+      const l = B.get(h.value);
+      l && (l.loading = !1, l.canPreview = !0);
+    }, be = (l) => {
+      const b = B.get(h.value);
+      b && (b.loading = !1, b.canPreview = !1), l.target.alt = "加载失败";
+    }, Se = () => {
+      if (R.value > 0 || e.infinite) {
+        const l = R.value - 1 < 0 ? e.previewUrls.length - 1 : R.value - 1;
+        f(se.value[l]);
       }
-    }), J = L(() => e.urlList.length > 1), G = L(() => h.value === 0), K = L(() => h.value === e.urlList.length - 1), ee = L(() => e.urlList[h.value]), te = L(() => {
-      const {
-        scale: s,
-        deg: I,
-        offsetX: d,
-        offsetY: y,
-        enableTransition: b
-      } = m.transform, A = {
-        transform: `scale(${s}) rotate(${I}deg)`,
-        transition: b ? "transform .3s" : "",
-        marginLeft: `${d}px`,
-        marginTop: `${y}px`
-      };
-      return W.value.name === X.CONTAIN.name && (A.maxWidth = A.maxHeight = "100%"), A;
-    }), ne = () => {
-      xe(document, "keydown", a), xe(document, je, i), a = null, i = null;
-    }, de = () => {
-      ne(), t("close"), m.transform = {
-        scale: 1,
-        deg: 0,
-        offsetX: 0,
-        offsetY: 0,
-        enableTransition: !1
-      };
-    }, he = (s) => {
-      S.value ? S.value = !1 : P.value === (s == null ? void 0 : s.target) && (x(!1), h.value = e.initialIndex);
-    }, ae = () => {
-      m.transform = {
-        scale: 1,
-        deg: 0,
-        offsetX: 0,
-        offsetY: 0,
-        enableTransition: !1
-      };
-    }, j = () => {
-      if (G.value && !e.infinite) return;
-      const s = e.urlList.length;
-      h.value = (h.value - 1 + s) % s;
-    }, u = () => {
-      if (K.value && !e.infinite) return;
-      const s = e.urlList.length;
-      h.value = (h.value + 1) % s;
-    }, M = () => {
-      if (z.value) return;
-      const s = Object.keys(X), I = Object.values(X), d = W.value.name, b = (I.findIndex((A) => A.name === d) + 1) % s.length;
-      W.value = X[s[b]], ae();
-    }, g = (s, I = {}) => {
-      if (z.value) return;
-      const {
-        zoomRate: d,
-        rotateDeg: y,
-        enableTransition: b
-      } = {
-        zoomRate: 0.2,
-        rotateDeg: 90,
-        enableTransition: !0,
-        ...I
-      };
-      switch (s) {
-        case "zoomOut":
-          m.transform.scale > 0.2 && (m.transform.scale = Number.parseFloat((m.transform.scale - d).toFixed(3)));
-          break;
-        case "zoomIn":
-          m.transform.scale = Number.parseFloat((m.transform.scale + d).toFixed(3));
-          break;
-        case "clocelise":
-          m.transform.deg += y;
-          break;
-        case "anticlocelise":
-          m.transform.deg -= y;
-          break;
+    }, Te = () => {
+      if (R.value < q.value - 1 || e.infinite) {
+        const l = R.value + 1 > e.previewUrls.length - 1 ? 0 : R.value + 1;
+        f(se.value[l]);
       }
-      m.transform.enableTransition = b;
-    }, B = () => {
-      a = Me((s) => {
-        switch (s.code) {
-          case Y.esc:
-            x(!1);
-            break;
-          case Y.space:
-            M();
-            break;
-          case Y.left:
-            j();
-            break;
-          case Y.up:
-            g("zoomIn");
-            break;
-          case Y.right:
-            u();
-            break;
-          case Y.down:
-            g("zoomOut");
-            break;
-        }
-      }), i = Me((s) => {
-        (s.wheelDelta ? s.wheelDelta : -s.detail) > 0 ? g("zoomIn", {
-          zoomRate: 0.015,
-          enableTransition: !1
-        }) : g("zoomOut", {
-          zoomRate: 0.015,
-          enableTransition: !1
-        });
-      }), le(document, "keydown", a), le(document, je, i);
-    }, V = () => {
-      z.value = !1;
-    }, ge = (s) => {
-      z.value = !1, s.target.alt = "加载失败";
-    }, U = Te(), ve = (s) => {
-      if (z.value || s.button !== 0) return;
-      s.preventDefault(), s.stopPropagation(), clearTimeout(U.value), S.value = !0;
-      const {
-        offsetX: I,
-        offsetY: d
-      } = m.transform, y = s.pageX, b = s.pageY;
-      r = Me((A) => {
-        m.transform = {
-          ...m.transform,
-          offsetX: I + A.pageX - y,
-          offsetY: d + A.pageY - b
-        };
-      }), le(document, "mousemove", r), le(document, "mouseup", () => {
-        xe(document, "mousemove", r), p.value && k.value && (U.value = setTimeout(() => {
-          S.value = !1;
-        }));
-      });
-    }, me = [{
-      icon: ((ie = e.icons) == null ? void 0 : ie.close) || f(tt, null, null),
-      onClick: (s) => {
-        s.stopPropagation(), x(!1);
-      },
-      type: "close"
-    }, {
-      icon: ((re = e.icons) == null ? void 0 : re.zoomIn) || f(nt, null, null),
-      onClick: (s) => {
-        s.stopPropagation(), g("zoomIn");
-      },
+    }, J = (l) => {
+      l ? v.value += 0.5 : v.value++, j(G);
+    }, ue = (l) => {
+      v.value > 1 && (l ? v.value -= 0.5 : v.value--), j(G);
+    }, Ue = () => {
+      C.value += 90;
+    }, jn = () => {
+      C.value -= 90;
+    }, Rn = () => {
+      T.x = -T.x;
+    }, Dn = () => {
+      T.y = -T.y;
+    }, wt = [{
+      icon: H(r, e.icons, "zoomIn") || ee.zoomIn,
+      onClick: () => J(),
       type: "zoomIn"
     }, {
-      icon: (($ = e.icons) == null ? void 0 : $.zoomOut) || f(at, null, null),
-      onClick: (s) => {
-        s.stopPropagation(), g("zoomOut");
-      },
-      type: "zoomOut"
+      icon: H(r, e.icons, "zoomOut") || ee.zoomOut,
+      onClick: () => ue(),
+      type: "zoomOut",
+      disabled: _(() => v.value === 1)
     }, {
-      icon: ((Z = e.icons) == null ? void 0 : Z.rotateRight) || f(it, null, null),
-      onClick: (s) => {
-        s.stopPropagation(), g("anticlocelise");
-      },
+      icon: H(r, e.icons, "rotateRight") || ee.rotateRight,
+      onClick: Ue,
       type: "rotateRight"
     }, {
-      icon: ((Ce = e.icons) == null ? void 0 : Ce.rotateLeft) || f(rt, null, null),
-      onClick: (s) => {
-        s.stopPropagation(), g("clocelise");
-      },
+      icon: H(r, e.icons, "rotateLeft") || ee.rotateLeft,
+      onClick: jn,
       type: "rotateLeft"
-    }];
-    return _(ee, () => {
-      Ye(() => {
-        F.value.complete || (z.value = !0);
+    }, {
+      icon: H(r, e.icons, "flipX") || ee.flipX,
+      onClick: Rn,
+      type: "flipX"
+    }, {
+      icon: H(r, e.icons, "flipY") || ee.flipY,
+      onClick: Dn,
+      type: "flipY"
+    }], yt = () => {
+      if (s.value && S.value && F.value) {
+        const l = F.value.offsetWidth * v.value, b = F.value.offsetHeight * v.value, {
+          left: D,
+          top: E
+        } = Sr(F.value), Ie = C.value % 180 !== 0;
+        S.value = !1;
+        const Oe = Ir(Ie ? b : l, Ie ? l : b, D, E);
+        Oe && j({
+          ...Oe
+        });
+      }
+    }, Un = (l) => {
+      l.button === 0 && (l.preventDefault(), l.stopPropagation(), $.deltaX = l.pageX - w.x, $.deltaY = l.pageY - w.y, $.originX = w.x, $.originY = w.y, S.value = !0);
+    }, bt = (l) => {
+      s.value && S.value && j({
+        x: l.pageX - $.deltaX,
+        y: l.pageY - $.deltaY
       });
-    }), _(h, (s) => {
-      ae(), t("switch", s);
-    }), _(p, (s) => {
-      s && (k.value = s);
-    }), _([() => p.value, () => P.value], ([s, I]) => {
-      var d, y;
-      s && I && (B(), (y = (d = P.value) == null ? void 0 : d.focus) == null || y.call(d));
+    }, zn = (l) => {
+      if (!s.value) return;
+      l.preventDefault();
+      const b = l.deltaY;
+      le.value = {
+        wheelDirection: b
+      };
+    }, Fn = (l) => {
+      !s.value || !ye.value || (l.keyCode === c.LEFT ? Se() : l.keyCode === c.RIGHT && Te());
+    }, Bn = () => {
+      s.value && (v.value !== 1 && (v.value = 1), (w.x !== G.x || w.y !== G.y) && j(G));
+    };
+    let ze = () => {
+    };
+    return kt(() => {
+      te(() => e.previewUrls, (l) => {
+        nn(l) && l.forEach((b, D) => {
+          O(D, b);
+        });
+      }, {
+        flush: "post",
+        immediate: !0
+      }), te([() => s.value, S], () => {
+        ze();
+        let l, b;
+        const D = k(window, "mouseup", yt, !1), E = k(window, "mousemove", bt, !1), Ie = k(window, "wheel", zn, {
+          passive: !1
+        }), Oe = k(window, "keydown", Fn, !1);
+        try {
+          window.top !== window.self && (l = k(window.top, "mouseup", yt, !1), b = k(window.top, "mousemove", bt, !1));
+        } catch (Hn) {
+          dr(!1, `[vc-image] ${Hn}`);
+        }
+        ze = () => {
+          D.remove(), E.remove(), Ie.remove(), Oe.remove(), l && l.remove(), b && b.remove();
+        };
+      }, {
+        flush: "post",
+        immediate: !0
+      }), te([le], () => {
+        const {
+          wheelDirection: l
+        } = le.value;
+        l > 0 ? ue(!0) : l < 0 && J(!0);
+      });
+    }), Kn(() => {
+      ze();
     }), n({
-      setOpen: E
+      setOpen: g
     }), () => {
-      const s = Ee(`${o}-fade`), I = Ee(`${o}-zoom`);
-      return l(f(_e, {
-        to: e.getContainer || "body",
-        disabled: !e.teleported
+      const l = Qe(`${o}-fade`), b = Qe(`${o}-zoom`), D = {};
+      for (const E in e.icons)
+        D[E] = H(r, e.icons, E);
+      return i(u(We, null, [u(en, {
+        to: e.getContainer || "body"
       }, {
-        default: () => [p.value && f("div", {
-          class: `${o}-root ${c.value}`
-        }, [f(ke, s, {
-          default: () => [ze(f("div", {
-            class: `${o}-mask ${c.value}`
-          }, null), [[Oe, p.value && k.value]])]
-        }), f("div", {
-          ref: P,
+        default: () => [s.value && u(We, null, [u("div", {
+          class: `${o}-root ${a.value}`
+        }, [u(Ke, l, {
+          default: () => [Ye(u("div", {
+            class: `${o}-mask ${a.value}`
+          }, null), [[Xe, s.value && d.value]])]
+        }), u("div", {
+          ref: I,
           tabindex: -1,
-          class: [`${o}-wrapper`, `${c.value}`],
-          onClick: (d) => e.onHideOnClickModal && he(d)
-        }, [f(ke, We(I, {
-          onAfterLeave: () => de()
+          class: [`${o}-wrap`, `${a.value}`],
+          onClick: (E) => e.onHideOnClickModal && Re(E)
+        }, [u(Ke, Ze(b, {
+          onAfterLeave: () => je()
         }), {
-          default: () => {
-            var d, y;
-            return [ze(f("div", {
-              class: `${o}-block ${c.value}`
-            }, [f("div", {
-              class: `${o}-content ${c.value}`
-            }, [f("div", {
-              class: `${o}-body ${c.value}`
-            }, [f("div", {
-              class: `${o}-operations-wrapper ${c.value}`,
-              onClick: (b) => b.stopPropagation()
-            }, [f("ul", {
-              class: `${o}-operations ${c.value}`
-            }, [me.map(({
-              icon: b,
-              onClick: A,
-              type: pe
-            }) => f("li", {
-              class: `${o}-operations-operation ${c.value}`,
-              onClick: A,
-              key: pe
-            }, [qe(b, {
-              class: `${o}-operations-icon ${c.value}`
-            })]))])]), f("div", {
-              class: `${o}-canvas ${c.value}`
-            }, [e.urlList.map((b, A) => f("img", {
-              ref: F,
-              class: `${o}-img ${c.value}`,
-              style: {
-                ...te.value,
-                display: A === h.value ? "block" : "none"
-              },
-              key: b,
-              src: b,
-              onLoad: () => V(),
-              onError: (pe) => ge(pe),
-              onMousedown: ve
-            }, null))]), J.value && f("div", {
-              class: [`${o}-switch-left`, h.value === 0 && !e.infinite ? `${o}-switch-left-disabled` : "", `${c.value}`],
-              onClick: () => j()
-            }, [((d = e.icons) == null ? void 0 : d.left) || f(ot, null, null)]), J.value && f("div", {
-              class: [`${o}-switch-right`, h.value === e.urlList.length - 1 && !e.infinite ? `${o}-switch-right-disabled` : "", `${c.value}`],
-              onClick: () => u()
-            }, [((y = e.icons) == null ? void 0 : y.right) || f(st, null, null)])])])]), [[Oe, p.value && k.value]])];
-          }
-        })])])]
-      }));
+          default: () => [Ye(u("div", {
+            role: "dialog",
+            class: `${o} ${a.value}`
+          }, [u("div", {
+            class: `${o}-content ${a.value}`
+          }, [u("div", {
+            class: `${o}-body ${a.value}`
+          }, [u("div", {
+            class: `${o}-img-wrapper ${a.value}`,
+            style: {
+              transform: `translate3d(${w.x}px, ${w.y}px, 0)`
+            }
+          }, [u("img", {
+            onMousedown: Un,
+            onDblclick: Bn,
+            ref: F,
+            class: `${o}-img ${a.value}`,
+            src: we.value,
+            onLoad: () => De(),
+            onError: (E) => be(E),
+            style: {
+              transform: `scale3d(${T.x * v.value}, ${T.y * v.value}, 1) rotate(${C.value}deg)`
+            }
+          }, null)])])])]), [[Xe, s.value && d.value]])]
+        })])])])]
+      }), s.value && d.value && u(Er, {
+        open: s.value && d.value,
+        hashId: a.value,
+        count: e.previewUrls.length,
+        current: h.value,
+        zIndex: e.zIndex + 1,
+        getContainer: e.getContainer,
+        prefixCls: o,
+        icons: Fl(D, wt.map(({
+          type: E
+        }) => E)),
+        tools: wt,
+        infinite: e.infinite,
+        countRender: tr(r, e, "countRenders"),
+        showSwitch: ye.value,
+        showProgress: ce.value,
+        onClose: P,
+        onActive: (E) => E > 0 ? Te() : Se()
+      }, null)]));
     };
   }
-}), Ie = {
+}), Ge = {
   width: "100%",
   height: "100%"
-}, Bt = (e) => ({
+}, Wl = () => ({
+  position: "absolute",
+  inset: 0,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  cursor: "pointer",
+  opacity: 0
+}), Xl = (e) => ({
   [e.componentCls]: {
     display: "inline-block",
     position: "relative",
     overflow: "hidden",
     "&-inner": {
-      ...Ie,
+      ...Ge,
       verticalAlign: "top",
-      opacity: 1
+      opacity: 1,
+      [`&${e.componentCls}-inner-preview`]: {
+        userSelect: "none"
+      }
     },
     "&-placeholder": {
-      ...Ie,
+      ...Ge,
       backgroundColor: e.colorBgContainerDisabled,
       backgroundImage: "url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=')",
       backgroundRepeat: "no-repeat",
@@ -1204,173 +2149,172 @@ const jt = /* @__PURE__ */ Ve({
       backgroundSize: "30%"
     },
     "&-error": {
-      ...Ie,
+      ...Ge,
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
       color: e.colorText,
       backgroundColor: e.colorBgContainerDisabled
     },
-    "&-preview": {
-      cursor: "pointer"
-    }
+    "&-preview": Wl()
   }
-}), Vt = (e) => e && e.nodeType === Node.ELEMENT_NODE;
-let Be = "";
-const ce = /* @__PURE__ */ Ve({
-  props: ue,
+}), Zl = (e) => e && e.nodeType === Node.ELEMENT_NODE;
+let Jt = "";
+const Vl = [...Ln, "fallback", "placeholder"], $e = /* @__PURE__ */ nt({
+  props: rn,
   name: "GImage",
   emits: ["error", "click", "load"],
   slots: Object,
   setup(e, {
     slots: t,
     emit: n,
-    attrs: a
+    attrs: r
   }) {
-    const i = Ge({
+    const o = tn({
       suffixCls: "image"
     }), {
-      wrapSSR: r,
-      hashId: o
-    } = vt("Image", [Bt], i), l = C(), c = C(""), S = C(!1), p = C(!0), E = C(!1), k = C(null), x = C();
-    let z, h;
-    const P = L(() => !q && e.fit ? {
+      wrapSSR: i,
+      hashId: a
+    } = ur("Image", [Xl], o), s = A(), g = A(""), d = A(!1), y = A(!0), I = A(!1), h = A(null), v = A();
+    let C, S;
+    const T = _(() => !Ce && e.fit ? {
       "object-fit": e.fit
-    } : {}), F = L(() => {
+    } : {}), w = _(() => {
       const {
-        previewSrcList: u
-      } = e;
-      return Array.isArray(u) && u.length > 0;
-    }), W = L(() => {
+        previewUrls: f
+      } = e.preview;
+      return nn(f) && f.length > 0 || e.showPreview;
+    }), j = _(() => {
       const {
-        src: u,
-        previewSrcList: M,
-        initialIndex: g
-      } = e;
-      if (g || g === 0) return M.length >= g ? g : 0;
-      let B = 0;
-      const V = M.indexOf(u);
-      return V >= 0 && (B = V), B;
-    }), m = (u) => {
-      c.value = e.src, p.value = !1, S.value = !1, n("load", u);
-    }, J = (u) => {
-      p.value = !1, S.value = !0, n("error", u);
-    }, G = () => {
-      if (q) return;
-      p.value = !0, S.value = !1;
-      const u = new Image();
-      u.onload = (M) => m(M), u.onerror = J, Object.keys(a || {}).forEach((M) => {
-        if (M.toLowerCase() === "onload") return;
-        const g = (a || {})[M];
-        u.setAttribute(M, g);
-      }), u.src = e.src;
-    }, K = mt(te, 200), ee = () => {
-      q || !x.value || !K || (z(), x.value = void 0);
+        previewUrls: f = [],
+        current: O = 0
+      } = e.preview;
+      if (Ve(O)) return f.length >= O ? O : 0;
+      const P = f.indexOf(e.src);
+      return P >= 0 ? P : 0;
+    }), le = (f) => {
+      g.value = e.src, y.value = !1, d.value = !1, n("load", f);
+    }, F = (f) => {
+      y.value = !1, d.value = !0, n("error", f);
+    }, $ = () => {
+      if (Ce) return;
+      y.value = !0, d.value = !1;
+      const f = new Image();
+      f.onload = (O) => le(O), f.onerror = F, Object.keys(r || {}).forEach((O) => {
+        if (O.toLowerCase() === "onload") return;
+        const P = (r || {})[O];
+        f.setAttribute(O, P);
+      }), f.src = e.src;
+    }, B = fr(we, 200), Q = () => {
+      Ce || !v.value || !B || (C(), v.value = void 0);
     };
-    function te() {
-      lt(k.value, x.value) && (G(), ee());
+    function we() {
+      nr(h.value, v.value) && ($(), Q());
     }
-    const ne = async () => {
-      if (q) return;
-      await Ye();
+    const q = async () => {
+      if (Ce) return;
+      await Xn();
       const {
-        scrollContainer: u
+        scrollContainer: f
       } = e;
-      Vt(u) ? x.value = u : ut(u) && u !== "" ? x.value = document.querySelector(u) ?? void 0 : k.value && (x.value = ct(k.value)), x.value && (z = $e(x, "scroll", K), setTimeout(() => te(), 200));
-    }, de = (u) => {
-      if (u.ctrlKey) {
-        if (u.deltaY < 0)
-          return u.preventDefault(), !1;
-        if (u.deltaY > 0)
-          return u.preventDefault(), !1;
+      Zl(f) ? v.value = f : or(f) && f !== "" ? v.value = document.querySelector(f) ?? void 0 : h.value && (v.value = ir(h.value)), v.value && (C = It(v, "scroll", B), setTimeout(() => we(), 200));
+    }, se = (f) => {
+      if (f.ctrlKey) {
+        if (f.deltaY < 0)
+          return f.preventDefault(), !1;
+        if (f.deltaY > 0)
+          return f.preventDefault(), !1;
       }
-    }, he = () => {
-      !F.value || e.disablePreview || (h = $e("wheel", de, {
+    }, R = () => {
+      w.value && (S = It("wheel", se, {
         passive: !1
-      }), Be = document.body.style.overflow, document.body.style.overflow = "hidden", E.value = !0);
-    }, ae = () => {
-      h == null || h(), document.body.style.overflow = Be, E.value = !1;
+      }), Jt = document.body.style.overflow, document.body.style.overflow = "hidden", I.value = !0);
+    }, ye = () => {
+      S == null || S(), document.body.style.overflow = Jt, I.value = !1;
     };
-    _(() => e.src, () => {
-      e.lazy ? (p.value = !0, S.value = !1, ee(), ne()) : G();
+    te(() => e.src, () => {
+      e.lazy ? (y.value = !0, d.value = !1, Q(), q()) : $();
+    }), Yn(() => {
+      var f, O;
+      w.value && I.value ? (f = s.value) == null || f.setOpen(!0) : (O = s.value) == null || O.setOpen(!1);
     });
-    const j = (u) => ft(u) ? u + "px" : u;
-    return dt(() => {
-      e.lazy ? ne() : G();
+    const ce = (f) => Ve(f) ? f + "px" : f;
+    return ar(() => {
+      e.lazy ? q() : $();
     }), () => {
+      var ue;
       const {
-        crossorigin: u,
-        decoding: M,
-        alt: g,
-        sizes: B,
-        srcset: V,
-        usemap: ge,
-        class: U,
-        style: ve = {}
-      } = a, me = {
-        crossorigin: u,
-        decoding: M,
-        alt: g,
-        sizes: B,
-        srcset: V,
-        usemap: ge,
+        crossorigin: f,
+        decoding: O,
+        alt: P,
+        sizes: je,
+        srcset: Re,
+        usemap: De,
+        class: be,
+        style: Se = {}
+      } = r, Te = {
+        crossorigin: f,
+        decoding: O,
+        alt: P,
+        sizes: je,
+        srcset: Re,
+        usemap: De,
         style: {
-          ...P.value,
-          height: e.height ? j(e.height) : void 0
+          ...T.value,
+          height: e.height ? ce(e.height) : void 0
         }
-      }, ie = Le(t, e, "fallback"), re = Le(t, e, "placeholder");
-      return Qe(() => {
-        var $, Z;
-        F.value && E.value ? ($ = l.value) == null || $.setOpen(!0) : (Z = l.value) == null || Z.setOpen(!1);
-      }), r(f("div", {
+      }, J = rr(Vl, t, e, {
+        render: !0
+      });
+      return i(u("div", {
         class: {
-          [`${o.value}`]: !0,
-          [`${i}`]: !0,
-          [`${U}`]: !!U
+          [`${a.value}`]: !0,
+          [`${o}`]: !0,
+          [`${be}`]: !!be
         },
-        ref: ($) => k.value = $,
+        ref: (Ue) => h.value = Ue,
         style: {
-          width: e.width ? j(e.width) : void 0,
-          height: e.height ? j(e.height) : void 0,
+          width: e.width ? ce(e.width) : void 0,
+          height: e.height ? ce(e.height) : void 0,
           display: e.lazy ? "block" : void 0,
-          ...ve
+          ...Se
         },
         onClick: () => {
           n("click");
         }
-      }, [p.value ? re || f("div", {
-        class: `${i}-placeholder ${o.value}`
-      }, null) : S.value ? ie || f("div", {
-        class: `${i}-error ${o.value}`
-      }, [Je("加载失败")]) : c.value && f("img", We(me, {
+      }, [y.value ? J.placeholder || u("div", {
+        class: `${o}-placeholder ${a.value}`
+      }, null) : d.value ? J.fallback || u("div", {
+        class: `${o}-error ${a.value}`
+      }, [Wn("加载失败")]) : g.value && u("img", Ze(Te, {
         class: {
-          [`${o.value}`]: !0,
+          [`${a.value}`]: !0,
           [`${e.imageClassName}`]: !!e.imageClassName,
-          [`${i}-inner`]: !0,
-          [`${i}-preview`]: F.value
+          [`${o}-inner`]: !0,
+          [`${o}-inner-preview`]: w.value
         },
         alt: e.alt,
-        src: c.value,
-        onClick: () => he()
-      }), null), f(jt, {
-        ref: l,
-        zIndex: e.zIndex,
-        infinite: e.infinite,
-        initialIndex: W.value,
-        urlList: e.previewSrcList,
-        getContainer: e.getContainer,
-        onHideOnClickModal: e.hideOnClickModal,
-        onClose: () => ae()
-      }, null)]));
+        src: g.value
+      }), null), w.value && u("div", {
+        class: `${o}-preview ${a.value}`,
+        onClick: () => R()
+      }, null), w.value && u(Yl, Ze({
+        ref: s
+      }, e.preview, Kl(J, Ln), {
+        previewUrls: ((ue = e.preview) == null ? void 0 : ue.previewUrls) || [e.src],
+        current: j.value,
+        onClose: () => ye()
+      }), null)]));
     };
   }
 });
-ce.isGImage = !0;
-ce.install = (e) => (e.component(ce.name, ce), e);
+$e.isGImage = !0;
+$e.install = (e) => (e.component($e.name, $e), e);
 export {
-  ce as GImage,
-  jt as ImageViewer,
-  ce as default,
-  ue as imagePorps,
-  pt as imageViewProps
+  $e as GImage,
+  Yl as ImagePreview,
+  ge as baseProps,
+  $e as default,
+  rn as imagePorps,
+  ne as imagePreviewProps
 };