@unicom-cloud/ui 0.8.67 → 0.8.69

package/hooks/useWatermark.js

@@ -13,7 +13,7 @@ const x = (i, n) => {
     return i;
   const a = parseFloat(i);
   return R(a) && !isNaN(a) ? a : n;
-}, v = {
+}, k = {
   width: 100,
   gap: [100, 100],
   fontStyle: {
@@ -25,14 +25,14 @@ const x = (i, n) => {
   getContainer: () => document.body
 }, E = (i, n, a) => {
   let r = 0, g = 0;
-  const u = [];
+  const l = [];
   n.forEach((o) => {
     const {
       width: e,
       fontBoundingBoxAscent: p,
       fontBoundingBoxDescent: b
     } = i.measureText(o), w = p + b;
-    e > r && (r = e), g += w, u.push({ height: w, width: e });
+    e > r && (r = e), g += w, l.push({ height: w, width: e });
   });
   const h = a * Math.PI / 180;
   return {
@@ -48,51 +48,51 @@ const x = (i, n) => {
     height: Math.ceil(
       Math.abs(Math.sin(h) * r) + Math.abs(g * Math.cos(h))
     ),
-    lineSize: u
+    lineSize: l
   };
 }, I = async (i) => {
-  const { offset: n, rotate: a, image: r, content: g, fontStyle: u } = i, h = document.createElement("canvas"), o = h.getContext("2d"), e = A(o), p = [].concat(g || ""), b = ({ height: l, width: s }) => {
-    const t = 2 * n[0] + s, c = 2 * n[1] + l;
+  const { offset: n, rotate: a, image: r, content: g, fontStyle: l } = i, h = document.createElement("canvas"), o = h.getContext("2d"), e = A(o), p = [].concat(g || ""), b = ({ height: u, width: s }) => {
+    const t = 2 * n[0] + s, c = 2 * n[1] + u;
     h.setAttribute("width", `${t * e}px`), h.setAttribute("height", `${c * e}px`), h.style.width = `${t}px`, h.style.height = `${c}px`, o.translate(t * e / 2, c * e / 2), o.scale(e, e);
     const d = a * Math.PI / 180;
     o.rotate(d);
   }, w = () => {
-    const { fontSize: l, color: s, fontWeight: t, fontFamily: c } = u, d = x(l, 0) || u.fontSize;
+    const { fontSize: u, color: s, fontWeight: t, fontFamily: c } = l, d = x(u, 0) || l.fontSize;
     o.font = `${t} ${d}px ${c}`;
     const f = E(o, p, a), m = i.width || f.width, M = i.height || f.height;
     return b({ width: m, height: M }), o.fillStyle = s, o.font = `${t} ${d}px ${c}`, o.textBaseline = "top", p.forEach((C, S) => {
-      const { height: y, width: P } = f.lineSize[S], k = -P / 2, N = -(i.height || f.originHeight) / 2 + y * S;
+      const { height: y, width: P } = f.lineSize[S], v = -P / 2, N = -(i.height || f.originHeight) / 2 + y * S;
       o.fillText(
         C,
-        k,
+        v,
         N,
         i.width || f.originWidth
       );
     }), { base64Url: h.toDataURL(), height: M, width: m };
   };
-  return r ? new Promise((l) => {
+  return r ? new Promise((u) => {
     const s = new Image();
     s.crossOrigin = "anonymous", s.referrerPolicy = "no-referrer", s.src = r, s.onload = () => {
       let { width: t, height: c } = i;
-      return (!t || !c) && (t ? c = s.height / s.width * t : t = s.width / s.height * c), b({ width: t, height: c }), o.drawImage(s, -t / 2, -c / 2, t, c), l({ base64Url: h.toDataURL(), width: t, height: c });
+      return (!t || !c) && (t ? c = s.height / s.width * t : t = s.width / s.height * c), b({ width: t, height: c }), o.drawImage(s, -t / 2, -c / 2, t, c), u({ base64Url: h.toDataURL(), width: t, height: c });
     }, s.onerror = () => w();
   }) : w();
 }, D = (i) => {
-  var r, g, u, h, o, e;
+  var r, g, l, h, o, e;
   const n = i || {}, a = {
     rotate: -20,
     zIndex: 1,
     ...n,
-    fontStyle: { ...v.fontStyle, ...n.fontStyle },
+    fontStyle: { ...k.fontStyle, ...n.fontStyle },
     width: x(
       n.width,
-      n.image ? v.width : void 0
+      n.image ? k.width : void 0
     ),
     height: x(n.height, void 0),
     getContainer: n.getContainer,
     gap: [
-      x((r = n.gap) == null ? void 0 : r[0], v.gap[0]),
-      x(((g = n.gap) == null ? void 0 : g[1]) || ((u = n.gap) == null ? void 0 : u[0]), v.gap[1])
+      x((r = n.gap) == null ? void 0 : r[0], k.gap[0]),
+      x(((g = n.gap) == null ? void 0 : g[1]) || ((l = n.gap) == null ? void 0 : l[0]), k.gap[1])
     ]
   };
   return a.offset = [
@@ -101,7 +101,7 @@ const x = (i, n) => {
   ], a;
 };
 function T(i) {
-  const [n, a] = B(i || {}), r = $(), g = $(), u = D(n), { zIndex: h, gap: o } = u, e = O ? null : n != null && n.getContainer ? n.getContainer() : v.getContainer(), p = (t, c) => {
+  const [n, a] = B(i || {}), r = $(), g = $(), l = D(n), { zIndex: h, gap: o } = l, e = O ? null : n != null && n.getContainer ? n.getContainer() : k.getContainer(), p = (t, c) => {
     var f, m;
     if (!e || !t)
       return;
@@ -114,12 +114,12 @@ function T(i) {
       const t = document.createElement("div");
       return r.current = t, p(r.current, "set"), t;
     }
-  }, l = () => {
+  }, u = () => {
     b();
     const t = r.current;
     r.current = null, p(t, "reset");
   }, s = () => {
-    e && I(u).then(({ base64Url: t, width: c, height: d }) => {
+    e && I(l).then(({ base64Url: t, width: c, height: d }) => {
       var m;
       b();
       const f = `
@@ -142,14 +142,14 @@ function T(i) {
           if (y) {
             if (y.isSameNode(e))
               return [].slice.call(S.removedNodes).concat(
-                [].slice.call(S.addedNodes).map((k) => k.parentNode)
+                [].slice.call(S.addedNodes).map((v) => v.parentNode)
               ).some(
-                (k) => k === r.current
+                (v) => v === r.current
               );
             if (y.isSameNode(r.current) && S.type === "attributes")
               return !0;
           }
-        }) && (l(), s());
+        }) && (u(), s());
       }), g.current.observe(e, {
         attributes: !0,
         subtree: !0,
@@ -159,14 +159,14 @@ function T(i) {
   };
   return z(() => {
     s();
-  }, [n]), z(() => (l(), s(), () => {
-    l();
+  }, [n]), z(() => (u(), s(), () => {
+    u();
   }), [e]), {
     setWatermark: (t) => {
       a(W({}, n, t));
     },
     destroy: () => {
-      l();
+      u();
     }
   };
 }

package/hooks/useWindowSize.js

@@ -1,4 +1,4 @@
-import { l as f } from "../chunk/DKr2_PYd.js";
+import { u as f } from "../chunk/Clo26EcR.js";
 export {
   f as default
 };

package/icon/addFromIconFontCn.js

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+import "react";
+import { addFromIconFontCn as a } from "./index.js";
+import "../utils/dom.js";
+export {
+  a as default
+};

package/icon/index.js

@@ -0,0 +1,57 @@
+import { jsx as a } from "react/jsx-runtime";
+import i from "react";
+import { C as g } from "../chunk/ll867Bf3.js";
+import { m as x } from "../chunk/JPPo5nY_.js";
+import { isServerRendering as y } from "../utils/dom.js";
+const C = [];
+function P(p = {}) {
+  const { src: r, extraProps: u = {} } = p;
+  if (!y && typeof r == "string" && r.length && C.indexOf(r) === -1) {
+    const e = document.createElement("script");
+    e.setAttribute("src", r), e.setAttribute("data-namespace", r), C.push(r), document.body.appendChild(e);
+  }
+  function f(e, d) {
+    const { type: n, children: t, ...m } = e, o = i.useRef();
+    i.useImperativeHandle(d, () => o.current);
+    let s;
+    return n && (s = /* @__PURE__ */ a("use", { xlinkHref: `#${n}` })), t && (s = t), /* @__PURE__ */ a(
+      l,
+      {
+        type: n,
+        ...m,
+        ...u,
+        ref: (c) => {
+          o.current = c;
+        },
+        children: s
+      }
+    );
+  }
+  return f.displayName = "Iconfont", i.forwardRef(f);
+}
+const l = i.forwardRef(function(r, u) {
+  return /* @__PURE__ */ a(g, { children: (e) => {
+    const { className: d, spin: n, children: t, type: m, ...o } = r, c = {
+      ...{
+        width: "1em",
+        height: "1em",
+        fill: "currentColor"
+      },
+      ...o
+    }, h = e == null ? void 0 : e.getPrefixCls("icon"), I = x(
+      h,
+      m,
+      {
+        [`${h}-loading`]: n
+      },
+      d
+    );
+    return c.className = I, /* @__PURE__ */ a("svg", { ...c, children: t });
+  } });
+});
+l.displayName = "Icon";
+l.addFromIconFontCn = P;
+export {
+  P as addFromIconFontCn,
+  l as default
+};

package/icon-hover/index.js

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+import "react";
+import { I as i } from "../chunk/ll867Bf3.js";
+import "../chunk/JPPo5nY_.js";
+export {
+  i as default
+};

package/image/Image.js

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

package/image/ImageFooter.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import "@unicom-cloud/icons/IconUiMore";
+import "../chunk/JPPo5nY_.js";
+import "./TriggerForToolbar.js";
+import { I as e } from "../chunk/DpoumMDw.js";
+export {
+  e as ImageFooter
+};

package/image/ImagePreview.js

@@ -0,0 +1,41 @@
+import "react/jsx-runtime";
+import "@unicom-cloud/icons/IconUiClose";
+import "@unicom-cloud/icons/IconUiCopy";
+import "@unicom-cloud/icons/IconUiFullscreen";
+import "@unicom-cloud/icons/IconUiLeft";
+import "@unicom-cloud/icons/IconUiLoading";
+import "@unicom-cloud/icons/IconUiOriginalSize";
+import "@unicom-cloud/icons/IconUiRight";
+import "@unicom-cloud/icons/IconUiRotateLeft";
+import "@unicom-cloud/icons/IconUiRotateRight";
+import "@unicom-cloud/icons/IconUiZoomIn";
+import "@unicom-cloud/icons/IconUiZoomOut";
+import "lodash/isUndefined";
+import "react";
+import "../chunk/ll867Bf3.js";
+import "lodash/isEqualWith";
+import "../chunk/CdaT1b_F.js";
+import "../chunk/D-TPB2Do.js";
+import "../chunk/BrOW642m.js";
+import "lodash/isNumber";
+import "lodash/merge";
+import "../utils/dom.js";
+import "../chunk/Biupwn8l.js";
+import "../chunk/BFTV6myl.js";
+import "../chunk/CbLaCJmG.js";
+import "../chunk/C48SmsN-.js";
+import "../chunk/Ce1j9KTi.js";
+import "../chunk/BSCrLtfQ.js";
+import "lodash/debounce";
+import "../portal/index.js";
+import "../chunk/DzVH9IBy.js";
+import "../chunk/JPPo5nY_.js";
+import "../chunk/Ey4YJCkX.js";
+import "../chunk/CIRG541s.js";
+import "./ImagePreviewArrow.js";
+import "./ImagePreviewToolbar.js";
+import "./previewGroupContext.js";
+import { P as M } from "../chunk/CgurXnoy.js";
+export {
+  M as default
+};

package/image/ImagePreviewArrow.js

@@ -0,0 +1,46 @@
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import d from "@unicom-cloud/icons/IconUiLeft";
+import p from "@unicom-cloud/icons/IconUiRight";
+import { useContext as w } from "react";
+import { a as u } from "../chunk/ll867Bf3.js";
+import { m as a } from "../chunk/JPPo5nY_.js";
+function j(l) {
+  const {
+    current: C,
+    previewCount: g,
+    infinite: v = !1,
+    disableLeft: s,
+    disableRight: n,
+    onPrev: i,
+    onNext: t
+  } = l, { getPrefixCls: m } = w(u), r = m("image-preview"), f = a(`${r}-arrow`);
+  return /* @__PURE__ */ c("div", { className: f, children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: a(`${r}-arrow-left`, {
+          [`${r}-arrow-disabled`]: s
+        }),
+        onClick: (o) => {
+          o.preventDefault(), !s && (i == null || i());
+        },
+        children: /* @__PURE__ */ e(d, {})
+      }
+    ),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: a(`${r}-arrow-right`, {
+          [`${r}-arrow-disabled`]: n
+        }),
+        onClick: (o) => {
+          o.preventDefault(), !n && (t == null || t());
+        },
+        children: /* @__PURE__ */ e(p, {})
+      }
+    )
+  ] });
+}
+export {
+  j as default
+};

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
+};