@unicom-cloud/ui 0.8.108 → 0.8.110

package/image/ImageFooter.js

@@ -1,46 +1,8 @@
-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() })
-  ] });
-};
+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";
 export {
-  I as ImageFooter
+  e as ImageFooter
 };

package/image/ImagePreview.js

@@ -1,484 +1,86 @@
-import { jsx as o, jsxs as P } from "react/jsx-runtime";
-import me from "@unicom-cloud/icons/IconUiClose";
-import pt from "@unicom-cloud/icons/IconUiCopy";
-import dt from "@unicom-cloud/icons/IconUiFullscreen";
-import gt from "@unicom-cloud/icons/IconUiLeft";
-import vt from "@unicom-cloud/icons/IconUiLoading";
-import kt from "@unicom-cloud/icons/IconUiOriginalSize";
-import wt from "@unicom-cloud/icons/IconUiRight";
-import yt from "@unicom-cloud/icons/IconUiRotateLeft";
-import Ct from "@unicom-cloud/icons/IconUiRotateRight";
-import bt from "@unicom-cloud/icons/IconUiZoomIn";
-import ht from "@unicom-cloud/icons/IconUiZoomOut";
-import xt from "lodash/isUndefined";
-import { forwardRef as It, useContext as ue, useState as m, useRef as d, useMemo as fe, useImperativeHandle as St, useCallback as Rt, useEffect as u } from "react";
-import Pt from "../config-provider/ConfigProvider.js";
+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/BcEZk8pT.js";
+import "../chunk/DsaQZE4X.js";
+import "../chunk/CdXR6dj7.js";
+import "@unicom-cloud/utils/js-cookie";
+import "dayjs";
+import "lodash/debounce";
+import "../chunk/DfChiMIE.js";
+import "@unicom-cloud/utils/screenfull";
+import "../chunk/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 Nt from "../components/common/hooks/useMergeValue.js";
-import "../components/common/utils/is.js";
-import { ArrowDown as zt, ArrowUp as Lt, ArrowLeft as Mt, ArrowRight as Tt, Esc as Et } from "@unicom-cloud/utils/constant/keyboardCode";
+import "../chunk/2vdCeheu.js";
+import "@unicom-cloud/utils/constant/keyboardCode";
 import "lodash/isNumber";
 import "lodash/merge";
-import { isServerRendering as Ot, on as B, off as F } from "../components/common/utils/dom.js";
-import "../components/common/hooks/useIntersectionObserver.js";
-import $t from "../components/common/hooks/useMergeProps.js";
-import Ut from "../components/common/hooks/useOverflowHidden.js";
-import { findDOMNode_ as Dt } from "../components/common/utils/reactDOM.js";
+import "../chunk/d1c9z8T1.js";
+import "@unicom-cloud/utils/date";
+import "@unicom-cloud/utils/case-name";
+import "@unicom-cloud/utils/class-name";
+import "@unicom-cloud/utils/constant/ui";
+import "@unicom-cloud/utils/clipboard-copy";
+import "../chunk/DS_deHpN.js";
+import "@unicom-cloud/utils/file/fileToURL";
+import "lodash/escapeRegExp";
+import "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 "../chunk/B--6x-RL.js";
+import "../chunk/CXrVhA6-.js";
+import "../chunk/BJ9_azwQ.js";
+import "../chunk/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 "../chunk/hc_ufgVf.js";
+import "../chunk/RjJoagzL.js";
+import "../chunk/FgWHhRFz.js";
+import "../chunk/BqWBaRtM.js";
 import "@unicom-cloud/utils/constant";
