@unicom-cloud/ui 0.8.123 → 0.8.125

package/image/Image.js

@@ -1,196 +1,200 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsx as i, jsxs as p } from "react/jsx-runtime";
-import he from "@unicom-cloud/icons/IconUiImageClose";
-import Ie from "@unicom-cloud/icons/IconUiLoading";
-import $e, { useContext as _, useMemo as g, useRef as B, useEffect as u } from "react";
+import Ie from "@unicom-cloud/icons/IconUiImageClose";
+import $e from "@unicom-cloud/icons/IconUiLoading";
+import Ne, { useContext as H, useMemo as g, useRef as x, useEffect as d, useImperativeHandle as xe } from "react";
 import "../config-provider/ConfigProvider.js";
-import Ne from "@unicom-cloud/ui-common/hooks/use-in-view";
-import xe from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
-import Ve from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import Le from "@unicom-cloud/ui-common/hooks/use-merge-value";
+import Ve from "@unicom-cloud/ui-common/hooks/use-in-view";
+import Ee from "@unicom-cloud/ui-common/hooks/use-keyboard-event";
+import Le from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import ye from "@unicom-cloud/ui-common/hooks/use-merge-value";
 import T from "@unicom-cloud/ui-common/utils/className";
-import { isPlainObject as q, isNumber as x, isUndefined as Ee } from "@unicom-cloud/ui-common/utils/is";
-import ye from "@unicom-cloud/ui-common/utils/omit";
-import { ImageFooter as Ge } from "./ImageFooter.js";
+import { isPlainObject as q, isNumber as V, isUndefined as Re } from "@unicom-cloud/ui-common/utils/is";
+import Ge from "@unicom-cloud/ui-common/utils/omit";
+import { ImageFooter as je } from "./ImageFooter.js";
 import A from "./ImagePreview.js";
