@unicom-cloud/ui 0.8.108 → 0.8.109

package/chunk/p9jiLDTk.js

@@ -0,0 +1,296 @@
+import { jsx as s, jsxs as T, Fragment as Q } from "react/jsx-runtime";
+import W from "@unicom-cloud/icons/IconUiCaretDown";
+import X from "@unicom-cloud/icons/IconUiDragDotVertical";
+import Z from "@unicom-cloud/icons/IconUiFile";
+import ee from "@unicom-cloud/icons/IconUiLoading";
+import P from "lodash/isFunction";
+import te, { useContext as I, useRef as U, useMemo as F, useEffect as M, forwardRef as ne, useState as ie, useCallback as K } from "react";
+import { C as ae } from "./DYc9a7tm.js";
+import { a as Y, I as re } from "./DXlwLh0Y.js";
+import E from "@unicom-cloud/utils/class-name";
+import oe from "../utils/throttleByRaf.js";
+import se from "lodash/isNumber";
+import { P as le } from "./B--6x-RL.js";
+import ce from "../virtual-list/VirtualList.js";
+import { TreeContext as j } from "../tree/Context.js";
+function de(e) {
+  return e.key || e._key;
+}
+const ge = (e) => {
+  const c = I(j), { getPrefixCls: a } = I(Y), O = a?.("tree-node"), { expandedKeys: C, currentExpandKeys: r } = c.getTreeState(), f = e.expanded, x = U(e.childrenData);
+  x.current = e.childrenData;
+  const N = F(() => {
+    const i = [], d = (h) => {
+      h.forEach((g) => {
+        const l = c.getFieldInfo(g);
+        i.push(l), l.children && l.children.length && d(l.children);
+      });
+    };
+    return d(x.current || []), i;
+  }, [f, c]), k = F(() => {
+    const i = [];
+    if (N.length) {
+      const h = new Set(C || []);
+      N.forEach((g) => {
+        let l;
+        const u = {
+          ...c.key2nodeProps[g.key]
+        };
+        if (f)
+          l = u.parentKey === e._key || u.pathParentKeys?.every((v) => h.has(v));
+        else if (u.pathParentKeys) {
+          const v = u.pathParentKeys.indexOf(e._key);
+          l = u.pathParentKeys.slice(v + 1).every((p) => h.has(p));
+        }
+        l && i.push({
+          ...u,
+          key: g.key
+        });
+      });
+    }
+    return c.getNodeProps(i);
+  }, [N, c, C, f, e._key]);
+  let y = c.virtualListProps?.height;
+  y = se(y) ? y : 0;
+  const $ = r.indexOf(e._key) > -1;
+  return M(() => {
+    $ && k.length === 0 && c.onExpandEnd(e._key);
+  }, [k, r, $, c, e._key]), M(() => () => {
+    c.onExpandEnd?.(e._key);
+  }, []), /* @__PURE__ */ s(
+    le,
+    {
+      in: $ && k.length > 0,
+      unmountOnExit: !0,
+      classNames: "tree-slide-expand",
+      timeout: {
+        enter: 200,
+        exit: 0
+      },
+      onEnter: (i) => {
+        if (!i) return;
+        const d = i.scrollHeight;
+        i.style.height = f ? 0 : `${Math.min(y || d, i.scrollHeight)}px`;
+      },
+      onEntering: (i) => {
+        if (!i) return;
+        const d = i.scrollHeight;
+        i.style.height = f ? `${Math.min(y || d, d)}px` : 0;
+      },
+      onEntered: (i) => {
+        i && (i.style.height = e.expanded ? "" : 0, c.onExpandEnd(e._key));
+      },
+      onExit: (i) => {
+        i && (i.style.display = "none");
+      },
+      children: /* @__PURE__ */ s(
+        ce,
+        {
+          itemKey: de,
+          className: `${O}-list`,
+          isStaticItemHeight: !1,
+          ...c.virtualListProps,
+          data: k,
+          "aria-hidden": !0,
+          style: { overflow: "hidden" },
+          children: (i) => {
+            const { key: d, ...h } = i ?? {};
+            return /* @__PURE__ */ s(he, { ...h }, d);
+          }
+        }
+      )
+    }
+  );
+};
+function fe(e, c) {
+  const a = I(j), { getPrefixCls: O } = I(Y), C = U(null), [r, f] = ie({
+    isAllowDrop: !0,
+    isDragOver: !1,
+    dragPosition: 0,
+    isDragging: !1
+  }), {
+    _key: x = "",
+    title: N,
+    icon: k,
+    checkable: y,
+    selected: $,
+    disabled: i,
+    disableCheckbox: d,
+    isLeaf: h,
+    draggable: g,
+    expanded: l,
+    showLine: u,
+    loading: v,
+    selectable: p = !0
+  } = e, n = O?.("tree-node"), V = E(
+    n,
+    {
+      [`${n}-selected`]: $,
+      [`${n}-is-leaf`]: h,
+      [`${n}-expanded`]: l,
+      [`${n}-disabled-selectable`]: !p,
+      [`${n}-disabled`]: i,
+      [`${n}-draggable`]: g
+    },
+    e.className
+  ), D = (() => {
+    const t = P(a.icons) ? a.icons(e) : a.icons, o = P(e.icons) ? e.icons(e) : e.icons;
+    return { ...t, ...o };
+  })(), L = K(
+    (t) => {
+      t !== l && a.onExpand?.(t, x);
+    },
+    [x, l, a]
+  ), _ = K(async () => {
+    const { isLeaf: t, expanded: o } = e;
+    t || (!e.childrenData?.length && P(a.loadMore) && !o ? await a.loadMore(e) : L(!o));
+  }, [e, L, a]), q = () => {
+    if (v)
+      return "loadingIcon" in D ? D.loadingIcon : /* @__PURE__ */ s(ee, {});
+    let t = null, o = !1;
+    if (h)
+      u && (t = "switcherIcon" in D ? D.switcherIcon : /* @__PURE__ */ s(Z, {}), o = !0);
+    else {
+      const m = u ? /* @__PURE__ */ s("span", { className: `${n}-${l ? "minus" : "plus"}-icon` }) : /* @__PURE__ */ s(W, {});
+      t = "switcherIcon" in D ? D.switcherIcon : m, o = !0;
+    }
+    if (t)
+      return t = /* @__PURE__ */ s(
+        "span",
+        {
+          className: `${n}-switcher-icon`,
+          "aria-label": l ? "fold button" : "expand button",
+          role: "button",
+          tabIndex: 0,
+          onClick: o ? void 0 : _,
+          children: t
+        }
+      ), o && (t = /* @__PURE__ */ s(re, { prefix: n, onClick: _, children: t })), t;
+  }, w = K(
+    oe((t) => {
+      const o = C.current;
+      if (!o) return;
+      const m = o.getBoundingClientRect(), b = window.pageYOffset + m.top, G = t.pageY, R = m.height / 4, A = G - b, S = A < R ? -1 : A < m.height - R ? 0 : 1, J = a.allowDrop(e, S);
+      f({
+        ...r,
+        isAllowDrop: J,
+        isDragOver: !0,
+        dragPosition: S
+      }), a.onNodeDragOver?.(t, e, S);
+    }),
+    [e, r, a]
+  );
+  function H(t, o) {
+    const { disableCheckbox: m, disabled: b } = e;
+    m || b || a.onCheck?.(t, x, o);
+  }
+  function z(t) {
+    const { onSelect: o, actionOnClick: m } = a;
+    if (e.disabled)
+      return;
+    const b = [].concat(m);
+    p && b.indexOf("select") > -1 && o?.(x, t), b.indexOf("expand") > -1 && _(), y && b.indexOf("check") > -1 && H(!e.checked, t);
+  }
+  return /* @__PURE__ */ T(Q, { children: [
+    /* @__PURE__ */ T(
+      "div",
+      {
+        style: e.style,
+        className: V,
+        ref: c,
+        role: "treeitem",
+        "aria-disabled": i,
+        "aria-expanded": l,
+        "aria-level": e._level,
+        children: [
+          /* @__PURE__ */ s("span", { className: `${n}-indent`, "aria-hidden": !0, children: [...Array(e._level)].map((t, o) => /* @__PURE__ */ s(
+            "span",
+            {
+              className: E(`${n}-indent-block`, {
+                [`${n}-indent-block-lineless`]: e._lineless && e._lineless[o]
+              })
+            },
+            o
+          )) }),
+          /* @__PURE__ */ s(
+            "span",
+            {
+              className: E(`${n}-switcher`, {
+                [`${n}-switcher-expanded`]: l
+              }),
+              children: q()
+            }
+          ),
+          y ? /* @__PURE__ */ s(
+            ae,
+            {
+              disabled: d || i,
+              value: x,
+              indeterminate: e.indeterminated,
+              checked: e.checked,
+              onChange: H
+            }
+          ) : null,
+          /* @__PURE__ */ T(
+            "span",
+            {
+              "aria-grabbed": r.isDragging,
+              ref: C,
+              className: E(`${n}-title`, {
+                [`${n}-title-draggable`]: g,
+                [`${n}-title-gap-top`]: r.isDragOver && r.isAllowDrop && r.dragPosition < 0,
+                [`${n}-title-gap-bottom`]: r.isDragOver && r.isAllowDrop && r.dragPosition > 0,
+                [`${n}-title-highlight`]: !r.isDragging && r.isDragOver && r.isAllowDrop && r.dragPosition === 0,
+                [`${n}-title-dragging`]: r.isDragging,
+                [`${n}-title-block`]: e.blockNode
+              }),
+              onClick: z,
+              draggable: g,
+              onDrop: (t) => {
+                t.stopPropagation(), t.preventDefault(), a.onNodeDrop?.(t, e, r.dragPosition), w.cancel(), f({
+                  ...r,
+                  isDragOver: !1,
+                  dragPosition: 0
+                });
+              },
+              onDragStart: (t) => {
+                if (g) {
+                  t.stopPropagation(), f({ ...r, isDragging: !0 });
+                  try {
+                    t.dataTransfer.setData("text/plain", "");
+                  } catch (o) {
+                    console.error(o);
+                  }
+                  a.onNodeDragStart?.(t, e);
+                }
+              },
+              onDragEnd: (t) => {
+                g && (t.stopPropagation(), w.cancel(), f({ ...r, isDragOver: !1, isDragging: !1 }), a.onNodeDragEnd?.(t, e));
+              },
+              onDragOver: (t) => {
+                t.preventDefault(), t.stopPropagation(), t.persist(), w(t);
+              },
+              onDragLeave: (t) => {
+                g && (t.stopPropagation(), w.cancel(), f({ ...r, isDragOver: !1 }), a.onNodeDragLeave?.(t, e));
+              },
+              children: [
+                k && /* @__PURE__ */ s("span", { className: `${n}-icon ${n}-custom-icon`, children: k }),
+                /* @__PURE__ */ s("span", { className: `${n}-title-text`, children: P(a.renderTitle) ? a.renderTitle(e) : N }),
+                g && /* @__PURE__ */ s("span", { className: `${n}-icon ${n}-drag-icon`, children: "dragIcon" in D ? D.dragIcon : /* @__PURE__ */ s(X, {}) })
+              ]
+            }
+          ),
+          P(a.renderExtra) && a.renderExtra(e)
+        ]
+      }
+    ),
+    a.animation && /* @__PURE__ */ s(ge, { ...e })
+  ] });
+}
+const B = ne(fe);
+B.displayName = "TreeNode";
+const he = te.memo(B);
+export {
+  he as T,
+  ge as a
+};

