@unicom-cloud/ui 0.8.119 → 0.8.120

package/image/Image.js

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

package/image/ImageFooter.js

@@ -1,25 +1,25 @@
-/* 2025-11-11 09:22:07 */
+/* 2025-11-14 09:11:22 */
 import { jsxs as m, jsx as s } from "react/jsx-runtime";
 import w from "@unicom-cloud/icons/IconUiMore";
-import r from "@unicom-cloud/utils/class-name";
+import c from "@unicom-cloud/ui-common/utils/className";
 import { TriggerForToolbar as x } from "./TriggerForToolbar.js";
 import F from "./utils/hook/useShowFooter.js";
 const I = (d) => {
-  const { style: p, className: h, title: o, description: t, actions: c, prefixCls: i, simple: n } = d, [$, f, a] = F({
+  const { style: p, className: h, title: o, description: t, actions: r, prefixCls: i, simple: n } = d, [$, N, a] = F({
     title: o,
     description: t,
-    actions: c
+    actions: r
   });
   if (!$)
     return null;
-  const e = `${i}-footer`, N = r(e, h, {
+  const e = `${i}-footer`, f = c(e, h, {
     [`${e}-with-actions`]: a
   }), v = () => {
-    const l = /* @__PURE__ */ s("div", { className: `${i}-actions-list`, children: c.map((u, g) => /* @__PURE__ */ s("div", { className: `${i}-actions-item`, children: u }, `${g}`)) });
+    const l = /* @__PURE__ */ s("div", { className: `${i}-actions-list`, children: r.map((u, g) => /* @__PURE__ */ s("div", { className: `${i}-actions-item`, children: u }, `${g}`)) });
     return n ? /* @__PURE__ */ s("div", { className: `${i}-actions-list`, children: /* @__PURE__ */ s(x, { prefixCls: i, popup: () => l, children: /* @__PURE__ */ s(
       "div",
       {
-        className: r(
+        className: c(
           `${i}-actions-item`,
           `${i}-actions-item-trigger`
         ),
@@ -27,8 +27,8 @@ const I = (d) => {
       }
     ) }) }) : l;
   };
-  return /* @__PURE__ */ m("div", { className: N, style: p, children: [
-    f && /* @__PURE__ */ m("div", { className: r(`${e}-block`, `${i}-caption`), children: [
+  return /* @__PURE__ */ m("div", { className: f, style: p, children: [
+    N && /* @__PURE__ */ m("div", { className: c(`${e}-block`, `${i}-caption`), children: [
       o && /* @__PURE__ */ s("div", { className: `${i}-caption-title`, title: o, children: o }),
       t && !n && /* @__PURE__ */ s(
         "div",
@@ -39,7 +39,7 @@ const I = (d) => {
         }
       )
     ] }),
-    a && /* @__PURE__ */ s("div", { className: r(`${e}-block`, `${i}-actions`), children: v() })
+    a && /* @__PURE__ */ s("div", { className: c(`${e}-block`, `${i}-actions`), children: v() })
   ] });
 };
 export {