@gx-design-vue/image 0.2.0-beta.11 → 0.2.0-beta.12

package/dist/image.mjs

@@ -1,34 +1,151 @@
-import { createVNode as c, defineComponent as Ve, shallowRef as Te, ref as A, reactive as Xe, computed as N, watch as q, nextTick as Ye, Teleport as _e, Transition as ke, withDirectives as ze, vShow as Oe, mergeProps as We, cloneVNode as qe, watchEffect as Qe, Fragment as Je, createTextVNode as Ke } from "vue";
-import { ExpandOutlined as et, OneToOneOutlined as tt, CloseOutlined as nt, ZoomInOutlined as at, ZoomOutOutlined as it, RotateRightOutlined as rt, RotateLeftOutlined as ot, LeftOutlined as st, RightOutlined as lt } from "@ant-design/icons-vue";
-import { isServer as Q, getPrefixCls as Ge, getSlotVNode as Le, isInContainer as ut, isString as ct, getScrollContainer as ft, isNumber as dt } from "@gx-design-vue/pro-utils";
-import { useState as Ne, onMountedOrActivated as ht } from "@gx-design-vue/pro-hooks";
-import { Keyframe as ce, useStyle as gt, mergeToken as vt, getTransitionProps as $e, useProStyle as mt } from "@gx-design-vue/pro-provider";
-import { createTypes as pt } from "vue-types";
+import { createTypes as Xe } from "vue-types";
+import { createVNode as c, defineComponent as Ve, shallowRef as Te, ref as A, reactive as _e, computed as N, watch as q, nextTick as Ye, Teleport as qe, Transition as ke, withDirectives as ze, vShow as Oe, mergeProps as We, cloneVNode as Qe, watchEffect as Je, Fragment as Ke, createTextVNode as et } from "vue";
+import { ExpandOutlined as tt, OneToOneOutlined as nt, CloseOutlined as at, ZoomInOutlined as it, ZoomOutOutlined as rt, RotateRightOutlined as ot, RotateLeftOutlined as st, LeftOutlined as lt, RightOutlined as ut } from "@ant-design/icons-vue";
+import { isServer as Q, getPrefixCls as Ge, getSlotVNode as Le, isInContainer as ct, isString as ft, getScrollContainer as dt, isNumber as ht } from "@gx-design-vue/pro-utils";
+import { useState as Ne, onMountedOrActivated as gt } from "@gx-design-vue/pro-hooks";
+import { Keyframe as ce, useStyle as vt, mergeToken as mt, getTransitionProps as $e, useProStyle as pt } from "@gx-design-vue/pro-provider";
 import { useThrottleFn as bt, useEventListener as Ee } from "@vueuse/core";
