@unicom-cloud/ui 0.8.66 → 0.8.68

package/image/ImagePreviewGroup.js

@@ -0,0 +1,125 @@
+import { jsxs as B, jsx as v } from "react/jsx-runtime";
+import J from "lodash/isArray";
+import K from "lodash/isPlainObject";
+import Q from "lodash/isUndefined";
+import a, { forwardRef as T, useMemo as W, useState as X, useRef as g, useEffect as Y, useImperativeHandle as Z } from "react";
+import { u as $ } from "../chunk/oopARUrq.js";
+import { u as x } from "../chunk/CdaT1b_F.js";
+import { P as ee } from "../chunk/CgurXnoy.js";
+import { PreviewGroupContext as re } from "./previewGroupContext.js";
+function te(I, C) {
+  const {
+    children: R,
+    srcList: u,
+    infinite: U,
+    current: b,
+    defaultCurrent: V,
+    onChange: l,
+    visible: G,
+    defaultVisible: h,
+    forceRender: D,
+    onVisibleChange: c,
+    ...N
+  } = I, [f, j] = x(!1, {
+    value: G,
+    defaultValue: h
+  }), i = W(
+    () => u ? new Map(u.map((e, r) => [r, { url: e, preview: !0 }])) : null,
+    [u]
+  ), A = $(), d = () => i ? new Map(i) : /* @__PURE__ */ new Map(), [E, p] = X(d()), m = g(), F = m.current || /* @__PURE__ */ new Map(), P = (e) => {
+    m.current = e(m.current);
+  };
+  Y(() => {
+    A || p(d());
+  }, [i]);
+  const M = new Map(
+    Array.from(E).filter(([, { preview: e }]) => e).map(([e, { url: r }]) => [e, r])
+  ), [L, S] = x(0, {
+    value: b,
+    defaultValue: V
+  });
+  function _(e, r, n) {
+    return i || p(
+      (s) => new Map(s).set(e, {
+        url: r,
+        preview: n
+      })
+    ), function() {
+      i || p((o) => {
+        const t = new Map(o);
+        return t.delete(e) ? t : o;
+      });
+    };
+  }
+  function H(e, r) {
+    return P(
+      (n) => new Map(n).set(e, K(r) ? r : {})
+    ), function() {
+      P((s) => {
+        const o = new Map(s);
+        return o.delete(e) ? o : s;
+      });
+    };
+  }
+  const w = g();
+  Z(C, () => ({
+    reset: () => {
+      w.current && w.current.reset();
+    }
+  }));
+  const y = (e, r) => {
+    const n = Q(r) ? f : r;
+    c == null || c(e, n), j(e);
+  }, O = (e) => {
+    l == null || l(e), S(e);
+  }, k = (e) => {
+    let r = 0;
+    const n = (s) => {
+      const o = a.Children.map(s, (t) => t && t.props && t.type && t.type.displayName === "Image" ? a.cloneElement(t, { _index: r++ }) : t && t.props && t.props.children ? a.cloneElement(t, {
+        children: n(t.props.children)
+      }) : t);
+      return !J(s) && a.Children.count(s) === 1 ? o[0] : o;
+    };
+    return n(e);
+  }, q = () => {
+    const e = Array.from(M.values());
+    return e.length > 0 ? /* @__PURE__ */ v("div", { style: { display: "none" }, children: e.map((r) => /* @__PURE__ */ v("img", { src: r }, r)) }) : null;
+  };
+  return /* @__PURE__ */ B(
+    re.Provider,
+    {
+      value: {
+        previewGroup: !0,
+        previewUrlMap: M,
+        previewPropsMap: F,
+        infinite: U,
+        currentIndex: L,
+        setCurrentIndex: O,
+        setPreviewUrlMap: p,
+        registerPreviewUrl: _,
+        registerPreviewProps: H,
+        visible: f,
+        handleVisibleChange: y
+      },
+      children: [
+        k(R),
+        /* @__PURE__ */ v(
+          ee,
+          {
+            ref: w,
+            src: "",
+            visible: f,
+            onVisibleChange: y,
+            ...N
+          }
+        ),
+        D && q()
+      ]
+    }
+  );
+}
+const ne = T(te);
+ne.displayName = "ImagePreviewGroup";
+export {
+  ne as default
+};

package/image/ImagePreviewToolbar.js

