@unicom-cloud/ui 0.8.61 → 0.8.62

package/chunk/{C1D7T29r.js → qpd2axxs.js}

@@ -8,27 +8,34 @@ import Ze from "lodash/isUndefined";
 import ie, { useContext as Pe, forwardRef as Ne, createContext as At, useState as M, useRef as U, useMemo as Se, useImperativeHandle as je, useCallback as $t, useEffect as $ } from "react";
 import { useIsFirstRender as Ut } from "../hooks/useIsFirstRender.js";
 import { useMergeValue as Me } from "../hooks/useMergeValue.js";
-import { I as Be, e as Tt } from "./BHn4xgbv.js";
-import { I as Rt } from "./B7Zsp3gO.js";
-import { a as zt, b as Et, c as Dt, d as Ot, e as Vt, f as Yt } from "./sScV-J56.js";
-import { a as He, I as _e } from "./DT37l12z.js";
-import { d as qe, a as Ft } from "./Bdh4XVuf.js";
+import Be from "@unicom-cloud/icons/IconUiClose";
+import Tt from "@unicom-cloud/icons/IconUiCopy";
+import Rt from "@unicom-cloud/icons/IconUiFullscreen";
+import He from "@unicom-cloud/icons/IconUiLeft";
+import zt from "@unicom-cloud/icons/IconUiLoading";
+import Et from "@unicom-cloud/icons/IconUiOriginalSize";
+import _e from "@unicom-cloud/icons/IconUiRight";
+import Dt from "@unicom-cloud/icons/IconUiRotateLeft";
+import Ot from "@unicom-cloud/icons/IconUiRotateRight";
+import Vt from "@unicom-cloud/icons/IconUiZoomIn";
+import Yt from "@unicom-cloud/icons/IconUiZoomOut";
+import { d as qe, a as Ft } from "./CV1kLw5Z.js";
 import "lodash/isEqualWith";
 import "../utils/is.js";
 import { A as Xt, c as Bt, a as Gt, b as Wt, d as Zt } from "./C2lIz2F9.js";
 import "lodash/isNumber";
 import "lodash/merge";
-import { isServerRendering as jt, on as Ce, off as Ie } from "../utils/dom.js";
+import { isServerRendering as jt, on as Ce, off as ke } from "../utils/dom.js";
 import "../hooks/useIntersectionObserver.js";
 import { useMergeProps as Ht } from "../hooks/useMergeProps.js";
 import { useOverflowHidden as _t } from "../hooks/useOverflowHidden.js";
 import { findDOMNode as qt } from "../utils/reactDOM.js";
 import { useUpdateEffect as Kt } from "../hooks/useUpdateEffect.js";
 import Jt from "../Portal.js";
-import { P as Ge } from "./BPZ-6HKJ.js";
+import { P as Ge } from "./Bp3XomF8.js";
 import { y as Y } from "./BzPkh4Zv.js";
 import { s as Qt } from "./Cb_oWoGj.js";