-import At from "../components/common/hooks/useUpdateEffect.js";
-import "lodash/debounce";
-import Vt from "../portal/index.js";
-import { PqbCSSTransition as pe } from "../components/common/utils/PqbCSSTransition.js";
-import de from "@unicom-cloud/utils/class-name";
-import Yt from "@unicom-cloud/utils/clipboard-copy";
-import { resizeObserver as Xt } from "../components/common/utils/resizeObserver.js";
-import Wt from "./ImagePreviewArrow.js";
-import Bt from "./ImagePreviewToolbar.js";
-import { PreviewGroupContext as Ft } from "./previewGroupContext.js";
-import Zt from "./util/getFixTranslate.js";
-import jt, { defaultScales as Ht } from "./util/getScale.js";
-import Gt from "./util/hook/useImageStatus.js";
-import _t from "../config-provider/context.js";
-const Z = 90, qt = {
-  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: Ht,
-  resetTranslate: !0
-};
-function Kt(ge, ve) {
-  const {
-    previewGroup: v,
-    previewUrlMap: y,
-    currentIndex: a,
-    setCurrentIndex: ke,
-    infinite: C,
-    previewPropsMap: we
-  } = ue(Ft), ye = v ? we.get(a) : {}, N = $t(
-    ge,
-    qt,
-    ye
-  ), {
-    className: Ce,
-    style: be,
-    src: he,
-    defaultVisible: xe,
-    maskClosable: Ie,
-    closable: Se,
-    breakPoint: Re,
-    actions: Pe,
-    actionsLayout: Ne,
-    getPopupContainer: j,
-    onVisibleChange: ze,
-    scales: z,
-    escToExit: H,
-    imgAttributes: Le = {},
-    imageRender: Me,
-    extra: Te = null,
-    resetTranslate: G
-  } = N, b = v ? y.get(a) : he, [L, Ee] = m(b), [r, Oe] = Nt(!1, {
-    defaultValue: xe,
-    value: N.visible
-  }), _ = ue(_t), { getPrefixCls: $e, locale: k, rtl: Ue } = _, q = $e?.("image"), i = `${q}-preview`, De = de(
-    i,
-    {
-      [`${i}-hide`]: !r,
-      [`${i}-rtl`]: Ue
-    },
-    Ce
-  ), h = d(), Ae = d(), f = d(), K = d(), M = d(!1), w = d({
-    pageX: 0,
-    pageY: 0,
-    originX: 0,
-    originY: 0
-  }), { isLoading: Ve, isLoaded: Ye, setStatus: T } = Gt("loading"), [Xe, We] = m(!1), [s, E] = m({ x: 0, y: 0 }), [n, O] = m(1), [J, Q] = m(!1), [x, $] = m(0), [c, ee] = m(!1), p = fe(() => new jt(z), []), {
-    onLoad: Be,
-    onError: Fe,
-    onMouseDown: Ze,
-    style: je,
-    className: He,
-    ...Ge
-  } = Le, te = !C && a <= 0, oe = !C && a >= y.size - 1;
-  function U() {
-    E({ x: 0, y: 0 }), O(1), $(0);
-  }
-  St(ve, () => ({
-    reset: U,
-    getRootDOMNode: () => K.current
-  }));
-  const [I, _e] = m(), ne = Rt(() => I, [I]);
-  u(() => {
-    const e = j?.(), t = Dt(e) || document.body;
-    _e(t);
-  }, [j]), Ut(ne, { hidden: r });
-  const qe = fe(
-    () => !Ot && I === document.body,
-    [I]
-  );
-  function re(e) {
-    const t = y.size;
-    C && (e %= t, e < 0 && (e = t - Math.abs(e))), e !== a && e >= 0 && e <= t - 1 && ke(e);
-  }
-  function D() {
-    re(a - 1);
-  }
-  function A() {
-    re(a + 1);
-  }
-  function Ke() {
-    $(x === 0 ? 360 - Z : x - Z);
-  }
-  function Je() {
-    $((x + Z) % 360);
-  }
-  const V = d(null), Qe = () => {
-    !J && Q(!0), V.current && clearTimeout(V.current), V.current = setTimeout(() => {
-      Q(!1);
-    }, 1e3);
-  }, S = (e) => {
-    n !== e && (O(e), Qe());
-  };
-  function Y() {
-    const e = p.getNextScale(n, "zoomIn");
-    S(e);
-  }
-  function X() {
-    const e = p.getNextScale(n, "zoomOut");
-    S(e);
-  }
-  function et(e) {
-    e.deltaY > 0 ? n >= p.minScale && X() : n <= p.maxScale && Y();
-  }
-  function tt() {
-    S(1);
-  }
-  function ot() {
-    const e = f.current.getBoundingClientRect(), t = h.current.getBoundingClientRect(), l = e.height / (t.height / n), g = e.width / (t.width / n), W = Math.max(l, g);
-    S(W);
-  }
-  function ie(e) {
-    e.target === e.currentTarget && Ie && R();
-  }
-  function nt() {
-    Yt(L);
-  }
-  function ae() {
-    R();
-  }
-  function rt(e) {
-    R();
-  }
-  function R() {
-    r && (ze?.(!1, r), xt(N.visible) && Oe(!1));
-  }
-  function it(e) {
-    if (e && e.length) {
-      const l = e[0].contentRect.width < Re;
-      We(l);
-    }
-  }
-  const se = () => {
-    if (!f.current || !h.current)
-      return;
-    const e = f.current.getBoundingClientRect(), t = h.current.getBoundingClientRect(), [l, g] = Zt(
-      e,
-      t,
-      s.x,
-      s.y,
-      n
-    );
-    (l !== s.x || g !== s.y) && E({
-      x: l,
-      y: g
-    });
-  }, ce = (e) => {
-    if (r && c) {
-      e.preventDefault?.();
-      const { originX: t, originY: l, pageX: g, pageY: W } = w.current, ut = t + (e.pageX - g) / n, ft = l + (e.pageY - W) / n;
-      E({
-        x: ut,
-        y: ft
-      });
-    }
-  }, le = (e) => {
-    e.preventDefault?.(), ee(!1);
-  };
-  function at(e) {
-    T("loaded"), Be?.(e);
-  }
-  function st(e) {
-    T("error"), Fe?.(e);
-  }
-  const ct = (e) => {
-    e.preventDefault?.(), ee(!0);
-    const t = e.type === "touchstart" ? e.touches[0] : e;
-    w.current.pageX = t.pageX, w.current.pageY = t.pageY, w.current.originX = s.x, w.current.originY = s.y, Ze?.(e);
-  };
-  u(() => (r && c && (B(document, "mousemove", ce, !1), B(document, "mouseup", le, !1)), () => {
-    F(document, "mousemove", ce, !1), F(document, "mouseup", le, !1);
-  }), [r, c]), u(() => {
-    G && !c && se();
-  }, [c, s]), u(() => {
-    G && se();
-  }, [n]), u(() => {
-    r && U();
-  }, [r]), u(() => {
-    Ee(b), T(b ? "loading" : "loaded"), U();
-  }, [b]), At(() => {
-    p.updateScale(z), O(1);
-  }, [z]), u(() => {
-    const e = (t) => {
-      if (t)
-        switch (t.key) {
-          case Et.key:
-            H && R();
-            break;
-          case Tt.key:
-            A();
-            break;
-          case Mt.key:
-            D();
-            break;
-          case Lt.key:
-            Y();
-            break;
-          case zt.key:
-            X();
-            break;
-        }
-    };
-    return r && !c && !M.current && (M.current = !0, B(document, "keydown", e)), () => {
-      M.current = !1, F(document, "keydown", e);
-    };
-  }, [r, H, c, a, n]);
-  const lt = [
-    !1,
-    {
-      key: "rotateRight",
-      name: k?.ImagePreview.rotateRight,
-      content: /* @__PURE__ */ o(Ct, {}),
-      onClick: Je
-    },
-    {
-      key: "rotateLeft",
-      name: k?.ImagePreview.rotateLeft,
-      content: /* @__PURE__ */ o(yt, {}),
-      onClick: Ke
-    },
-    {
-      key: "zoomIn",
-      name: k?.ImagePreview.zoomIn,
-      content: /* @__PURE__ */ o(bt, {}),
-      onClick: Y,
-      disabled: n === p.maxScale
-    },
-    {
-      key: "zoomOut",
-      name: k?.ImagePreview.zoomOut,
-      content: /* @__PURE__ */ o(ht, {}),
-      onClick: X,
-      disabled: n === p.minScale
-    },
-    {
-      key: "originalSize",
-      name: k?.ImagePreview.originalSize,
-      content: /* @__PURE__ */ o(kt, {}),
-      onClick: tt
-    },
-    {
-      key: "maximize",
-      name: "最大化",
-      content: /* @__PURE__ */ o(dt, {}),
-      onClick: ot
-    },
-    !!v && {
-      key: "next",
-      name: "下一张",
-      content: /* @__PURE__ */ o(wt, {}),
-      disabled: oe,
-      onClick: A
-    },
-    !!v && {
-      key: "prev",
-      name: "上一张",
-      content: /* @__PURE__ */ o(gt, {}),
-      disabled: te,
-      onClick: D
-    },
-    {
-      key: "copy",
-      name: "复制",
-      content: /* @__PURE__ */ o(pt, {}),
-      onClick: nt
-    },
-    {
-      key: "close",
-      name: "关闭",
-      content: /* @__PURE__ */ o(me, {}),
-      onClick: ae
-    }
-  ].filter(Boolean);
-  u(() => {
-    const e = Xt([f.current], it);
-    return () => {
-      e();
-    };
-  }, [f.current]);
-  const mt = () => {
-    const e = /* @__PURE__ */ o(
-      "img",
-      {
-        onWheel: et,
-        ref: h,
-        className: de(He, `${i}-img`, {
-          [`${i}-img-moving`]: c
-        }),
-        style: {
-          ...je,
-          transform: `translate(${s.x}px, ${s.y}px) rotate(${x}deg)`
-        },
-        src: L,
-        ...Ge,
-        onLoad: at,
-        onError: st,
-        onMouseDown: (t) => {
-          t.button === 0 && ct(t);
-        }
-      },
-      L
-    );
-    return Me?.(e) ?? e;
-  };
-  return /* @__PURE__ */ o(Vt, { visible: r, forceRender: !1, getContainer: ne, children: /* @__PURE__ */ o(
-    Pt,
-    {
-      ..._,
-      childrenName: "ImagePreview",
-      getPopupContainer: () => f.current,
-      children: /* @__PURE__ */ P(
-        "div",
-        {
-          className: De,
-          style: {
-            ...be || {},
-            ...qe ? {} : { zIndex: "inherit", position: "absolute" }
-          },
-          ref: K,
-          children: [
-            /* @__PURE__ */ o(
-              pe,
-              {
-                in: r,
-                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__ */ o("div", { className: `${i}-mask`, onClick: rt })
-              }
-            ),
-            r && /* @__PURE__ */ P(
-              "div",
-              {
-                ref: f,
-                className: `${i}-wrapper`,
-                onClick: ie,
-                children: [
-                  /* @__PURE__ */ P(
-                    "div",
-                    {
-                      ref: Ae,
-                      className: `${i}-img-container`,
-                      style: { transform: `scale(${n}, ${n})` },
-                      onClick: ie,
-                      children: [
-                        mt(),
-                        Ve && /* @__PURE__ */ o("div", { className: `${i}-loading`, children: /* @__PURE__ */ o(vt, {}) })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ o(
-                    pe,
-                    {
-                      in: J,
-                      timeout: 400,
-                      appear: !0,
-                      classNames: "fadeImage",
-                      unmountOnExit: !0,
-                      children: /* @__PURE__ */ P("div", { className: `${i}-scale-value`, children: [
-                        (n * 100).toFixed(0),
-                        "%"
-                      ] })
-                    }
-                  ),
-                  Ye && /* @__PURE__ */ o(
-                    Bt,
-                    {
-                      prefixCls: q,
-                      previewPrefixCls: i,
-                      actions: Pe,
-                      actionsLayout: Ne,
-                      defaultActions: lt,
-                      simple: Xe
-                    }
-                  ),
-                  Se && /* @__PURE__ */ o(
-                    "div",
-                    {
-                      className: `${i}-close-btn`,
-                      onClick: ae,
-                      children: /* @__PURE__ */ o(me, {})
-                    }
-                  ),
-                  v && /* @__PURE__ */ o(
-                    Wt,
-                    {
-                      previewCount: y.size,
-                      current: a,
-                      infinite: C,
-                      disableLeft: te,
-                      disableRight: oe,
-                      onPrev: D,
-                      onNext: A
-                    }
-                  ),
-                  Te
-                ]
-              }
-            )
-          ]
-        }
-      )
-    }
-  ) });
-}
-const Jt = It(
-  Kt
-);
-Jt.displayName = "ImagePreview";
+import "../portal/index.js";
+import "./ImagePreviewArrow.js";
+import "./ImagePreviewToolbar.js";
+import "./previewGroupContext.js";
+import { P as Eo } from "../chunk/Dbw0YUY1.js";
 export {
-  Jt as default
+  Eo as default
 };

package/image/ImagePreviewArrow.js

@@ -2,19 +2,18 @@ import { jsxs as f, jsx as r } from "react/jsx-runtime";
 import d from "@unicom-cloud/icons/IconUiLeft";
 import p from "@unicom-cloud/icons/IconUiRight";
 import { useContext as v } from "react";
-import "../config-provider/ConfigProvider.js";
+import { a as w } from "../chunk/BcEZk8pT.js";
 import o from "@unicom-cloud/utils/class-name";
-import w from "../config-provider/context.js";
-function j(a) {
+function P(s) {
   const {
     current: u,
     previewCount: x,
     infinite: C = !1,
     disableLeft: t,
-    disableRight: s,
+    disableRight: a,
     onPrev: n,
     onNext: l
-  } = a, { getPrefixCls: m } = v(w), e = m?.("image-preview"), c = o(`${e}-arrow`);
+  } = s, { getPrefixCls: m } = v(w), e = m?.("image-preview"), c = o(`${e}-arrow`);
   return /* @__PURE__ */ f("div", { className: c, children: [
     /* @__PURE__ */ r(
       "div",
@@ -32,10 +31,10 @@ function j(a) {
       "div",
       {
         className: o(`${e}-arrow-right`, {
-          [`${e}-arrow-disabled`]: s
+          [`${e}-arrow-disabled`]: a
         }),
         onClick: (i) => {
-          i.preventDefault(), !s && l?.();
+          i.preventDefault(), !a && l?.();
         },
         children: /* @__PURE__ */ r(p, {})
       }
@@ -43,5 +42,5 @@ function j(a) {
   ] });
 }
 export {
-  j as default
+  P as default
 };