@@ -0,0 +1,99 @@
+import { jsx as o, jsxs as k } from "react/jsx-runtime";
+import L from "@unicom-cloud/icons/IconUiMore";
+import { forwardRef as O } from "react";
+import P from "../tooltip/index.js";
+import { m as $ } from "../chunk/JPPo5nY_.js";
+import { TriggerForToolbar as j } from "./TriggerForToolbar.js";
+const D = (c, v) => {
+  const {
+    prefixCls: C,
+    previewPrefixCls: t,
+    simple: r = !1,
+    actions: m = [],
+    actionsLayout: a = [],
+    defaultActions: N = []
+  } = c, l = new Set(a), p = (e) => l.has(e.key), w = [
+    ...N.filter(p),
+    ...m.filter(p)
+  ], I = m.filter(
+    (e) => !l.has(e.key)
+  ), f = w.sort((e, n) => {
+    const i = a.indexOf(e.key), s = a.indexOf(n.key);
+    return i > s ? 1 : -1;
+  });
+  if (l.has("extra")) {
+    const e = a.indexOf("extra");
+    f.splice(e, 0, ...I);
+  }
+  const u = (e, n = !1) => {
+    const { content: i, disabled: s, key: A, name: h, getContainer: b, onClick: y, ...T } = e, g = /* @__PURE__ */ k(
+      "div",
+      {
+        className: $(`${t}-toolbar-action`, {
+          [`${t}-toolbar-action-disabled`]: s
+        }),
+        onClick: (d) => {
+          !s && y && y(d);
+        },
+        onMouseDown: (d) => {
+          d.preventDefault();
+        },
+        ...T,
+        children: [
+          i && /* @__PURE__ */ o("span", { className: `${t}-toolbar-action-content`, children: i }),
+          n && h && /* @__PURE__ */ o("span", { className: `${t}-toolbar-action-name`, children: h })
+        ]
+      },
+      A
+    );
+    return b ? b(g) : g;
+  };
+  if (!f.length)
+    return null;
+  const x = f.map((e) => {
+    const n = u(e, r);
+    return !r && e.name && !e.getContainer ? /* @__PURE__ */ o(
+      P,
+      {
+        content: e.name,
+        className: `${t}-toolbar-tooltip`,
+        children: n
+      },
+      e.key
+    ) : n;
+  });
+  return /* @__PURE__ */ k(
+    "div",
+    {
+      ref: v,
+      className: $(
+        `${t}-toolbar`,
+        {
+          [`${t}-toolbar-simple`]: r
+        },
+        c.className
+      ),
+      style: c.style,
+      children: [
+        r && /* @__PURE__ */ o(
+          j,
+          {
+            prefixCls: C,
+            className: `${t}-trigger`,
+            popup: () => /* @__PURE__ */ o("div", { children: x }),
+            children: u({
+              key: "trigger",
+              content: /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(L, {}) })
+            })
+          }
+        ),
+        !r && x
+      ]
+    }
+  );
+}, q = O(
+  D
+);
+export {
+  q as default
+};

package/image/TriggerForToolbar.js

@@ -0,0 +1,10 @@
+import { jsx as p } from "react/jsx-runtime";
+import a from "../trigger/index.js";
+import { m as c } from "../chunk/JPPo5nY_.js";
+const f = (r) => {
+  const { style: o, className: s, prefixCls: e, popup: t, children: m } = r, i = c(`${e}-trigger`, s);
+  return /* @__PURE__ */ p(a, { style: o, className: i, popup: t, showArrow: !0, children: m });
+};
+export {
+  f as TriggerForToolbar
+};

package/image/index.js

@@ -0,0 +1,8 @@
+import o from "./Image.js";
+import { P as m } from "../chunk/CgurXnoy.js";
+import { default as p } from "./ImagePreviewGroup.js";
+export {
+  m as ImagePreview,
+  p as ImagePreviewGroup,
+  o as default
+};

package/image/interface.js

@@ -0,0 +1 @@
+

package/image/previewGroupContext.js

@@ -0,0 +1,17 @@
+import { createContext as e } from "react";
+const l = e({
+  previewGroup: !1,
+  previewUrlMap: /* @__PURE__ */ new Map(),
+  previewPropsMap: /* @__PURE__ */ new Map(),
+  infinite: !0,
+  currentIndex: 0,
+  setCurrentIndex: () => null,
+  setPreviewUrlMap: () => null,
+  registerPreviewUrl: () => null,
+  registerPreviewProps: () => null,
+  visible: !1,
+  handleVisibleChange: () => null
+});
+export {
+  l as PreviewGroupContext
+};