-import { I as en } from "./D-aYnb6u.js";
+import en from "@unicom-cloud/icons/IconUiMore";
 import tn from "../Tooltip.js";
 import nn from "../Trigger.js";
 const on = (s) => {
@@ -85,15 +92,15 @@ const sn = (s, t) => {
     ...u.filter(v)
   ], b = u.filter(
     (f) => !N.has(f.key)
-  ), X = F.sort((f, k) => {
-    const L = c.indexOf(f.key), R = c.indexOf(k.key);
+  ), X = F.sort((f, I) => {
+    const L = c.indexOf(f.key), R = c.indexOf(I.key);
     return L > R ? 1 : -1;
   });
   if (N.has("extra")) {
     const f = c.indexOf("extra");
     X.splice(f, 0, ...b);
   }
-  const T = (f, k = !1) => {
+  const T = (f, I = !1) => {
     const { content: L, disabled: R, key: C, name: P, getContainer: z, onClick: E, ...j } = f, D = /* @__PURE__ */ V(
       "div",
       {
@@ -109,7 +116,7 @@ const sn = (s, t) => {
         ...j,
         children: [
           L && /* @__PURE__ */ i("span", { className: `${n}-toolbar-action-content`, children: L }),
-          k && P && /* @__PURE__ */ i("span", { className: `${n}-toolbar-action-name`, children: P })
+          I && P && /* @__PURE__ */ i("span", { className: `${n}-toolbar-action-name`, children: P })
         ]
       },
       C
@@ -118,16 +125,16 @@ const sn = (s, t) => {
   };
   if (!X.length) return null;
   const Z = X.map((f) => {
-    const k = T(f, r);
+    const I = T(f, r);
     return !r && f.name && !f.getContainer ? /* @__PURE__ */ i(
       tn,
       {
         content: f.name,
         className: `${n}-toolbar-tooltip`,
-        children: k
+        children: I
       },
       f.key
-    ) : k;
+    ) : I;
   });
   return /* @__PURE__ */ V(
     "div",
@@ -253,7 +260,7 @@ function un(s) {
     setStatus: o
   };
 }
-const ke = 90, fn = {
+const Ie = 90, fn = {
   maskClosable: !0,
   closable: !0,
   breakPoint: 316,
@@ -296,7 +303,7 @@ function mn(s, t) {
     defaultVisible: T,
     maskClosable: Z,
     closable: f,
-    breakPoint: k,
+    breakPoint: I,
     actions: L,
     actionsLayout: R,
     getPopupContainer: C,
@@ -310,11 +317,11 @@ function mn(s, t) {
   } = v, H = o ? n.get(r) : X, [G, Q] = M(H), [h, se] = Me(!1, {
     defaultValue: T,
     value: v.visible
-  }), ee = Pe(qe), { getPrefixCls: l, locale: m, rtl: I } = ee, x = l("image"), d = `${x}-preview`, p = Y(
-    d,
+  }), ee = Pe(qe), { getPrefixCls: l, locale: m, rtl: k } = ee, x = l("image"), p = `${x}-preview`, d = Y(
+    p,
     {
-      [`${d}-hide`]: !h,
-      [`${d}-rtl`]: I
+      [`${p}-hide`]: !h,
+      [`${p}-rtl`]: k
     },
     F
   ), _ = U(), et = U(), S = U(), Le = U(), ae = U(!1), K = U({
@@ -324,8 +331,8 @@ function mn(s, t) {
     originY: 0
   }), { isLoading: tt, isLoaded: nt, setStatus: ce } = un("loading"), [ot, rt] = M(!1), [A, le] = M({ x: 0, y: 0 }), [g, ue] = M(1), [Ae, $e] = M(!1), [te, fe] = M(0), [O, Ue] = M(!1), W = Se(() => new ln(z), []), {
     onLoad: me,
-    onError: de,
-    onMouseDown: pe,
+    onError: pe,
+    onMouseDown: de,
     style: it,
     className: st,
     ...at
@@ -357,10 +364,10 @@ function mn(s, t) {
     Ee(r + 1);
   }
   function ut() {
-    fe(te === 0 ? 360 - ke : te - ke);
+    fe(te === 0 ? 360 - Ie : te - Ie);
   }
   function ft() {
-    fe((te + ke) % 360);
+    fe((te + Ie) % 360);
   }
   const we = U(null), mt = () => {
     !Ae && $e(!0), we.current && clearTimeout(we.current), we.current = setTimeout(() => {
@@ -377,10 +384,10 @@ function mn(s, t) {
     const e = W.getNextScale(g, "zoomOut");
     oe(e);
   }
-  function dt(e) {
+  function pt(e) {
     e.deltaY > 0 ? g >= W.minScale && xe() : g <= W.maxScale && ye();
   }
-  function pt() {
+  function dt() {
     oe(1);
   }
   function gt() {
@@ -404,7 +411,7 @@ function mn(s, t) {
   }
   function wt(e) {
     if (e && e.length) {
-      const w = e[0].contentRect.width < k;
+      const w = e[0].contentRect.width < I;
       rt(w);
     }
   }
@@ -425,7 +432,7 @@ function mn(s, t) {
     var a;
     if (h && O) {
       (a = e.preventDefault) == null || a.call(e);
-      const { originX: w, originY: q, pageX: be, pageY: kt } = K.current, Pt = w + (e.pageX - be) / g, St = q + (e.pageY - kt) / g;
+      const { originX: w, originY: q, pageX: be, pageY: It } = K.current, Pt = w + (e.pageX - be) / g, St = q + (e.pageY - It) / g;
       le({
         x: Pt,
         y: St
@@ -439,16 +446,16 @@ function mn(s, t) {
     ce("loaded"), me == null || me(e);
   }
   function xt(e) {
-    ce("error"), de == null || de(e);
+    ce("error"), pe == null || pe(e);
   }
   const bt = (e) => {
     var w;
     (w = e.preventDefault) == null || w.call(e), Ue(!0);
     const a = e.type === "touchstart" ? e.touches[0] : e;
-    K.current.pageX = a.pageX, K.current.pageY = a.pageY, K.current.originX = A.x, K.current.originY = A.y, pe == null || pe(e);
+    K.current.pageX = a.pageX, K.current.pageY = a.pageY, K.current.originX = A.x, K.current.originY = A.y, de == null || de(e);
   };
   $(() => (h && O && (Ce(document, "mousemove", Ye, !1), Ce(document, "mouseup", Fe, !1)), () => {
-    Ie(document, "mousemove", Ye, !1), Ie(document, "mouseup", Fe, !1);
+    ke(document, "mousemove", Ye, !1), ke(document, "mouseup", Fe, !1);
   }), [h, O]), $(() => {
     J && !O && Ve();
   }, [O, A]), $(() => {
@@ -481,7 +488,7 @@ function mn(s, t) {
         }
     };
     return h && !O && !ae.current && (ae.current = !0, Ce(document, "keydown", e)), () => {
-      ae.current = !1, Ie(document, "keydown", e);
+      ae.current = !1, ke(document, "keydown", e);
     };
   }, [h, E, O, r, g]);
   const Ct = [
@@ -489,39 +496,39 @@ function mn(s, t) {
     {
       key: "rotateRight",
       name: m.ImagePreview.rotateRight,
-      content: /* @__PURE__ */ i(zt, {}),
+      content: /* @__PURE__ */ i(Ot, {}),
       onClick: ft
     },
     {
       key: "rotateLeft",
       name: m.ImagePreview.rotateLeft,
-      content: /* @__PURE__ */ i(Et, {}),
+      content: /* @__PURE__ */ i(Dt, {}),
       onClick: ut
     },
     {
       key: "zoomIn",
       name: m.ImagePreview.zoomIn,
-      content: /* @__PURE__ */ i(Dt, {}),
+      content: /* @__PURE__ */ i(Vt, {}),
       onClick: ye,
       disabled: g === W.maxScale
     },
     {
       key: "zoomOut",
       name: m.ImagePreview.zoomOut,
-      content: /* @__PURE__ */ i(Ot, {}),
+      content: /* @__PURE__ */ i(Yt, {}),
       onClick: xe,
       disabled: g === W.minScale
     },
     {
       key: "originalSize",
       name: m.ImagePreview.originalSize,
-      content: /* @__PURE__ */ i(Vt, {}),
-      onClick: pt
+      content: /* @__PURE__ */ i(Et, {}),
+      onClick: dt
     },
     {
       key: "maximize",
       name: "最大化",
-      content: /* @__PURE__ */ i(Yt, {}),
+      content: /* @__PURE__ */ i(Rt, {}),
       onClick: gt
     },
     !!o && {
@@ -541,7 +548,7 @@ function mn(s, t) {
     {
       key: "copy",
       name: "复制",
-      content: /* @__PURE__ */ i(Rt, {}),
+      content: /* @__PURE__ */ i(Tt, {}),
       onClick: ht
     },
     {
@@ -558,14 +565,14 @@ function mn(s, t) {
       S.current && ((a = e == null ? void 0 : e.unobserve) == null || a.call(e, S.current)), (w = e == null ? void 0 : e.disconnect) == null || w.call(e), e = null;
     };
   }, [S.current]);
-  const It = () => {
+  const kt = () => {
     const e = /* @__PURE__ */ i(
       "img",
       {
-        onWheel: dt,
+        onWheel: pt,
         ref: _,
-        className: Y(st, `${d}-img`, {
-          [`${d}-img-moving`]: O
+        className: Y(st, `${p}-img`, {
+          [`${p}-img-moving`]: O
         }),
         style: {
           ...it,
@@ -591,7 +598,7 @@ function mn(s, t) {
       children: /* @__PURE__ */ V(
         "div",
         {
-          className: p,
+          className: d,
           style: {
             ...b || {},
             ...lt ? {} : { zIndex: "inherit", position: "absolute" }
@@ -613,26 +620,26 @@ function mn(s, t) {
                 onExited: (e) => {
                   e && (e.parentNode.style.display = "", e.style.display = "none");
                 },
-                children: /* @__PURE__ */ i("div", { className: `${d}-mask`, onClick: vt })
+                children: /* @__PURE__ */ i("div", { className: `${p}-mask`, onClick: vt })
               }
             ),
             h && /* @__PURE__ */ V(
               "div",
               {
                 ref: S,
-                className: `${d}-wrapper`,
+                className: `${p}-wrapper`,
                 onClick: De,
                 children: [
                   /* @__PURE__ */ V(
                     "div",
                     {
                       ref: et,
-                      className: `${d}-img-container`,
+                      className: `${p}-img-container`,
                       style: { transform: `scale(${g}, ${g})` },
                       onClick: De,
                       children: [
-                        It(),
-                        tt && /* @__PURE__ */ i("div", { className: `${d}-loading`, children: /* @__PURE__ */ i(Tt, {}) })
+                        kt(),
+                        tt && /* @__PURE__ */ i("div", { className: `${p}-loading`, children: /* @__PURE__ */ i(zt, {}) })
                       ]
                     }
                   ),
@@ -644,7 +651,7 @@ function mn(s, t) {
                       appear: !0,
                       classNames: "fadeImage",
                       unmountOnExit: !0,
-                      children: /* @__PURE__ */ V("div", { className: `${d}-scale-value`, children: [
+                      children: /* @__PURE__ */ V("div", { className: `${p}-scale-value`, children: [
                         (g * 100).toFixed(0),
                         "%"
                       ] })
@@ -654,7 +661,7 @@ function mn(s, t) {
                     an,
                     {
                       prefixCls: x,
-                      previewPrefixCls: d,
+                      previewPrefixCls: p,
                       actions: L,
                       actionsLayout: R,
                       defaultActions: Ct,
@@ -664,7 +671,7 @@ function mn(s, t) {
                   f && /* @__PURE__ */ i(
                     "div",
                     {
-                      className: `${d}-close-btn`,
+                      className: `${p}-close-btn`,
                       onClick: Oe,
                       children: /* @__PURE__ */ i(Be, {})
                     }
@@ -695,7 +702,7 @@ const Qe = Ne(
   mn
 );
 Qe.displayName = "ImagePreview";
-function dn(s, t) {
+function pn(s, t) {
   const {
     children: o,
     srcList: n,
@@ -714,11 +721,11 @@ function dn(s, t) {
   }), f = Se(
     () => n ? new Map(n.map((l, m) => [m, { url: l, preview: !0 }])) : null,
     [n]
-  ), k = Ut(), L = () => f ? new Map(f) : /* @__PURE__ */ new Map(), [R, C] = M(L()), P = U(), z = P.current || /* @__PURE__ */ new Map(), E = (l) => {
+  ), I = Ut(), L = () => f ? new Map(f) : /* @__PURE__ */ new Map(), [R, C] = M(L()), P = U(), z = P.current || /* @__PURE__ */ new Map(), E = (l) => {
     P.current = l(P.current);
   };
   $(() => {
-    k || C(L());
+    I || C(L());
   }, [f]);
   const j = new Map(
     Array.from(R).filter(([, { preview: l }]) => l).map(([l, { url: m }]) => [l, m])
@@ -726,26 +733,26 @@ function dn(s, t) {
     value: u,
     defaultValue: c
   });
-  function J(l, m, I) {
+  function J(l, m, k) {
     return f || C(
       (x) => new Map(x).set(l, {
         url: m,
-        preview: I
+        preview: k
       })
     ), function() {
-      f || C((d) => {
-        const p = new Map(d);
-        return p.delete(l) ? p : d;
+      f || C((p) => {
+        const d = new Map(p);
+        return d.delete(l) ? d : p;
       });
     };
   }
   function H(l, m) {
     return E(
-      (I) => new Map(I).set(l, Lt(m) ? m : {})
+      (k) => new Map(k).set(l, Lt(m) ? m : {})
     ), function() {
       E((x) => {
-        const d = new Map(x);
-        return d.delete(l) ? d : x;
+        const p = new Map(x);
+        return p.delete(l) ? p : x;
       });
     };
   }
@@ -756,19 +763,19 @@ function dn(s, t) {
     }
   }));
   const Q = (l, m) => {
-    const I = Ze(m) ? T : m;
-    b == null || b(l, I), Z(l);
+    const k = Ze(m) ? T : m;
+    b == null || b(l, k), Z(l);
   }, h = (l) => {
     y == null || y(l), B(l);
   }, se = (l) => {
     let m = 0;
-    const I = (x) => {
-      const d = ie.Children.map(x, (p) => p && p.props && p.type && p.type.displayName === "Image" ? ie.cloneElement(p, { _index: m++ }) : p && p.props && p.props.children ? ie.cloneElement(p, {
-        children: I(p.props.children)
-      }) : p);
-      return !We(x) && ie.Children.count(x) === 1 ? d[0] : d;
+    const k = (x) => {
+      const p = ie.Children.map(x, (d) => d && d.props && d.type && d.type.displayName === "Image" ? ie.cloneElement(d, { _index: m++ }) : d && d.props && d.props.children ? ie.cloneElement(d, {
+        children: k(d.props.children)
+      }) : d);
+      return !We(x) && ie.Children.count(x) === 1 ? p[0] : p;
     };
-    return I(l);
+    return k(l);
   }, ee = () => {
     const l = Array.from(j.values());
     return l.length > 0 ? /* @__PURE__ */ i("div", { style: { display: "none" }, children: l.map((m) => /* @__PURE__ */ i("img", { src: m }, m)) }) : null;
@@ -806,12 +813,12 @@ function dn(s, t) {
     }
   );
 }
-const pn = Ne(dn);
-pn.displayName = "ImagePreviewGroup";
+const dn = Ne(pn);
+dn.displayName = "ImagePreviewGroup";
 export {
   Qe as P,
   on as T,
-  pn as a,
+  dn as a,
   Ke as b,
   un as u
 };

package/chunk/{BVLwPZis.js → tOFzwzpT.js}

@@ -1,9 +1,10 @@
 import { jsx as n, jsxs as K } from "react/jsx-runtime";
-import { a as j, I as q } from "./DT37l12z.js";
+import j from "@unicom-cloud/icons/IconUiLeft";
+import q from "@unicom-cloud/icons/IconUiRight";
 import X from "lodash/isArray";
 import y from "lodash/isNumber";
 import { createContext as Y, forwardRef as Z, useContext as ee, useState as re, useRef as A, useEffect as F, useMemo as te } from "react";
-import { d as ie } from "./Bdh4XVuf.js";
+import { d as ie } from "./CV1kLw5Z.js";
 import { useMergeValue as se } from "../hooks/useMergeValue.js";
 import oe from "../ResizeBox.js";
 import { y as H } from "./BzPkh4Zv.js";
@@ -11,57 +12,57 @@ import L, { responsiveMap as ne } from "../utils/responsiveObserve.js";
 const le = Y({
   siderCollapsed: !1,
   collapsedWidth: 64
-}), ae = /* @__PURE__ */ (() => {
+}), ce = /* @__PURE__ */ (() => {
   let i = 0;
   return (f = "") => (i += 1, `${f}${i}`);
 })();
-function ce(i, f) {
+function de(i, f) {
   var T;
   const {
     children: D,
     className: E,
     style: G,
     theme: N = "light",
-    trigger: g,
-    reverseArrow: I,
+    trigger: m,
+    reverseArrow: R,
     collapsedWidth: r = 48,
-    width: m = 200,
+    width: g = 200,
     collapsible: h,
-    resizeDirections: c,
+    resizeDirections: d,
     onSiderMount: v,
     onSiderUnmount: C,
-    breakpoint: R,
+    breakpoint: W,
     onBreakpoint: O,
-    onCollapse: d,
+    onCollapse: a,
     resizeBoxProps: t = {}
-  } = i, W = ae("pqb-sider-"), { getPrefixCls: P } = ee(ie), s = P("layout-sider"), [e, _] = se(!1, {
+  } = i, _ = ce("pqb-sider-"), { getPrefixCls: P } = ee(ie), s = P("layout-sider"), [e, I] = se(!1, {
     value: "collapsed" in i ? i.collapsed : void 0,
     defaultValue: i.defaultCollapsed
-  }), $ = y(m) ? `${m}px` : String(m), Q = y(r) ? `${r}` : String(r), [p, k] = re(
+  }), $ = y(g) ? `${g}px` : String(g), Q = y(r) ? `${r}` : String(r), [p, k] = re(
     e ? Q : $
   ), b = A(null), M = A(null);
   M.current = {
-    breakpoint: R,
+    breakpoint: W,
     collapsed: e,
-    onCollapse: d,
+    onCollapse: a,
     onBreakpoint: O
-  }, F(() => (v == null || v(W), h && R in ne && (b.current = L.subscribe(
+  }, F(() => (v == null || v(_), h && W in ne && (b.current = L.subscribe(
     (o, l) => {
-      const { breakpoint: a, collapsed: J, onCollapse: S, onBreakpoint: w } = M.current;
-      if (!l || l === a) {
-        const u = !o[a];
-        u !== J && (_(u), S == null || S(u, "responsive")), w == null || w(u);
+      const { breakpoint: c, collapsed: J, onCollapse: S, onBreakpoint: w } = M.current;
+      if (!l || l === c) {
+        const u = !o[c];
+        u !== J && (I(u), S == null || S(u, "responsive")), w == null || w(u);
       }
     }
   )), () => {
-    C == null || C(W), b.current && L.unsubscribe(b.current);
+    C == null || C(_), b.current && L.unsubscribe(b.current);
   }), []), F(() => {
     const o = y(r) ? `${r}px` : String(r);
     k(e ? o : $);
   }, [e, $, r]);
-  const x = c && X(c) || ((T = t.directions) == null ? void 0 : T.length), U = x ? oe : "aside", z = () => {
-    const o = g || (e ? I ? /* @__PURE__ */ n(j, {}) : /* @__PURE__ */ n(q, {}) : I ? /* @__PURE__ */ n(q, {}) : /* @__PURE__ */ n(j, {}));
-    return h && g !== null ? /* @__PURE__ */ n(
+  const x = d && X(d) || ((T = t.directions) == null ? void 0 : T.length), U = x ? oe : "aside", z = () => {
+    const o = m || (e ? R ? /* @__PURE__ */ n(j, {}) : /* @__PURE__ */ n(q, {}) : R ? /* @__PURE__ */ n(q, {}) : /* @__PURE__ */ n(j, {}));
+    return h && m !== null ? /* @__PURE__ */ n(
       "div",
       {
         style: { width: p },
@@ -69,7 +70,7 @@ function ce(i, f) {
           [`${s}-trigger-light`]: N === "light"
         }),
         onClick: () => {
-          _(!e), d == null || d(!e, "clickTrigger");
+          I(!e), a == null || a(!e, "clickTrigger");
         },
         children: o
       }
@@ -78,12 +79,12 @@ function ce(i, f) {
     component: "aside",
     ...t,
     width: p,
-    directions: c,
+    directions: d,
     onMoving: (o, l) => {
-      var a;
-      k(`${l.width}px`), (a = t == null ? void 0 : t.onMoving) == null || a.call(t, o, l);
+      var c;
+      k(`${l.width}px`), (c = t == null ? void 0 : t.onMoving) == null || c.call(t, o, l);
     }
-  } : {}, [x, c, p, t]);
+  } : {}, [x, d, p, t]);
   return /* @__PURE__ */ n(
     le.Provider,
     {
@@ -103,7 +104,7 @@ function ce(i, f) {
             s,
             {
               [`${s}-light`]: N === "light",
-              [`${s}-has-trigger`]: g !== null && h,
+              [`${s}-has-trigger`]: m !== null && h,
               [`${s}-collapsed`]: e
             },
             E
@@ -118,7 +119,7 @@ function ce(i, f) {
     }
   );
 }
-const de = Z(ce), V = de;
+const ae = Z(de), V = ae;
 V.displayName = "LayoutSider";
 V.__PQB_SIGN__ = "sider";
 export {