@unicom-cloud/ui 0.8.66 → 0.8.68

package/hooks/usePersistCallback.js

@@ -1,15 +1,4 @@
-import { useRef as c, useCallback as n } from "react";
-function a(t) {
-  const r = c();
-  return r.current = t, n(
-    (...u) => {
-      const e = r.current;
-      return e == null ? void 0 : e(...u);
-    },
-    [r.current]
-  );
-}
+import { u as f } from "../chunk/BsY85n3_.js";
 export {
-  a as default,
-  a as usePersistCallback
+  f as default
 };

package/hooks/usePrefersColorSchemeDark.js

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

package/hooks/usePrevious.js

@@ -1,11 +1,4 @@
-import { useRef as t, useEffect as u } from "react";
-function n(r) {
-  const e = t();
-  return u(() => {
-    e.current = r;
-  }), e.current;
-}
+import { u as f } from "../chunk/VSe_Wq1g.js";
 export {
-  n as default,
-  n as usePrevious
+  f as default
 };

package/hooks/useRefs.js

@@ -1,11 +1,4 @@
-import { useRef as f } from "react";
-function c(s = []) {
-  const t = f(s), u = (e, r) => {
-    r !== void 0 ? t.current[r] = e : t.current.push(e);
-  };
-  return [t.current, u];
-}
+import { u as f } from "../chunk/Bg3uJGPu.js";
 export {
-  c as default,
-  c as useRefs
+  f as default
 };

package/hooks/useResizeObserver.js

@@ -1,17 +1,4 @@
-import { useRef as c } from "react";
-function o(n) {
-  const r = c(), e = () => {
-    r.current && (r.current.disconnect(), r.current = null);
-  }, s = (t) => {
-    t && (r.current && e(), r.current = new ResizeObserver(n), r.current.observe(t));
-  };
-  return {
-    currentOr: r.current,
-    cor: s,
-    dor: e
-  };
-}
+import { u as f } from "../chunk/CmZzBtA4.js";
 export {
-  o as default,
-  o as useResizeObserver
+  f as default
 };

package/hooks/useStateCallback.js

@@ -1,17 +1,4 @@
-import { useState as c, useRef as o, useCallback as f, useEffect as S } from "react";
-function i(u) {
-  const [s, a] = c(u), t = o(), r = f(
-    (e, n) => {
-      t.current = n, a(e);
-    },
-    []
-  );
-  return S(() => {
-    var e;
-    (e = t.current) == null || e.call(t, s);
-  }, [s]), [s, r];
-}
+import { u as f } from "../chunk/hEWZQ8Zi.js";
 export {
-  i as default,
-  i as useStateCallback
+  f as default
 };

package/hooks/useStateWithPromise.js

@@ -1,26 +1,4 @@
-import { useState as l, useEffect as n } from "react";
-function i(o) {
-  const [e, r] = l({
-    value: o,
-    resolve: (t) => {
-    }
-  });
-  return n(() => {
-    e.resolve(e.value);
-  }, [e]), [
-    e.value,
-    (t) => new Promise((s) => {
-      r((a) => {
-        let u = t;
-        return typeof t == "function" && (u = t(a.value)), {
-          value: u,
-          resolve: s
-        };
-      });
-    })
-  ];
-}
+import { u as f } from "../chunk/Duezix3m.js";
 export {
-  i as default,
-  i as useStateWithPromise
+  f as default
 };

package/hooks/useUpdateEffect.js

@@ -1,11 +1,4 @@
-import { useRef as u, useEffect as r } from "react";
-function c(t, f = []) {
-  const e = u(!1);
-  r(() => {
-    e.current ? t() : e.current = !0;
-  }, f);
-}
+import { u as f } from "../chunk/BSCrLtfQ.js";
 export {
-  c as default,
-  c as useUpdateEffect
+  f as default
 };

package/hooks/useVerificationCode.js

