@unicom-cloud/ui 0.8.108 → 0.8.110

package/chunk/Dbw0YUY1.js

@@ -0,0 +1,607 @@
+import { jsx as s, jsxs as M } from "react/jsx-runtime";
+import de from "@unicom-cloud/icons/IconUiClose";
+import dt from "@unicom-cloud/icons/IconUiCopy";
+import gt from "@unicom-cloud/icons/IconUiFullscreen";
+import ht from "@unicom-cloud/icons/IconUiLeft";
+import vt from "@unicom-cloud/icons/IconUiLoading";
+import bt from "@unicom-cloud/icons/IconUiOriginalSize";
+import yt from "@unicom-cloud/icons/IconUiRight";
+import xt from "@unicom-cloud/icons/IconUiRotateLeft";
+import kt from "@unicom-cloud/icons/IconUiRotateRight";
+import Ct from "@unicom-cloud/icons/IconUiZoomIn";
+import It from "@unicom-cloud/icons/IconUiZoomOut";
+import St from "lodash/isUndefined";
+import { useState as d, forwardRef as wt, useContext as ge, useRef as x, useMemo as he, useImperativeHandle as Pt, useCallback as Lt, useEffect as v } from "react";
+import { a as Nt, b as zt } from "./BcEZk8pT.js";
+import "./DsaQZE4X.js";
+import "./CdXR6dj7.js";
+import "@unicom-cloud/utils/js-cookie";
+import "dayjs";
+import "lodash/debounce";
+import { u as Mt } from "./DfChiMIE.js";
+import "@unicom-cloud/utils/screenfull";
+import "./BDgzrqDN.js";
+import "lodash/throttle";
+import "@unicom-cloud/utils/constant/platform";
+import "lodash/isPlainObject";
+import "@unicom-cloud/utils/query-string";
+import "react-router";
+import "lodash/isEqualWith";
+import { u as At } from "./2vdCeheu.js";
+import { ArrowDown as Tt, ArrowUp as Et, ArrowLeft as Ot, ArrowRight as $t, Esc as Rt } from "@unicom-cloud/utils/constant/keyboardCode";
+import "lodash/isNumber";
+import "lodash/merge";
+import { a as Ut, b as j, o as H } from "./d1c9z8T1.js";
+import "@unicom-cloud/utils/date";
+import "@unicom-cloud/utils/case-name";
+import ve from "@unicom-cloud/utils/class-name";
+import "@unicom-cloud/utils/constant/ui";
+import Dt from "@unicom-cloud/utils/clipboard-copy";
+import "./DS_deHpN.js";
+import "@unicom-cloud/utils/file/fileToURL";
+import "lodash/escapeRegExp";
+import Vt from "lodash/isArray";
+import "lodash/isString";
+import "lodash/isFunction";
+import "lodash/camelCase";
+import "lodash/capitalize";
+import "lodash/cloneDeep";
+import "lodash/get";
+import "lodash/has";
+import "lodash/kebabCase";
+import "lodash/mergeWith";
+import "lodash/set";
+import "lodash/setWith";
+import "lodash/snakeCase";
+import "lodash/startCase";
+import "lodash/uniq";
+import "lodash/upperFirst";
+import "@unicom-cloud/utils/math";
+import "@unicom-cloud/utils/mitt";
+import "@unicom-cloud/utils/pinyin";
+import { P as be } from "./B--6x-RL.js";
+import { f as Yt } from "./CXrVhA6-.js";
+import "./BJ9_azwQ.js";
+import { r as Xt } from "./B8W1N4er.js";
+import "@unicom-cloud/utils/file/saveAs";
+import "@unicom-cloud/utils/constant/ui.js";
+import "@unicom-cloud/utils/tinycolor";
+import "@unicom-cloud/utils/ui-color";
+import "react-is";
+import "@unicom-cloud/utils/tree";
+import "@unicom-cloud/utils/is";
+import "uuid";
+import "./hc_ufgVf.js";
+import "./RjJoagzL.js";
+import { u as Bt } from "./FgWHhRFz.js";
+import { u as Ft } from "./BqWBaRtM.js";
+import "@unicom-cloud/utils/constant";
+import Wt from "../portal/index.js";
+import Zt from "../image/ImagePreviewArrow.js";
+import jt from "../image/ImagePreviewToolbar.js";
+import { PreviewGroupContext as Ht } from "../image/previewGroupContext.js";
+function Gt(c, t, n, o, r) {
+  let m = n, f = o;
+  return n && (c.width > t.width ? m = 0 : (t.left > c.left && (m -= Math.abs(c.left - t.left) / r), t.right < c.right && (m += Math.abs(c.right - t.right) / r))), o && (c.height > t.height ? f = 0 : (t.top > c.top && (f -= Math.abs(c.top - t.top) / r), t.bottom < c.bottom && (f += Math.abs(c.bottom - t.bottom) / r))), [m, f];
+}
+const ye = [
+  25,
+  33,
+  50,
+  67,
+  75,
+  80,
+  90,
+  100,
+  110,
+  125,
+  150,
+  175,
+  200,
+  250,
+  300,
+  400,
+  500
+];
+class _t {
+  constructor(t) {
+    this.updateScale(t);
+  }
+  get scales() {
+    return this.scaleAttr;
+  }
+  get minScale() {
+    return this.scaleAttr[0];
+  }
+  get maxScale() {
+    return this.scaleAttr[this.scaleAttr.length - 1];
+  }
+  updateScale(t) {
+    let n = ye;
+    if (Vt(t) && t.filter((o) => o > 0).length && (n = t.filter((o) => o > 0)), n = n.map((o) => +(o / 100).toFixed(2)), !n.includes(1)) {
+      const o = this.findClosestIndex(1, n), m = n[o] < 1 ? o + 1 : o;
+      n.splice(m, 0, 1);
+    }
+    this.scaleAttr = n;
+  }
+  findClosestIndex(t, n = this.scaleAttr) {
+    if (!n.length)
+      return;
+    if (n.length === 1)
+      return 0;
+    let o = n.length - 1;
+    for (let r = 0; r < n.length; r++) {
+      const m = n[r];
+      if (t === m) {
+        o = r;
+        break;
+      }
+      if (t < m) {
+        const f = n[r - 1];
+        o = f === void 0 || Math.abs(f - t) <= Math.abs(m - t) ? r - 1 : r;
+        break;
+      }
+    }
+    return o;
+  }
+  getNextScale(t, n = "zoomIn") {
+    let o = this.scaleAttr.indexOf(t);
+    return o === -1 && (o = this.findClosestIndex(t)), n === "zoomIn" ? o === this.scaleAttr.length - 1 ? t : this.scaleAttr[o + 1] : o === 0 ? t : this.scaleAttr[o - 1];
+  }
+}
+function qt(c) {
+  const [t, n] = d(c);
+  return {
+    status: t,
+    isBeforeLoad: t === "beforeLoad",
+    isLoading: t === "loading",
+    isError: t === "error",
+    isLoaded: t === "loaded",
+    isLazyLoad: t === "lazyload",
+    setStatus: n
+  };
+}
+const G = 90, Kt = {
+  maskClosable: !0,
+  closable: !0,
+  breakPoint: 316,
+  actionsLayout: [
+    // 'fullScreen', // 潘启宝注释于2023年9月16日
+    "zoomOut",
+    "zoomIn",
+    "maximize",
+    "originalSize",
+    "rotateLeft",
+    "rotateRight",
+    "prev",
+    "next",
+    "copy",
+    "extra",
+    // 潘启宝更改
+    "close"
+  ],
+  getPopupContainer: () => document.body,
+  escToExit: !0,
+  scales: ye,
+  resetTranslate: !0
+};
+function Jt(c, t) {
+  const {
+    previewGroup: n,
+    previewUrlMap: o,
+    currentIndex: r,
+    setCurrentIndex: m,
+    infinite: f,
+    previewPropsMap: _
+  } = ge(Ht), xe = n ? _.get(r) : {}, A = Bt(
+    c,
+    Kt,
+    xe
+  ), {
+    className: ke,
+    style: Ce,
+    src: Ie,
+    defaultVisible: Se,
+    maskClosable: we,
+    closable: Pe,
+    breakPoint: Le,
+    actions: Ne,
+    actionsLayout: ze,
+    getPopupContainer: q,
+    onVisibleChange: Me,
+    scales: T,
+    escToExit: K,
+    imgAttributes: Ae = {},
+    imageRender: Te,
+    extra: Ee = null,
+    resetTranslate: J
+  } = A, S = n ? o.get(r) : Ie, [E, Oe] = d(S), [l, $e] = At(!1, {
+    defaultValue: Se,
+    value: A.visible
+  }), Q = ge(Nt), { getPrefixCls: Re, locale: C, rtl: Ue } = Q, ee = Re?.("image"), u = `${ee}-preview`, De = ve(
+    u,
+    {
+      [`${u}-hide`]: !l,
+      [`${u}-rtl`]: Ue
+    },
+    ke
+  ), w = x(void 0), Ve = x(void 0), b = x(void 0), te = x(void 0), O = x(!1), I = x({
+    pageX: 0,
+    pageY: 0,
+    originX: 0,
+    originY: 0
+  }), { isLoading: Ye, isLoaded: Xe, setStatus: $ } = qt("loading"), [Be, Fe] = d(!1), [p, R] = d({ x: 0, y: 0 }), [a, U] = d(1), [oe, ne] = d(!1), [P, D] = d(0), [g, re] = d(!1), y = he(() => new _t(T), []), {
+    onLoad: We,
+    onError: Ze,
+    onMouseDown: je,
+    style: He,
+    className: Ge,
+    ..._e
+  } = Ae, ie = !f && r <= 0, se = !f && r >= o.size - 1;
+  function V() {
+    R({ x: 0, y: 0 }), U(1), D(0);
+  }
+  Pt(t, () => ({
+    reset: V,
+    getRootDOMNode: () => te.current
+  }));
+  const [L, qe] = d(), ae = Lt(() => L, [L]);
+  v(() => {
+    const e = q?.(), i = Yt(e) || document.body;
+    qe(i);
+  }, [q]), Ft(ae, { hidden: l });
+  const Ke = he(
+    () => !Ut && L === document.body,
+    [L]
+  );
+  function ce(e) {
+    const i = o.size;
+    f && (e %= i, e < 0 && (e = i - Math.abs(e))), e !== r && e >= 0 && e <= i - 1 && m(e);
+  }
+  function Y() {
+    ce(r - 1);
+  }
+  function X() {
+    ce(r + 1);
+  }
+  function Je() {
+    D(P === 0 ? 360 - G : P - G);
+  }
+  function Qe() {
+    D((P + G) % 360);
+  }
+  const B = x(null), et = () => {
+    !oe && ne(!0), B.current && clearTimeout(B.current), B.current = setTimeout(() => {
+      ne(!1);
+    }, 1e3);
+  }, N = (e) => {
+    a !== e && (U(e), et());
+  };
+  function F() {
+    const e = y.getNextScale(a, "zoomIn");
+    N(e);
+  }
+  function W() {
+    const e = y.getNextScale(a, "zoomOut");
+    N(e);
+  }
+  function tt(e) {
+    e.deltaY > 0 ? a >= y.minScale && W() : a <= y.maxScale && F();
+  }
+  function ot() {
+    N(1);
+  }
+  function nt() {
+    const e = b.current.getBoundingClientRect(), i = w.current.getBoundingClientRect(), h = e.height / (i.height / a), k = e.width / (i.width / a), Z = Math.max(h, k);
+    N(Z);
+  }
+  function le(e) {
+    e.target === e.currentTarget && we && z();
+  }
+  function rt() {
+    Dt(E);
+  }
+  function me() {
+    z();
+  }
+  function it(e) {
+    z();
+  }
+  function z() {
+    l && (Me?.(!1, l), St(A.visible) && $e(!1));
+  }
+  function st(e) {
+    if (e && e.length) {
+      const h = e[0].contentRect.width < Le;
+      Fe(h);
+    }
+  }
+  const fe = () => {
+    if (!b.current || !w.current)
+      return;
+    const e = b.current.getBoundingClientRect(), i = w.current.getBoundingClientRect(), [h, k] = Gt(
+      e,
+      i,
+      p.x,
+      p.y,
+      a
+    );
+    (h !== p.x || k !== p.y) && R({
+      x: h,
+      y: k
+    });
+  }, ue = (e) => {
+    if (l && g) {
+      e.preventDefault?.();
+      const { originX: i, originY: h, pageX: k, pageY: Z } = I.current, ut = i + (e.pageX - k) / a, pt = h + (e.pageY - Z) / a;
+      R({
+        x: ut,
+        y: pt
+      });
+    }
+  }, pe = (e) => {
+    e.preventDefault?.(), re(!1);
+  };
+  function at(e) {
+    $("loaded"), We?.(e);
+  }
+  function ct(e) {
+    $("error"), Ze?.(e);
+  }
+  const lt = (e) => {
+    e.preventDefault?.(), re(!0);
+    const i = e.type === "touchstart" ? e.touches[0] : e;
+    I.current.pageX = i.pageX, I.current.pageY = i.pageY, I.current.originX = p.x, I.current.originY = p.y, je?.(e);
+  };
+  v(() => (l && g && (j(document, "mousemove", ue, !1), j(document, "mouseup", pe, !1)), () => {
+    H(document, "mousemove", ue, !1), H(document, "mouseup", pe, !1);
+  }), [l, g]), v(() => {
+    J && !g && fe();
+  }, [g, p]), v(() => {
+    J && fe();
+  }, [a]), v(() => {
+    l && V();
+  }, [l]), v(() => {
+    Oe(S), $(S ? "loading" : "loaded"), V();
+  }, [S]), Mt(() => {
+    y.updateScale(T), U(1);
+  }, [T]), v(() => {
+    const e = (i) => {
+      if (i)
+        switch (i.key) {
+          case Rt.key:
+            K && z();
+            break;
+          case $t.key:
+            X();
+            break;
+          case Ot.key:
+            Y();
+            break;
+          case Et.key:
+            F();
+            break;
+          case Tt.key:
+            W();
+            break;
+        }
+    };
+    return l && !g && !O.current && (O.current = !0, j(document, "keydown", e)), () => {
+      O.current = !1, H(document, "keydown", e);
+    };
+  }, [l, K, g, r, a]);
+  const mt = [
+    !1,
+    {
+      key: "rotateRight",
+      name: C?.ImagePreview.rotateRight,
+      content: /* @__PURE__ */ s(kt, {}),
+      onClick: Qe
+    },
+    {
+      key: "rotateLeft",
+      name: C?.ImagePreview.rotateLeft,
+      content: /* @__PURE__ */ s(xt, {}),
+      onClick: Je
+    },
+    {
+      key: "zoomIn",
+      name: C?.ImagePreview.zoomIn,
+      content: /* @__PURE__ */ s(Ct, {}),
+      onClick: F,
+      disabled: a === y.maxScale
+    },
+    {
+      key: "zoomOut",
+      name: C?.ImagePreview.zoomOut,
+      content: /* @__PURE__ */ s(It, {}),
+      onClick: W,
+      disabled: a === y.minScale
+    },
+    {
+      key: "originalSize",
+      name: C?.ImagePreview.originalSize,
+      content: /* @__PURE__ */ s(bt, {}),
+      onClick: ot
+    },
+    {
+      key: "maximize",
+      name: "最大化",
+      content: /* @__PURE__ */ s(gt, {}),
+      onClick: nt
+    },
+    !!n && {
+      key: "next",
+      name: "下一张",
+      content: /* @__PURE__ */ s(yt, {}),
+      disabled: se,
+      onClick: X
+    },
+    !!n && {
+      key: "prev",
+      name: "上一张",
+      content: /* @__PURE__ */ s(ht, {}),
+      disabled: ie,
+      onClick: Y
+    },
+    {
+      key: "copy",
+      name: "复制",
+      content: /* @__PURE__ */ s(dt, {}),
+      onClick: rt
+    },
+    {
+      key: "close",
+      name: "关闭",
+      content: /* @__PURE__ */ s(de, {}),
+      onClick: me
+    }
+  ].filter(Boolean);
+  v(() => {
+    const e = Xt([b.current], st);
+    return () => {
+      e();
+    };
+  }, [b.current]);
+  const ft = () => {
+    const e = /* @__PURE__ */ s(
+      "img",
+      {
+        onWheel: tt,
+        ref: w,
+        className: ve(Ge, `${u}-img`, {
+          [`${u}-img-moving`]: g
+        }),
+        style: {
+          ...He,
+          transform: `translate(${p.x}px, ${p.y}px) rotate(${P}deg)`
+        },
+        src: E,
+        ..._e,
+        onLoad: at,
+        onError: ct,
+        onMouseDown: (i) => {
+          i.button === 0 && lt(i);
+        }
+      },
+      E
+    );
+    return Te?.(e) ?? e;
+  };
+  return /* @__PURE__ */ s(Wt, { visible: l, forceRender: !1, getContainer: ae, children: /* @__PURE__ */ s(
+    zt,
+    {
+      ...Q,
+      childrenName: "ImagePreview",
+      getPopupContainer: () => b.current,
+      children: /* @__PURE__ */ M(
+        "div",
+        {
+          className: De,
+          style: {
+            ...Ce || {},
+            ...Ke ? {} : { zIndex: "inherit", position: "absolute" }
+          },
+          ref: te,
+          children: [
+            /* @__PURE__ */ s(
+              be,
+              {
+                in: l,
+                timeout: 400,
+                appear: !0,
+                classNames: "fadeImage",
+                mountOnEnter: !0,
+                unmountOnExit: !1,
+                onEnter: (e) => {
+                  e && (e.parentNode.style.display = "block", e.style.display = "block");
+                },
+                onExited: (e) => {
+                  e && (e.parentNode.style.display = "", e.style.display = "none");
+                },
+                children: /* @__PURE__ */ s("div", { className: `${u}-mask`, onClick: it })
+              }
+            ),
+            l && /* @__PURE__ */ M(
+              "div",
+              {
+                ref: b,
+                className: `${u}-wrapper`,
+                onClick: le,
+                children: [
+                  /* @__PURE__ */ M(
+                    "div",
+                    {
+                      ref: Ve,
+                      className: `${u}-img-container`,
+                      style: { transform: `scale(${a}, ${a})` },
+                      onClick: le,
+                      children: [
+                        ft(),
+                        Ye && /* @__PURE__ */ s("div", { className: `${u}-loading`, children: /* @__PURE__ */ s(vt, {}) })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ s(
+                    be,
+                    {
+                      in: oe,
+                      timeout: 400,
+                      appear: !0,
+                      classNames: "fadeImage",
+                      unmountOnExit: !0,
+                      children: /* @__PURE__ */ M("div", { className: `${u}-scale-value`, children: [
+                        (a * 100).toFixed(0),
+                        "%"
+                      ] })
+                    }
+                  ),
+                  Xe && /* @__PURE__ */ s(
+                    jt,
+                    {
+                      prefixCls: ee,
+                      previewPrefixCls: u,
+                      actions: Ne,
+                      actionsLayout: ze,
+                      defaultActions: mt,
+                      simple: Be
+                    }
+                  ),
+                  Pe && /* @__PURE__ */ s(
+                    "div",
+                    {
+                      className: `${u}-close-btn`,
+                      onClick: me,
+                      children: /* @__PURE__ */ s(de, {})
+                    }
+                  ),
+                  n && /* @__PURE__ */ s(
+                    Zt,
+                    {
+                      previewCount: o.size,
+                      current: r,
+                      infinite: f,
+                      disableLeft: ie,
+                      disableRight: se,
+                      onPrev: Y,
+                      onNext: X
+                    }
+                  ),
+                  Ee
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  ) });
+}
+const Qt = wt(
+  Jt
+);
+Qt.displayName = "ImagePreview";
+export {
+  Qt as P,
+  qt as u
+};

package/chunk/DfChiMIE.js

@@ -0,0 +1,15 @@
+import { useRef as c, useEffect as f } from "react";
+const u = (t) => (r, s) => {
+  const e = c(!1);
+  t(() => () => {
+    e.current = !1;
+  }, []), t(() => {
+    if (e.current)
+      return r();
+    e.current = !0;
+  }, s);
+}, a = u(f);
+export {
+  u as c,
+  a as u
+};

package/chunk/Dh-zFF65.js

@@ -0,0 +1,15 @@
+import { useState as o, useEffect as i } from "react";
+const r = (t, e) => e !== void 0 ? e : window.matchMedia(t).matches, h = (t, e) => {
+  const [c, a] = o(r(t, e));
+  return i(() => {
+    const n = window.matchMedia(t), s = () => {
+      a(!!n.matches);
+    };
+    return n.addEventListener("change", s), a(n.matches), () => {
+      n.removeEventListener("change", s);
+    };
+  }, [t]), c;
+};
+export {
+  h as u
+};

package/{components/common/utils/getHotkeyHandler.js → chunk/Dh7Osrvr.js}

@@ -1,5 +1,5 @@
-import e from "lodash/isNumber";
-import f from "lodash/isString";
+import s from "lodash/isNumber";
+import e from "lodash/isString";
 const o = (a) => JSON.stringify({
   code: a.code,
   ctrl: !!a.ctrl,
@@ -7,10 +7,10 @@ const o = (a) => JSON.stringify({
   alt: !!a.alt,
   meta: !!a.meta
 });
-function n(a) {
+function l(a) {
   const c = {};
   return a.forEach((t, r) => {
-    r = e(r) || f(r) ? { code: r } : r, c[o(r)] = t;
+    r = s(r) || e(r) ? { code: r } : r, c[o(r)] = t;
   }), (t) => {
     const r = o({
       code: t.code,
@@ -23,6 +23,5 @@ function n(a) {
   };
 }
 export {
-  n as default,
-  n as getHotkeyHandler
+  l as g
 };

package/chunk/Di5KBCVQ.js

@@ -0,0 +1,4 @@
+const e = !!(typeof window < "u" && window.document && window.document.createElement);
+export {
+  e as i
+};