@das-fed/ui 6.4.0-dev.9 → 6.4.0-hot.10

package/packages/components/image-preview/index.js

@@ -1,1300 +1,52 @@
-import '@das-fed/ui/packages/components/image-preview/style.css';
-import { unref as s, getCurrentScope as it, onScopeDispose as lt, watch as pe, defineComponent as S, openBlock as T, createElementBlock as E, createElementVNode as b, warn as ct, inject as _e, ref as k, computed as N, isRef as ut, getCurrentInstance as Fe, mergeProps as dt, renderSlot as Be, markRaw as Oe, effectScope as ft, shallowRef as pt, nextTick as mt, onMounted as _t, createBlock as Ie, Teleport as vt, createVNode as I, Transition as gt, withCtx as L, normalizeClass as A, normalizeStyle as Te, withModifiers as ht, createCommentVNode as X, Fragment as Ce, resolveDynamicComponent as wt, renderList as yt, withDirectives as bt, vShow as xt, createApp as Ot } from "vue";
-var Ne;
-const He = typeof window < "u", It = (e) => typeof e == "string", Tt = () => {
-};
-He && ((Ne = window == null ? void 0 : window.navigator) != null && Ne.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
-function Ke(e) {
-  return typeof e == "function" ? e() : s(e);
-}
-function Ct(e) {
-  return e;
-}
-function Nt(e) {
-  return it() ? (lt(e), !0) : !1;
-}
-function Et(e) {
-  var t;
-  const n = Ke(e);
-  return (t = n == null ? void 0 : n.$el) != null ? t : n;
-}
-const St = He ? window : void 0;
-function te(...e) {
-  let t, n, r, a;
-  if (It(e[0]) || Array.isArray(e[0]) ? ([n, r, a] = e, t = St) : [t, n, r, a] = e, !t)
-    return Tt;
-  Array.isArray(n) || (n = [n]), Array.isArray(r) || (r = [r]);
-  const o = [], i = () => {
-    o.forEach((m) => m()), o.length = 0;
-  }, p = (m, f, g, O) => (m.addEventListener(f, g, O), () => m.removeEventListener(f, g, O)), v = pe(() => [Et(t), Ke(a)], ([m, f]) => {
-    i(), m && o.push(...n.flatMap((g) => r.map((O) => p(m, g, O, f))));
-  }, { immediate: !0, flush: "post" }), x = () => {
-    v(), i();
-  };
-  return Nt(x), x;
-}
-const Ee = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Se = "__vueuse_ssr_handlers__";
-Ee[Se] = Ee[Se] || {};
-var Pe;
-(function(e) {
-  e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
-})(Pe || (Pe = {}));
-var Pt = Object.defineProperty, $e = Object.getOwnPropertySymbols, $t = Object.prototype.hasOwnProperty, zt = Object.prototype.propertyIsEnumerable, ze = (e, t, n) => t in e ? Pt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, At = (e, t) => {
-  for (var n in t || (t = {}))
-    $t.call(t, n) && ze(e, n, t[n]);
-  if ($e)
-    for (var n of $e(t))
-      zt.call(t, n) && ze(e, n, t[n]);
-  return e;
-};
-const Mt = {
-  easeInSine: [0.12, 0, 0.39, 0],
-  easeOutSine: [0.61, 1, 0.88, 1],
-  easeInOutSine: [0.37, 0, 0.63, 1],
-  easeInQuad: [0.11, 0, 0.5, 0],
-  easeOutQuad: [0.5, 1, 0.89, 1],
-  easeInOutQuad: [0.45, 0, 0.55, 1],
-  easeInCubic: [0.32, 0, 0.67, 0],
-  easeOutCubic: [0.33, 1, 0.68, 1],
-  easeInOutCubic: [0.65, 0, 0.35, 1],
-  easeInQuart: [0.5, 0, 0.75, 0],
-  easeOutQuart: [0.25, 1, 0.5, 1],
-  easeInOutQuart: [0.76, 0, 0.24, 1],
-  easeInQuint: [0.64, 0, 0.78, 0],
-  easeOutQuint: [0.22, 1, 0.36, 1],
-  easeInOutQuint: [0.83, 0, 0.17, 1],
-  easeInExpo: [0.7, 0, 0.84, 0],
-  easeOutExpo: [0.16, 1, 0.3, 1],
-  easeInOutExpo: [0.87, 0, 0.13, 1],
-  easeInCirc: [0.55, 0, 1, 0.45],
-  easeOutCirc: [0, 0.55, 0.45, 1],
-  easeInOutCirc: [0.85, 0, 0.15, 1],
-  easeInBack: [0.36, 0, 0.66, -0.56],
-  easeOutBack: [0.34, 1.56, 0.64, 1],
-  easeInOutBack: [0.68, -0.6, 0.32, 1.6]
-};
-At({
-  linear: Ct
-}, Mt);
-/**
-* @vue/shared v3.4.35
-* (c) 2018-present Yuxi (Evan) You and Vue contributors
-* @license MIT
-**/
-process.env.NODE_ENV !== "production" && Object.freeze({});
-process.env.NODE_ENV !== "production" && Object.freeze([]);
-const kt = Object.prototype.hasOwnProperty, Ae = (e, t) => kt.call(e, t), ve = (e) => typeof e == "string", Ue = (e) => e !== null && typeof e == "object";
-var Lt = typeof global == "object" && global && global.Object === Object && global, Dt = typeof self == "object" && self && self.Object === Object && self, ne = Lt || Dt || Function("return this")(), U = ne.Symbol, We = Object.prototype, jt = We.hasOwnProperty, Rt = We.toString, Z = U ? U.toStringTag : void 0;
-function Vt(e) {
-  var t = jt.call(e, Z), n = e[Z];
-  try {
-    e[Z] = void 0;
-    var r = !0;
-  } catch {
-  }
-  var a = Rt.call(e);
-  return r && (t ? e[Z] = n : delete e[Z]), a;
-}
-var Ft = Object.prototype, Bt = Ft.toString;
-function Ht(e) {
-  return Bt.call(e);
-}
-var Kt = "[object Null]", Ut = "[object Undefined]", Me = U ? U.toStringTag : void 0;
-function Ye(e) {
-  return e == null ? e === void 0 ? Ut : Kt : Me && Me in Object(e) ? Vt(e) : Ht(e);
-}
-function Wt(e) {
-  return e != null && typeof e == "object";
-}
-var Yt = "[object Symbol]";
-function re(e) {
-  return typeof e == "symbol" || Wt(e) && Ye(e) == Yt;
-}
-function Gt(e, t) {
-  for (var n = -1, r = e == null ? 0 : e.length, a = Array(r); ++n < r; )
-    a[n] = t(e[n], n, e);
-  return a;
-}
-var ge = Array.isArray, Xt = 1 / 0, ke = U ? U.prototype : void 0, Le = ke ? ke.toString : void 0;
-function Ge(e) {
-  if (typeof e == "string")
-    return e;
-  if (ge(e))
-    return Gt(e, Ge) + "";
-  if (re(e))
-    return Le ? Le.call(e) : "";
-  var t = e + "";
-  return t == "0" && 1 / e == -Xt ? "-0" : t;
-}
-var Zt = /\s/;
-function Jt(e) {
-  for (var t = e.length; t-- && Zt.test(e.charAt(t)); )
-    ;
-  return t;
-}
-var Qt = /^\s+/;
-function qt(e) {
-  return e && e.slice(0, Jt(e) + 1).replace(Qt, "");
-}
-function W(e) {
-  var t = typeof e;
-  return e != null && (t == "object" || t == "function");
-}
-var De = NaN, en = /^[-+]0x[0-9a-f]+$/i, tn = /^0b[01]+$/i, nn = /^0o[0-7]+$/i, rn = parseInt;
-function je(e) {
-  if (typeof e == "number")
-    return e;
-  if (re(e))
-    return De;
-  if (W(e)) {
-    var t = typeof e.valueOf == "function" ? e.valueOf() : e;
-    e = W(t) ? t + "" : t;
-  }
-  if (typeof e != "string")
-    return e === 0 ? e : +e;
-  e = qt(e);
-  var n = tn.test(e);
-  return n || nn.test(e) ? rn(e.slice(2), n ? 2 : 8) : en.test(e) ? De : +e;
-}
-var an = "[object AsyncFunction]", on = "[object Function]", sn = "[object GeneratorFunction]", ln = "[object Proxy]";
-function cn(e) {
-  if (!W(e))
-    return !1;
-  var t = Ye(e);
-  return t == on || t == sn || t == an || t == ln;
-}
-var ce = ne["__core-js_shared__"], Re = function() {
-  var e = /[^.]+$/.exec(ce && ce.keys && ce.keys.IE_PROTO || "");
-  return e ? "Symbol(src)_1." + e : "";
-}();
-function un(e) {
-  return !!Re && Re in e;
-}
-var dn = Function.prototype, fn = dn.toString;
-function pn(e) {
-  if (e != null) {
-    try {
-      return fn.call(e);
-    } catch {
-    }
-    try {
-      return e + "";
-    } catch {
-    }
-  }
-  return "";
-}
-var mn = /[\\^$.*+?()[\]{}|]/g, _n = /^\[object .+?Constructor\]$/, vn = Function.prototype, gn = Object.prototype, hn = vn.toString, wn = gn.hasOwnProperty, yn = RegExp(
-  "^" + hn.call(wn).replace(mn, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-);
-function bn(e) {
-  if (!W(e) || un(e))
-    return !1;
-  var t = cn(e) ? yn : _n;
-  return t.test(pn(e));
-}
-function xn(e, t) {
-  return e == null ? void 0 : e[t];
-}
-function Xe(e, t) {
-  var n = xn(e, t);
-  return bn(n) ? n : void 0;
-}
-function On(e, t) {
-  return e === t || e !== e && t !== t;
-}
-var In = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, Tn = /^\w*$/;
-function Cn(e, t) {
-  if (ge(e))
-    return !1;
-  var n = typeof e;
-  return n == "number" || n == "symbol" || n == "boolean" || e == null || re(e) ? !0 : Tn.test(e) || !In.test(e) || t != null && e in Object(t);
-}
-var J = Xe(Object, "create");
-function Nn() {
-  this.__data__ = J ? J(null) : {}, this.size = 0;
-}
-function En(e) {
-  var t = this.has(e) && delete this.__data__[e];
-  return this.size -= t ? 1 : 0, t;
-}
-var Sn = "__lodash_hash_undefined__", Pn = Object.prototype, $n = Pn.hasOwnProperty;
-function zn(e) {
-  var t = this.__data__;
-  if (J) {
-    var n = t[e];
-    return n === Sn ? void 0 : n;
-  }
-  return $n.call(t, e) ? t[e] : void 0;
-}
-var An = Object.prototype, Mn = An.hasOwnProperty;
-function kn(e) {
-  var t = this.__data__;
-  return J ? t[e] !== void 0 : Mn.call(t, e);
-}
-var Ln = "__lodash_hash_undefined__";
-function Dn(e, t) {
-  var n = this.__data__;
-  return this.size += this.has(e) ? 0 : 1, n[e] = J && t === void 0 ? Ln : t, this;
-}
-function F(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]);
-  }
-}
-F.prototype.clear = Nn;
-F.prototype.delete = En;
-F.prototype.get = zn;
-F.prototype.has = kn;
-F.prototype.set = Dn;
-function jn() {
-  this.__data__ = [], this.size = 0;
-}
-function ae(e, t) {
-  for (var n = e.length; n--; )
-    if (On(e[n][0], t))
-      return n;
-  return -1;
-}
-var Rn = Array.prototype, Vn = Rn.splice;
-function Fn(e) {
-  var t = this.__data__, n = ae(t, e);
-  if (n < 0)
-    return !1;
-  var r = t.length - 1;
-  return n == r ? t.pop() : Vn.call(t, n, 1), --this.size, !0;
-}
-function Bn(e) {
-  var t = this.__data__, n = ae(t, e);
-  return n < 0 ? void 0 : t[n][1];
-}
-function Hn(e) {
-  return ae(this.__data__, e) > -1;
-}
-function Kn(e, t) {
-  var n = this.__data__, r = ae(n, e);
-  return r < 0 ? (++this.size, n.push([e, t])) : n[r][1] = 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 = jn;
-Y.prototype.delete = Fn;
-Y.prototype.get = Bn;
-Y.prototype.has = Hn;
-Y.prototype.set = Kn;
-var Un = Xe(ne, "Map");
-function Wn() {
-  this.size = 0, this.__data__ = {
-    hash: new F(),
-    map: new (Un || Y)(),
-    string: new F()
-  };
-}
-function Yn(e) {
-  var t = typeof e;
-  return t == "string" || t == "number" || t == "symbol" || t == "boolean" ? e !== "__proto__" : e === null;
-}
-function oe(e, t) {
-  var n = e.__data__;
-  return Yn(t) ? n[typeof t == "string" ? "string" : "hash"] : n.map;
-}
-function Gn(e) {
-  var t = oe(this, e).delete(e);
-  return this.size -= t ? 1 : 0, t;
-}
-function Xn(e) {
-  return oe(this, e).get(e);
-}
-function Zn(e) {
-  return oe(this, e).has(e);
-}
-function Jn(e, t) {
-  var n = oe(this, e), r = n.size;
-  return n.set(e, t), this.size += n.size == r ? 0 : 1, this;
-}
-function B(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]);
-  }
-}
-B.prototype.clear = Wn;
-B.prototype.delete = Gn;
-B.prototype.get = Xn;
-B.prototype.has = Zn;
-B.prototype.set = Jn;
-var Qn = "Expected a function";
-function he(e, t) {
-  if (typeof e != "function" || t != null && typeof t != "function")
-    throw new TypeError(Qn);
-  var n = function() {
-    var r = arguments, a = t ? t.apply(this, r) : r[0], o = n.cache;
-    if (o.has(a))
-      return o.get(a);
-    var i = e.apply(this, r);
-    return n.cache = o.set(a, i) || o, i;
-  };
-  return n.cache = new (he.Cache || B)(), n;
-}
-he.Cache = B;
-var qn = 500;
-function er(e) {
-  var t = he(e, function(r) {
-    return n.size === qn && n.clear(), r;
-  }), n = t.cache;
-  return t;
-}
-var tr = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, nr = /\\(\\)?/g, rr = er(function(e) {
-  var t = [];
-  return e.charCodeAt(0) === 46 && t.push(""), e.replace(tr, function(n, r, a, o) {
-    t.push(a ? o.replace(nr, "$1") : r || n);
-  }), t;
-});
-function ar(e) {
-  return e == null ? "" : Ge(e);
-}
-function or(e, t) {
-  return ge(e) ? e : Cn(e, t) ? [e] : rr(ar(e));
-}
-var sr = 1 / 0;
-function ir(e) {
-  if (typeof e == "string" || re(e))
-    return e;
-  var t = e + "";
-  return t == "0" && 1 / e == -sr ? "-0" : t;
-}
-function lr(e, t) {
-  t = or(t, e);
-  for (var n = 0, r = t.length; e != null && n < r; )
-    e = e[ir(t[n++])];
-  return n && n == r ? e : void 0;
-}
-function cr(e, t, n) {
-  var r = e == null ? void 0 : lr(e, t);
-  return r === void 0 ? n : r;
-}
-var ue = function() {
-  return ne.Date.now();
-}, ur = "Expected a function", dr = Math.max, fr = Math.min;
-function pr(e, t, n) {
-  var r, a, o, i, p, v, x = 0, m = !1, f = !1, g = !0;
-  if (typeof e != "function")
-    throw new TypeError(ur);
-  t = je(t) || 0, W(n) && (m = !!n.leading, f = "maxWait" in n, o = f ? dr(je(n.maxWait) || 0, t) : o, g = "trailing" in n ? !!n.trailing : g);
-  function O(_) {
-    var P = r, j = a;
-    return r = a = void 0, x = _, i = e.apply(j, P), i;
-  }
-  function h(_) {
-    return x = _, p = setTimeout(w, t), m ? O(_) : i;
-  }
-  function l(_) {
-    var P = _ - v, j = _ - x, ee = t - P;
-    return f ? fr(ee, o - j) : ee;
-  }
-  function d(_) {
-    var P = _ - v, j = _ - x;
-    return v === void 0 || P >= t || P < 0 || f && j >= o;
-  }
-  function w() {
-    var _ = ue();
-    if (d(_))
-      return q(_);
-    p = setTimeout(w, l(_));
-  }
-  function q(_) {
-    return p = void 0, g && r ? O(_) : (r = a = void 0, i);
-  }
-  function se() {
-    p !== void 0 && clearTimeout(p), x = 0, r = v = a = p = void 0;
-  }
-  function ie() {
-    return p === void 0 ? i : q(ue());
-  }
-  function G() {
-    var _ = ue(), P = d(_);
-    if (r = arguments, a = this, v = _, P) {
-      if (p === void 0)
-        return h(v);
-      if (f)
-        return clearTimeout(p), p = setTimeout(w, t), O(v);
-    }
-    return p === void 0 && (p = setTimeout(w, t)), i;
-  }
-  return G.cancel = se, G.flush = ie, G;
-}
-function mr(e) {
-  for (var t = -1, n = e == null ? 0 : e.length, r = {}; ++t < n; ) {
-    var a = e[t];
-    r[a[0]] = a[1];
-  }
-  return r;
-}
-var _r = "Expected a function";
-function de(e, t, n) {
-  var r = !0, a = !0;
-  if (typeof e != "function")
-    throw new TypeError(_r);
-  return W(n) && (r = "leading" in n ? !!n.leading : r, a = "trailing" in n ? !!n.trailing : a), pr(e, t, {
-    leading: r,
-    maxWait: t,
-    trailing: a
-  });
-}
-const vr = (e) => e === void 0, Q = (e) => typeof e == "number", gr = (e) => ve(e) ? !Number.isNaN(Number(e)) : !1, hr = (e) => Object.keys(e);
-class wr extends Error {
-  constructor(t) {
-    super(t), this.name = "ElementPlusError";
-  }
-}
-function yr(e, t) {
-  if (process.env.NODE_ENV !== "production") {
-    const n = ve(e) ? new wr(`[${e}] ${t}`) : e;
-  }
-}
-const br = "utils/dom/style";
-function xr(e, t = "px") {
-  if (!e)
-    return "";
-  if (Q(e) || gr(e))
-    return `${e}${t}`;
-  if (ve(e))
-    return e;
-  yr(br, "binding value must be a string or number");
-}
-/*! Element Plus Icons Vue v2.3.1 */
-var Or = /* @__PURE__ */ S({
-  name: "ArrowLeft",
-  __name: "arrow-left",
-  setup(e) {
-    return (t, n) => (T(), E("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      b("path", {
-        fill: "currentColor",
-        d: "M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"
-      })
-    ]));
-  }
-}), Ir = Or, Tr = /* @__PURE__ */ S({
-  name: "ArrowRight",
-  __name: "arrow-right",
-  setup(e) {
-    return (t, n) => (T(), E("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      b("path", {
-        fill: "currentColor",
-        d: "M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"
-      })
-    ]));
-  }
-}), Cr = Tr, Nr = /* @__PURE__ */ S({
-  name: "Close",
-  __name: "close",
-  setup(e) {
-    return (t, n) => (T(), E("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      b("path", {
-        fill: "currentColor",
-        d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
-      })
-    ]));
-  }
-}), Er = Nr, Sr = /* @__PURE__ */ S({
-  name: "FullScreen",
-  __name: "full-screen",
-  setup(e) {
-    return (t, n) => (T(), E("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      b("path", {
-        fill: "currentColor",
-        d: "m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64l192-.192zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64z"
-      })
-    ]));
-  }
-}), Pr = Sr, $r = /* @__PURE__ */ S({
-  name: "RefreshLeft",
-  __name: "refresh-left",
-  setup(e) {
-    return (t, n) => (T(), E("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      b("path", {
-        fill: "currentColor",
-        d: "M289.088 296.704h92.992a32 32 0 0 1 0 64H232.96a32 32 0 0 1-32-32V179.712a32 32 0 0 1 64 0v50.56a384 384 0 0 1 643.84 282.88 384 384 0 0 1-383.936 384 384 384 0 0 1-384-384h64a320 320 0 1 0 640 0 320 320 0 0 0-555.712-216.448z"
-      })
-    ]));
-  }
-}), zr = $r, Ar = /* @__PURE__ */ S({
-  name: "RefreshRight",
-  __name: "refresh-right",
-  setup(e) {
-    return (t, n) => (T(), E("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      b("path", {
-        fill: "currentColor",
-        d: "M784.512 230.272v-50.56a32 32 0 1 1 64 0v149.056a32 32 0 0 1-32 32H667.52a32 32 0 1 1 0-64h92.992A320 320 0 1 0 524.8 833.152a320 320 0 0 0 320-320h64a384 384 0 0 1-384 384 384 384 0 0 1-384-384 384 384 0 0 1 643.712-282.88z"
-      })
-    ]));
-  }
-}), Mr = Ar, kr = /* @__PURE__ */ S({
-  name: "ScaleToOriginal",
-  __name: "scale-to-original",
-  setup(e) {
-    return (t, n) => (T(), E("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      b("path", {
-        fill: "currentColor",
-        d: "M813.176 180.706a60.235 60.235 0 0 1 60.236 60.235v481.883a60.235 60.235 0 0 1-60.236 60.235H210.824a60.235 60.235 0 0 1-60.236-60.235V240.94a60.235 60.235 0 0 1 60.236-60.235h602.352zm0-60.235H210.824A120.47 120.47 0 0 0 90.353 240.94v481.883a120.47 120.47 0 0 0 120.47 120.47h602.353a120.47 120.47 0 0 0 120.471-120.47V240.94a120.47 120.47 0 0 0-120.47-120.47zm-120.47 180.705a30.118 30.118 0 0 0-30.118 30.118v301.177a30.118 30.118 0 0 0 60.236 0V331.294a30.118 30.118 0 0 0-30.118-30.118zm-361.412 0a30.118 30.118 0 0 0-30.118 30.118v301.177a30.118 30.118 0 1 0 60.236 0V331.294a30.118 30.118 0 0 0-30.118-30.118M512 361.412a30.118 30.118 0 0 0-30.118 30.117v30.118a30.118 30.118 0 0 0 60.236 0V391.53A30.118 30.118 0 0 0 512 361.412M512 512a30.118 30.118 0 0 0-30.118 30.118v30.117a30.118 30.118 0 0 0 60.236 0v-30.117A30.118 30.118 0 0 0 512 512"
-      })
-    ]));
-  }
-}), Lr = kr, Dr = /* @__PURE__ */ S({
-  name: "ZoomIn",
-  __name: "zoom-in",
-  setup(e) {
-    return (t, n) => (T(), E("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      b("path", {
-        fill: "currentColor",
-        d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704m-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64z"
-      })
-    ]));
-  }
-}), jr = Dr, Rr = /* @__PURE__ */ S({
-  name: "ZoomOut",
-  __name: "zoom-out",
-  setup(e) {
-    return (t, n) => (T(), E("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      b("path", {
-        fill: "currentColor",
-        d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704M352 448h256a32 32 0 0 1 0 64H352a32 32 0 0 1 0-64"
-      })
-    ]));
-  }
-}), Vr = Rr;
-const Ze = "__epPropKey", Je = (e) => e, Fr = (e) => Ue(e) && !!e[Ze], Br = (e, t) => {
-  if (!Ue(e) || Fr(e))
-    return e;
-  const { values: n, required: r, default: a, type: o, validator: i } = e, v = {
-    type: o,
-    required: !!r,
-    validator: n || i ? (x) => {
-      let m = !1, f = [];
-      if (n && (f = Array.from(n), Ae(e, "default") && f.push(a), m || (m = f.includes(x))), i && (m || (m = i(x))), !m && f.length > 0) {
-        const g = [...new Set(f)].map((O) => JSON.stringify(O)).join(", ");
-        ct(`Invalid prop: validation failed${t ? ` for prop "${t}"` : ""}. Expected one of [${g}], got value ${JSON.stringify(x)}.`);
-      }
-      return m;
-    } : void 0,
-    [Ze]: !0
-  };
-  return Ae(e, "default") && (v.default = a), v;
-}, Qe = (e) => mr(Object.entries(e).map(([t, n]) => [
-  t,
-  Br(n, t)
-])), qe = (e, t) => (e.install = (n) => {
-  for (const r of [e, ...Object.values({})])
-    n.component(r.name, r);
-}, e), K = {
-  tab: "Tab",
-  enter: "Enter",
-  space: "Space",
-  left: "ArrowLeft",
-  up: "ArrowUp",
-  right: "ArrowRight",
-  down: "ArrowDown",
-  esc: "Escape",
-  delete: "Delete",
-  backspace: "Backspace",
-  numpadEnter: "NumpadEnter",
-  pageUp: "PageUp",
-  pageDown: "PageDown",
-  home: "Home",
-  end: "End"
-}, Hr = (e) => e;
-var Kr = {
-  name: "en",
-  el: {
-    colorpicker: {
-      confirm: "OK",
-      clear: "Clear",
-      defaultLabel: "color picker",
-      description: "current color is {color}. press enter to select a new color."
-    },
-    datepicker: {
-      now: "Now",
-      today: "Today",
-      cancel: "Cancel",
-      clear: "Clear",
-      confirm: "OK",
-      dateTablePrompt: "Use the arrow keys and enter to select the day of the month",
-      monthTablePrompt: "Use the arrow keys and enter to select the month",
-      yearTablePrompt: "Use the arrow keys and enter to select the year",
-      selectedDate: "Selected date",
-      selectDate: "Select date",
-      selectTime: "Select time",
-      startDate: "Start Date",
-      startTime: "Start Time",
-      endDate: "End Date",
-      endTime: "End Time",
-      prevYear: "Previous Year",
-      nextYear: "Next Year",
-      prevMonth: "Previous Month",
-      nextMonth: "Next Month",
-      year: "",
-      month1: "January",
-      month2: "February",
-      month3: "March",
-      month4: "April",
-      month5: "May",
-      month6: "June",
-      month7: "July",
-      month8: "August",
-      month9: "September",
-      month10: "October",
-      month11: "November",
-      month12: "December",
-      week: "week",
-      weeks: {
-        sun: "Sun",
-        mon: "Mon",
-        tue: "Tue",
-        wed: "Wed",
-        thu: "Thu",
-        fri: "Fri",
-        sat: "Sat"
-      },
-      weeksFull: {
-        sun: "Sunday",
-        mon: "Monday",
-        tue: "Tuesday",
-        wed: "Wednesday",
-        thu: "Thursday",
-        fri: "Friday",
-        sat: "Saturday"
-      },
-      months: {
-        jan: "Jan",
-        feb: "Feb",
-        mar: "Mar",
-        apr: "Apr",
-        may: "May",
-        jun: "Jun",
-        jul: "Jul",
-        aug: "Aug",
-        sep: "Sep",
-        oct: "Oct",
-        nov: "Nov",
-        dec: "Dec"
-      }
-    },
-    inputNumber: {
-      decrease: "decrease number",
-      increase: "increase number"
-    },
-    select: {
-      loading: "Loading",
-      noMatch: "No matching data",
-      noData: "No data",
-      placeholder: "Select"
-    },
-    dropdown: {
-      toggleDropdown: "Toggle Dropdown"
-    },
-    cascader: {
-      noMatch: "No matching data",
-      loading: "Loading",
-      placeholder: "Select",
-      noData: "No data"
-    },
-    pagination: {
-      goto: "Go to",
-      pagesize: "/page",
-      total: "Total {total}",
-      pageClassifier: "",
-      page: "Page",
-      prev: "Go to previous page",
-      next: "Go to next page",
-      currentPage: "page {pager}",
-      prevPages: "Previous {pager} pages",
-      nextPages: "Next {pager} pages",
-      deprecationWarning: "Deprecated usages detected, please refer to the el-pagination documentation for more details"
-    },
-    dialog: {
-      close: "Close this dialog"
-    },
-    drawer: {
-      close: "Close this dialog"
-    },
-    messagebox: {
-      title: "Message",
-      confirm: "OK",
-      cancel: "Cancel",
-      error: "Illegal input",
-      close: "Close this dialog"
-    },
-    upload: {
-      deleteTip: "press delete to remove",
-      delete: "Delete",
-      preview: "Preview",
-      continue: "Continue"
-    },
-    slider: {
-      defaultLabel: "slider between {min} and {max}",
-      defaultRangeStartLabel: "pick start value",
-      defaultRangeEndLabel: "pick end value"
-    },
-    table: {
-      emptyText: "No Data",
-      confirmFilter: "Confirm",
-      resetFilter: "Reset",
-      clearFilter: "All",
-      sumText: "Sum"
-    },
-    tree: {
-      emptyText: "No Data"
-    },
-    transfer: {
-      noMatch: "No matching data",
-      noData: "No data",
-      titles: ["List 1", "List 2"],
-      filterPlaceholder: "Enter keyword",
-      noCheckedFormat: "{total} items",
-      hasCheckedFormat: "{checked}/{total} checked"
-    },
-    image: {
-      error: "FAILED"
-    },
-    pageHeader: {
-      title: "Back"
-    },
-    popconfirm: {
-      confirmButtonText: "Yes",
-      cancelButtonText: "No"
-    }
-  }
-};
-const Ur = (e) => (t, n) => Wr(t, n, s(e)), Wr = (e, t, n) => cr(n, e, e).replace(/\{(\w+)\}/g, (r, a) => {
-  var o;
-  return `${(o = t == null ? void 0 : t[a]) != null ? o : `{${a}}`}`;
-}), Yr = (e) => {
-  const t = N(() => s(e).name), n = ut(e) ? e : k(e);
-  return {
-    lang: t,
-    locale: n,
-    t: Ur(e)
-  };
-}, Gr = Symbol("localeContextKey"), Xr = (e) => {
-  const t = _e(Gr, k());
-  return Yr(N(() => t.value || Kr));
-}, fe = "el", Zr = "is-", V = (e, t, n, r, a) => {
-  let o = `${e}-${t}`;
-  return n && (o += `-${n}`), r && (o += `__${r}`), a && (o += `--${a}`), o;
-}, Jr = Symbol("namespaceContextKey"), Qr = (e) => {
-  const t = Fe() ? _e(Jr, k(fe)) : k(fe);
-  return N(() => s(t) || fe);
-}, et = (e, t) => {
-  const n = Qr();
-  return {
-    namespace: n,
-    b: (l = "") => V(n.value, e, l, "", ""),
-    e: (l) => l ? V(n.value, e, "", l, "") : "",
-    m: (l) => l ? V(n.value, e, "", "", l) : "",
-    be: (l, d) => l && d ? V(n.value, e, l, d, "") : "",
-    em: (l, d) => l && d ? V(n.value, e, "", l, d) : "",
-    bm: (l, d) => l && d ? V(n.value, e, l, "", d) : "",
-    bem: (l, d, w) => l && d && w ? V(n.value, e, l, d, w) : "",
-    is: (l, ...d) => {
-      const w = d.length >= 1 ? d[0] : !0;
-      return l && w ? `${Zr}${l}` : "";
-    },
-    cssVar: (l) => {
-      const d = {};
-      for (const w in l)
-        l[w] && (d[`--${n.value}-${w}`] = l[w]);
-      return d;
-    },
-    cssVarName: (l) => `--${n.value}-${l}`,
-    cssVarBlock: (l) => {
-      const d = {};
-      for (const w in l)
-        l[w] && (d[`--${n.value}-${e}-${w}`] = l[w]);
-      return d;
-    },
-    cssVarBlockName: (l) => `--${n.value}-${e}-${l}`
-  };
-}, Ve = k(0), qr = 2e3, ea = Symbol("zIndexContextKey"), ta = (e) => {
-  const t = Fe() ? _e(ea, void 0) : void 0, n = N(() => {
-    const o = s(t);
-    return Q(o) ? o : qr;
-  }), r = N(() => n.value + Ve.value);
-  return {
-    initialZIndex: n,
-    currentZIndex: r,
-    nextZIndex: () => (Ve.value++, r.value)
-  };
-};
-var tt = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [r, a] of t)
-    n[r] = a;
-  return n;
-};
-const na = Qe({
-  size: {
-    type: Je([Number, String])
-  },
-  color: {
-    type: String
-  }
-}), ra = S({
-  name: "ElIcon",
-  inheritAttrs: !1
-}), aa = /* @__PURE__ */ S({
-  ...ra,
-  props: na,
-  setup(e) {
-    const t = e, n = et("icon"), r = N(() => {
-      const { size: a, color: o } = t;
-      return !a && !o ? {} : {
-        fontSize: vr(a) ? void 0 : xr(a),
-        "--color": o
-      };
-    });
-    return (a, o) => (T(), E("i", dt({
-      class: s(n).b(),
-      style: s(r)
-    }, a.$attrs), [
-      Be(a.$slots, "default")
-    ], 16));
-  }
-});
-var oa = /* @__PURE__ */ tt(aa, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/icon/src/icon.vue"]]);
-const D = qe(oa), sa = Qe({
-  urlList: {
-    type: Je(Array),
-    default: () => Hr([])
-  },
-  zIndex: {
-    type: Number
-  },
-  initialIndex: {
-    type: Number,
-    default: 0
-  },
-  infinite: {
-    type: Boolean,
-    default: !0
-  },
-  hideOnClickModal: Boolean,
-  teleported: Boolean,
-  closeOnPressEscape: {
-    type: Boolean,
-    default: !0
-  },
-  zoomRate: {
-    type: Number,
-    default: 1.2
-  },
-  minScale: {
-    type: Number,
-    default: 0.2
-  },
-  maxScale: {
-    type: Number,
-    default: 7
-  }
-}), ia = {
-  close: () => !0,
-  switch: (e) => Q(e),
-  rotate: (e) => Q(e)
-}, la = ["src"], ca = S({
-  name: "ElImageViewer"
-}), ua = /* @__PURE__ */ S({
-  ...ca,
-  props: sa,
-  emits: ia,
-  setup(e, { expose: t, emit: n }) {
-    const r = e, a = {
-      CONTAIN: {
-        name: "contain",
-        icon: Oe(Pr)
-      },
-      ORIGINAL: {
-        name: "original",
-        icon: Oe(Lr)
-      }
-    }, { t: o } = Xr(), i = et("image-viewer"), { nextZIndex: p } = ta(), v = k(), x = k([]), m = ft(), f = k(!0), g = k(r.initialIndex), O = pt(a.CONTAIN), h = k({
-      scale: 1,
-      deg: 0,
-      offsetX: 0,
-      offsetY: 0,
-      enableTransition: !1
-    }), l = N(() => {
-      const { urlList: c } = r;
-      return c.length <= 1;
-    }), d = N(() => g.value === 0), w = N(() => g.value === r.urlList.length - 1), q = N(() => r.urlList[g.value]), se = N(() => [
-      i.e("btn"),
-      i.e("prev"),
-      i.is("disabled", !r.infinite && d.value)
-    ]), ie = N(() => [
-      i.e("btn"),
-      i.e("next"),
-      i.is("disabled", !r.infinite && w.value)
-    ]), G = N(() => {
-      const { scale: c, deg: u, offsetX: y, offsetY: $, enableTransition: M } = h.value;
-      let C = y / c, z = $ / c;
-      switch (u % 360) {
-        case 90:
-        case -270:
-          [C, z] = [z, -C];
-          break;
-        case 180:
-        case -180:
-          [C, z] = [-C, -z];
-          break;
-        case 270:
-        case -90:
-          [C, z] = [-z, C];
-          break;
-      }
-      const H = {
-        transform: `scale(${c}) rotate(${u}deg) translate(${C}px, ${z}px)`,
-        transition: M ? "transform .3s" : ""
-      };
-      return O.value.name === a.CONTAIN.name && (H.maxWidth = H.maxHeight = "100%"), H;
-    }), _ = N(() => Q(r.zIndex) ? r.zIndex : p());
-    function P() {
-      ee(), n("close");
-    }
-    function j() {
-      const c = de((y) => {
-        switch (y.code) {
-          case K.esc:
-            r.closeOnPressEscape && P();
-            break;
-          case K.space:
-            ye();
-            break;
-          case K.left:
-            be();
-            break;
-          case K.up:
-            R("zoomIn");
-            break;
-          case K.right:
-            xe();
-            break;
-          case K.down:
-            R("zoomOut");
-            break;
-        }
-      }), u = de((y) => {
-        const $ = y.deltaY || y.deltaX;
-        R($ < 0 ? "zoomIn" : "zoomOut", {
-          zoomRate: r.zoomRate,
-          enableTransition: !1
-        });
-      });
-      m.run(() => {
-        te(document, "keydown", c), te(document, "wheel", u);
-      });
-    }
-    function ee() {
-      m.stop();
-    }
-    function at() {
-      f.value = !1;
-    }
-    function ot(c) {
-      f.value = !1, c.target.alt = o("el.image.error");
-    }
-    function st(c) {
-      if (f.value || c.button !== 0 || !v.value)
-        return;
-      h.value.enableTransition = !1;
-      const { offsetX: u, offsetY: y } = h.value, $ = c.pageX, M = c.pageY, C = de((H) => {
-        h.value = {
-          ...h.value,
-          offsetX: u + H.pageX - $,
-          offsetY: y + H.pageY - M
-        };
-      }), z = te(document, "mousemove", C);
-      te(document, "mouseup", () => {
-        z();
-      }), c.preventDefault();
-    }
-    function we() {
-      h.value = {
-        scale: 1,
-        deg: 0,
-        offsetX: 0,
-        offsetY: 0,
-        enableTransition: !1
-      };
-    }
-    function ye() {
-      if (f.value)
-        return;
-      const c = hr(a), u = Object.values(a), y = O.value.name, M = (u.findIndex((C) => C.name === y) + 1) % c.length;
-      O.value = a[c[M]], we();
-    }
-    function le(c) {
-      const u = r.urlList.length;
-      g.value = (c + u) % u;
-    }
-    function be() {
-      d.value && !r.infinite || le(g.value - 1);
-    }
-    function xe() {
-      w.value && !r.infinite || le(g.value + 1);
-    }
-    function R(c, u = {}) {
-      if (f.value)
-        return;
-      const { minScale: y, maxScale: $ } = r, { zoomRate: M, rotateDeg: C, enableTransition: z } = {
-        zoomRate: r.zoomRate,
-        rotateDeg: 90,
-        enableTransition: !0,
-        ...u
-      };
-      switch (c) {
-        case "zoomOut":
-          h.value.scale > y && (h.value.scale = Number.parseFloat((h.value.scale / M).toFixed(3)));
-          break;
-        case "zoomIn":
-          h.value.scale < $ && (h.value.scale = Number.parseFloat((h.value.scale * M).toFixed(3)));
-          break;
-        case "clockwise":
-          h.value.deg += C, n("rotate", h.value.deg);
-          break;
-        case "anticlockwise":
-          h.value.deg -= C, n("rotate", h.value.deg);
-          break;
-      }
-      h.value.enableTransition = z;
-    }
-    return pe(q, () => {
-      mt(() => {
-        const c = x.value[0];
-        c != null && c.complete || (f.value = !0);
-      });
-    }), pe(g, (c) => {
-      we(), n("switch", c);
-    }), _t(() => {
-      var c, u;
-      j(), (u = (c = v.value) == null ? void 0 : c.focus) == null || u.call(c);
-    }), t({
-      setActiveItem: le
-    }), (c, u) => (T(), Ie(vt, {
-      to: "body",
-      disabled: !c.teleported
-    }, [
-      I(gt, {
-        name: "viewer-fade",
-        appear: ""
-      }, {
-        default: L(() => [
-          b("div", {
-            ref_key: "wrapper",
-            ref: v,
-            tabindex: -1,
-            class: A(s(i).e("wrapper")),
-            style: Te({ zIndex: s(_) })
-          }, [
-            b("div", {
-              class: A(s(i).e("mask")),
-              onClick: u[0] || (u[0] = ht((y) => c.hideOnClickModal && P(), ["self"]))
-            }, null, 2),
-            X(" CLOSE "),
-            b("span", {
-              class: A([s(i).e("btn"), s(i).e("close")]),
-              onClick: P
-            }, [
-              I(s(D), null, {
-                default: L(() => [
-                  I(s(Er))
-                ]),
-                _: 1
-              })
-            ], 2),
-            X(" ARROW "),
-            s(l) ? X("v-if", !0) : (T(), E(Ce, { key: 0 }, [
-              b("span", {
-                class: A(s(se)),
-                onClick: be
-              }, [
-                I(s(D), null, {
-                  default: L(() => [
-                    I(s(Ir))
-                  ]),
-                  _: 1
-                })
-              ], 2),
-              b("span", {
-                class: A(s(ie)),
-                onClick: xe
-              }, [
-                I(s(D), null, {
-                  default: L(() => [
-                    I(s(Cr))
-                  ]),
-                  _: 1
-                })
-              ], 2)
-            ], 64)),
-            X(" ACTIONS "),
-            b("div", {
-              class: A([s(i).e("btn"), s(i).e("actions")])
-            }, [
-              b("div", {
-                class: A(s(i).e("actions__inner"))
-              }, [
-                I(s(D), {
-                  onClick: u[1] || (u[1] = (y) => R("zoomOut"))
-                }, {
-                  default: L(() => [
-                    I(s(Vr))
-                  ]),
-                  _: 1
-                }),
-                I(s(D), {
-                  onClick: u[2] || (u[2] = (y) => R("zoomIn"))
-                }, {
-                  default: L(() => [
-                    I(s(jr))
-                  ]),
-                  _: 1
-                }),
-                b("i", {
-                  class: A(s(i).e("actions__divider"))
-                }, null, 2),
-                I(s(D), { onClick: ye }, {
-                  default: L(() => [
-                    (T(), Ie(wt(s(O).icon)))
-                  ]),
-                  _: 1
-                }),
-                b("i", {
-                  class: A(s(i).e("actions__divider"))
-                }, null, 2),
-                I(s(D), {
-                  onClick: u[3] || (u[3] = (y) => R("anticlockwise"))
-                }, {
-                  default: L(() => [
-                    I(s(zr))
-                  ]),
-                  _: 1
-                }),
-                I(s(D), {
-                  onClick: u[4] || (u[4] = (y) => R("clockwise"))
-                }, {
-                  default: L(() => [
-                    I(s(Mr))
-                  ]),
-                  _: 1
-                })
-              ], 2)
-            ], 2),
-            X(" CANVAS "),
-            b("div", {
-              class: A(s(i).e("canvas"))
-            }, [
-              (T(!0), E(Ce, null, yt(c.urlList, (y, $) => bt((T(), E("img", {
-                ref_for: !0,
-                ref: (M) => x.value[$] = M,
-                key: y,
-                src: y,
-                style: Te(s(G)),
-                class: A(s(i).e("img")),
-                onLoad: at,
-                onError: ot,
-                onMousedown: st
-              }, null, 46, la)), [
-                [xt, $ === g.value]
-              ])), 128))
-            ], 2),
-            Be(c.$slots, "default")
-          ], 6)
-        ]),
-        _: 3
-      })
-    ], 8, ["disabled"]));
-  }
-});
-var da = /* @__PURE__ */ tt(ua, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/image-viewer/src/image-viewer.vue"]]);
-const fa = qe(da), pa = (e, t) => {
-  var o;
-  const { __IN_DAS_MICRO_APP: n, __DAS_MAIN_APP_HREF: r } = window;
-  if (!n || !r) return;
-  const { origin: a } = new URL(r);
-  (o = window.top) == null || o.postMessage({ type: e, data: t }, a);
-}, nt = (e) => {
+import { createApp as u } from "vue";
+import { ElImageViewer as m } from "element-plus";
+import "element-plus/es/components/image-viewer/style/css";
+const _ = (n, t) => {
+  var e;
+  const { __IN_DAS_MICRO_APP: o, __DAS_MAIN_APP_HREF: r } = window;
+  if (!o || !r) return;
+  const { origin: i } = new URL(r);
+  (e = window.top) == null || e.postMessage({ type: n, data: t }, i);
+}, a = (n) => {
   const t = document.createElement("div");
   t.classList.add("das-image-viewer-preview-btn-groups");
-  const { previewList: n = [], previewBtns: r = [] } = e, a = Ot(fa, {
-    urlList: n,
+  const { previewList: o = [], previewBtns: r = [] } = n, i = u(m, {
+    urlList: o,
     onClose: () => {
-      a.unmount(), document.body.removeChild(t);
+      i.unmount(), document.body.removeChild(t);
     }
   });
-  document.body.appendChild(t), a.mount(t), setTimeout(() => {
-    const o = document.querySelector(".el-image-viewer__wrapper");
-    o == null || o.classList.add("das-image-viewer-preview-btn-groups"), o == null || o.classList.add(...r);
+  document.body.appendChild(t), i.mount(t), setTimeout(() => {
+    const e = document.querySelector(".el-image-viewer__wrapper");
+    e == null || e.classList.add("das-image-viewer-preview-btn-groups"), e == null || e.classList.add(...r);
   }, 0);
-}, rt = "proxy-image-preview", me = {
-  sendMessageToMainApp: pa,
+}, w = "proxy-image-preview", p = {
+  sendMessageToMainApp: _,
   // @ts-ignore
   isMicroApp: () => window.__IN_DAS_MICRO_APP && window.top !== window.self,
   addEventFromMicroApp: () => {
-    window.addEventListener("message", (e) => {
-      const { type: t, data: n } = e.data;
-      t === rt && nt(n);
+    window.addEventListener("message", (n) => {
+      const { type: t, data: o } = n.data;
+      t === w && a(o);
     });
   }
 };
-me.addEventFromMicroApp();
-const _a = () => ({ onPreview: (t) => {
-  const { previewList: n = [], previewBtnConfig: r = !0 } = t, o = {
-    previewList: n,
+p.addEventFromMicroApp();
+const g = () => ({ onPreview: (t) => {
+  const { previewList: o = [], previewBtnConfig: r = !0 } = t, e = {
+    previewList: o,
     previewBtns: (() => {
-      const i = [], p = r;
-      if (typeof p == "boolean")
-        return p ? ["zoom_in", "zoom_out", "turn_left", "turn_right", "full_screen"] : [];
-      for (const v in p)
-        p[v] && i.push(v);
-      return i;
+      const d = [], s = r;
+      if (typeof s == "boolean")
+        return s ? ["zoom_in", "zoom_out", "turn_left", "turn_right", "full_screen"] : [];
+      for (const c in s)
+        s[c] && d.push(c);
+      return d;
     })()
   };
-  if (!me.isMicroApp()) return nt(o);
-  me.sendMessageToMainApp(rt, o);
+  if (!p.isMicroApp()) return a(e);
+  p.sendMessageToMainApp(w, e);
 } });
 export {
-  _a as useImageViewer
+  g as useImageViewer
 };