+const Ue = Xe({
+  func: void 0,
+  bool: void 0,
+  string: void 0,
+  number: void 0,
+  array: void 0,
+  object: void 0,
+  integer: void 0
+});
+Ue.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 V = Ue, H = {
+  infinite: {
+    type: Boolean,
+    default: !0
+  },
+  zIndex: {
+    type: Number,
+    default: 2e3
+  },
+  initialIndex: {
+    type: Number,
+    default: 0
+  },
+  getContainer: {
+    type: String
+  }
+}, le = {
+  previewTeleported: {
+    type: Boolean,
+    default: !0
+  },
+  hideOnClickModal: {
+    type: Boolean,
+    default: !0
+  },
+  src: {
+    type: String,
+    default: ""
+  },
+  alt: {
+    type: String,
+    default: ""
+  },
+  fit: {
+    type: String,
+    default: "contain"
+  },
+  lazy: V.bool,
+  scrollContainer: {
+    type: [String, Object]
+  },
+  placeholder: {
+    type: [Function, Object],
+    default: () => {
+    }
+  },
+  fallback: {
+    type: [Function, Object],
+    default: () => {
+    }
+  },
+  onLoad: {
+    type: Function
+  },
+  onError: {
+    type: Function
+  },
+  onClick: {
+    type: Function
+  },
+  disablePreview: V.bool,
+  previewSrcList: {
+    type: Array,
+    default: () => []
+  },
+  imageClassName: V.string,
+  imageStyle: V.style,
+  width: V.number,
+  height: V.number,
+  zIndex: H.zIndex,
+  infinite: H.infinite,
+  getContainer: H.getContainer,
+  initialIndex: {
+    ...H.initialIndex,
+    default: () => {
+    }
+  }
+}, yt = {
+  urlList: {
+    type: Array,
+    default: () => []
+  },
+  teleported: le.previewTeleported,
+  zIndex: H.zIndex,
+  initialIndex: H.initialIndex,
+  infinite: H.infinite,
+  getContainer: le.getContainer,
+  onHideOnClickModal: le.hideOnClickModal,
+  icons: {
+    type: Object,
+    default: () => ({})
+  }
+};
 function v(e, t) {
-  yt(e) && (e = "100%");
-  var n = wt(e);
+  wt(e) && (e = "100%");
+  var n = St(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 re(e) {
   return Math.min(1, Math.max(0, e));
 }
-function yt(e) {
+function wt(e) {
   return typeof e == "string" && e.indexOf(".") !== -1 && parseFloat(e) === 1;
 }
-function wt(e) {
+function St(e) {
   return typeof e == "string" && e.indexOf("%") !== -1;
 }
-function Ue(e) {
+function Ze(e) {
   return e = parseFloat(e), (isNaN(e) || e < 0 || e > 1) && (e = 1), e;
 }
 function oe(e) {
   return e <= 1 ? "".concat(Number(e) * 100, "%") : e;
 }
-function H(e) {
+function P(e) {
   return e.length === 1 ? "0" + e : String(e);
 }
-function St(e, t, n) {
+function xt(e, t, n) {
   return {
     r: v(e, 255) * 255,
     g: v(t, 255) * 255,
@@ -60,7 +177,7 @@ function Re(e, t, n) {
 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 xt(e, t, n) {
+function Mt(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;
@@ -91,29 +208,29 @@ function De(e, t, n) {
   }
   return { h: r, s: f, v: o };
 }
-function Mt(e, t, n) {
+function It(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), f = a % 6, S = [n, o, r, r, l, n][f], m = [l, n, n, o, r, r][f], E = [r, r, l, n, n, o][f];
   return { r: S * 255, g: m * 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))
+    P(Math.round(e).toString(16)),
+    P(Math.round(t).toString(16)),
+    P(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 It(e, t, n, a, i) {
+function At(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(At(a))
+    P(Math.round(e).toString(16)),
+    P(Math.round(t).toString(16)),
+    P(Math.round(n).toString(16)),
+    P(Ct(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 At(e) {
+function Ct(e) {
   return Math.round(parseFloat(e) * 255).toString(16);
 }
 function Pe(e) {
@@ -122,7 +239,7 @@ function Pe(e) {
 function w(e) {
   return parseInt(e, 16);
 }
-function Ct(e) {
+function Tt(e) {
   return {
     r: e >> 16,
     g: (e & 65280) >> 8,
@@ -279,9 +396,9 @@ var Ae = {
   yellow: "#ffff00",
   yellowgreen: "#9acd32"
 };
-function Tt(e) {
+function kt(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 = Ot(e)), typeof e == "object" && (L(e.r) && L(e.g) && L(e.b) ? (t = St(e.r, e.g, e.b), o = !0, l = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : L(e.h) && L(e.s) && L(e.v) ? (a = oe(e.s), i = oe(e.v), t = Mt(e.h, a, i), o = !0, l = "hsv") : L(e.h) && L(e.s) && L(e.l) && (a = oe(e.s), r = oe(e.l), t = xt(e.h, a, r), o = !0, l = "hsl"), Object.prototype.hasOwnProperty.call(e, "a") && (n = e.a)), n = Ue(n), {
+  return typeof e == "string" && (e = Lt(e)), typeof e == "object" && (L(e.r) && L(e.g) && L(e.b) ? (t = xt(e.r, e.g, e.b), o = !0, l = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : L(e.h) && L(e.s) && L(e.v) ? (a = oe(e.s), i = oe(e.v), t = It(e.h, a, i), o = !0, l = "hsv") : L(e.h) && L(e.s) && L(e.l) && (a = oe(e.s), r = oe(e.l), t = Mt(e.h, a, r), o = !0, l = "hsl"), Object.prototype.hasOwnProperty.call(e, "a") && (n = e.a)), n = Ze(n), {
     ok: o,
     format: e.format || l,
     r: Math.min(255, Math.max(t.r, 0)),
@@ -290,7 +407,7 @@ function Tt(e) {
     a: n
   };
 }
-var kt = "[-\\+]?\\d+%?", zt = "[-\\+]?\\d*\\.\\d+%?", $ = "(?:".concat(zt, ")|(?:").concat(kt, ")"), ye = "[\\s|\\(]+(".concat($, ")[,|\\s]+(").concat($, ")[,|\\s]+(").concat($, ")\\s*\\)?"), we = "[\\s|\\(]+(".concat($, ")[,|\\s]+(").concat($, ")[,|\\s]+(").concat($, ")[,|\\s]+(").concat($, ")\\s*\\)?"), C = {
+var zt = "[-\\+]?\\d+%?", Ot = "[-\\+]?\\d*\\.\\d+%?", $ = "(?:".concat(Ot, ")|(?:").concat(zt, ")"), ye = "[\\s|\\(]+(".concat($, ")[,|\\s]+(").concat($, ")[,|\\s]+(").concat($, ")\\s*\\)?"), we = "[\\s|\\(]+(".concat($, ")[,|\\s]+(").concat($, ")[,|\\s]+(").concat($, ")[,|\\s]+(").concat($, ")\\s*\\)?"), C = {
   CSS_UNIT: new RegExp($),
   rgb: new RegExp("rgb" + ye),
   rgba: new RegExp("rgba" + we),
@@ -303,7 +420,7 @@ var kt = "[-\\+]?\\d+%?", zt = "[-\\+]?\\d*\\.\\d+%?", $ = "(?:".concat(zt, ")|(
   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 Ot(e) {
+function Lt(e) {
   if (e = e.trim().toLowerCase(), e.length === 0)
     return !1;
   var t = !1;
@@ -347,8 +464,8 @@ var J = (
       var a;
       if (t instanceof e)
         return t;
-      typeof t == "number" && (t = Ct(t)), this.originalInput = t;
-      var i = Tt(t);
+      typeof t == "number" && (t = Tt(t)), this.originalInput = t;
+      var i = kt(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() {
@@ -364,7 +481,7 @@ var J = (
     }, 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;
+      return this.a = Ze(t), this.roundA = Math.round(100 * this.a) / 100, this;
     }, e.prototype.isMonochrome = function() {
       var t = this.toHsl().s;
       return t === 0;
@@ -385,7 +502,7 @@ var J = (
     }, 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), It(this.r, this.g, this.b, this.a, t);
+      return t === void 0 && (t = !1), At(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.toRgb = function() {
@@ -512,21 +629,21 @@ var J = (
     }, e;
   }()
 );
-const Lt = new ce("viewFadeIn", {
+const Nt = new ce("viewFadeIn", {
   "0%": {
     opacity: 0
   },
   "100%": {
     opacity: 1
   }
-}), Nt = new ce("viewFadeOut", {
+}), $t = new ce("viewFadeOut", {
   "0%": {
     opacity: 1
   },
   "100%": {
     opacity: 0
   }
-}), $t = new ce("viewZoomBadgeIn", {
+}), Et = new ce("viewZoomBadgeIn", {
   "0%": {
     transform: "scale(0.2)",
     opacity: 0
@@ -535,7 +652,7 @@ const Lt = new ce("viewFadeIn", {
     transform: "scale(1)",
     opacity: 1
   }
-}), Et = new ce("viewZoomBadgeOut", {
+}), Rt = new ce("viewZoomBadgeOut", {
   "0%": {
     transform: "scale(1)"
   },
@@ -556,7 +673,7 @@ function Se(e) {
     insetInlineStart: 0
   };
 }
-const Rt = (e) => ({
+const Dt = (e) => ({
   boxSizing: "border-box",
   margin: 0,
   padding: 0,
@@ -565,11 +682,11 @@ const Rt = (e) => ({
   lineHeight: e.lineHeight,
   listStyle: "none",
   fontFamily: e.fontFamily
-}), Dt = (e) => {
+}), Ht = (e) => {
   const { componentCls: t, modalMaskBg: n, paddingSM: a, previewOperationColorDisabled: i, motionDurationSlow: r } = e, o = new J(n).setAlpha(0.1), l = o.clone().setAlpha(0.2);
   return {
     [`${t}-operations`]: {
-      ...Rt(e),
+      ...Dt(e),
       display: "flex",
       flexDirection: "row-reverse",
       alignItems: "center",
@@ -604,7 +721,7 @@ const Rt = (e) => ({
       }
     }
   };
-}, Ht = (e) => {
+}, Pt = (e) => {
   const { modalMaskBg: t, previewOperationColorDisabled: n, zIndexPopup: a, motionDurationSlow: i } = e, r = new J(t).setAlpha(0.1), o = r.clone().setAlpha(0.2);
   return {
     [`${e.componentCls}-switch-left, ${e.componentCls}-switch-right`]: {
@@ -649,7 +766,7 @@ const Rt = (e) => ({
       insetInlineEnd: e.marginSM
     }
   };
-}, Pt = (e) => ({
+}, Ft = (e) => ({
   [e.componentCls]: {
     ["&-root"]: {
       ...Se("fixed"),
@@ -704,17 +821,17 @@ const Rt = (e) => ({
       pointerEvents: "auto"
     },
     ["&-fade-appear, &-fade-enter"]: {
-      animationName: Lt,
+      animationName: Nt,
       animationDuration: e.motionDurationSlow,
       animationTimingFunction: "linear"
     },
     ["&-fade-leave"]: {
-      animationName: Nt,
+      animationName: $t,
       animationDuration: e.motionDurationSlow,
       animationTimingFunction: "linear"
     },
     ["&-zoom-appear, &-zoom-enter"]: {
-      animationName: $t,
+      animationName: Et,
       opacity: 0,
       animationTimingFunction: e.motionEaseOutCirc,
       animationFillMode: "both",
@@ -726,7 +843,7 @@ const Rt = (e) => ({
       animationPlayState: "running"
     },
     ["&-zoom-leave"]: {
-      animationName: Et,
+      animationName: Rt,
       animationDuration: e.motionDurationSlow,
       animationTimingFunction: e.motionEaseOutBack,
       animationFillMode: "both"
@@ -744,11 +861,11 @@ const Rt = (e) => ({
     zIndex: e.zIndexPopup + 1,
     width: "100%"
   },
-  "&": [Dt(e), Ht(e)]
+  "&": [Ht(e), Pt(e)]
 });
-function Ft(e) {
-  return gt("ImageView", (t) => {
-    const n = vt(t, {
+function jt(e) {
+  return vt("ImageView", (t) => {
+    const n = mt(t, {
       zIndexPopup: t.zIndexPopupBase + 80,
       previewOperationColorDisabled: new J(t.colorTextLightSolid).setAlpha(0.25).toRgbString(),
       modalMaskBg: new J("#000").setAlpha(0.45).toRgbString(),
@@ -757,126 +874,10 @@ function Ft(e) {
       imagePreviewSwitchSize: t.controlHeightLG,
       iconCls: "anticon"
     });
-    return [Pt(n)];
+    return [Ft(n)];
   }, e);
 }
-const Ze = pt({
-  func: void 0,
-  bool: void 0,
-  string: void 0,
-  number: void 0,
-  array: void 0,
-  object: void 0,
-  integer: void 0
-});
-Ze.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 V = Ze, P = {
-  infinite: {
-    type: Boolean,
-    default: !0
-  },
-  zIndex: {
-    type: Number,
-    default: 2e3
-  },
-  initialIndex: {
-    type: Number,
-    default: 0
-  },
-  getContainer: {
-    type: String
-  }
-}, le = {
-  previewTeleported: {
-    type: Boolean,
-    default: !0
-  },
-  hideOnClickModal: {
-    type: Boolean,
-    default: !0
-  },
-  src: {
-    type: String,
-    default: ""
-  },
-  alt: {
-    type: String,
-    default: ""
-  },
-  fit: {
-    type: String,
-    default: "contain"
-  },
-  lazy: V.bool,
-  scrollContainer: {
-    type: [String, Object]
-  },
-  placeholder: {
-    type: [Function, Object],
-    default: () => {
-    }
-  },
-  fallback: {
-    type: [Function, Object],
-    default: () => {
-    }
-  },
-  onLoad: {
-    type: Function
-  },
-  onError: {
-    type: Function
-  },
-  onClick: {
-    type: Function
-  },
-  disablePreview: V.bool,
-  previewSrcList: {
-    type: Array,
-    default: () => []
-  },
-  imageClassName: V.string,
-  imageStyle: V.style,
-  width: V.number,
-  height: V.number,
-  zIndex: P.zIndex,
-  infinite: P.infinite,
-  getContainer: P.getContainer,
-  initialIndex: {
-    ...P.initialIndex,
-    default: () => {
-    }
-  }
-}, jt = {
-  urlList: {
-    type: Array,
-    default: () => []
-  },
-  teleported: le.previewTeleported,
-  zIndex: P.zIndex,
-  initialIndex: P.initialIndex,
-  infinite: P.infinite,
-  getContainer: le.getContainer,
-  onHideOnClickModal: le.hideOnClickModal,
-  icons: {
-    type: Object,
-    default: () => ({})
-  }
-}, Y = {
+const Y = {
   tab: "Tab",
   enter: "Enter",
   space: "Space",
@@ -894,11 +895,11 @@ const V = Ze, P = {
 }, _ = {
   CONTAIN: {
     name: "contain",
-    icon: c(et, null, null)
+    icon: c(tt, null, null)
   },
   ORIGINAL: {
     name: "original",
-    icon: c(tt, null, null)
+    icon: c(nt, null, null)
   }
 }, Bt = function() {
   return !Q && !!window.navigator.userAgent.match(/firefox/i);
@@ -912,7 +913,7 @@ function Me(e) {
   };
 }
 const Vt = /* @__PURE__ */ Ve({
-  props: jt,
+  props: yt,
   emits: ["close", "switch"],
   setup: function(e, {
     emit: t,
@@ -925,7 +926,7 @@ const Vt = /* @__PURE__ */ Ve({
     }), {
       wrapSSR: l,
       hashId: f
-    } = Ft(o), S = Te(!1), [m, E] = Ne(!1), [z, x] = Ne(!1), O = A(!0), g = A(e.initialIndex), F = A(null), j = A(null), W = A(_.CONTAIN), d = Xe({
+    } = jt(o), S = Te(!1), [m, E] = Ne(!1), [z, x] = Ne(!1), O = A(!0), g = A(e.initialIndex), F = A(null), j = A(null), W = A(_.CONTAIN), d = _e({
       transform: {
         scale: 1,
         deg: 0,
@@ -1065,31 +1066,31 @@ const Vt = /* @__PURE__ */ Ve({
       }
       d.transform.enableTransition = p;
     }, me = [{
-      icon: ((ae = e.icons) == null ? void 0 : ae.close) || c(nt, null, null),
+      icon: ((ae = e.icons) == null ? void 0 : ae.close) || c(at, null, null),
       onClick: (s) => {
         s.stopPropagation(), x(!1);
       },
       type: "close"
     }, {
-      icon: ((ie = e.icons) == null ? void 0 : ie.zoomIn) || c(at, null, null),
+      icon: ((ie = e.icons) == null ? void 0 : ie.zoomIn) || c(it, null, null),
       onClick: (s) => {
         s.stopPropagation(), k("zoomIn");
       },
       type: "zoomIn"
     }, {
-      icon: ((D = e.icons) == null ? void 0 : D.zoomOut) || c(it, null, null),
+      icon: ((D = e.icons) == null ? void 0 : D.zoomOut) || c(rt, null, null),
       onClick: (s) => {
         s.stopPropagation(), k("zoomOut");
       },
       type: "zoomOut"
     }, {
-      icon: ((X = e.icons) == null ? void 0 : X.rotateRight) || c(rt, null, null),
+      icon: ((X = e.icons) == null ? void 0 : X.rotateRight) || c(ot, null, null),
       onClick: (s) => {
         s.stopPropagation(), k("anticlocelise");
       },
       type: "rotateRight"
     }, {
-      icon: ((Ce = e.icons) == null ? void 0 : Ce.rotateLeft) || c(ot, null, null),
+      icon: ((Ce = e.icons) == null ? void 0 : Ce.rotateLeft) || c(st, null, null),
       onClick: (s) => {
         s.stopPropagation(), k("clocelise");
       },
@@ -1110,7 +1111,7 @@ const Vt = /* @__PURE__ */ Ve({
       setOpen: E
     }), () => {
       const s = $e(`${o}-fade`), M = $e(`${o}-zoom`);
-      return l(c(_e, {
+      return l(c(qe, {
         to: e.getContainer || "body",
         disabled: !e.teleported
       }, {
@@ -1149,7 +1150,7 @@ const Vt = /* @__PURE__ */ Ve({
               class: `${o}-operations-operation ${f.value}`,
               onClick: I,
               key: pe
-            }, [qe(p, {
+            }, [Qe(p, {
               class: `${o}-operations-icon ${f.value}`
             })]))])]), c("div", {
               class: `${o}-canvas ${f.value}`
@@ -1168,10 +1169,10 @@ const Vt = /* @__PURE__ */ Ve({
             }, null))]), G.value && c("div", {
               class: [`${o}-switch-left`, g.value === 0 && !e.infinite ? `${o}-switch-left-disabled` : "", `${f.value}`],
               onClick: ne
-            }, [((h = e.icons) == null ? void 0 : h.left) || c(st, null, null)]), G.value && c("div", {
+            }, [((h = e.icons) == null ? void 0 : h.left) || c(lt, null, null)]), G.value && c("div", {
               class: [`${o}-switch-right`, g.value === e.urlList.length - 1 && !e.infinite ? `${o}-switch-right-disabled` : "", `${f.value}`],
               onClick: Z
-            }, [((y = e.icons) == null ? void 0 : y.right) || c(lt, null, null)])])])]), [[Oe, m.value && z.value]])];
+            }, [((y = e.icons) == null ? void 0 : y.right) || c(ut, null, null)])])])]), [[Oe, m.value && z.value]])];
           }
         })])])]
       }));
@@ -1226,7 +1227,7 @@ const ue = /* @__PURE__ */ Ve({
     }), {
       wrapSSR: r,
       hashId: o
-    } = mt("Image", [Yt], i), l = A(), f = A(""), S = A(!1), m = A(!0), E = A(!1), z = A(null), x = A();
+    } = pt("Image", [Yt], i), l = A(), f = A(""), S = A(!1), m = A(!0), E = A(!1), z = A(null), x = A();
     let O, g;
     const F = N(() => !Q && e.fit ? {
       "object-fit": e.fit
@@ -1259,7 +1260,7 @@ const ue = /* @__PURE__ */ Ve({
       }), u.src = e.src;
     };
     function G() {
-      ut(z.value, x.value) && (d(), te());
+      ct(z.value, x.value) && (d(), te());
     }
     const K = bt(G, 200), ee = async () => {
       if (Q)
@@ -1268,7 +1269,7 @@ const ue = /* @__PURE__ */ Ve({
       const {
         scrollContainer: u
       } = e;
-      Wt(u) ? x.value = u : ct(u) && u !== "" ? x.value = document.querySelector(u) ?? void 0 : z.value && (x.value = ft(z.value)), x.value && (O = Ee(x, "scroll", K), setTimeout(() => G(), 200));
+      Wt(u) ? x.value = u : ft(u) && u !== "" ? x.value = document.querySelector(u) ?? void 0 : z.value && (x.value = dt(z.value)), x.value && (O = Ee(x, "scroll", K), setTimeout(() => G(), 200));
     }, te = () => {
       Q || !x.value || !K || (O(), x.value = void 0);
     }, fe = (u) => {
@@ -1292,8 +1293,8 @@ const ue = /* @__PURE__ */ Ve({
     q(() => e.src, () => {
       e.lazy ? (m.value = !0, S.value = !1, te(), ee()) : d();
     });
-    const U = (u) => dt(u) ? u + "px" : u;
-    return ht(() => {
+    const U = (u) => ht(u) ? u + "px" : u;
+    return gt(() => {
       e.lazy ? ee() : d();
     }), () => {
       const {
@@ -1317,10 +1318,10 @@ const ue = /* @__PURE__ */ Ve({
           height: e.height ? U(e.height) : void 0
         }
       }, ae = Le(t, e, "fallback"), ie = Le(t, e, "placeholder");
-      return Qe(() => {
+      return Je(() => {
         var D, X;
         j.value && E.value ? (D = l.value) == null || D.setOpen(!0) : (X = l.value) == null || X.setOpen(!1);
-      }), r(c(Je, null, [c("div", {
+      }), r(c(Ke, null, [c("div", {
         class: {
           [`${o.value}`]: !0,
           [`${i}`]: !0,
@@ -1340,7 +1341,7 @@ const ue = /* @__PURE__ */ Ve({
         class: `${i}-placeholder ${o.value}`
       }, null) : S.value ? ae || c("div", {
         class: `${i}-error ${o.value}`
-      }, [Ke("加载失败")]) : f.value && c("img", We(me, {
+      }, [et("加载失败")]) : f.value && c("img", We(me, {
         class: {
           [`${o.value}`]: !0,
           [`${e.imageClassName}`]: !!e.imageClassName,
@@ -1368,5 +1369,7 @@ ue.install = (e) => (e.component(ue.name, ue), e);
 export {
   ue as GImage,
   Vt as ImageViewer,
-  ue as default
+  ue as default,
+  le as gImagePorps,
+  yt as gImageViewProps
 };

package/dist/image.umd.js

@@ -1 +1 @@
-(function(p,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("vue"),require("@ant-design/icons-vue"),require("@gx-design-vue/pro-utils"),require("@gx-design-vue/pro-hooks"),require("@gx-design-vue/pro-provider"),require("vue-types"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","vue","@ant-design/icons-vue","@gx-design-vue/pro-utils","@gx-design-vue/pro-hooks","@gx-design-vue/pro-provider","vue-types","@vueuse/core"],i):(p=typeof globalThis<"u"?globalThis:p||self,i(p.GImage={},p.vue,p.iconsVue,p.proUtils,p.proHooks,p.proProvider,p.vueTypes,p.core))})(this,function(p,i,z,y,fe,O,Fe,ue){"use strict";function g(e,t){Pe(e)&&(e="100%");var n=je(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 ee(e){return Math.min(1,Math.max(0,e))}function Pe(e){return typeof e=="string"&&e.indexOf(".")!==-1&&parseFloat(e)===1}function je(e){return typeof e=="string"&&e.indexOf("%")!==-1}function Ne(e){return e=parseFloat(e),(isNaN(e)||e<0||e>1)&&(e=1),e}function te(e){return e<=1?"".concat(Number(e)*100,"%"):e}function D(e){return e.length===1?"0"+e:String(e)}function Ve(e,t,n){return{r:g(e,255)*255,g:g(t,255)*255,b:g(n,255)*255}}function Te(e,t,n){e=g(e,255),t=g(t,255),n=g(n,255);var a=Math.max(e,t,n),r=Math.min(e,t,n),o=0,s=0,c=(a+r)/2;if(a===r)s=0,o=0;else{var u=a-r;switch(s=c>.5?u/(2-a-r):u/(a+r),a){case e:o=(t-n)/u+(t<n?6:0);break;case t:o=(n-e)/u+2;break;case n:o=(e-t)/u+4;break}o/=6}return{h:o,s,l:c}}function de(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 Be(e,t,n){var a,r,o;if(e=g(e,360),t=g(t,100),n=g(n,100),t===0)r=n,o=n,a=n;else{var s=n<.5?n*(1+t):n+t-n*t,c=2*n-s;a=de(c,s,e+1/3),r=de(c,s,e),o=de(c,s,e-1/3)}return{r:a*255,g:r*255,b:o*255}}function ke(e,t,n){e=g(e,255),t=g(t,255),n=g(n,255);var a=Math.max(e,t,n),r=Math.min(e,t,n),o=0,s=a,c=a-r,u=a===0?0:c/a;if(a===r)o=0;else{switch(a){case e:o=(t-n)/c+(t<n?6:0);break;case t:o=(n-e)/c+2;break;case n:o=(e-t)/c+4;break}o/=6}return{h:o,s:u,v:s}}function Ye(e,t,n){e=g(e,360)*6,t=g(t,100),n=g(n,100);var a=Math.floor(e),r=e-a,o=n*(1-t),s=n*(1-r*t),c=n*(1-(1-r)*t),u=a%6,M=[n,s,o,o,c,n][u],v=[c,n,n,s,o,o][u],F=[o,o,c,n,n,s][u];return{r:M*255,g:v*255,b:F*255}}function ze(e,t,n,a){var r=[D(Math.round(e).toString(16)),D(Math.round(t).toString(16)),D(Math.round(n).toString(16))];return a&&r[0].startsWith(r[0].charAt(1))&&r[1].startsWith(r[1].charAt(1))&&r[2].startsWith(r[2].charAt(1))?r[0].charAt(0)+r[1].charAt(0)+r[2].charAt(0):r.join("")}function We(e,t,n,a,r){var o=[D(Math.round(e).toString(16)),D(Math.round(t).toString(16)),D(Math.round(n).toString(16)),D(Ge(a))];return r&&o[0].startsWith(o[0].charAt(1))&&o[1].startsWith(o[1].charAt(1))&&o[2].startsWith(o[2].charAt(1))&&o[3].startsWith(o[3].charAt(1))?o[0].charAt(0)+o[1].charAt(0)+o[2].charAt(0)+o[3].charAt(0):o.join("")}function Ge(e){return Math.round(parseFloat(e)*255).toString(16)}function Oe(e){return w(e)/255}function w(e){return parseInt(e,16)}function qe(e){return{r:e>>16,g:(e&65280)>>8,b:e&255}}var he={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 _e(e){var t={r:0,g:0,b:0},n=1,a=null,r=null,o=null,s=!1,c=!1;return typeof e=="string"&&(e=Qe(e)),typeof e=="object"&&(L(e.r)&&L(e.g)&&L(e.b)?(t=Ve(e.r,e.g,e.b),s=!0,c=String(e.r).substr(-1)==="%"?"prgb":"rgb"):L(e.h)&&L(e.s)&&L(e.v)?(a=te(e.s),r=te(e.v),t=Ye(e.h,a,r),s=!0,c="hsv"):L(e.h)&&L(e.s)&&L(e.l)&&(a=te(e.s),o=te(e.l),t=Be(e.h,a,o),s=!0,c="hsl"),Object.prototype.hasOwnProperty.call(e,"a")&&(n=e.a)),n=Ne(n),{ok:s,format:e.format||c,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}}var Ze="[-\\+]?\\d+%?",Xe="[-\\+]?\\d*\\.\\d+%?",R="(?:".concat(Xe,")|(?:").concat(Ze,")"),ge="[\\s|\\(]+(".concat(R,")[,|\\s]+(").concat(R,")[,|\\s]+(").concat(R,")\\s*\\)?"),me="[\\s|\\(]+(".concat(R,")[,|\\s]+(").concat(R,")[,|\\s]+(").concat(R,")[,|\\s]+(").concat(R,")\\s*\\)?"),N={CSS_UNIT:new RegExp(R),rgb:new RegExp("rgb"+ge),rgba:new RegExp("rgba"+me),hsl:new RegExp("hsl"+ge),hsla:new RegExp("hsla"+me),hsv:new RegExp("hsv"+ge),hsva:new RegExp("hsva"+me),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 Qe(e){if(e=e.trim().toLowerCase(),e.length===0)return!1;var t=!1;if(he[e])e=he[e],t=!0;else if(e==="transparent")return{r:0,g:0,b:0,a:0,format:"name"};var n=N.rgb.exec(e);return n?{r:n[1],g:n[2],b:n[3]}:(n=N.rgba.exec(e),n?{r:n[1],g:n[2],b:n[3],a:n[4]}:(n=N.hsl.exec(e),n?{h:n[1],s:n[2],l:n[3]}:(n=N.hsla.exec(e),n?{h:n[1],s:n[2],l:n[3],a:n[4]}:(n=N.hsv.exec(e),n?{h:n[1],s:n[2],v:n[3]}:(n=N.hsva.exec(e),n?{h:n[1],s:n[2],v:n[3],a:n[4]}:(n=N.hex8.exec(e),n?{r:w(n[1]),g:w(n[2]),b:w(n[3]),a:Oe(n[4]),format:t?"name":"hex8"}:(n=N.hex6.exec(e),n?{r:w(n[1]),g:w(n[2]),b:w(n[3]),format:t?"name":"hex"}:(n=N.hex4.exec(e),n?{r:w(n[1]+n[1]),g:w(n[2]+n[2]),b:w(n[3]+n[3]),a:Oe(n[4]+n[4]),format:t?"name":"hex8"}:(n=N.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 L(e){return!!N.CSS_UNIT.exec(String(e))}var _=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=qe(t)),this.originalInput=t;var r=_e(t);this.originalInput=t,this.r=r.r,this.g=r.g,this.b=r.b,this.a=r.a,this.roundA=Math.round(100*this.a)/100,this.format=(a=n.format)!==null&&a!==void 0?a:r.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=r.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,r,o=t.r/255,s=t.g/255,c=t.b/255;return o<=.03928?n=o/12.92:n=Math.pow((o+.055)/1.055,2.4),s<=.03928?a=s/12.92:a=Math.pow((s+.055)/1.055,2.4),c<=.03928?r=c/12.92:r=Math.pow((c+.055)/1.055,2.4),.2126*n+.7152*a+.0722*r},e.prototype.getAlpha=function(){return this.a},e.prototype.setAlpha=function(t){return this.a=Ne(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=ke(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=ke(this.r,this.g,this.b),n=Math.round(t.h*360),a=Math.round(t.s*100),r=Math.round(t.v*100);return this.a===1?"hsv(".concat(n,", ").concat(a,"%, ").concat(r,"%)"):"hsva(".concat(n,", ").concat(a,"%, ").concat(r,"%, ").concat(this.roundA,")")},e.prototype.toHsl=function(){var t=Te(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=Te(this.r,this.g,this.b),n=Math.round(t.h*360),a=Math.round(t.s*100),r=Math.round(t.l*100);return this.a===1?"hsl(".concat(n,", ").concat(a,"%, ").concat(r,"%)"):"hsla(".concat(n,", ").concat(a,"%, ").concat(r,"%, ").concat(this.roundA,")")},e.prototype.toHex=function(t){return t===void 0&&(t=!1),ze(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),We(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.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(g(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(g(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="#"+ze(this.r,this.g,this.b,!1),n=0,a=Object.entries(he);n<a.length;n++){var r=a[n],o=r[0],s=r[1];if(t===s)return o}return!1},e.prototype.toString=function(t){var n=!!t;t=t??this.format;var a=!1,r=this.a<1&&this.a>=0,o=!n&&r&&(t.startsWith("hex")||t==="name");return o?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=ee(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=ee(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=ee(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=ee(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(),r=new e(t).toRgb(),o=n/100,s={r:(r.r-a.r)*o+a.r,g:(r.g-a.g)*o+a.g,b:(r.b-a.b)*o+a.b,a:(r.a-a.a)*o+a.a};return new e(s)},e.prototype.analogous=function(t,n){t===void 0&&(t=6),n===void 0&&(n=30);var a=this.toHsl(),r=360/n,o=[this];for(a.h=(a.h-(r*t>>1)+720)%360;--t;)a.h=(a.h+r)%360,o.push(new e(a));return o},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,r=n.s,o=n.v,s=[],c=1/t;t--;)s.push(new e({h:a,s:r,v:o})),o=(o+c)%1;return s},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();return new e({r:a.r+(n.r-a.r)*n.a,g:a.g+(n.g-a.g)*n.a,b:a.b+(n.b-a.b)*n.a})},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,r=[this],o=360/t,s=1;s<t;s++)r.push(new e({h:(a+s*o)%360,s:n.s,l:n.l}));return r},e.prototype.equals=function(t){return this.toRgbString()===new e(t).toRgbString()},e}();const Ke=new O.Keyframe("viewFadeIn",{"0%":{opacity:0},"100%":{opacity:1}}),Je=new O.Keyframe("viewFadeOut",{"0%":{opacity:1},"100%":{opacity:0}}),Ue=new O.Keyframe("viewZoomBadgeIn",{"0%":{transform:"scale(0.2)",opacity:0},"100%":{transform:"scale(1)",opacity:1}}),et=new O.Keyframe("viewZoomBadgeOut",{"0%":{transform:"scale(1)"},"100%":{transform:"scale(0.2)",opacity:0}}),Le=e=>({position:e||"absolute",inset:0});function pe(e){return{position:e,top:0,insetInlineEnd:0,bottom:0,insetInlineStart:0}}const tt=e=>({boxSizing:"border-box",margin:0,padding:0,color:e.colorText,fontSize:e.fontSize,lineHeight:e.lineHeight,listStyle:"none",fontFamily:e.fontFamily}),nt=e=>{const{componentCls:t,modalMaskBg:n,paddingSM:a,previewOperationColorDisabled:r,motionDurationSlow:o}=e,s=new _(n).setAlpha(.1),c=s.clone().setAlpha(.2);return{[`${t}-operations`]:{...tt(e),display:"flex",flexDirection:"row-reverse",alignItems:"center",color:e.previewOperationColor,listStyle:"none",background:s.toRgbString(),pointerEvents:"auto","&-operation":{marginInlineStart:a,padding:a,cursor:"pointer",transition:`all ${o}`,userSelect:"none","&:hover":{background:c.toRgbString()},"&-disabled":{color:r,pointerEvents:"none"},"&:last-of-type":{marginInlineStart:0}},"&-progress":{position:"absolute",left:{_skip_check_:!0,value:"50%"},transform:"translateX(-50%)"},"&-icon":{fontSize:e.previewOperationSize}}}},at=e=>{const{modalMaskBg:t,previewOperationColorDisabled:n,zIndexPopup:a,motionDurationSlow:r}=e,o=new _(t).setAlpha(.1),s=o.clone().setAlpha(.2);return{[`${e.componentCls}-switch-left, ${e.componentCls}-switch-right`]:{position:"fixed",insetBlockStart:"50%",zIndex:a+1,display:"flex",alignItems:"center",justifyContent:"center",width:e.imagePreviewSwitchSize,height:e.imagePreviewSwitchSize,marginTop:-e.imagePreviewSwitchSize/2,color:e.previewOperationColor,background:o.toRgbString(),borderRadius:"50%",transform:"translateY(-50%)",cursor:"pointer",transition:`all ${r}`,pointerEvents:"auto",userSelect:"none","&:hover":{background:s.toRgbString()},["&-disabled"]:{"&, &:hover":{color:n,background:"transparent",cursor:"not-allowed",[`> ${e.iconCls}`]:{cursor:"not-allowed"}}},[`> ${e.iconCls}`]:{fontSize:e.previewOperationSize}},[`${e.componentCls}-switch-left`]:{insetInlineStart:e.marginSM},[`${e.componentCls}-switch-right`]:{insetInlineEnd:e.marginSM}}},rt=e=>({[e.componentCls]:{["&-root"]:{...pe("fixed"),zIndex:e.zIndexPopup,overflow:"auto",outline:0,WebkitOverflowScrolling:"touch"},["&-wrapper"]:{...pe("fixed"),zIndex:e.zIndexPopup,overflow:"auto",outline:0,WebkitOverflowScrolling:"touch"},["&-mask"]:{...pe("fixed"),zIndex:e.zIndexPopupBase,height:"100%",backgroundColor:e.colorBgMask},["&-block"]:{height:"100%",textAlign:"center",pointerEvents:"none"},["&-body"]:{...Le(),overflow:"hidden"},["&-canvas"]:{...Le(),display:"flex",justifyContent:"center",alignItems:"center","&::before":{display:"inline-block",width:1,height:"50%",marginInlineEnd:-1,content:'""'}},["&-img"]:{maxWidth:"100%",maxHeight:"100%",verticalAlign:"middle",transform:"scale3d(1, 1, 1)",cursor:"grab",transition:`transform ${e.motionDurationSlow} ${e.motionEaseOut} 0s`,userSelect:"none",pointerEvents:"auto"},["&-fade-appear, &-fade-enter"]:{animationName:Ke,animationDuration:e.motionDurationSlow,animationTimingFunction:"linear"},["&-fade-leave"]:{animationName:Je,animationDuration:e.motionDurationSlow,animationTimingFunction:"linear"},["&-zoom-appear, &-zoom-enter"]:{animationName:Ue,opacity:0,animationTimingFunction:e.motionEaseOutCirc,animationFillMode:"both",transform:"none",animationDuration:e.motionDurationSlow,userSelect:"none"},["&-zoom-enter-active"]:{animationPlayState:"running"},["&-zoom-leave"]:{animationName:et,animationDuration:e.motionDurationSlow,animationTimingFunction:e.motionEaseOutBack,animationFillMode:"both"}},[`${e.componentCls}-root`]:{[`${e.componentCls}-wrapper`]:{zIndex:e.zIndexPopup}},[`${e.componentCls}-operations-wrapper`]:{position:"fixed",insetBlockStart:0,insetInlineEnd:0,zIndex:e.zIndexPopup+1,width:"100%"},"&":[nt(e),at(e)]});function it(e){return O.useStyle("ImageView",t=>{const n=O.mergeToken(t,{zIndexPopup:t.zIndexPopupBase+80,previewOperationColorDisabled:new _(t.colorTextLightSolid).setAlpha(.25).toRgbString(),modalMaskBg:new _("#000").setAlpha(.45).toRgbString(),previewOperationColor:new _(t.colorTextLightSolid).toRgbString(),previewOperationSize:t.fontSizeIcon*1.5,imagePreviewSwitchSize:t.controlHeightLG,iconCls:"anticon"});return[rt(n)]},e)}const Ee=Fe.createTypes({func:void 0,bool:void 0,string:void 0,number:void 0,array:void 0,object:void 0,integer:void 0});Ee.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 V=Ee,H={infinite:{type:Boolean,default:!0},zIndex:{type:Number,default:2e3},initialIndex:{type:Number,default:0},getContainer:{type:String}},ne={previewTeleported:{type:Boolean,default:!0},hideOnClickModal:{type:Boolean,default:!0},src:{type:String,default:""},alt:{type:String,default:""},fit:{type:String,default:"contain"},lazy:V.bool,scrollContainer:{type:[String,Object]},placeholder:{type:[Function,Object],default:()=>{}},fallback:{type:[Function,Object],default:()=>{}},onLoad:{type:Function},onError:{type:Function},onClick:{type:Function},disablePreview:V.bool,previewSrcList:{type:Array,default:()=>[]},imageClassName:V.string,imageStyle:V.style,width:V.number,height:V.number,zIndex:H.zIndex,infinite:H.infinite,getContainer:H.getContainer,initialIndex:{...H.initialIndex,default:()=>{}}},ot={urlList:{type:Array,default:()=>[]},teleported:ne.previewTeleported,zIndex:H.zIndex,initialIndex:H.initialIndex,infinite:H.infinite,getContainer:ne.getContainer,onHideOnClickModal:ne.hideOnClickModal,icons:{type:Object,default:()=>({})}},B={tab:"Tab",enter:"Enter",space:"Space",left:"ArrowLeft",up:"ArrowUp",right:"ArrowRight",down:"ArrowDown",esc:"Escape",delete:"Delete",backspace:"Backspace"},ae=function(e,t,n,a=!1){e&&t&&n&&e.addEventListener(t,n,a)},ve=function(e,t,n,a=!1){e&&t&&n&&e.removeEventListener(t,n,a)},Z={CONTAIN:{name:"contain",icon:i.createVNode(z.ExpandOutlined,null,null)},ORIGINAL:{name:"original",icon:i.createVNode(z.OneToOneOutlined,null,null)}},$e=function(){return!y.isServer&&!!window.navigator.userAgent.match(/firefox/i)}()?"DOMMouseScroll":"mousewheel";function be(e){let t=!1;return function(...n){t||(t=!0,window.requestAnimationFrame(()=>{e.apply(this,n),t=!1}))}}const Re=i.defineComponent({props:ot,emits:["close","switch"],setup:function(e,{emit:t,expose:n}){var le,ce,j,U,He;let a=null,r=null,o=null;const s=y.getPrefixCls({suffixCls:"image-viewer"}),{wrapSSR:c,hashId:u}=it(s),M=i.shallowRef(!1),[v,F]=fe.useState(!1),[E,I]=fe.useState(!1),$=i.ref(!0),m=i.ref(e.initialIndex),W=i.ref(null),G=i.ref(null),X=i.ref(Z.CONTAIN),d=i.reactive({transform:{scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}}),Q=i.computed(()=>e.urlList.length>1),re=i.computed(()=>m.value===0),ie=i.computed(()=>m.value===e.urlList.length-1),oe=i.computed(()=>e.urlList[m.value]),we=i.computed(()=>{const{scale:l,deg:A,offsetX:h,offsetY:x,enableTransition:b}=d.transform,C={transform:`scale(${l}) rotate(${A}deg)`,transition:b?"transform .3s":"",marginLeft:`${h}px`,marginTop:`${x}px`};return X.value.name===Z.CONTAIN.name&&(C.maxWidth=C.maxHeight="100%"),C}),Se=()=>{Ie(),t("close"),d.transform={scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}},xe=l=>{M.value?M.value=!1:W.value===(l==null?void 0:l.target)&&(I(!1),m.value=e.initialIndex)},Me=()=>{a=be(l=>{switch(l.code){case B.esc:I(!1);break;case B.space:q();break;case B.left:se();break;case B.up:k("zoomIn");break;case B.right:J();break;case B.down:k("zoomOut");break}}),r=be(l=>{(l.wheelDelta?l.wheelDelta:-l.detail)>0?k("zoomIn",{zoomRate:.015,enableTransition:!1}):k("zoomOut",{zoomRate:.015,enableTransition:!1})}),ae(document,"keydown",a),ae(document,$e,r)},Ie=()=>{ve(document,"keydown",a),ve(document,$e,r),a=null,r=null},K=()=>{$.value=!1},f=l=>{$.value=!1,l.target.alt="加载失败"},S=i.shallowRef(),T=l=>{if($.value||l.button!==0)return;l.preventDefault(),l.stopPropagation(),clearTimeout(S.value),M.value=!0;const{offsetX:A,offsetY:h}=d.transform,x=l.pageX,b=l.pageY;o=be(C=>{d.transform={...d.transform,offsetX:A+C.pageX-x,offsetY:h+C.pageY-b}}),ae(document,"mousemove",o),ae(document,"mouseup",()=>{ve(document,"mousemove",o),v.value&&E.value&&(S.value=setTimeout(()=>{M.value=!1}))})},P=()=>{d.transform={scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}},q=()=>{if($.value)return;const l=Object.keys(Z),A=Object.values(Z),h=X.value.name,b=(A.findIndex(C=>C.name===h)+1)%l.length;X.value=Z[l[b]],P()},se=()=>{if(re.value&&!e.infinite)return;const l=e.urlList.length;m.value=(m.value-1+l)%l},J=()=>{if(ie.value&&!e.infinite)return;const l=e.urlList.length;m.value=(m.value+1)%l},k=(l,A={})=>{if($.value)return;const{zoomRate:h,rotateDeg:x,enableTransition:b}={zoomRate:.2,rotateDeg:90,enableTransition:!0,...A};switch(l){case"zoomOut":d.transform.scale>.2&&(d.transform.scale=parseFloat((d.transform.scale-h).toFixed(3)));break;case"zoomIn":d.transform.scale=parseFloat((d.transform.scale+h).toFixed(3));break;case"clocelise":d.transform.deg+=x;break;case"anticlocelise":d.transform.deg-=x;break}d.transform.enableTransition=b},Ae=[{icon:((le=e.icons)==null?void 0:le.close)||i.createVNode(z.CloseOutlined,null,null),onClick:l=>{l.stopPropagation(),I(!1)},type:"close"},{icon:((ce=e.icons)==null?void 0:ce.zoomIn)||i.createVNode(z.ZoomInOutlined,null,null),onClick:l=>{l.stopPropagation(),k("zoomIn")},type:"zoomIn"},{icon:((j=e.icons)==null?void 0:j.zoomOut)||i.createVNode(z.ZoomOutOutlined,null,null),onClick:l=>{l.stopPropagation(),k("zoomOut")},type:"zoomOut"},{icon:((U=e.icons)==null?void 0:U.rotateRight)||i.createVNode(z.RotateRightOutlined,null,null),onClick:l=>{l.stopPropagation(),k("anticlocelise")},type:"rotateRight"},{icon:((He=e.icons)==null?void 0:He.rotateLeft)||i.createVNode(z.RotateLeftOutlined,null,null),onClick:l=>{l.stopPropagation(),k("clocelise")},type:"rotateLeft"}];return i.watch(oe,()=>{i.nextTick(()=>{G.value.complete||($.value=!0)})}),i.watch(m,l=>{P(),t("switch",l)}),i.watch(v,l=>{l&&(E.value=l)}),i.watch([()=>v.value,()=>W.value],([l,A])=>{var h,x;l&&A&&(Me(),(x=(h=W.value)==null?void 0:h.focus)==null||x.call(h))}),n({setOpen:F}),()=>{const l=O.getTransitionProps(`${s}-fade`),A=O.getTransitionProps(`${s}-zoom`);return c(i.createVNode(i.Teleport,{to:e.getContainer||"body",disabled:!e.teleported},{default:()=>[v.value&&i.createVNode("div",{class:`${s}-root ${u.value}`},[i.createVNode(i.Transition,l,{default:()=>[i.withDirectives(i.createVNode("div",{class:`${s}-mask ${u.value}`},null),[[i.vShow,v.value&&E.value]])]}),i.createVNode("div",{ref:W,tabindex:-1,class:[`${s}-wrapper`,`${u.value}`],onClick:h=>e.onHideOnClickModal&&xe(h)},[i.createVNode(i.Transition,i.mergeProps(A,{onAfterLeave:()=>Se()}),{default:()=>{var h,x;return[i.withDirectives(i.createVNode("div",{class:`${s}-block ${u.value}`},[i.createVNode("div",{class:`${s}-content ${u.value}`},[i.createVNode("div",{class:`${s}-body ${u.value}`},[i.createVNode("div",{class:`${s}-operations-wrapper ${u.value}`,onClick:b=>b.stopPropagation()},[i.createVNode("ul",{class:`${s}-operations ${u.value}`},[Ae.map(({icon:b,onClick:C,type:Ce})=>i.createVNode("li",{class:`${s}-operations-operation ${u.value}`,onClick:C,key:Ce},[i.cloneVNode(b,{class:`${s}-operations-icon ${u.value}`})]))])]),i.createVNode("div",{class:`${s}-canvas ${u.value}`},[e.urlList.map((b,C)=>i.createVNode("img",{ref:G,class:`${s}-img ${u.value}`,style:{...we.value,display:C===m.value?"block":"none"},key:b,src:b,onLoad:()=>K(),onError:Ce=>f(Ce),onMousedown:T},null))]),Q.value&&i.createVNode("div",{class:[`${s}-switch-left`,m.value===0&&!e.infinite?`${s}-switch-left-disabled`:"",`${u.value}`],onClick:se},[((h=e.icons)==null?void 0:h.left)||i.createVNode(z.LeftOutlined,null,null)]),Q.value&&i.createVNode("div",{class:[`${s}-switch-right`,m.value===e.urlList.length-1&&!e.infinite?`${s}-switch-right-disabled`:"",`${u.value}`],onClick:J},[((x=e.icons)==null?void 0:x.right)||i.createVNode(z.RightOutlined,null,null)])])])]),[[i.vShow,v.value&&E.value]])]}})])])]}))}}}),ye={width:"100%",height:"100%"},st=e=>({[e.componentCls]:{display:"inline-block",position:"relative",overflow:"hidden",["&-inner"]:{...ye,verticalAlign:"top",opacity:1},["&-placeholder"]:{...ye,backgroundColor:e.colorBgContainerDisabled,backgroundImage:"url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=')",backgroundRepeat:"no-repeat",backgroundPosition:"center center",backgroundSize:"30%"},["&-error"]:{...ye,display:"flex",alignItems:"center",justifyContent:"center",color:e.colorText,backgroundColor:e.colorBgContainerDisabled},["&-preview"]:{cursor:"pointer"}}}),lt=e=>e&&e.nodeType===Node.ELEMENT_NODE;let De="";const Y=i.defineComponent({props:ne,name:"GImage",emits:["error","click","load"],setup(e,{slots:t,emit:n,attrs:a}){const r=y.getPrefixCls({suffixCls:"image"}),{wrapSSR:o,hashId:s}=O.useProStyle("Image",[st],r),c=i.ref(),u=i.ref(""),M=i.ref(!1),v=i.ref(!0),F=i.ref(!1),E=i.ref(null),I=i.ref();let $,m;const W=i.computed(()=>!y.isServer&&e.fit?{"object-fit":e.fit}:{}),G=i.computed(()=>{const{previewSrcList:f}=e;return Array.isArray(f)&&f.length>0}),X=i.computed(()=>{const{src:f,previewSrcList:S,initialIndex:T}=e;if(T||T===0)return S.length>=T?T:0;let P=0;const q=S.indexOf(f);return q>=0&&(P=q),P}),d=()=>{if(y.isServer)return;v.value=!0,M.value=!1;const f=new Image;f.onload=S=>we(S),f.onerror=Se,Object.keys(a||{}).forEach(S=>{if(S.toLowerCase()==="onload")return;const T=(a||{})[S];f.setAttribute(S,T)}),f.src=e.src};function Q(){y.isInContainer(E.value,I.value)&&(d(),oe())}const re=ue.useThrottleFn(Q,200),ie=async()=>{if(y.isServer)return;await i.nextTick();const{scrollContainer:f}=e;lt(f)?I.value=f:y.isString(f)&&f!==""?I.value=document.querySelector(f)??void 0:E.value&&(I.value=y.getScrollContainer(E.value)),I.value&&($=ue.useEventListener(I,"scroll",re),setTimeout(()=>Q(),200))},oe=()=>{y.isServer||!I.value||!re||($(),I.value=void 0)},we=f=>{u.value=e.src,v.value=!1,M.value=!1,n("load",f)},Se=f=>{v.value=!1,M.value=!0,n("error",f)},xe=f=>{if(f.ctrlKey){if(f.deltaY<0)return f.preventDefault(),!1;if(f.deltaY>0)return f.preventDefault(),!1}},Me=()=>{!G.value||e.disablePreview||(m=ue.useEventListener("wheel",xe,{passive:!1}),De=document.body.style.overflow,document.body.style.overflow="hidden",F.value=!0)},Ie=()=>{m==null||m(),document.body.style.overflow=De,F.value=!1};i.watch(()=>e.src,()=>{e.lazy?(v.value=!0,M.value=!1,oe(),ie()):d()});const K=f=>y.isNumber(f)?f+"px":f;return fe.onMountedOrActivated(()=>{e.lazy?ie():d()}),()=>{const{crossorigin:f,decoding:S,alt:T,sizes:P,srcset:q,usemap:se,class:J,style:k={}}=a,Ae={crossorigin:f,decoding:S,alt:T,sizes:P,srcset:q,usemap:se,style:{...W.value,height:e.height?K(e.height):void 0}},le=y.getSlotVNode(t,e,"fallback"),ce=y.getSlotVNode(t,e,"placeholder");return i.watchEffect(()=>{var j,U;G.value&&F.value?(j=c.value)==null||j.setOpen(!0):(U=c.value)==null||U.setOpen(!1)}),o(i.createVNode(i.Fragment,null,[i.createVNode("div",{class:{[`${s.value}`]:!0,[`${r}`]:!0,[`${J}`]:!!J},ref:j=>E.value=j,style:{width:e.width?K(e.width):void 0,height:e.height?K(e.height):void 0,display:e.lazy?"block":void 0,...k},onClick:()=>{n("click")}},[v.value?ce||i.createVNode("div",{class:`${r}-placeholder ${s.value}`},null):M.value?le||i.createVNode("div",{class:`${r}-error ${s.value}`},[i.createTextVNode("加载失败")]):u.value&&i.createVNode("img",i.mergeProps(Ae,{class:{[`${s.value}`]:!0,[`${e.imageClassName}`]:!!e.imageClassName,[`${r}-inner`]:!0,[`${r}-preview`]:G.value},alt:e.alt,src:u.value,onClick:()=>Me()}),null),i.createVNode(Re,{ref:c,zIndex:e.zIndex,infinite:e.infinite,initialIndex:X.value,urlList:e.previewSrcList,getContainer:e.getContainer,onHideOnClickModal:e.hideOnClickModal,onClose:()=>Ie()},null)])]))}}});Y.isWImage=!0,Y.install=e=>(e.component(Y.name,Y),e),p.GImage=Y,p.ImageViewer=Re,p.default=Y,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(g,_){typeof exports=="object"&&typeof module<"u"?_(exports,require("vue-types"),require("vue"),require("@ant-design/icons-vue"),require("@gx-design-vue/pro-utils"),require("@gx-design-vue/pro-hooks"),require("@gx-design-vue/pro-provider"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","vue-types","vue","@ant-design/icons-vue","@gx-design-vue/pro-utils","@gx-design-vue/pro-hooks","@gx-design-vue/pro-provider","@vueuse/core"],_):(g=typeof globalThis<"u"?globalThis:g||self,_(g.GImage={},g.vueTypes,g.vue,g.iconsVue,g.proUtils,g.proHooks,g.proProvider,g.core))})(this,function(g,_,i,z,y,ue,O,de){"use strict";const Te=_.createTypes({func:void 0,bool:void 0,string:void 0,number:void 0,array:void 0,object:void 0,integer:void 0});Te.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 V=Te,D={infinite:{type:Boolean,default:!0},zIndex:{type:Number,default:2e3},initialIndex:{type:Number,default:0},getContainer:{type:String}},Z={previewTeleported:{type:Boolean,default:!0},hideOnClickModal:{type:Boolean,default:!0},src:{type:String,default:""},alt:{type:String,default:""},fit:{type:String,default:"contain"},lazy:V.bool,scrollContainer:{type:[String,Object]},placeholder:{type:[Function,Object],default:()=>{}},fallback:{type:[Function,Object],default:()=>{}},onLoad:{type:Function},onError:{type:Function},onClick:{type:Function},disablePreview:V.bool,previewSrcList:{type:Array,default:()=>[]},imageClassName:V.string,imageStyle:V.style,width:V.number,height:V.number,zIndex:D.zIndex,infinite:D.infinite,getContainer:D.getContainer,initialIndex:{...D.initialIndex,default:()=>{}}},ke={urlList:{type:Array,default:()=>[]},teleported:Z.previewTeleported,zIndex:D.zIndex,initialIndex:D.initialIndex,infinite:D.infinite,getContainer:Z.getContainer,onHideOnClickModal:Z.hideOnClickModal,icons:{type:Object,default:()=>({})}};function m(e,t){je(e)&&(e="100%");var n=Ve(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 ne(e){return Math.min(1,Math.max(0,e))}function je(e){return typeof e=="string"&&e.indexOf(".")!==-1&&parseFloat(e)===1}function Ve(e){return typeof e=="string"&&e.indexOf("%")!==-1}function ze(e){return e=parseFloat(e),(isNaN(e)||e<0||e>1)&&(e=1),e}function ae(e){return e<=1?"".concat(Number(e)*100,"%"):e}function H(e){return e.length===1?"0"+e:String(e)}function Be(e,t,n){return{r:m(e,255)*255,g:m(t,255)*255,b:m(n,255)*255}}function Oe(e,t,n){e=m(e,255),t=m(t,255),n=m(n,255);var a=Math.max(e,t,n),r=Math.min(e,t,n),o=0,s=0,c=(a+r)/2;if(a===r)s=0,o=0;else{var u=a-r;switch(s=c>.5?u/(2-a-r):u/(a+r),a){case e:o=(t-n)/u+(t<n?6:0);break;case t:o=(n-e)/u+2;break;case n:o=(e-t)/u+4;break}o/=6}return{h:o,s,l:c}}function he(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 Ye(e,t,n){var a,r,o;if(e=m(e,360),t=m(t,100),n=m(n,100),t===0)r=n,o=n,a=n;else{var s=n<.5?n*(1+t):n+t-n*t,c=2*n-s;a=he(c,s,e+1/3),r=he(c,s,e),o=he(c,s,e-1/3)}return{r:a*255,g:r*255,b:o*255}}function Le(e,t,n){e=m(e,255),t=m(t,255),n=m(n,255);var a=Math.max(e,t,n),r=Math.min(e,t,n),o=0,s=a,c=a-r,u=a===0?0:c/a;if(a===r)o=0;else{switch(a){case e:o=(t-n)/c+(t<n?6:0);break;case t:o=(n-e)/c+2;break;case n:o=(e-t)/c+4;break}o/=6}return{h:o,s:u,v:s}}function We(e,t,n){e=m(e,360)*6,t=m(t,100),n=m(n,100);var a=Math.floor(e),r=e-a,o=n*(1-t),s=n*(1-r*t),c=n*(1-(1-r)*t),u=a%6,I=[n,s,o,o,c,n][u],v=[c,n,n,s,o,o][u],F=[o,o,c,n,n,s][u];return{r:I*255,g:v*255,b:F*255}}function Ee(e,t,n,a){var r=[H(Math.round(e).toString(16)),H(Math.round(t).toString(16)),H(Math.round(n).toString(16))];return a&&r[0].startsWith(r[0].charAt(1))&&r[1].startsWith(r[1].charAt(1))&&r[2].startsWith(r[2].charAt(1))?r[0].charAt(0)+r[1].charAt(0)+r[2].charAt(0):r.join("")}function Ge(e,t,n,a,r){var o=[H(Math.round(e).toString(16)),H(Math.round(t).toString(16)),H(Math.round(n).toString(16)),H(qe(a))];return r&&o[0].startsWith(o[0].charAt(1))&&o[1].startsWith(o[1].charAt(1))&&o[2].startsWith(o[2].charAt(1))&&o[3].startsWith(o[3].charAt(1))?o[0].charAt(0)+o[1].charAt(0)+o[2].charAt(0)+o[3].charAt(0):o.join("")}function qe(e){return Math.round(parseFloat(e)*255).toString(16)}function $e(e){return w(e)/255}function w(e){return parseInt(e,16)}function _e(e){return{r:e>>16,g:(e&65280)>>8,b:e&255}}var ge={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 Ze(e){var t={r:0,g:0,b:0},n=1,a=null,r=null,o=null,s=!1,c=!1;return typeof e=="string"&&(e=Ke(e)),typeof e=="object"&&(L(e.r)&&L(e.g)&&L(e.b)?(t=Be(e.r,e.g,e.b),s=!0,c=String(e.r).substr(-1)==="%"?"prgb":"rgb"):L(e.h)&&L(e.s)&&L(e.v)?(a=ae(e.s),r=ae(e.v),t=We(e.h,a,r),s=!0,c="hsv"):L(e.h)&&L(e.s)&&L(e.l)&&(a=ae(e.s),o=ae(e.l),t=Ye(e.h,a,o),s=!0,c="hsl"),Object.prototype.hasOwnProperty.call(e,"a")&&(n=e.a)),n=ze(n),{ok:s,format:e.format||c,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}}var Xe="[-\\+]?\\d+%?",Qe="[-\\+]?\\d*\\.\\d+%?",R="(?:".concat(Qe,")|(?:").concat(Xe,")"),me="[\\s|\\(]+(".concat(R,")[,|\\s]+(").concat(R,")[,|\\s]+(").concat(R,")\\s*\\)?"),pe="[\\s|\\(]+(".concat(R,")[,|\\s]+(").concat(R,")[,|\\s]+(").concat(R,")[,|\\s]+(").concat(R,")\\s*\\)?"),N={CSS_UNIT:new RegExp(R),rgb:new RegExp("rgb"+me),rgba:new RegExp("rgba"+pe),hsl:new RegExp("hsl"+me),hsla:new RegExp("hsla"+pe),hsv:new RegExp("hsv"+me),hsva:new RegExp("hsva"+pe),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 Ke(e){if(e=e.trim().toLowerCase(),e.length===0)return!1;var t=!1;if(ge[e])e=ge[e],t=!0;else if(e==="transparent")return{r:0,g:0,b:0,a:0,format:"name"};var n=N.rgb.exec(e);return n?{r:n[1],g:n[2],b:n[3]}:(n=N.rgba.exec(e),n?{r:n[1],g:n[2],b:n[3],a:n[4]}:(n=N.hsl.exec(e),n?{h:n[1],s:n[2],l:n[3]}:(n=N.hsla.exec(e),n?{h:n[1],s:n[2],l:n[3],a:n[4]}:(n=N.hsv.exec(e),n?{h:n[1],s:n[2],v:n[3]}:(n=N.hsva.exec(e),n?{h:n[1],s:n[2],v:n[3],a:n[4]}:(n=N.hex8.exec(e),n?{r:w(n[1]),g:w(n[2]),b:w(n[3]),a:$e(n[4]),format:t?"name":"hex8"}:(n=N.hex6.exec(e),n?{r:w(n[1]),g:w(n[2]),b:w(n[3]),format:t?"name":"hex"}:(n=N.hex4.exec(e),n?{r:w(n[1]+n[1]),g:w(n[2]+n[2]),b:w(n[3]+n[3]),a:$e(n[4]+n[4]),format:t?"name":"hex8"}:(n=N.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 L(e){return!!N.CSS_UNIT.exec(String(e))}var X=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=_e(t)),this.originalInput=t;var r=Ze(t);this.originalInput=t,this.r=r.r,this.g=r.g,this.b=r.b,this.a=r.a,this.roundA=Math.round(100*this.a)/100,this.format=(a=n.format)!==null&&a!==void 0?a:r.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=r.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,r,o=t.r/255,s=t.g/255,c=t.b/255;return o<=.03928?n=o/12.92:n=Math.pow((o+.055)/1.055,2.4),s<=.03928?a=s/12.92:a=Math.pow((s+.055)/1.055,2.4),c<=.03928?r=c/12.92:r=Math.pow((c+.055)/1.055,2.4),.2126*n+.7152*a+.0722*r},e.prototype.getAlpha=function(){return this.a},e.prototype.setAlpha=function(t){return this.a=ze(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=Le(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=Le(this.r,this.g,this.b),n=Math.round(t.h*360),a=Math.round(t.s*100),r=Math.round(t.v*100);return this.a===1?"hsv(".concat(n,", ").concat(a,"%, ").concat(r,"%)"):"hsva(".concat(n,", ").concat(a,"%, ").concat(r,"%, ").concat(this.roundA,")")},e.prototype.toHsl=function(){var t=Oe(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=Oe(this.r,this.g,this.b),n=Math.round(t.h*360),a=Math.round(t.s*100),r=Math.round(t.l*100);return this.a===1?"hsl(".concat(n,", ").concat(a,"%, ").concat(r,"%)"):"hsla(".concat(n,", ").concat(a,"%, ").concat(r,"%, ").concat(this.roundA,")")},e.prototype.toHex=function(t){return t===void 0&&(t=!1),Ee(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),Ge(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.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(m(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(m(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="#"+Ee(this.r,this.g,this.b,!1),n=0,a=Object.entries(ge);n<a.length;n++){var r=a[n],o=r[0],s=r[1];if(t===s)return o}return!1},e.prototype.toString=function(t){var n=!!t;t=t??this.format;var a=!1,r=this.a<1&&this.a>=0,o=!n&&r&&(t.startsWith("hex")||t==="name");return o?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=ne(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=ne(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=ne(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=ne(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(),r=new e(t).toRgb(),o=n/100,s={r:(r.r-a.r)*o+a.r,g:(r.g-a.g)*o+a.g,b:(r.b-a.b)*o+a.b,a:(r.a-a.a)*o+a.a};return new e(s)},e.prototype.analogous=function(t,n){t===void 0&&(t=6),n===void 0&&(n=30);var a=this.toHsl(),r=360/n,o=[this];for(a.h=(a.h-(r*t>>1)+720)%360;--t;)a.h=(a.h+r)%360,o.push(new e(a));return o},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,r=n.s,o=n.v,s=[],c=1/t;t--;)s.push(new e({h:a,s:r,v:o})),o=(o+c)%1;return s},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();return new e({r:a.r+(n.r-a.r)*n.a,g:a.g+(n.g-a.g)*n.a,b:a.b+(n.b-a.b)*n.a})},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,r=[this],o=360/t,s=1;s<t;s++)r.push(new e({h:(a+s*o)%360,s:n.s,l:n.l}));return r},e.prototype.equals=function(t){return this.toRgbString()===new e(t).toRgbString()},e}();const Je=new O.Keyframe("viewFadeIn",{"0%":{opacity:0},"100%":{opacity:1}}),Ue=new O.Keyframe("viewFadeOut",{"0%":{opacity:1},"100%":{opacity:0}}),et=new O.Keyframe("viewZoomBadgeIn",{"0%":{transform:"scale(0.2)",opacity:0},"100%":{transform:"scale(1)",opacity:1}}),tt=new O.Keyframe("viewZoomBadgeOut",{"0%":{transform:"scale(1)"},"100%":{transform:"scale(0.2)",opacity:0}}),Re=e=>({position:e||"absolute",inset:0});function ve(e){return{position:e,top:0,insetInlineEnd:0,bottom:0,insetInlineStart:0}}const nt=e=>({boxSizing:"border-box",margin:0,padding:0,color:e.colorText,fontSize:e.fontSize,lineHeight:e.lineHeight,listStyle:"none",fontFamily:e.fontFamily}),at=e=>{const{componentCls:t,modalMaskBg:n,paddingSM:a,previewOperationColorDisabled:r,motionDurationSlow:o}=e,s=new X(n).setAlpha(.1),c=s.clone().setAlpha(.2);return{[`${t}-operations`]:{...nt(e),display:"flex",flexDirection:"row-reverse",alignItems:"center",color:e.previewOperationColor,listStyle:"none",background:s.toRgbString(),pointerEvents:"auto","&-operation":{marginInlineStart:a,padding:a,cursor:"pointer",transition:`all ${o}`,userSelect:"none","&:hover":{background:c.toRgbString()},"&-disabled":{color:r,pointerEvents:"none"},"&:last-of-type":{marginInlineStart:0}},"&-progress":{position:"absolute",left:{_skip_check_:!0,value:"50%"},transform:"translateX(-50%)"},"&-icon":{fontSize:e.previewOperationSize}}}},rt=e=>{const{modalMaskBg:t,previewOperationColorDisabled:n,zIndexPopup:a,motionDurationSlow:r}=e,o=new X(t).setAlpha(.1),s=o.clone().setAlpha(.2);return{[`${e.componentCls}-switch-left, ${e.componentCls}-switch-right`]:{position:"fixed",insetBlockStart:"50%",zIndex:a+1,display:"flex",alignItems:"center",justifyContent:"center",width:e.imagePreviewSwitchSize,height:e.imagePreviewSwitchSize,marginTop:-e.imagePreviewSwitchSize/2,color:e.previewOperationColor,background:o.toRgbString(),borderRadius:"50%",transform:"translateY(-50%)",cursor:"pointer",transition:`all ${r}`,pointerEvents:"auto",userSelect:"none","&:hover":{background:s.toRgbString()},["&-disabled"]:{"&, &:hover":{color:n,background:"transparent",cursor:"not-allowed",[`> ${e.iconCls}`]:{cursor:"not-allowed"}}},[`> ${e.iconCls}`]:{fontSize:e.previewOperationSize}},[`${e.componentCls}-switch-left`]:{insetInlineStart:e.marginSM},[`${e.componentCls}-switch-right`]:{insetInlineEnd:e.marginSM}}},it=e=>({[e.componentCls]:{["&-root"]:{...ve("fixed"),zIndex:e.zIndexPopup,overflow:"auto",outline:0,WebkitOverflowScrolling:"touch"},["&-wrapper"]:{...ve("fixed"),zIndex:e.zIndexPopup,overflow:"auto",outline:0,WebkitOverflowScrolling:"touch"},["&-mask"]:{...ve("fixed"),zIndex:e.zIndexPopupBase,height:"100%",backgroundColor:e.colorBgMask},["&-block"]:{height:"100%",textAlign:"center",pointerEvents:"none"},["&-body"]:{...Re(),overflow:"hidden"},["&-canvas"]:{...Re(),display:"flex",justifyContent:"center",alignItems:"center","&::before":{display:"inline-block",width:1,height:"50%",marginInlineEnd:-1,content:'""'}},["&-img"]:{maxWidth:"100%",maxHeight:"100%",verticalAlign:"middle",transform:"scale3d(1, 1, 1)",cursor:"grab",transition:`transform ${e.motionDurationSlow} ${e.motionEaseOut} 0s`,userSelect:"none",pointerEvents:"auto"},["&-fade-appear, &-fade-enter"]:{animationName:Je,animationDuration:e.motionDurationSlow,animationTimingFunction:"linear"},["&-fade-leave"]:{animationName:Ue,animationDuration:e.motionDurationSlow,animationTimingFunction:"linear"},["&-zoom-appear, &-zoom-enter"]:{animationName:et,opacity:0,animationTimingFunction:e.motionEaseOutCirc,animationFillMode:"both",transform:"none",animationDuration:e.motionDurationSlow,userSelect:"none"},["&-zoom-enter-active"]:{animationPlayState:"running"},["&-zoom-leave"]:{animationName:tt,animationDuration:e.motionDurationSlow,animationTimingFunction:e.motionEaseOutBack,animationFillMode:"both"}},[`${e.componentCls}-root`]:{[`${e.componentCls}-wrapper`]:{zIndex:e.zIndexPopup}},[`${e.componentCls}-operations-wrapper`]:{position:"fixed",insetBlockStart:0,insetInlineEnd:0,zIndex:e.zIndexPopup+1,width:"100%"},"&":[at(e),rt(e)]});function ot(e){return O.useStyle("ImageView",t=>{const n=O.mergeToken(t,{zIndexPopup:t.zIndexPopupBase+80,previewOperationColorDisabled:new X(t.colorTextLightSolid).setAlpha(.25).toRgbString(),modalMaskBg:new X("#000").setAlpha(.45).toRgbString(),previewOperationColor:new X(t.colorTextLightSolid).toRgbString(),previewOperationSize:t.fontSizeIcon*1.5,imagePreviewSwitchSize:t.controlHeightLG,iconCls:"anticon"});return[it(n)]},e)}const B={tab:"Tab",enter:"Enter",space:"Space",left:"ArrowLeft",up:"ArrowUp",right:"ArrowRight",down:"ArrowDown",esc:"Escape",delete:"Delete",backspace:"Backspace"},re=function(e,t,n,a=!1){e&&t&&n&&e.addEventListener(t,n,a)},be=function(e,t,n,a=!1){e&&t&&n&&e.removeEventListener(t,n,a)},Q={CONTAIN:{name:"contain",icon:i.createVNode(z.ExpandOutlined,null,null)},ORIGINAL:{name:"original",icon:i.createVNode(z.OneToOneOutlined,null,null)}},De=function(){return!y.isServer&&!!window.navigator.userAgent.match(/firefox/i)}()?"DOMMouseScroll":"mousewheel";function ye(e){let t=!1;return function(...n){t||(t=!0,window.requestAnimationFrame(()=>{e.apply(this,n),t=!1}))}}const He=i.defineComponent({props:ke,emits:["close","switch"],setup:function(e,{emit:t,expose:n}){var ce,fe,j,te,Pe;let a=null,r=null,o=null;const s=y.getPrefixCls({suffixCls:"image-viewer"}),{wrapSSR:c,hashId:u}=ot(s),I=i.shallowRef(!1),[v,F]=ue.useState(!1),[E,M]=ue.useState(!1),$=i.ref(!0),p=i.ref(e.initialIndex),W=i.ref(null),G=i.ref(null),K=i.ref(Q.CONTAIN),d=i.reactive({transform:{scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}}),J=i.computed(()=>e.urlList.length>1),ie=i.computed(()=>p.value===0),oe=i.computed(()=>p.value===e.urlList.length-1),se=i.computed(()=>e.urlList[p.value]),Se=i.computed(()=>{const{scale:l,deg:A,offsetX:h,offsetY:x,enableTransition:b}=d.transform,C={transform:`scale(${l}) rotate(${A}deg)`,transition:b?"transform .3s":"",marginLeft:`${h}px`,marginTop:`${x}px`};return K.value.name===Q.CONTAIN.name&&(C.maxWidth=C.maxHeight="100%"),C}),xe=()=>{Ae(),t("close"),d.transform={scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}},Ie=l=>{I.value?I.value=!1:W.value===(l==null?void 0:l.target)&&(M(!1),p.value=e.initialIndex)},Me=()=>{a=ye(l=>{switch(l.code){case B.esc:M(!1);break;case B.space:q();break;case B.left:le();break;case B.up:k("zoomIn");break;case B.right:ee();break;case B.down:k("zoomOut");break}}),r=ye(l=>{(l.wheelDelta?l.wheelDelta:-l.detail)>0?k("zoomIn",{zoomRate:.015,enableTransition:!1}):k("zoomOut",{zoomRate:.015,enableTransition:!1})}),re(document,"keydown",a),re(document,De,r)},Ae=()=>{be(document,"keydown",a),be(document,De,r),a=null,r=null},U=()=>{$.value=!1},f=l=>{$.value=!1,l.target.alt="加载失败"},S=i.shallowRef(),T=l=>{if($.value||l.button!==0)return;l.preventDefault(),l.stopPropagation(),clearTimeout(S.value),I.value=!0;const{offsetX:A,offsetY:h}=d.transform,x=l.pageX,b=l.pageY;o=ye(C=>{d.transform={...d.transform,offsetX:A+C.pageX-x,offsetY:h+C.pageY-b}}),re(document,"mousemove",o),re(document,"mouseup",()=>{be(document,"mousemove",o),v.value&&E.value&&(S.value=setTimeout(()=>{I.value=!1}))})},P=()=>{d.transform={scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}},q=()=>{if($.value)return;const l=Object.keys(Q),A=Object.values(Q),h=K.value.name,b=(A.findIndex(C=>C.name===h)+1)%l.length;K.value=Q[l[b]],P()},le=()=>{if(ie.value&&!e.infinite)return;const l=e.urlList.length;p.value=(p.value-1+l)%l},ee=()=>{if(oe.value&&!e.infinite)return;const l=e.urlList.length;p.value=(p.value+1)%l},k=(l,A={})=>{if($.value)return;const{zoomRate:h,rotateDeg:x,enableTransition:b}={zoomRate:.2,rotateDeg:90,enableTransition:!0,...A};switch(l){case"zoomOut":d.transform.scale>.2&&(d.transform.scale=parseFloat((d.transform.scale-h).toFixed(3)));break;case"zoomIn":d.transform.scale=parseFloat((d.transform.scale+h).toFixed(3));break;case"clocelise":d.transform.deg+=x;break;case"anticlocelise":d.transform.deg-=x;break}d.transform.enableTransition=b},Ce=[{icon:((ce=e.icons)==null?void 0:ce.close)||i.createVNode(z.CloseOutlined,null,null),onClick:l=>{l.stopPropagation(),M(!1)},type:"close"},{icon:((fe=e.icons)==null?void 0:fe.zoomIn)||i.createVNode(z.ZoomInOutlined,null,null),onClick:l=>{l.stopPropagation(),k("zoomIn")},type:"zoomIn"},{icon:((j=e.icons)==null?void 0:j.zoomOut)||i.createVNode(z.ZoomOutOutlined,null,null),onClick:l=>{l.stopPropagation(),k("zoomOut")},type:"zoomOut"},{icon:((te=e.icons)==null?void 0:te.rotateRight)||i.createVNode(z.RotateRightOutlined,null,null),onClick:l=>{l.stopPropagation(),k("anticlocelise")},type:"rotateRight"},{icon:((Pe=e.icons)==null?void 0:Pe.rotateLeft)||i.createVNode(z.RotateLeftOutlined,null,null),onClick:l=>{l.stopPropagation(),k("clocelise")},type:"rotateLeft"}];return i.watch(se,()=>{i.nextTick(()=>{G.value.complete||($.value=!0)})}),i.watch(p,l=>{P(),t("switch",l)}),i.watch(v,l=>{l&&(E.value=l)}),i.watch([()=>v.value,()=>W.value],([l,A])=>{var h,x;l&&A&&(Me(),(x=(h=W.value)==null?void 0:h.focus)==null||x.call(h))}),n({setOpen:F}),()=>{const l=O.getTransitionProps(`${s}-fade`),A=O.getTransitionProps(`${s}-zoom`);return c(i.createVNode(i.Teleport,{to:e.getContainer||"body",disabled:!e.teleported},{default:()=>[v.value&&i.createVNode("div",{class:`${s}-root ${u.value}`},[i.createVNode(i.Transition,l,{default:()=>[i.withDirectives(i.createVNode("div",{class:`${s}-mask ${u.value}`},null),[[i.vShow,v.value&&E.value]])]}),i.createVNode("div",{ref:W,tabindex:-1,class:[`${s}-wrapper`,`${u.value}`],onClick:h=>e.onHideOnClickModal&&Ie(h)},[i.createVNode(i.Transition,i.mergeProps(A,{onAfterLeave:()=>xe()}),{default:()=>{var h,x;return[i.withDirectives(i.createVNode("div",{class:`${s}-block ${u.value}`},[i.createVNode("div",{class:`${s}-content ${u.value}`},[i.createVNode("div",{class:`${s}-body ${u.value}`},[i.createVNode("div",{class:`${s}-operations-wrapper ${u.value}`,onClick:b=>b.stopPropagation()},[i.createVNode("ul",{class:`${s}-operations ${u.value}`},[Ce.map(({icon:b,onClick:C,type:Ne})=>i.createVNode("li",{class:`${s}-operations-operation ${u.value}`,onClick:C,key:Ne},[i.cloneVNode(b,{class:`${s}-operations-icon ${u.value}`})]))])]),i.createVNode("div",{class:`${s}-canvas ${u.value}`},[e.urlList.map((b,C)=>i.createVNode("img",{ref:G,class:`${s}-img ${u.value}`,style:{...Se.value,display:C===p.value?"block":"none"},key:b,src:b,onLoad:()=>U(),onError:Ne=>f(Ne),onMousedown:T},null))]),J.value&&i.createVNode("div",{class:[`${s}-switch-left`,p.value===0&&!e.infinite?`${s}-switch-left-disabled`:"",`${u.value}`],onClick:le},[((h=e.icons)==null?void 0:h.left)||i.createVNode(z.LeftOutlined,null,null)]),J.value&&i.createVNode("div",{class:[`${s}-switch-right`,p.value===e.urlList.length-1&&!e.infinite?`${s}-switch-right-disabled`:"",`${u.value}`],onClick:ee},[((x=e.icons)==null?void 0:x.right)||i.createVNode(z.RightOutlined,null,null)])])])]),[[i.vShow,v.value&&E.value]])]}})])])]}))}}}),we={width:"100%",height:"100%"},st=e=>({[e.componentCls]:{display:"inline-block",position:"relative",overflow:"hidden",["&-inner"]:{...we,verticalAlign:"top",opacity:1},["&-placeholder"]:{...we,backgroundColor:e.colorBgContainerDisabled,backgroundImage:"url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=')",backgroundRepeat:"no-repeat",backgroundPosition:"center center",backgroundSize:"30%"},["&-error"]:{...we,display:"flex",alignItems:"center",justifyContent:"center",color:e.colorText,backgroundColor:e.colorBgContainerDisabled},["&-preview"]:{cursor:"pointer"}}}),lt=e=>e&&e.nodeType===Node.ELEMENT_NODE;let Fe="";const Y=i.defineComponent({props:Z,name:"GImage",emits:["error","click","load"],setup(e,{slots:t,emit:n,attrs:a}){const r=y.getPrefixCls({suffixCls:"image"}),{wrapSSR:o,hashId:s}=O.useProStyle("Image",[st],r),c=i.ref(),u=i.ref(""),I=i.ref(!1),v=i.ref(!0),F=i.ref(!1),E=i.ref(null),M=i.ref();let $,p;const W=i.computed(()=>!y.isServer&&e.fit?{"object-fit":e.fit}:{}),G=i.computed(()=>{const{previewSrcList:f}=e;return Array.isArray(f)&&f.length>0}),K=i.computed(()=>{const{src:f,previewSrcList:S,initialIndex:T}=e;if(T||T===0)return S.length>=T?T:0;let P=0;const q=S.indexOf(f);return q>=0&&(P=q),P}),d=()=>{if(y.isServer)return;v.value=!0,I.value=!1;const f=new Image;f.onload=S=>Se(S),f.onerror=xe,Object.keys(a||{}).forEach(S=>{if(S.toLowerCase()==="onload")return;const T=(a||{})[S];f.setAttribute(S,T)}),f.src=e.src};function J(){y.isInContainer(E.value,M.value)&&(d(),se())}const ie=de.useThrottleFn(J,200),oe=async()=>{if(y.isServer)return;await i.nextTick();const{scrollContainer:f}=e;lt(f)?M.value=f:y.isString(f)&&f!==""?M.value=document.querySelector(f)??void 0:E.value&&(M.value=y.getScrollContainer(E.value)),M.value&&($=de.useEventListener(M,"scroll",ie),setTimeout(()=>J(),200))},se=()=>{y.isServer||!M.value||!ie||($(),M.value=void 0)},Se=f=>{u.value=e.src,v.value=!1,I.value=!1,n("load",f)},xe=f=>{v.value=!1,I.value=!0,n("error",f)},Ie=f=>{if(f.ctrlKey){if(f.deltaY<0)return f.preventDefault(),!1;if(f.deltaY>0)return f.preventDefault(),!1}},Me=()=>{!G.value||e.disablePreview||(p=de.useEventListener("wheel",Ie,{passive:!1}),Fe=document.body.style.overflow,document.body.style.overflow="hidden",F.value=!0)},Ae=()=>{p==null||p(),document.body.style.overflow=Fe,F.value=!1};i.watch(()=>e.src,()=>{e.lazy?(v.value=!0,I.value=!1,se(),oe()):d()});const U=f=>y.isNumber(f)?f+"px":f;return ue.onMountedOrActivated(()=>{e.lazy?oe():d()}),()=>{const{crossorigin:f,decoding:S,alt:T,sizes:P,srcset:q,usemap:le,class:ee,style:k={}}=a,Ce={crossorigin:f,decoding:S,alt:T,sizes:P,srcset:q,usemap:le,style:{...W.value,height:e.height?U(e.height):void 0}},ce=y.getSlotVNode(t,e,"fallback"),fe=y.getSlotVNode(t,e,"placeholder");return i.watchEffect(()=>{var j,te;G.value&&F.value?(j=c.value)==null||j.setOpen(!0):(te=c.value)==null||te.setOpen(!1)}),o(i.createVNode(i.Fragment,null,[i.createVNode("div",{class:{[`${s.value}`]:!0,[`${r}`]:!0,[`${ee}`]:!!ee},ref:j=>E.value=j,style:{width:e.width?U(e.width):void 0,height:e.height?U(e.height):void 0,display:e.lazy?"block":void 0,...k},onClick:()=>{n("click")}},[v.value?fe||i.createVNode("div",{class:`${r}-placeholder ${s.value}`},null):I.value?ce||i.createVNode("div",{class:`${r}-error ${s.value}`},[i.createTextVNode("加载失败")]):u.value&&i.createVNode("img",i.mergeProps(Ce,{class:{[`${s.value}`]:!0,[`${e.imageClassName}`]:!!e.imageClassName,[`${r}-inner`]:!0,[`${r}-preview`]:G.value},alt:e.alt,src:u.value,onClick:()=>Me()}),null),i.createVNode(He,{ref:c,zIndex:e.zIndex,infinite:e.infinite,initialIndex:K.value,urlList:e.previewSrcList,getContainer:e.getContainer,onHideOnClickModal:e.hideOnClickModal,onClose:()=>Ae()},null)])]))}}});Y.isWImage=!0,Y.install=e=>(e.component(Y.name,Y),e),g.GImage=Y,g.ImageViewer=He,g.default=Y,g.gImagePorps=Z,g.gImageViewProps=ke,Object.defineProperties(g,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/index.d.ts

@@ -1,4 +1,6 @@
+import { gImagePorps, gImageViewProps } from './props';
 export { default as ImageViewer } from './components/ImageViewer';
 export type { GImageProps } from './Image';
 export { default } from './Image';
 export { default as GImage } from './Image';
+export { gImagePorps, gImageViewProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gx-design-vue/image",
-  "version": "0.2.0-beta.11",
+  "version": "0.2.0-beta.12",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
@@ -24,9 +24,9 @@
   },
   "dependencies": {
     "@vueuse/core": "^9.10.0",
-    "@gx-design-vue/pro-utils": "^0.2.0-beta.13",
+    "@gx-design-vue/pro-utils": "^0.2.0-beta.19",
     "@gx-design-vue/pro-hooks": "^0.2.0-beta.14",
-    "@gx-design-vue/pro-provider": "^0.1.0-beta.43",
+    "@gx-design-vue/pro-provider": "^0.1.0-beta.46",
     "ant-design-vue": "^4.0.0",
     "vue": "^3.2.45",
     "vue-types": "^4.1.1"