-import Re from "./ImagePreviewGroup.js";
-import { PreviewGroupContext as je } from "./previewGroupContext.js";
-import Se from "./utils/hook/useImageStatus.js";
-import Ue from "./utils/hook/useShowFooter.js";
-import ke from "../config-provider/context.js";
-let V = 0;
-const Fe = {
+import Se from "./ImagePreviewGroup.js";
+import { PreviewGroupContext as Ue } from "./previewGroupContext.js";
+import ke from "./utils/hook/useImageStatus.js";
+import Fe from "./utils/hook/useShowFooter.js";
+import Me from "../config-provider/context.js";
+let E = 0;
+const Oe = {
   footerPosition: "inner",
   preview: !0
 };
-function Me(D, H) {
+function ze(D, J) {
   const {
-    prefixCls: ze,
-    getPrefixCls: J,
-    componentConfig: Q,
-    rtl: W
-  } = _(ke), X = Ve(
+    prefixCls: _e,
+    getPrefixCls: Q,
+    componentConfig: W,
+    rtl: X
+  } = H(Me), Y = Le(
     D,
-    Fe,
-    Q?.Image
+    Oe,
+    W?.Image
   ), {
-    style: Y,
-    className: Z,
+    style: Z,
+    className: ee,
     src: o,
-    width: E,
-    height: y,
+    width: y,
+    height: R,
     title: v,
     description: G,
-    actions: R,
-    footerPosition: j,
-    simple: S,
+    actions: j,
+    footerPosition: S,
+    simple: U,
     loader: w,
-    loaderClassName: ee,
-    loaderTip: re,
-    error: oe,
+    loaderClassName: re,
+    loaderTip: oe,
+    error: ie,
     preview: a,
     previewProps: P,
     alt: C,
-    onClick: ie,
+    onClick: te,
     index: b,
-    _index: U,
-    onError: te,
+    _index: k,
+    onError: ne,
     onLoad: se,
     lazyload: l,
-    ...ne
-  } = X, ae = xe(), {
+    ...ae
+  } = Y, le = Ee(), {
     previewGroup: m,
-    handleVisibleChange: le,
-    registerPreviewUrl: ce,
-    registerPreviewProps: me,
+    handleVisibleChange: ce,
+    registerPreviewUrl: me,
+    registerPreviewProps: ue,
     setCurrentIndex: de
-  } = _(je), t = g(() => q(P) ? P : {}, [P]), ue = g(() => q(l) ? l : {}, [l]), s = g(() => x(b) || x(U) ? (V = x(b) ? b : U, V) : V++, []), h = t.src || o, [I] = Ue({ title: v, description: G, actions: R }), { isLoading: k, isError: $, isLoaded: c, isBeforeLoad: fe, setStatus: d } = Se("beforeLoad"), f = B(!1), [F, pe] = Le(!1, {
+  } = H(Ue), t = g(() => q(P) ? P : {}, [P]), fe = g(() => q(l) ? l : {}, [l]), n = g(() => V(b) || V(k) ? (E = V(b) ? b : k, E) : E++, []), h = t.src || o, [I] = Fe({ title: v, description: G, actions: j }), { isLoading: F, isError: $, isLoaded: c, isBeforeLoad: pe, setStatus: u } = ke("beforeLoad"), f = x(!1), [M, ge] = ye(!1, {
     defaultValue: t.defaultVisible,
     value: t.visible
-  }), N = g(() => ye(t, [
+  }), N = g(() => Ge(t, [
     "visible",
     "defaultVisible",
     "src",
     "onVisibleChange"
-  ]), [t]), e = J?.("image"), ge = !Ee(t.visible), ve = T(
+  ]), [t]), e = Q?.("image"), ve = !Re(t.visible), we = T(
     e,
     {
-      [`${e}-rtl`]: W,
-      [`${e}-simple`]: S,
-      [`${e}-before-load`]: fe,
-      [`${e}-loading`]: k,
+      [`${e}-rtl`]: X,
+      [`${e}-simple`]: U,
+      [`${e}-before-load`]: pe,
+      [`${e}-loading`]: F,
       [`${e}-loading-error`]: $,
-      [`${e}-with-footer-inner`]: c && I && j === "inner",
-      [`${e}-with-footer-outer`]: c && I && j === "outer",
-      [`${e}-with-preview`]: c && a && !$ && !ge
+      [`${e}-with-footer-inner`]: c && I && S === "inner",
+      [`${e}-with-footer-outer`]: c && I && S === "outer",
+      [`${e}-with-preview`]: c && a && !$ && !ve
     },
-    Z
-  ), n = B(void 0);
-  function we(r) {
-    f.current = !0, d("loaded"), se?.(r);
-  }
+    ee
+  ), s = x(void 0);
   function Pe(r) {
-    f.current = !0, d("error"), te?.(r);
+    f.current = !0, u("loaded"), se?.(r);
   }
-  function M(r) {
-    a && m ? (de(s), le(!0)) : a && O(!0), ie?.(r);
+  function Ce(r) {
+    f.current = !0, u("error"), ne?.(r);
   }
   function O(r) {
-    t?.onVisibleChange?.(r, F), pe(r);
+    a && m ? (de(n), ce(!0)) : a && z(!0), te?.(r);
+  }
+  function z(r) {
+    t?.onVisibleChange?.(r, M), ge(r);
   }
-  const { inView: z } = Ne({
-    target: n.current,
+  const { inView: K } = Ve({
+    target: s.current,
     defaultInView: !l,
-    ...ue
+    ...fe
   });
-  u(() => {
-    f.current = !1, o || d("error");
-  }, [o]), u(() => {
-    n.current && (z ? ((n.current.src || o) && n.current.src !== o && (n.current.src = o), !f.current && !n.current.complete && d("loading")) : d("lazyload"));
-  }, [o, z]), u(() => {
+  d(() => {
+    f.current = !1, o || u("error");
+  }, [o]), d(() => {
+    s.current && (K ? ((s.current.src || o) && s.current.src !== o && (s.current.src = o), !f.current && !s.current.complete && u("loading")) : u("lazyload"));
+  }, [o, K]), d(() => {
     if (!m) return;
-    const r = me(s, N);
-    return () => r(s);
-  }, [s, m, N]), u(() => {
+    const r = ue(n, N);
+    return () => r(n);
+  }, [n, m, N]), d(() => {
     if (!m) return;
-    const r = ce(s, h, a);
-    return () => r(s);
-  }, [s, m, h, a]), u(() => () => {
+    const r = me(n, h, a);
+    return () => r(n);
+  }, [n, m, h, a]), d(() => () => {
   }, [o]);
-  const Ce = /* @__PURE__ */ p("div", { className: `${e}-error`, children: [
-    /* @__PURE__ */ i("div", { className: `${e}-error-icon`, children: /* @__PURE__ */ i(he, {}) }),
+  const be = /* @__PURE__ */ p("div", { className: `${e}-error`, children: [
+    /* @__PURE__ */ i("div", { className: `${e}-error-icon`, children: /* @__PURE__ */ i(Ie, {}) }),
     C && /* @__PURE__ */ i("div", { className: `${e}-error-alt`, children: C })
-  ] }), K = /* @__PURE__ */ i("div", { className: T(`${e}-loader`, ee), children: /* @__PURE__ */ p("div", { className: `${e}-loader-spin`, children: [
-    /* @__PURE__ */ i(Ie, {}),
-    /* @__PURE__ */ i("div", { className: `${e}-loader-spin-text`, children: re ?? "Loading" })
-  ] }) }), be = () => {
+  ] }), _ = /* @__PURE__ */ i("div", { className: T(`${e}-loader`, re), children: /* @__PURE__ */ p("div", { className: `${e}-loader-spin`, children: [
+    /* @__PURE__ */ i($e, {}),
+    /* @__PURE__ */ i("div", { className: `${e}-loader-spin-text`, children: oe ?? "Loading" })
+  ] }) }), he = () => {
     if (w === !0)
-      return K;
-    const r = w || K;
+      return _;
+    const r = w || _;
     return l || w ? r : null;
-  };
-  return /* @__PURE__ */ p(
+  }, B = x(null);
+  return xe(J, () => ({
+    getRootElement() {
+      return B.current;
+    }
+  })), /* @__PURE__ */ p(
     "div",
     {
-      className: ve,
-      style: Object.assign({ width: E, height: y }, Y),
-      ref: H,
+      className: we,
+      style: Object.assign({ width: y, height: R }, Z),
+      ref: B,
       children: [
         /* @__PURE__ */ i(
           "img",
           {
-            ref: n,
+            ref: s,
             className: `${e}-img`,
             tabIndex: 0,
-            ...ae({
-              onPressEnter: M
+            ...le({
+              onPressEnter: O
             }),
-            ...ne,
+            ...ae,
             ...l || o === void 0 ? {} : { src: o },
             title: v,
-            width: E,
-            height: y,
-            onLoad: we,
-            onError: Pe,
-            onClick: M,
+            width: y,
+            height: R,
+            onLoad: Pe,
+            onError: Ce,
+            onClick: O,
             alt: C
           }
         ),
         !c && /* @__PURE__ */ p("div", { className: `${e}-overlay`, children: [
-          $ && (oe || Ce),
-          k && be()
+          $ && (ie || be),
+          F && he()
         ] }),
         c && I && /* @__PURE__ */ i(
-          Ge,
+          je,
           {
             title: v,
             description: G,
-            actions: R,
+            actions: j,
             prefixCls: e,
-            simple: S
+            simple: U
           }
         ),
         c && a && /* @__PURE__ */ i(
           A,
           {
-            visible: F,
+            visible: M,
             src: h,
             ...N,
-            onVisibleChange: O
+            onVisibleChange: z
           }
         )
       ]
     }
   );
 }
-const Oe = $e.forwardRef(
-  Me
-), L = Oe;
+const Ke = Ne.forwardRef(
+  ze
+), L = Ke;
 L.Preview = A;
-L.PreviewGroup = Re;
+L.PreviewGroup = Se;
 L.displayName = "Image";
 export {
   A as ImagePreview,
-  Re as ImagePreviewGroup,
+  Se as ImagePreviewGroup,
   L as default
 };

package/image/ImageFooter.js

@@ -1,4 +1,4 @@
-/* 2025-11-19 09:09:44 */
+/* 2025-11-27 12:11:12 */
 import { jsxs as m, jsx as s } from "react/jsx-runtime";
 import w from "@unicom-cloud/icons/IconUiMore";
 import c from "@unicom-cloud/ui-common/utils/className";