package/{components/common/hooks/usePrefersColorSchemeDark.js → chunk/rT6qmv-Y.js}

@@ -1,12 +1,12 @@
 import { MATCH_MEDIA_PREFERS_COLOR_SCHEME_DARK as e } from "@unicom-cloud/utils/constant";
 import { useState as o, useEffect as s } from "react";
-function m() {
-  const [r, a] = o(
+function f() {
+  const [r, n] = o(
     e.matches
   );
   return s(() => {
-    function t(n) {
-      a(!!n.matches);
+    function t(a) {
+      n(!!a.matches);
     }
     return e.addEventListener(
       "change",
@@ -20,5 +20,5 @@ function m() {
   }, []), r;
 }
 export {
-  m as default
+  f as u
 };

package/{components/common/hooks/useWindowSize.js → chunk/siEVY1s5.js}

@@ -1,11 +1,11 @@
 import d from "lodash/debounce";
 import { useState as l, useDeferredValue as h, useCallback as o, useEffect as m } from "react";
-import z from "./useListenResize.js";
-const R = (i = !1) => {
-  const [s, u] = l({
+import { u as z } from "./BL9DMeor.js";
+const R = (s = !1) => {
+  const [i, u] = l({
     ...t(null)
   }), c = h(
-    s
+    i
     // 延迟一个值与防抖和节流之间有什么不同？
     // 防抖 是指在用户停止输入一段时间（例如一秒钟）之后再更新列表。
     // 节流 是指每隔一段时间（例如最多每秒一次）更新列表。
@@ -25,9 +25,9 @@ const R = (i = !1) => {
     u(t(e));
   }
   const a = o(n, []), f = o(d(n, 123), []);
-  return z(i ? f : a, []), m(() => () => {
+  return z(s ? f : a, []), m(() => () => {
   }, []), c;
 };
 export {
-  R as default
+  R as u
 };

package/chunk/yXI2bb8U.js

@@ -0,0 +1,110 @@
+import { jsxs as f, jsx as n, Fragment as B } from "react/jsx-runtime";
+import k from "lodash/isArray";
+import w from "../button/index.js";
+import L from "../link/index.js";
+import { forwardRef as M } from "react";
+function T(a, r) {
+  const {
+    prefixCls: e,
+    shortcuts: t = [],
+    onSelectNow: S,
+    nowText: p,
+    showNowBtn: C,
+    showTime: h,
+    onMouseEnterShortcut: m,
+    onMouseLeaveShortcut: i
+  } = a;
+  function l(o) {
+    m?.(o);
+  }
+  function N(o) {
+    i?.(o);
+  }
+  function x(o, s) {
+    const { onSelectShortcut: c } = a;
+    c?.(o, s);
+  }
+  const u = k(t) && t.length > 0, d = C && h && !u;
+  return /* @__PURE__ */ f("div", { ref: r, className: `${e}-shortcuts`, children: [
+    d && /* @__PURE__ */ n(w, { size: "mini", onClick: S, children: p }),
+    u && t.map((o, s) => /* @__PURE__ */ n(
+      w,
+      {
+        size: "mini",
+        onMouseEnter: () => l(o),
+        onMouseLeave: () => N(o),
+        onClick: (c) => x(o, c),
+        children: o.text
+      },
+      s
+    ))
+  ] });
+}
+const $ = M(T);
+function F(a) {
+  const {
+    showTime: r,
+    prefixCls: e,
+    DATEPICKER_LOCALE: t,
+    disabled: S,
+    onClickConfirmBtn: p,
+    onClickSelectTimeBtn: C,
+    isTimePanel: h,
+    onSelectNow: m,
+    showNowBtn: i,
+    shortcuts: l,
+    onMouseEnterShortcut: N,
+    onMouseLeaveShortcut: x,
+    onSelectShortcut: u,
+    extra: d,
+    mode: o,
+    shortcutsPlacementLeft: s
+  } = a, c = k(l) && l.length > 0, v = i && r && !c || c && !s;
+  return /* @__PURE__ */ f("div", { className: `${e}-footer`, children: [
+    d && /* @__PURE__ */ n("div", { className: `${e}-footer-extra-wrapper`, children: d }),
+    !r && i && o === "date" && /* @__PURE__ */ n("div", { className: `${e}-footer-now-wrapper`, children: /* @__PURE__ */ n(L, { onClick: m, children: t.today }) }),
+    v || r ? /* @__PURE__ */ f("div", { className: `${e}-footer-btn-wrapper`, children: [
+      s ? /* @__PURE__ */ n("div", {}) : /* @__PURE__ */ n(
+        $,
+        {
+          shortcuts: l,
+          prefixCls: e,
+          onSelectNow: m,
+          nowText: t.now,
+          showNowBtn: i,
+          onMouseEnterShortcut: N,
+          onMouseLeaveShortcut: x,
+          onSelectShortcut: u,
+          showTime: r
+        }
+      ),
+      r && /* @__PURE__ */ f(B, { children: [
+        /* @__PURE__ */ n(
+          w,
+          {
+            type: "text",
+            size: "mini",
+            onClick: C,
+            className: h ? `${e}-btn-select-date` : `${e}-btn-select-time`,
+            children: h ? t.selectDate : t.selectTime
+          }
+        ),
+        /* @__PURE__ */ n(
+          w,
+          {
+            className: `${e}-btn-confirm`,
+            type: "primary",
+            size: "mini",
+            disabled: S,
+            onClick: p,
+            children: t.ok
+          }
+        )
+      ] })
+    ] }) : null
+  ] });
+}
+export {
+  F,
+  $ as S
+};

package/{components/common/hooks/useOnlineStatus.js → chunk/zmmqLCF4.js}

@@ -16,5 +16,5 @@ function r() {
   return i(e ? "Online" : "Offline"), e;
 }
 export {
-  r as default
+  r as u
 };