@unicom-cloud/ui 0.8.83 → 0.8.85

package/chunk/DuWBv5j3.js

@@ -0,0 +1,570 @@
+var ht = Object.defineProperty;
+var vt = (a, t, o) => t in a ? ht(a, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : a[t] = o;
+var ke = (a, t, o) => vt(a, typeof t != "symbol" ? t + "" : t, o);
+import { jsx as s, jsxs as M } from "react/jsx-runtime";
+import xe from "@unicom-cloud/icons/IconUiClose";
+import bt from "@unicom-cloud/icons/IconUiCopy";
+import yt from "@unicom-cloud/icons/IconUiFullscreen";
+import kt from "@unicom-cloud/icons/IconUiLeft";
+import xt from "@unicom-cloud/icons/IconUiLoading";
+import It from "@unicom-cloud/icons/IconUiOriginalSize";
+import Ct from "@unicom-cloud/icons/IconUiRight";
+import St from "@unicom-cloud/icons/IconUiRotateLeft";
+import wt from "@unicom-cloud/icons/IconUiRotateRight";
+import Pt from "@unicom-cloud/icons/IconUiZoomIn";
+import Lt from "@unicom-cloud/icons/IconUiZoomOut";
+import Nt from "lodash/isUndefined";
+import { useState as h, forwardRef as zt, useContext as Ie, useRef as x, useMemo as Ce, useImperativeHandle as At, useCallback as Mt, useEffect as b } from "react";
+import { a as Tt, b as Et } from "./B44Hj5ad.js";
+import "lodash/isEqualWith";
+import { u as Ot } from "./CXPOj2uy.js";
+import "./ClM74To2.js";
+import { ArrowDown as $t, ArrowUp as Ut, ArrowLeft as Rt, ArrowRight as Yt, Esc as Dt } from "@unicom-cloud/utils/constant/keyboardCode";
+import "lodash/isNumber";
+import "lodash/merge";
+import { isServerRendering as Xt, on as Q, off as ee } from "../utils/dom.js";
+import "./B4WG1mhs.js";
+import { u as Vt } from "./BFTV6myl.js";
+import { u as Bt } from "./DU1RCDfh.js";
+import { f as Ft } from "./BZ3igxQN.js";
+import "@unicom-cloud/utils/constant";
+import { u as Wt } from "./a3hR6zLw.js";
+import "lodash/debounce";
+import Zt from "../portal/index.js";
+import { P as Se } from "./NPajzdOv.js";
+import we from "@unicom-cloud/utils/class-name";
+import jt from "@unicom-cloud/utils/clipboard-copy";
+import { r as Ht } from "./CIRG541s.js";
+import Gt from "../image/ImagePreviewArrow.js";
+import _t from "../image/ImagePreviewToolbar.js";
+import { PreviewGroupContext as qt } from "../image/previewGroupContext.js";
+import Kt from "lodash/isArray";
+function Jt(a, t, o, n, i) {
+  let f = o, u = n;
+  return o && (a.width > t.width ? f = 0 : (t.left > a.left && (f -= Math.abs(a.left - t.left) / i), t.right < a.right && (f += Math.abs(a.right - t.right) / i))), n && (a.height > t.height ? u = 0 : (t.top > a.top && (u -= Math.abs(a.top - t.top) / i), t.bottom < a.bottom && (u += Math.abs(a.bottom - t.bottom) / i))), [f, u];
+}
+const Pe = [
+  25,
+  33,
+  50,
+  67,
+  75,
+  80,
+  90,
+  100,
+  110,
+  125,
+  150,
+  175,
+  200,
+  250,
+  300,
+  400,
+  500
+];
+class Qt {
+  constructor(t) {
+    ke(this, "scaleAttr");
+    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 o = Pe;
+    if (Kt(t) && t.filter((n) => n > 0).length && (o = t.filter((n) => n > 0)), o = o.map((n) => +(n / 100).toFixed(2)), !o.includes(1)) {
+      const n = this.findClosestIndex(1, o), f = o[n] < 1 ? n + 1 : n;
+      o.splice(f, 0, 1);
+    }
+    this.scaleAttr = o;
+  }
+  findClosestIndex(t, o = this.scaleAttr) {
+    if (!o.length)
+      return;
+    if (o.length === 1)
+      return 0;
+    let n = o.length - 1;
+    for (let i = 0; i < o.length; i++) {
+      const f = o[i];
+      if (t === f) {
+        n = i;
+        break;
+      }
+      if (t < f) {
+        const u = o[i - 1];
+        n = u === void 0 || Math.abs(u - t) <= Math.abs(f - t) ? i - 1 : i;
+        break;
+      }
+    }
+    return n;
+  }
+  getNextScale(t, o = "zoomIn") {
+    let n = this.scaleAttr.indexOf(t);
+    return n === -1 && (n = this.findClosestIndex(t)), o === "zoomIn" ? n === this.scaleAttr.length - 1 ? t : this.scaleAttr[n + 1] : n === 0 ? t : this.scaleAttr[n - 1];
+  }
+}
+function eo(a) {
+  const [t, o] = h(a);
+  return {
+    status: t,
+    isBeforeLoad: t === "beforeLoad",
+    isLoading: t === "loading",
+    isError: t === "error",
+    isLoaded: t === "loaded",
+    isLazyLoad: t === "lazyload",
+    setStatus: o
+  };
+}
+const te = 90, to = {
+  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: Pe,
+  resetTranslate: !0
+};
+function oo(a, t) {
+  const {
+    previewGroup: o,
+    previewUrlMap: n,
+    currentIndex: i,
+    setCurrentIndex: f,
+    infinite: u,
+    previewPropsMap: oe
+  } = Ie(qt), Le = o ? oe.get(i) : {}, T = Vt(
+    a,
+    to,
+    Le
+  ), {
+    className: Ne,
+    style: ze,
+    src: Ae,
+    defaultVisible: Me,
+    maskClosable: Te,
+    closable: Ee,
+    breakPoint: Oe,
+    actions: $e,
+    actionsLayout: Ue,
+    getPopupContainer: S,
+    onVisibleChange: E,
+    scales: O,
+    escToExit: ne,
+    imgAttributes: Re = {},
+    imageRender: $,
+    extra: Ye = null,
+    resetTranslate: re
+  } = T, w = o ? n.get(i) : Ae, [U, De] = h(w), [m, Xe] = Ot(!1, {
+    defaultValue: Me,
+    value: T.visible
+  }), ie = Ie(Tt), { getPrefixCls: R, locale: l, rtl: Ve } = ie, se = R == null ? void 0 : R("image"), d = `${se}-preview`, Be = we(
+    d,
+    {
+      [`${d}-hide`]: !m,
+      [`${d}-rtl`]: Ve
+    },
+    Ne
+  ), P = x(), Fe = x(), y = x(), ae = x(), Y = x(!1), C = x({
+    pageX: 0,
+    pageY: 0,
+    originX: 0,
+    originY: 0
+  }), { isLoading: We, isLoaded: Ze, setStatus: D } = eo("loading"), [je, He] = h(!1), [g, X] = h({ x: 0, y: 0 }), [c, V] = h(1), [ce, le] = h(!1), [L, B] = h(0), [v, me] = h(!1), k = Ce(() => new Qt(O), []), {
+    onLoad: F,
+    onError: W,
+    onMouseDown: Z,
+    style: Ge,
+    className: _e,
+    ...qe
+  } = Re, fe = !u && i <= 0, ue = !u && i >= n.size - 1;
+  function j() {
+    X({ x: 0, y: 0 }), V(1), B(0);
+  }
+  At(t, () => ({
+    reset: j,
+    getRootDOMNode: () => ae.current
+  }));
+  const [N, Ke] = h(), de = Mt(() => N, [N]);
+  b(() => {
+    const e = S == null ? void 0 : S(), r = Ft(e) || document.body;
+    Ke(r);
+  }, [S]), Bt(de, { hidden: m });
+  const Je = Ce(
+    () => !Xt && N === document.body,
+    [N]
+  );
+  function pe(e) {
+    const r = n.size;
+    u && (e %= r, e < 0 && (e = r - Math.abs(e))), e !== i && e >= 0 && e <= r - 1 && f(e);
+  }
+  function H() {
+    pe(i - 1);
+  }
+  function G() {
+    pe(i + 1);
+  }
+  function Qe() {
+    B(L === 0 ? 360 - te : L - te);
+  }
+  function et() {
+    B((L + te) % 360);
+  }
+  const _ = x(null), tt = () => {
+    !ce && le(!0), _.current && clearTimeout(_.current), _.current = setTimeout(() => {
+      le(!1);
+    }, 1e3);
+  }, z = (e) => {
+    c !== e && (V(e), tt());
+  };
+  function q() {
+    const e = k.getNextScale(c, "zoomIn");
+    z(e);
+  }
+  function K() {
+    const e = k.getNextScale(c, "zoomOut");
+    z(e);
+  }
+  function ot(e) {
+    e.deltaY > 0 ? c >= k.minScale && K() : c <= k.maxScale && q();
+  }
+  function nt() {
+    z(1);
+  }
+  function rt() {
+    const e = y.current.getBoundingClientRect(), r = P.current.getBoundingClientRect(), p = e.height / (r.height / c), I = e.width / (r.width / c), J = Math.max(p, I);
+    z(J);
+  }
+  function ge(e) {
+    e.target === e.currentTarget && Te && A();
+  }
+  function it() {
+    jt(U);
+  }
+  function he() {
+    A();
+  }
+  function st(e) {
+    A();
+  }
+  function A() {
+    m && (E == null || E(!1, m), Nt(T.visible) && Xe(!1));
+  }
+  function at(e) {
+    if (e && e.length) {
+      const p = e[0].contentRect.width < Oe;
+      He(p);
+    }
+  }
+  const ve = () => {
+    if (!y.current || !P.current)
+      return;
+    const e = y.current.getBoundingClientRect(), r = P.current.getBoundingClientRect(), [p, I] = Jt(
+      e,
+      r,
+      g.x,
+      g.y,
+      c
+    );
+    (p !== g.x || I !== g.y) && X({
+      x: p,
+      y: I
+    });
+  }, be = (e) => {
+    var r;
+    if (m && v) {
+      (r = e.preventDefault) == null || r.call(e);
+      const { originX: p, originY: I, pageX: J, pageY: dt } = C.current, pt = p + (e.pageX - J) / c, gt = I + (e.pageY - dt) / c;
+      X({
+        x: pt,
+        y: gt
+      });
+    }
+  }, ye = (e) => {
+    var r;
+    (r = e.preventDefault) == null || r.call(e), me(!1);
+  };
+  function ct(e) {
+    D("loaded"), F == null || F(e);
+  }
+  function lt(e) {
+    D("error"), W == null || W(e);
+  }
+  const mt = (e) => {
+    var p;
+    (p = e.preventDefault) == null || p.call(e), me(!0);
+    const r = e.type === "touchstart" ? e.touches[0] : e;
+    C.current.pageX = r.pageX, C.current.pageY = r.pageY, C.current.originX = g.x, C.current.originY = g.y, Z == null || Z(e);
+  };
+  b(() => (m && v && (Q(document, "mousemove", be, !1), Q(document, "mouseup", ye, !1)), () => {
+    ee(document, "mousemove", be, !1), ee(document, "mouseup", ye, !1);
+  }), [m, v]), b(() => {
+    re && !v && ve();
+  }, [v, g]), b(() => {
+    re && ve();
+  }, [c]), b(() => {
+    m && j();
+  }, [m]), b(() => {
+    De(w), D(w ? "loading" : "loaded"), j();
+  }, [w]), Wt(() => {
+    k.updateScale(O), V(1);
+  }, [O]), b(() => {
+    const e = (r) => {
+      if (r)
+        switch (r.key) {
+          case Dt.key:
+            ne && A();
+            break;
+          case Yt.key:
+            G();
+            break;
+          case Rt.key:
+            H();
+            break;
+          case Ut.key:
+            q();
+            break;
+          case $t.key:
+            K();
+            break;
+        }
+    };
+    return m && !v && !Y.current && (Y.current = !0, Q(document, "keydown", e)), () => {
+      Y.current = !1, ee(document, "keydown", e);
+    };
+  }, [m, ne, v, i, c]);
+  const ft = [
+    !1,
+    {
+      key: "rotateRight",
+      name: l == null ? void 0 : l.ImagePreview.rotateRight,
+      content: /* @__PURE__ */ s(wt, {}),
+      onClick: et
+    },
+    {
+      key: "rotateLeft",
+      name: l == null ? void 0 : l.ImagePreview.rotateLeft,
+      content: /* @__PURE__ */ s(St, {}),
+      onClick: Qe
+    },
+    {
+      key: "zoomIn",
+      name: l == null ? void 0 : l.ImagePreview.zoomIn,
+      content: /* @__PURE__ */ s(Pt, {}),
+      onClick: q,
+      disabled: c === k.maxScale
+    },
+    {
+      key: "zoomOut",
+      name: l == null ? void 0 : l.ImagePreview.zoomOut,
+      content: /* @__PURE__ */ s(Lt, {}),
+      onClick: K,
+      disabled: c === k.minScale
+    },
+    {
+      key: "originalSize",
+      name: l == null ? void 0 : l.ImagePreview.originalSize,
+      content: /* @__PURE__ */ s(It, {}),
+      onClick: nt
+    },
+    {
+      key: "maximize",
+      name: "最大化",
+      content: /* @__PURE__ */ s(yt, {}),
+      onClick: rt
+    },
+    !!o && {
+      key: "next",
+      name: "下一张",
+      content: /* @__PURE__ */ s(Ct, {}),
+      disabled: ue,
+      onClick: G
+    },
+    !!o && {
+      key: "prev",
+      name: "上一张",
+      content: /* @__PURE__ */ s(kt, {}),
+      disabled: fe,
+      onClick: H
+    },
+    {
+      key: "copy",
+      name: "复制",
+      content: /* @__PURE__ */ s(bt, {}),
+      onClick: it
+    },
+    {
+      key: "close",
+      name: "关闭",
+      content: /* @__PURE__ */ s(xe, {}),
+      onClick: he
+    }
+  ].filter(Boolean);
+  b(() => {
+    const e = Ht([y.current], at);
+    return () => {
+      e();
+    };
+  }, [y.current]);
+  const ut = () => {
+    const e = /* @__PURE__ */ s(
+      "img",
+      {
+        onWheel: ot,
+        ref: P,
+        className: we(_e, `${d}-img`, {
+          [`${d}-img-moving`]: v
+        }),
+        style: {
+          ...Ge,
+          transform: `translate(${g.x}px, ${g.y}px) rotate(${L}deg)`
+        },
+        src: U,
+        ...qe,
+        onLoad: ct,
+        onError: lt,
+        onMouseDown: (r) => {
+          r.button === 0 && mt(r);
+        }
+      },
+      U
+    );
+    return ($ == null ? void 0 : $(e)) ?? e;
+  };
+  return /* @__PURE__ */ s(Zt, { visible: m, forceRender: !1, getContainer: de, children: /* @__PURE__ */ s(
+    Et,
+    {
+      ...ie,
+      childrenName: "ImagePreview",
+      getPopupContainer: () => y.current,
+      children: /* @__PURE__ */ M(
+        "div",
+        {
+          className: Be,
+          style: {
+            ...ze || {},
+            ...Je ? {} : { zIndex: "inherit", position: "absolute" }
+          },
+          ref: ae,
+          children: [
+            /* @__PURE__ */ s(
+              Se,
+              {
+                in: m,
+                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: `${d}-mask`, onClick: st })
+              }
+            ),
+            m && /* @__PURE__ */ M(
+              "div",
+              {
+                ref: y,
+                className: `${d}-wrapper`,
+                onClick: ge,
+                children: [
+                  /* @__PURE__ */ M(
+                    "div",
+                    {
+                      ref: Fe,
+                      className: `${d}-img-container`,
+                      style: { transform: `scale(${c}, ${c})` },
+                      onClick: ge,
+                      children: [
+                        ut(),
+                        We && /* @__PURE__ */ s("div", { className: `${d}-loading`, children: /* @__PURE__ */ s(xt, {}) })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ s(
+                    Se,
+                    {
+                      in: ce,
+                      timeout: 400,
+                      appear: !0,
+                      classNames: "fadeImage",
+                      unmountOnExit: !0,
+                      children: /* @__PURE__ */ M("div", { className: `${d}-scale-value`, children: [
+                        (c * 100).toFixed(0),
+                        "%"
+                      ] })
+                    }
+                  ),
+                  Ze && /* @__PURE__ */ s(
+                    _t,
+                    {
+                      prefixCls: se,
+                      previewPrefixCls: d,
+                      actions: $e,
+                      actionsLayout: Ue,
+                      defaultActions: ft,
+                      simple: je
+                    }
+                  ),
+                  Ee && /* @__PURE__ */ s(
+                    "div",
+                    {
+                      className: `${d}-close-btn`,
+                      onClick: he,
+                      children: /* @__PURE__ */ s(xe, {})
+                    }
+                  ),
+                  o && /* @__PURE__ */ s(
+                    Gt,
+                    {
+                      previewCount: n.size,
+                      current: i,
+                      infinite: u,
+                      disableLeft: fe,
+                      disableRight: ue,
+                      onPrev: H,
+                      onNext: G
+                    }
+                  ),
+                  Ye
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  ) });
+}
+const no = zt(
+  oo
+);
+no.displayName = "ImagePreview";
+export {
+  no as P,
+  eo as u
+};

package/chunk/DzekwbB4.js

@@ -0,0 +1,53 @@
+import { UI_PC_PREFIX as f } from "@unicom-cloud/utils/constant/ui.js";
+import $ from "lodash/isPlainObject";
+import { C as p } from "./B6r8jPCd.js";
+import { c as s } from "./9TSjT7x_.js";
+function A(a) {
+  if (!$(a)) return;
+  const { prefix: e = f, ...n } = a, c = {
+    primary: {
+      default: `--${e}-pqbblue-6`,
+      hover: `--${e}-pqbblue-5`,
+      active: `--${e}-pqbblue-7`
+    },
+    success: {
+      default: `--${e}-green-6`,
+      hover: `--${e}-green-5`,
+      active: `--${e}-green-7`
+    },
+    info: {
+      default: `--${e}-pqbblue-6`,
+      hover: `--${e}-pqbblue-5`,
+      active: `--${e}-pqbblue-7`
+    },
+    // warning: {
+    //   default: `--${prefix}-orangered-6`,
+    //   hover: `--${prefix}-orangered-5`,
+    //   active: `--${prefix}-orangered-7`,
+    // },
+    warning: {
+      default: `--${e}-orange-6`,
+      hover: `--${e}-orange-5`,
+      active: `--${e}-orange-7`
+    },
+    danger: {
+      default: `--${e}-red-6`,
+      hover: `--${e}-red-5`,
+      active: `--${e}-red-7`
+    }
+  };
+  Object.entries(c).forEach(([o, r], u, y) => {
+    c[`${o}Color`] = r;
+    const l = n[o];
+    if (!l) return;
+    const i = new s(l), t = p;
+    t.style.setProperty(r.default, i.toRgbArrayString());
+    const g = n[`${o}Hover`];
+    g ? t.style.setProperty(r.hover, new s(g).toRgbArrayString()) : t.style.setProperty(r.hover, i.lighten(10).toRgbArrayString());
+    const b = n[`${o}Active`];
+    b ? t.style.setProperty(r.active, new s(b).toRgbArrayString()) : t.style.setProperty(r.active, i.lighten(-10).toRgbArrayString());
+  });
+}
+export {
+  A as s
+};

package/collapse/Collapse.js

@@ -3,12 +3,12 @@ import "@unicom-cloud/icons/IconUiCaretLeft";
 import "@unicom-cloud/icons/IconUiCaretRight";
 import "lodash/isFunction";
 import "react";
-import "../chunk/C9oo3EJI.js";
+import "../chunk/B44Hj5ad.js";
 import "../chunk/BFTV6myl.js";
 import "../chunk/CXPOj2uy.js";
 import "@unicom-cloud/utils/class-name";
 import "../chunk/BKKEev13.js";
-import { a as x, C as d } from "../chunk/ev6oHWqY.js";
+import { a as x, C as d } from "../chunk/BJjotfW6.js";
 export {
   x as CollapseContext,
   d as default

package/collapse/Item.js

@@ -1,11 +1,11 @@
 import "react/jsx-runtime";
 import "../chunk/BJ9_azwQ.js";
 import "react";
-import "../chunk/C9oo3EJI.js";
+import "../chunk/B44Hj5ad.js";
 import "../chunk/BYdIoY50.js";
 import "@unicom-cloud/utils/class-name";
 import "../utils/dom.js";
-import { I as d } from "../chunk/ev6oHWqY.js";
+import { I as d } from "../chunk/BJjotfW6.js";
 export {
   d as default
 };

package/collapse/index.js

@@ -1,4 +1,4 @@
-import { C as a } from "../chunk/ev6oHWqY.js";
+import { C as a } from "../chunk/BJjotfW6.js";
 export {
   a as default
 };

package/color-picker/ControlBar.js

@@ -1,6 +1,6 @@
 import { jsx as p } from "react/jsx-runtime";
 import { useContext as B } from "react";
-import { a as C } from "../chunk/C9oo3EJI.js";
+import { a as C } from "../chunk/B44Hj5ad.js";
 import R from "@unicom-cloud/utils/class-name";
 import { u as g } from "../chunk/k-OUstoD.js";
 const q = ({

package/color-picker/InputAlpha.js

@@ -1,6 +1,6 @@
 import { jsx as p } from "react/jsx-runtime";
 import { useContext as a } from "react";
-import { a as e } from "../chunk/C9oo3EJI.js";
+import { a as e } from "../chunk/B44Hj5ad.js";
 import { InputNumber as i } from "../input/Input.js";
 const x = ({ value: n, onChange: t }) => {
   const { getPrefixCls: o } = a(e), r = o == null ? void 0 : o("color-picker");

package/color-picker/InputHex.js

@@ -1,9 +1,9 @@
 import { jsxs as v, jsx as m } from "react/jsx-runtime";
 import { c as u } from "../chunk/9TSjT7x_.js";
 import { useContext as I, useState as j, useEffect as D } from "react";
-import { a as E } from "../chunk/C9oo3EJI.js";
+import { a as H } from "../chunk/B44Hj5ad.js";
 import f from "../input/Input.js";
-import { InputAlpha as H } from "./InputAlpha.js";
+import { InputAlpha as b } from "./InputAlpha.js";
 const $ = ({
   color: n,
   alpha: x,
@@ -11,7 +11,7 @@ const $ = ({
   onAlphaChange: l,
   disabledAlpha: g
 }) => {
-  const { getPrefixCls: s } = I(E), a = s == null ? void 0 : s("color-picker"), [o, r] = j(n.hex);
+  const { getPrefixCls: s } = I(H), a = s == null ? void 0 : s("color-picker"), [o, r] = j(n.hex);
   D(() => {
     n.hex !== o && r(n.hex);
   }, [n]);
@@ -47,7 +47,7 @@ const $ = ({
         onPaste: C
       }
     ),
-    !g && /* @__PURE__ */ m(H, { value: x, onChange: l })
+    !g && /* @__PURE__ */ m(b, { value: x, onChange: l })
   ] });
 };
 export {