@unicom-cloud/ui 0.8.108 → 0.8.110

package/hooks/useWatermark.js

@@ -1,13 +1,18 @@
-import z from "lodash/isNumber";
-import A from "lodash/merge";
-import { useState as E, useRef as N, useEffect as W } from "react";
-import { isServerRendering as P } from "../components/common/utils/dom.js";
-import { getPixelRatio as R } from "./use-watermark/utils.js";
-const w = (a, n) => {
-  if (z(a))
-    return a;
-  const r = parseFloat(a);
-  return z(r) && !isNaN(r) ? r : n;
+import P from "lodash/isNumber";
+import W from "lodash/merge";
+import { useState as B, useRef as R, useEffect as $ } from "react";
+import { a as O } from "../chunk/d1c9z8T1.js";
+function A(n) {
+  if (!n)
+    return 1;
+  const i = n.backingStorePixelRatio || n.webkitBackingStorePixelRatio || n.mozBackingStorePixelRatio || n.msBackingStorePixelRatio || n.oBackingStorePixelRatio || n.backingStorePixelRatio || 1;
+  return (window.devicePixelRatio || 1) / i;
+}
+const w = (n, i) => {
+  if (P(n))
+    return n;
+  const o = parseFloat(n);
+  return P(o) && !isNaN(o) ? o : i;
 }, v = {
   width: 100,
   gap: [100, 100],
@@ -18,18 +23,18 @@ const w = (a, n) => {
     fontWeight: "normal"
   },
   getContainer: () => document.body
-}, I = (a, n, r) => {
+}, E = (n, i, o) => {
   let s = 0, g = 0;
   const d = [];
-  n.forEach((c) => {
+  i.forEach((c) => {
     const {
       width: e,
       fontBoundingBoxAscent: f,
       fontBoundingBoxDescent: m
-    } = a.measureText(c), p = f + m;
+    } = n.measureText(c), p = f + m;
     e > s && (s = e), g += p, d.push({ height: p, width: e });
   });
-  const h = r * Math.PI / 180;
+  const h = o * Math.PI / 180;
   return {
     originWidth: s,
     // 原始宽度
@@ -45,61 +50,61 @@ const w = (a, n) => {
     ),
     lineSize: d
   };
-}, B = async (a) => {
-  const { offset: n, rotate: r, image: s, content: g, fontStyle: d } = a, h = document.createElement("canvas"), c = h.getContext("2d"), e = R(c), f = [].concat(g || ""), m = ({ height: u, width: o }) => {
-    const t = 2 * n[0] + o, i = 2 * n[1] + u;
-    h.setAttribute("width", `${t * e}px`), h.setAttribute("height", `${i * e}px`), h.style.width = `${t}px`, h.style.height = `${i}px`, c.translate(t * e / 2, i * e / 2), c.scale(e, e);
-    const l = r * Math.PI / 180;
-    c.rotate(l);
+}, I = async (n) => {
+  const { offset: i, rotate: o, image: s, content: g, fontStyle: d } = n, h = document.createElement("canvas"), c = h.getContext("2d"), e = A(c), f = [].concat(g || ""), m = ({ height: l, width: r }) => {
+    const t = 2 * i[0] + r, a = 2 * i[1] + l;
+    h.setAttribute("width", `${t * e}px`), h.setAttribute("height", `${a * e}px`), h.style.width = `${t}px`, h.style.height = `${a}px`, c.translate(t * e / 2, a * e / 2), c.scale(e, e);
+    const u = o * Math.PI / 180;
+    c.rotate(u);
   }, p = () => {
-    const { fontSize: u, color: o, fontWeight: t, fontFamily: i } = d, l = w(u, 0) || d.fontSize;
-    c.font = `${t} ${l}px ${i}`;
-    const b = I(c, f, r), M = a.width || b.width, C = a.height || b.height;
-    return m({ width: M, height: C }), c.fillStyle = o, c.font = `${t} ${l}px ${i}`, c.textBaseline = "top", f.forEach((x, y) => {
-      const { height: $, width: S } = b.lineSize[y], k = -S / 2, O = -(a.height || b.originHeight) / 2 + $ * y;
+    const { fontSize: l, color: r, fontWeight: t, fontFamily: a } = d, u = w(l, 0) || d.fontSize;
+    c.font = `${t} ${u}px ${a}`;
+    const b = E(c, f, o), k = n.width || b.width, M = n.height || b.height;
+    return m({ width: k, height: M }), c.fillStyle = r, c.font = `${t} ${u}px ${a}`, c.textBaseline = "top", f.forEach((S, x) => {
+      const { height: C, width: y } = b.lineSize[x], z = -y / 2, N = -(n.height || b.originHeight) / 2 + C * x;
       c.fillText(
-        x,
-        k,
-        O,
-        a.width || b.originWidth
+        S,
+        z,
+        N,
+        n.width || b.originWidth
       );
-    }), { base64Url: h.toDataURL(), height: C, width: M };
+    }), { base64Url: h.toDataURL(), height: M, width: k };
   };
-  return s ? new Promise((u) => {
-    const o = new Image();
-    o.crossOrigin = "anonymous", o.referrerPolicy = "no-referrer", o.src = s, o.onload = () => {
-      let { width: t, height: i } = a;
-      return (!t || !i) && (t ? i = o.height / o.width * t : t = o.width / o.height * i), m({ width: t, height: i }), c.drawImage(o, -t / 2, -i / 2, t, i), u({ base64Url: h.toDataURL(), width: t, height: i });
-    }, o.onerror = () => p();
+  return s ? new Promise((l) => {
+    const r = new Image();
+    r.crossOrigin = "anonymous", r.referrerPolicy = "no-referrer", r.src = s, r.onload = () => {
+      let { width: t, height: a } = n;
+      return (!t || !a) && (t ? a = r.height / r.width * t : t = r.width / r.height * a), m({ width: t, height: a }), c.drawImage(r, -t / 2, -a / 2, t, a), l({ base64Url: h.toDataURL(), width: t, height: a });
+    }, r.onerror = () => p();
   }) : p();
-}, D = (a) => {
-  const n = a || {}, r = {
+}, D = (n) => {
+  const i = n || {}, o = {
     rotate: -20,
     zIndex: 1,
-    ...n,
-    fontStyle: { ...v.fontStyle, ...n.fontStyle },
+    ...i,
+    fontStyle: { ...v.fontStyle, ...i.fontStyle },
     width: w(
-      n.width,
-      n.image ? v.width : void 0
+      i.width,
+      i.image ? v.width : void 0
     ),
-    height: w(n.height, void 0),
-    getContainer: n.getContainer,
+    height: w(i.height, void 0),
+    getContainer: i.getContainer,
     gap: [
-      w(n.gap?.[0], v.gap[0]),
-      w(n.gap?.[1] || n.gap?.[0], v.gap[1])
+      w(i.gap?.[0], v.gap[0]),
+      w(i.gap?.[1] || i.gap?.[0], v.gap[1])
     ]
   };
-  return r.offset = [
-    w(r.offset?.[0], r.gap[0] / 2),
-    w(r.offset?.[1] || r.offset?.[0], r.gap[0] / 2)
-  ], r;
+  return o.offset = [
+    w(o.offset?.[0], o.gap[0] / 2),
+    w(o.offset?.[1] || o.offset?.[0], o.gap[0] / 2)
+  ], o;
 };
-function q(a) {
-  const [n, r] = E(a || {}), s = N(), g = N(), d = D(n), { zIndex: h, gap: c } = d, e = P ? null : n?.getContainer ? n.getContainer() : v.getContainer(), f = (t, i) => {
+function T(n) {
+  const [i, o] = B(n || {}), s = R(void 0), g = R(void 0), d = D(i), { zIndex: h, gap: c } = d, e = O ? null : i?.getContainer ? i.getContainer() : v.getContainer(), f = (t, a) => {
     if (!e || !t)
       return;
-    const l = "data-pqb-watermark-origin-position";
-    i === "set" ? (e.append(t), e.setAttribute(l, e.style?.position || ""), e.style.position = "relative") : (t.parentNode?.removeChild(t), e.style.position = e.getAttribute(l), e.removeAttribute(l));
+    const u = "data-pqb-watermark-origin-position";
+    a === "set" ? (e.append(t), e.setAttribute(u, e.style?.position || ""), e.style.position = "relative") : (t.parentNode?.removeChild(t), e.style.position = e.getAttribute(u), e.removeAttribute(u));
   }, m = () => {
     g.current && g.current.disconnect(), g.current = null;
   }, p = () => {
@@ -107,12 +112,12 @@ function q(a) {
       const t = document.createElement("div");
       return s.current = t, f(s.current, "set"), t;
     }
-  }, u = () => {
+  }, l = () => {
     m();
     const t = s.current;
     s.current = null, f(t, "reset");
-  }, o = () => {
-    e && B(d).then(({ base64Url: t, width: i, height: l }) => {
+  }, r = () => {
+    e && I(d).then(({ base64Url: t, width: a, height: u }) => {
       m();
       const b = `
   width:100%;
@@ -125,23 +130,23 @@ function q(a) {
   pointer-events: none;
   z-index:${h};
   background-position: 0 0;
-  background-size:${c[0] + i}px ${c[1] + l}px;
+  background-size:${c[0] + a}px ${c[1] + u}px;
   background-repeat: repeat;
   background-image:url(${t})`;
-      s.current || p(), s.current?.setAttribute("style", b.trim()), e && (g.current = new MutationObserver((M) => {
-        M.some((x) => {
-          const y = x.target;
-          if (y) {
-            if (y.isSameNode(e))
-              return [].slice.call(x.removedNodes).concat(
-                [].slice.call(x.addedNodes).map((S) => S.parentNode)
+      s.current || p(), s.current?.setAttribute("style", b.trim()), e && (g.current = new MutationObserver((k) => {
+        k.some((S) => {
+          const x = S.target;
+          if (x) {
+            if (x.isSameNode(e))
+              return [].slice.call(S.removedNodes).concat(
+                [].slice.call(S.addedNodes).map((y) => y.parentNode)
               ).some(
-                (S) => S === s.current
+                (y) => y === s.current
               );
-            if (y.isSameNode(s.current) && x.type === "attributes")
+            if (x.isSameNode(s.current) && S.type === "attributes")
               return !0;
           }
-        }) && (u(), o());
+        }) && (l(), r());
       }), g.current.observe(e, {
         attributes: !0,
         subtree: !0,
@@ -149,20 +154,20 @@ function q(a) {
       }));
     });
   };
-  return W(() => {
-    o();
-  }, [n]), W(() => (u(), o(), () => {
-    u();
+  return $(() => {
+    r();
+  }, [i]), $(() => (l(), r(), () => {
+    l();
   }), [e]), {
     setWatermark: (t) => {
-      r(A({}, n, t));
+      o(W({}, i, t));
     },
     destroy: () => {
-      u();
+      l();
     }
   };
 }
 export {
-  q as default,
-  q as useWatermark
+  T as default,
+  T as useWatermark
 };

package/hooks/useWindowSize.js

@@ -1,4 +1,4 @@
-import { default as o } from "../components/common/hooks/useWindowSize.js";
+import { u as f } from "../chunk/B_c0gPsX.js";
 export {
-  o as default
+  f as default
 };

package/icon/addFromIconFontCn.js

@@ -1,33 +1,7 @@
-import { jsx as f } from "react/jsx-runtime";
-import o from "react";
-import h from "./index.js";
-import { isServerRendering as x } from "../components/common/utils/dom.js";
-const p = [];
-function g(a = {}) {
-  const { src: e, extraProps: d = {} } = a;
-  if (!x && typeof e == "string" && e.length && p.indexOf(e) === -1) {
-    const t = document.createElement("script");
-    t.setAttribute("src", e), t.setAttribute("data-namespace", e), p.push(e), document.body.appendChild(t);
-  }
-  function c(t, m) {
-    const { type: r, children: i, ...u } = t, s = o.useRef();
-    o.useImperativeHandle(m, () => s.current);
-    let n;
-    return r && (n = /* @__PURE__ */ f("use", { xlinkHref: `#${r}` })), i && (n = i), /* @__PURE__ */ f(
-      h,
-      {
-        type: r,
-        ...u,
-        ...d,
-        ref: (l) => {
-          s.current = l;
-        },
-        children: n
-      }
-    );
-  }
-  return c.displayName = "Iconfont", o.forwardRef(c);
-}
+import "react/jsx-runtime";
+import "react";
+import { addFromIconFontCn as a } from "./index.js";
+import "../chunk/d1c9z8T1.js";
 export {
-  g as default
+  a as default
 };

package/icon/index.js

@@ -1,35 +1,61 @@
-import { jsx as e } from "react/jsx-runtime";
-import { default as j } from "@unicom-cloud/icons/context";
-import { default as b } from "@unicom-cloud/icons/useProps";
-import d from "react";
-import { ConfigConsumer as p } from "../config-provider/ConfigProvider.js";
-import u from "@unicom-cloud/utils/class-name";
-import I from "./addFromIconFontCn.js";
-const n = d.forwardRef(function(s, x) {
-  return /* @__PURE__ */ e(p, { children: (t) => {
-    const { className: c, spin: a, children: m, type: f, ...i } = s, o = {
+import { jsx as i } from "react/jsx-runtime";
+import a from "react";
+import { default as A } from "@unicom-cloud/icons/context";
+import { default as j } from "@unicom-cloud/icons/useProps";
+import { C as x } from "../chunk/BcEZk8pT.js";
+import g from "@unicom-cloud/utils/class-name";
+import { a as N } from "../chunk/d1c9z8T1.js";
+const m = a.forwardRef(function(e, u) {
+  return /* @__PURE__ */ i(x, { children: (r) => {
+    const { className: d, spin: t, children: n, type: l, ...o } = e, c = {
       ...{
         width: "1em",
         height: "1em",
         fill: "currentColor"
       },
-      ...i
-    }, r = t?.getPrefixCls?.("icon"), l = u(
-      r,
-      f,
+      ...o
+    }, I = r?.getPrefixCls?.("icon"), C = g(
+      I,
+      l,
       {
-        [`${r}-loading`]: a
+        [`${I}-loading`]: t
       },
-      c
+      d
     );
-    return o.className = l, /* @__PURE__ */ e("svg", { ...o, children: m });
+    return c.className = C, /* @__PURE__ */ i("svg", { ...c, children: n });
   } });
 });
-n.displayName = "Icon";
-n.addFromIconFontCn = I;
+m.displayName = "Icon";
+m.addFromIconFontCn = P;
+const h = [];
+function P(p = {}) {
+  const { src: e, extraProps: u = {} } = p;
+  if (!N && typeof e == "string" && e.length && h.indexOf(e) === -1) {
+    const r = document.createElement("script");
+    r.setAttribute("src", e), r.setAttribute("data-namespace", e), h.push(e), document.body.appendChild(r);
+  }
+  function f(r, d) {
+    const { type: t, children: n, ...l } = r, o = a.useRef();
+    a.useImperativeHandle(d, () => o.current);
+    let s;
+    return t && (s = /* @__PURE__ */ i("use", { xlinkHref: `#${t}` })), n && (s = n), /* @__PURE__ */ i(
+      m,
+      {
+        type: t,
+        ...l,
+        ...u,
+        ref: (c) => {
+          o.current = c;
+        },
+        children: s
+      }
+    );
+  }
+  return f.displayName = "Iconfont", a.forwardRef(f);
+}
 export {
-  j as IconContext,
-  I as addFromIconFontCn,
-  n as default,
-  b as useIconProps
+  A as IconContext,
+  P as addFromIconFontCn,
+  m as default,
+  j as useIconProps
 };

package/icon-hover/index.js

@@ -1,39 +1,7 @@
-import { jsx as l } from "react/jsx-runtime";
-import d, { useContext as u, useRef as p, useImperativeHandle as C } from "react";
-import "../config-provider/ConfigProvider.js";
-import x from "@unicom-cloud/utils/class-name";
-import N from "../config-provider/context.js";
-function $(r, n) {
-  const {
-    children: i,
-    className: a,
-    disabled: c,
-    prefix: t,
-    size: e = "default",
-    ...f
-  } = r, { getPrefixCls: m } = u(N), o = m?.("icon-hover"), s = p();
-  return C(n, () => ({
-    getRootDOMNode: () => s.current
-  })), /* @__PURE__ */ l(
-    "span",
-    {
-      ref: s,
-      className: x(
-        o,
-        {
-          [`${t}-icon-hover`]: t,
-          [`${o}-size-${e}`]: e && e !== "default",
-          [`${o}-disabled`]: c
-        },
-        a
-      ),
-      onClick: r.onClick,
-      ...f,
-      children: i
-    }
-  );
-}
-const k = d.forwardRef($);
+import "react/jsx-runtime";
+import "react";
+import { I as i } from "../chunk/BcEZk8pT.js";
+import "@unicom-cloud/utils/class-name";
 export {
-  k as default
+  i as default
 };

package/icons/file.js

@@ -1,19 +1,69 @@
-import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as i, useContext as l } from "react";
-import a from "../components/common/icons/file/index.js";
-import "../config-provider/ConfigProvider.js";
-import c from "@unicom-cloud/utils/class-name";
-import f from "../config-provider/context.js";
-function p(o, e) {
+import { jsx as s, jsxs as p } from "react/jsx-runtime";
+import { forwardRef as m, useContext as x } from "react";
+import { UI_COMMON_PREFIX as N } from "@unicom-cloud/utils/constant/ui";
+import f from "@unicom-cloud/utils/class-name";
+import { a as g } from "../chunk/BcEZk8pT.js";
+function C(l, o) {
+  const { style: t, className: i, backgroundColor: r, color: c, text: a, ...n } = l, e = `${N}-icons-file`;
+  return /* @__PURE__ */ s("div", { className: f(e, i), children: /* @__PURE__ */ p(
+    "svg",
+    {
+      ref: o,
+      className: `${e}-svg`,
+      style: t,
+      ...n,
+      width: "100%",
+      height: "100%",
+      viewBox: "0 0 166 200",
+      version: "1.1",
+      children: [
+        /* @__PURE__ */ s(
+          "path",
+          {
+            className: `${e}-svg-bg`,
+            d: "M9.911,0c-5.4,0.149 -9.792,4.556 -9.911,9.944l0,179.114c-0.012,2.627 1.066,5.147 2.976,6.956c1.811,1.889 4.312,2.968 6.931,2.991l145.363,-0c2.623,0.008 5.134,-1.075 6.928,-2.985c1.88,-1.833 2.952,-4.34 2.976,-6.962l0,-132.696l-56.159,-56.362l-99.111,0l0.007,0Z",
+            style: {
+              fill: r
+            }
+          }
+        ),
+        /* @__PURE__ */ s(
+          "path",
+          {
+            className: `${e}-svg-tr`,
+            d: "M165.174,55.97l-46.193,0c-5.379,-0.13 -9.768,-4.505 -9.904,-9.872l0,-46.098l56.088,55.97l0.009,0Z"
+          }
+        ),
+        /* @__PURE__ */ s(
+          "text",
+          {
+            className: `${e}-svg-text`,
+            x: "50%",
+            y: "142.967px",
+            textAnchor: "middle",
+            dominantBaseline: "middle",
+            style: {
+              fill: c
+            },
+            children: a ?? "doc"
+          }
+        )
+      ]
+    }
+  ) });
+}
+const d = m(C);
+d.displayName = "IconFile";
+function h(l, o) {
   const {
     getPrefixCls: t,
-    locale: x,
-    componentConfig: N
-  } = l(f), { className: s, ...n } = o, r = t?.("icons-file");
-  return /* @__PURE__ */ m(a, { ref: e, ...n, className: c(r, s) });
+    locale: i,
+    componentConfig: r
+  } = x(g), { className: c, ...a } = l, n = t?.("icons-file");
+  return /* @__PURE__ */ s(d, { ref: o, ...a, className: f(n, c) });
 }
-const C = i(p);
-C.displayName = "IconFile";
+const $ = m(h);
+$.displayName = "IconFile";
 export {
-  C as default
+  $ as default
 };

package/image/Image.js

@@ -4,28 +4,25 @@ import Ie from "@unicom-cloud/icons/IconUiLoading";
 import V from "lodash/isNumber";
 import _ from "lodash/isPlainObject";
 import $e from "lodash/isUndefined";
-import Ne, { useContext as B, useMemo as g, useRef as T, useEffect as u } from "react";
-import "../config-provider/ConfigProvider.js";
-import Ve from "../components/common/hooks/useInView.js";
-import xe from "../components/common/hooks/useKeyboardEvent.js";
-import Le from "../components/common/hooks/useMergeProps.js";
-import Ee from "../components/common/hooks/useMergeValue.js";
+import Ne, { useContext as B, useMemo as g, useRef as T, useEffect as d } from "react";
+import { a as Ve } from "../chunk/BcEZk8pT.js";
+import { u as xe } from "../chunk/C6A94b7f.js";
+import { u as Le } from "../chunk/Bvxzb1wd.js";
+import { u as Ee } from "../chunk/FgWHhRFz.js";
+import { u as ye } from "../chunk/2vdCeheu.js";
 import q from "@unicom-cloud/utils/class-name";
-import { omit as ye } from "../components/common/utils/omit.js";
-import { ImageFooter as Ge } from "./ImageFooter.js";
-import A from "./ImagePreview.js";
-import Re from "./ImagePreviewGroup.js";
-import { PreviewGroupContext as je } from "./previewGroupContext.js";
-import Se from "./util/hook/useImageStatus.js";
-import Ue from "./util/hook/useShowFooter.js";
-import ke from "../config-provider/context.js";
+import { o as Ge } from "../chunk/BKKEev13.js";
+import { u as Re, I as je } from "../chunk/DxYoPlum.js";
+import { P as A, u as Se } from "../chunk/Dbw0YUY1.js";
+import Ue from "./ImagePreviewGroup.js";
+import { PreviewGroupContext as ke } from "./previewGroupContext.js";
 let x = 0;
 const Fe = {
   footerPosition: "inner",
   preview: !0
 };
 function Me(D, H) {
-  const { getPrefixCls: J, componentConfig: Q, rtl: W } = B(ke), X = Le(
+  const { getPrefixCls: J, componentConfig: Q, rtl: W } = B(Ve), X = Ee(
     D,
     Fe,
     Q?.Image
@@ -51,19 +48,19 @@ function Me(D, H) {
     index: C,
     _index: U,
     onError: te,
-    onLoad: ne,
+    onLoad: se,
     lazyload: l,
-    ...se
-  } = X, ae = xe(), {
+    ...ne
+  } = X, ae = Le(), {
     previewGroup: m,
     handleVisibleChange: le,
     registerPreviewUrl: ce,
     registerPreviewProps: me,
-    setCurrentIndex: de
-  } = B(je), t = g(() => _(P) ? P : {}, [P]), ue = g(() => _(l) ? l : {}, [l]), n = g(() => V(C) || V(U) ? (x = V(C) ? C : U, x) : x++, []), b = t.src || o, [I] = Ue({ title: v, description: G, actions: R }), { isLoading: k, isError: $, isLoaded: c, isBeforeLoad: fe, setStatus: d } = Se("beforeLoad"), f = T(!1), [F, pe] = Ee(!1, {
+    setCurrentIndex: ue
+  } = B(ke), t = g(() => _(P) ? P : {}, [P]), de = g(() => _(l) ? l : {}, [l]), s = g(() => V(C) || V(U) ? (x = V(C) ? C : U, x) : x++, []), b = t.src || o, [I] = Re({ title: v, description: G, actions: R }), { isLoading: k, isError: $, isLoaded: c, isBeforeLoad: fe, setStatus: u } = Se("beforeLoad"), f = T(!1), [F, pe] = ye(!1, {
     defaultValue: t.defaultVisible,
     value: t.visible
-  }), N = g(() => ye(t, [
+  }), N = g(() => Ge(t, [
     "visible",
     "defaultVisible",
     "src",
@@ -81,39 +78,37 @@ function Me(D, H) {
       [`${e}-with-preview`]: c && a && !$ && !ge
     },
     Z
-  ), s = T();
+  ), n = T(void 0);
   function we(r) {
-    f.current = !0, d("loaded"), ne?.(r);
+    f.current = !0, u("loaded"), se?.(r);
   }
   function Pe(r) {
-    f.current = !0, d("error"), te?.(r);
+    f.current = !0, u("error"), te?.(r);
   }
   function M(r) {
-    a && m ? (de(n), le(!0)) : a && O(!0), ie?.(r);
+    a && m ? (ue(s), le(!0)) : a && O(!0), ie?.(r);
   }
   function O(r) {
     t?.onVisibleChange?.(r, F), pe(r);
   }
-  const { inView: z } = Ve({
-    target: s.current,
+  const { inView: z } = xe({
+    target: n.current,
     defaultInView: !l,
-    ...ue
+    ...de
   });
-  u(() => {
-    f.current = !1, o || d("error");
-  }, [o]), u(() => {
-    s.current && (z ? ((s.current.src || o) && s.current.src !== o && (s.current.src = o), !f.current && !s.current.complete && d("loading")) : d("lazyload"));
-  }, [o, z]), u(() => {
-    if (!m)
-      return;
-    const r = me(n, N);
-    return () => r(n);
-  }, [n, m, N]), u(() => {
-    if (!m)
-      return;
-    const r = ce(n, b, a);
-    return () => r(n);
-  }, [n, m, b, a]), u(() => () => {
+  d(() => {
+    f.current = !1, o || u("error");
+  }, [o]), d(() => {
+    n.current && (z ? ((n.current.src || o) && n.current.src !== o && (n.current.src = o), !f.current && !n.current.complete && u("loading")) : u("lazyload"));
+  }, [o, z]), d(() => {
+    if (!m) return;
+    const r = me(s, N);
+    return () => r(s);
+  }, [s, m, N]), d(() => {
+    if (!m) return;
+    const r = ce(s, b, a);
+    return () => r(s);
+  }, [s, m, b, a]), d(() => () => {
   }, [o]);
   const he = /* @__PURE__ */ p("div", { className: `${e}-error`, children: [
     /* @__PURE__ */ i("div", { className: `${e}-error-icon`, children: /* @__PURE__ */ i(be, {}) }),
@@ -137,13 +132,13 @@ function Me(D, H) {
         /* @__PURE__ */ i(
           "img",
           {
-            ref: s,
+            ref: n,
             className: `${e}-img`,
             tabIndex: 0,
             ...ae({
               onPressEnter: M
             }),
-            ...se,
+            ...ne,
             ...l || o === void 0 ? {} : { src: o },
             title: v,
             width: E,
@@ -159,7 +154,7 @@ function Me(D, H) {
           k && Ce()
         ] }),
         c && I && /* @__PURE__ */ i(
-          Ge,
+          je,
           {
             title: v,
             description: G,
@@ -185,10 +180,10 @@ const Oe = Ne.forwardRef(
   Me
 ), L = Oe;
 L.Preview = A;
-L.PreviewGroup = Re;
+L.PreviewGroup = Ue;
 L.displayName = "Image";
 export {
   A as ImagePreview,
-  Re as ImagePreviewGroup,
+  Ue as ImagePreviewGroup,
   L as default
 };