@unicom-cloud/ui 0.8.96 → 0.8.98

package/image/Image.js

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