@@ -0,0 +1,73 @@
+import h from "lodash/isEqualWith";
+import { useMemo as d, useEffect as y } from "react";
+import { u as D } from "../chunk/CdaT1b_F.js";
+import { b as V } from "../chunk/D-TPB2Do.js";
+import { t as E } from "../chunk/BrOW642m.js";
+const I = 6;
+function M(n) {
+  const [o, m] = D("", n), u = +n.length > 0 ? +n.length : I, l = d(() => {
+    const t = o ? String(o).split("") : [];
+    return new Array(u).fill("").map((a, e) => V(t[e]) ? String(t[e]) : "");
+  }, [o, u]), s = () => {
+    var e, i, c;
+    const t = ((e = n.getInputRefList) == null ? void 0 : e.call(n)) || [];
+    if ((t == null ? void 0 : t.indexOf(document.activeElement)) === -1)
+      return;
+    const a = l.findIndex((r) => !r);
+    if (a > -1) {
+      const r = Math.min(a, t.length - 1);
+      (c = (i = t[r]) == null ? void 0 : i.focus) == null || c.call(i);
+    }
+  };
+  y(() => {
+    s();
+  }, [JSON.stringify(l)]);
+  const f = (t) => {
+    var a, e;
+    h(t, o) || (m(t), (a = n.onChange) == null || a.call(n, t), t.length === u && ((e = n.onFinish) == null || e.call(n, t)));
+  }, g = (t, a) => {
+    t.preventDefault();
+    const i = t.clipboardData.getData("text");
+    i && f(
+      l.slice(0, a).concat(i.split("")).join("")
+    );
+  };
+  return {
+    value: o,
+    filledValue: l,
+    setValue: f,
+    getInputProps: (t) => {
+      const a = String(l[t]);
+      return {
+        key: t,
+        value: a,
+        onClick: (e) => {
+          e.preventDefault(), l[t] || s();
+        },
+        onKeyDown: (e) => {
+          if (e.key === E.key) {
+            if (l[t + 1]) {
+              e.preventDefault();
+              return;
+            }
+            let i = t;
+            l[t] || (i -= 1);
+            const c = [...l];
+            c[i] = "", f(c.join(""));
+          }
+        },
+        onChange: (e) => {
+          const i = (e == null ? void 0 : e.trim()) || "", c = [...l];
+          c[t] = i.replace(a, "").split("").pop() || "", f(c.join(""));
+        },
+        onPaste: (e) => {
+          g(e, t);
+        }
+      };
+    }
+  };
+}
+export {
+  M as default,
+  M as useVerificationCode
+};

package/hooks/useWatch.js

@@ -1,12 +1,4 @@
-import { useEffect as r } from "react";
-import { usePrevious as e } from "./usePrevious.js";
-function c(o, f) {
-  const t = e(o);
-  r(() => {
-    o !== t && f(o, t);
-  }, [o]);
-}
+import { u as f } from "../chunk/BKT9BFf4.js";
 export {
-  c as default,
-  c as useWatch
+  f as default
 };

package/hooks/{use-watermark.js → useWatermark.js}

@@ -3,7 +3,8 @@ import W from "lodash/merge";
 import { useState as B, useRef as $, useEffect as z } from "react";
 import { isServerRendering as O } from "../utils/dom.js";
 function A(i) {
-  if (!i) return 1;
+  if (!i)
+    return 1;
   const n = i.backingStorePixelRatio || i.webkitBackingStorePixelRatio || i.mozBackingStorePixelRatio || i.msBackingStorePixelRatio || i.oBackingStorePixelRatio || i.backingStorePixelRatio || 1;
   return (window.devicePixelRatio || 1) / n;
 }

package/hooks/useWindowSize.js

@@ -1,22 +1,4 @@
-import { useState as n, useEffect as r } from "react";
-const o = () => {
-  const [t, i] = n({
-    width: window.innerWidth,
-    height: window.innerHeight
-  });
-  return r(() => {
-    function e(d) {
-      i({
-        width: window.innerWidth,
-        height: window.innerHeight
-      });
-    }
-    return window.addEventListener("resize", e), () => {
-      window.removeEventListener("resize", e);
-    };
-  }, []), t;
-};
+import { u as f } from "../chunk/Clo26EcR.js";
 export {
-  o as default,
-  o as useWindowSize
+  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
+};