@unicom-cloud/ui 0.8.89 → 0.8.91

package/image/Image.js

@@ -1,28 +1,31 @@
-import { jsx as t, jsxs as f } from "react/jsx-runtime";
+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 p, useRef as Q, useEffect as g } from "react";
-import { a as xe } from "../chunk/B44Hj5ad.js";
-import { u as Le } from "../chunk/CCKr5jj1.js";
-import { u as ye } from "../chunk/BYdIoY50.js";
-import { u as Ee } from "../chunk/BFTV6myl.js";
-import { u as Ge } from "../chunk/D5wldVRB.js";
+import Ve, { useContext as J, useMemo as g, useRef as Q, useEffect as d } 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 Ee from "../components/common/hooks/useMergeValue.js";
 import W from "@unicom-cloud/utils/class-name";
-import { o as Re } from "../chunk/BKKEev13.js";
-import { u as je, I as Se } from "../chunk/DxYoPlum.js";
-import { P as X, u as Ue } from "../chunk/CPCJg6bv.js";
-import Fe from "./ImagePreviewGroup.js";
-import { PreviewGroupContext as Me } from "./previewGroupContext.js";
+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 = {
   footerPosition: "inner",
   preview: !0
 };
 function ze(Y, Z) {
-  const { getPrefixCls: v, componentConfig: w, rtl: ee } = J(xe), re = Ee(
+  const { getPrefixCls: v, componentConfig: w, rtl: ee } = J(Me), re = ye(
     Y,
     Oe,
     w == null ? void 0 : w.Image
@@ -51,16 +54,16 @@ function ze(Y, Z) {
     onLoad: V,
     lazyload: l,
     ...ae
-  } = re, le = ye(), {
+  } = re, le = Le(), {
     previewGroup: m,
     handleVisibleChange: ce,
     registerPreviewUrl: me,
     registerPreviewProps: ue,
     setCurrentIndex: de
-  } = J(Me), o = p(() => H(I) ? I : {}, [I]), fe = p(() => H(l) ? l : {}, [l]), s = p(() => G($) || G(K) ? (R = G($) ? $ : K, R) : R++, []), x = o.src || i, [L] = je({ title: h, description: F, actions: M }), { isLoading: _, isError: y, isLoaded: c, isBeforeLoad: pe, setStatus: u } = Ue("beforeLoad"), d = Q(!1), [k, ge] = Ge(!1, {
+  } = 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 = p(() => Re(o, [
+  }), E = g(() => Ge(o, [
     "visible",
     "defaultVisible",
     "src",
@@ -80,10 +83,10 @@ function ze(Y, Z) {
     ie
   ), n = Q();
   function he(r) {
-    d.current = !0, u("loaded"), V == null || V(r);
+    f.current = !0, u("loaded"), V == null || V(r);
   }
   function be(r) {
-    d.current = !0, u("error"), N == null || N(r);
+    f.current = !0, u("error"), N == null || N(r);
   }
   function B(r) {
     a && m ? (de(s), ce(!0)) : a && T(!0), C == null || C(r);
@@ -92,30 +95,31 @@ function ze(Y, Z) {
     var D;
     (D = o == null ? void 0 : o.onVisibleChange) == null || D.call(o, r, k), ge(r);
   }
-  const { inView: q } = Le({
+  const { inView: q } = xe({
     target: n.current,
     defaultInView: !l,
     ...fe
   });
-  g(() => {
-    d.current = !1, i || u("error");
-  }, [i]), g(() => {
-    n.current && (q ? ((n.current.src || i) && n.current.src !== i && (n.current.src = i), !d.current && !n.current.complete && u("loading")) : u("lazyload"));
-  }, [i, q]), g(() => {
+  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(() => {
     if (!m)
       return;
     const r = ue(s, E);
     return () => r(s);
-  }, [s, m, E]), g(() => {
+  }, [s, m, E]), d(() => {
     if (!m)
       return;
     const r = me(s, x, a);
     return () => r(s);
-  }, [s, m, x, a]);
-  const Ie = /* @__PURE__ */ f("div", { className: `${e}-error`, children: [
+  }, [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__ */ f("div", { className: `${e}-loader-spin`, children: [
+  ] }), 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 = () => {
@@ -124,7 +128,7 @@ function ze(Y, Z) {
     const r = b || A;
     return l || b ? r : null;
   };
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ p(
     "div",
     {
       className: we,
@@ -151,12 +155,12 @@ function ze(Y, Z) {
             alt: P
           }
         ),
-        !c && /* @__PURE__ */ f("div", { className: `${e}-overlay`, children: [
+        !c && /* @__PURE__ */ p("div", { className: `${e}-overlay`, children: [
           y && (ne || Ie),
           _ && Pe()
         ] }),
         c && L && /* @__PURE__ */ t(
-          Se,
+          Re,
           {
             title: h,
             description: F,
@@ -182,10 +186,10 @@ const Ke = Ve.forwardRef(
   ze
 ), j = Ke;
 j.Preview = X;
-j.PreviewGroup = Fe;
+j.PreviewGroup = je;
 j.displayName = "Image";
 export {
   X as ImagePreview,
-  Fe as ImagePreviewGroup,
+  je as ImagePreviewGroup,
   j as default
 };

package/image/ImageFooter.js

@@ -1,8 +1,46 @@
-import "react/jsx-runtime";
-import "@unicom-cloud/icons/IconUiMore";
-import "@unicom-cloud/utils/class-name";
-import "./TriggerForToolbar.js";
-import { I as e } from "../chunk/DxYoPlum.js";
+import { jsxs as m, jsx as s } from "react/jsx-runtime";
+import w from "@unicom-cloud/icons/IconUiMore";
+import c from "@unicom-cloud/utils/class-name";
+import { TriggerForToolbar as x } from "./TriggerForToolbar.js";
+import F from "./util/hook/useShowFooter.js";
+const I = (d) => {
+  const { style: p, className: h, title: o, description: t, actions: r, prefixCls: i, simple: n } = d, [$, N, a] = F({
+    title: o,
+    description: t,
+    actions: r
+  });
+  if (!$)
+    return null;
+  const e = `${i}-footer`, f = c(e, h, {
+    [`${e}-with-actions`]: a
+  }), v = () => {
+    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: c(
+          `${i}-actions-item`,
+          `${i}-actions-item-trigger`
+        ),
+        children: /* @__PURE__ */ s("span", { children: /* @__PURE__ */ s(w, {}) })
+      }
+    ) }) }) : l;
+  };
+  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",
+        {
+          className: `${i}-caption-description`,
+          title: t,
+          children: t
+        }
+      )
+    ] }),
+    a && /* @__PURE__ */ s("div", { className: c(`${e}-block`, `${i}-actions`), children: v() })
+  ] });
+};
 export {
-  e as ImageFooter
+  I as ImageFooter
 };