@unicom-cloud/ui 0.8.96 → 0.8.98

package/tree/Node.js

@@ -1,130 +1,126 @@
-import { jsxs as w, Fragment as z, jsx as r } from "react/jsx-runtime";
-import G from "@unicom-cloud/icons/IconUiCaretDown";
-import J from "@unicom-cloud/icons/IconUiDragDotVertical";
-import K from "@unicom-cloud/icons/IconUiFile";
-import Q from "@unicom-cloud/icons/IconUiLoading";
+import { jsxs as N, Fragment as q, jsx as r } from "react/jsx-runtime";
+import z from "@unicom-cloud/icons/IconUiCaretDown";
+import G from "@unicom-cloud/icons/IconUiDragDotVertical";
+import J from "@unicom-cloud/icons/IconUiFile";
+import K from "@unicom-cloud/icons/IconUiLoading";
 import m from "lodash/isFunction";
-import W, { forwardRef as X, useContext as _, useRef as Z, useState as ee, useCallback as I } from "react";
-import ne from "../checkbox/Checkbox.js";
+import Q, { forwardRef as W, useContext as E, useRef as X, useState as Z, useCallback as v } from "react";
+import ee from "../checkbox/Checkbox.js";
 import "../checkbox/Group.js";
 import "../config-provider/ConfigProvider.js";
-import ae from "../icon-hover/index.js";
-import b from "@unicom-cloud/utils/class-name";
-import { throttleByRaf as ie } from "../components/common/utils/throttleByRaf.js";
-import oe from "./Animation.js";
-import { TreeContext as te } from "./Context.js";
-import re from "../config-provider/context.js";
-function se(i, U) {
-  const n = _(te), { getPrefixCls: $ } = _(re), p = Z(), [t, f] = ee({
+import ne from "../icon-hover/index.js";
+import D from "@unicom-cloud/utils/class-name";
+import { throttleByRaf as te } from "../components/common/utils/throttleByRaf.js";
+import ie from "./Animation.js";
+import { TreeContext as ae } from "./Context.js";
+import oe from "../config-provider/context.js";
+function re(n, S) {
+  const i = E(ae), { getPrefixCls: R } = E(oe), C = X(), [o, f] = Z({
     isAllowDrop: !0,
     isDragOver: !1,
     dragPosition: 0,
     isDragging: !1
   }), {
     _key: h = "",
-    title: Y,
-    icon: x,
-    checkable: O,
-    selected: F,
-    disabled: N,
-    disableCheckbox: H,
-    isLeaf: P,
+    title: _,
+    icon: k,
+    checkable: w,
+    selected: U,
+    disabled: b,
+    disableCheckbox: Y,
+    isLeaf: I,
     draggable: l,
     expanded: d,
-    showLine: v,
-    loading: M,
-    selectable: T = !0
-  } = i, o = $ == null ? void 0 : $("tree-node"), j = b(
-    o,
+    showLine: x,
+    loading: F,
+    selectable: p = !0
+  } = n, t = R?.("tree-node"), H = D(
+    t,
     {
-      [`${o}-selected`]: F,
-      [`${o}-is-leaf`]: P,
-      [`${o}-expanded`]: d,
-      [`${o}-disabled-selectable`]: !T,
-      [`${o}-disabled`]: N,
-      [`${o}-draggable`]: l
+      [`${t}-selected`]: U,
+      [`${t}-is-leaf`]: I,
+      [`${t}-expanded`]: d,
+      [`${t}-disabled-selectable`]: !p,
+      [`${t}-disabled`]: b,
+      [`${t}-draggable`]: l
     },
-    i.className
+    n.className
   ), c = (() => {
-    const e = m(n.icons) ? n.icons(i) : n.icons, a = m(i.icons) ? i.icons(i) : i.icons;
+    const e = m(i.icons) ? i.icons(n) : i.icons, a = m(n.icons) ? n.icons(n) : n.icons;
     return { ...e, ...a };
-  })(), y = I(
+  })(), O = v(
     (e) => {
-      var a;
-      e !== d && ((a = n.onExpand) == null || a.call(n, e, h));
+      e !== d && i.onExpand?.(e, h);
     },
-    [d, n.onExpand]
-  ), A = I(async () => {
-    var s;
-    const { isLeaf: e, expanded: a } = i;
-    e || (!((s = i.childrenData) != null && s.length) && m(n.loadMore) && !a ? await n.loadMore(i) : y(!a));
-  }, [i, y, n.loadMore]), B = () => {
-    if (M)
-      return "loadingIcon" in c ? c.loadingIcon : /* @__PURE__ */ r(Q, {});
+    [d, i.onExpand]
+  ), P = v(async () => {
+    const { isLeaf: e, expanded: a } = n;
+    e || (!n.childrenData?.length && m(i.loadMore) && !a ? await i.loadMore(n) : O(!a));
+  }, [n, O, i.loadMore]), M = () => {
+    if (F)
+      return "loadingIcon" in c ? c.loadingIcon : /* @__PURE__ */ r(K, {});
     let e = null, a = !1;
-    if (P)
-      v && (e = "switcherIcon" in c ? c.switcherIcon : /* @__PURE__ */ r(K, {}), a = !0);
+    if (I)
+      x && (e = "switcherIcon" in c ? c.switcherIcon : /* @__PURE__ */ r(J, {}), a = !0);
     else {
-      const s = v ? /* @__PURE__ */ r("span", { className: `${o}-${d ? "minus" : "plus"}-icon` }) : /* @__PURE__ */ r(G, {});
-      e = "switcherIcon" in c ? c.switcherIcon : s, a = !v;
+      const s = x ? /* @__PURE__ */ r("span", { className: `${t}-${d ? "minus" : "plus"}-icon` }) : /* @__PURE__ */ r(z, {});
+      e = "switcherIcon" in c ? c.switcherIcon : s, a = !x;
     }
     if (e)
       return e = /* @__PURE__ */ r(
         "span",
         {
-          className: `${o}-switcher-icon`,
+          className: `${t}-switcher-icon`,
           "aria-label": d ? "fold button" : "expand button",
           role: "button",
           tabIndex: 0,
-          onClick: A,
+          onClick: P,
           children: e
         }
-      ), a ? /* @__PURE__ */ r(ae, { prefix: o, children: e }) : e;
-  }, u = I(
-    ie((e) => {
-      var R;
-      const a = p.current;
+      ), a ? /* @__PURE__ */ r(ne, { prefix: t, children: e }) : e;
+  }, u = v(
+    te((e) => {
+      const a = C.current;
       if (!a)
         return;
-      const s = a.getBoundingClientRect(), g = window.pageYOffset + s.top, D = e.pageY, E = s.height / 4, L = D - g, k = L < E ? -1 : L < s.height - E ? 0 : 1, q = n.allowDrop(i, k);
+      const s = a.getBoundingClientRect(), g = window.pageYOffset + s.top, B = e.pageY, y = s.height / 4, A = B - g, $ = A < y ? -1 : A < s.height - y ? 0 : 1, V = i.allowDrop(n, $);
       f({
-        ...t,
-        isAllowDrop: q,
+        ...o,
+        isAllowDrop: V,
         isDragOver: !0,
-        dragPosition: k
-      }), (R = n.onNodeDragOver) == null || R.call(n, e, i, k);
+        dragPosition: $
+      }), i.onNodeDragOver?.(e, n, $);
     }),
-    [n.onNodeDragOver]
+    [i.onNodeDragOver]
   );
-  function C(e, a) {
-    var D;
-    const { disableCheckbox: s, disabled: g } = i;
-    s || g || (D = n.onCheck) == null || D.call(n, e, h, a);
+  function T(e, a) {
+    const { disableCheckbox: s, disabled: g } = n;
+    s || g || i.onCheck?.(e, h, a);
   }
-  function V(e) {
-    const { onSelect: a, actionOnClick: s } = n;
-    if (i.disabled)
+  function j(e) {
+    const { onSelect: a, actionOnClick: s } = i;
+    if (n.disabled)
       return;
     const g = [].concat(s);
-    T && g.indexOf("select") > -1 && (a == null || a(h, e)), g.indexOf("expand") > -1 && A(), O && g.indexOf("check") > -1 && C(!i.checked, e);
+    p && g.indexOf("select") > -1 && a?.(h, e), g.indexOf("expand") > -1 && P(), w && g.indexOf("check") > -1 && T(!n.checked, e);
   }
-  return /* @__PURE__ */ w(z, { children: [
-    /* @__PURE__ */ w(
+  return /* @__PURE__ */ N(q, { children: [
+    /* @__PURE__ */ N(
       "div",
       {
-        style: i.style,
-        className: j,
-        ref: U,
+        style: n.style,
+        className: H,
+        ref: S,
         role: "treeitem",
-        "aria-disabled": N,
+        "aria-disabled": b,
         "aria-expanded": d,
-        "aria-level": i._level,
+        "aria-level": n._level,
         children: [
-          /* @__PURE__ */ r("span", { className: `${o}-indent`, "aria-hidden": !0, children: [...Array(i._level)].map((e, a) => /* @__PURE__ */ r(
+          /* @__PURE__ */ r("span", { className: `${t}-indent`, "aria-hidden": !0, children: [...Array(n._level)].map((e, a) => /* @__PURE__ */ r(
             "span",
             {
-              className: b(`${o}-indent-block`, {
-                [`${o}-indent-block-lineless`]: i._lineless && i._lineless[a]
+              className: D(`${t}-indent-block`, {
+                [`${t}-indent-block-lineless`]: n._lineless && n._lineless[a]
               })
             },
             a
@@ -132,85 +128,81 @@ function se(i, U) {
           /* @__PURE__ */ r(
             "span",
             {
-              className: b(`${o}-switcher`, {
-                [`${o}-switcher-expanded`]: d
+              className: D(`${t}-switcher`, {
+                [`${t}-switcher-expanded`]: d
               }),
-              children: B()
+              children: M()
             }
           ),
-          O ? /* @__PURE__ */ r(
-            ne,
+          w ? /* @__PURE__ */ r(
+            ee,
             {
-              disabled: H || N,
+              disabled: Y || b,
               value: h,
-              indeterminate: i.indeterminated,
-              checked: i.checked,
-              onChange: C
+              indeterminate: n.indeterminated,
+              checked: n.checked,
+              onChange: T
             }
           ) : null,
-          /* @__PURE__ */ w(
+          /* @__PURE__ */ N(
             "span",
             {
-              "aria-grabbed": t.isDragging,
-              ref: p,
-              className: b(`${o}-title`, {
-                [`${o}-title-draggable`]: l,
-                [`${o}-title-gap-top`]: t.isDragOver && t.isAllowDrop && t.dragPosition < 0,
-                [`${o}-title-gap-bottom`]: t.isDragOver && t.isAllowDrop && t.dragPosition > 0,
-                [`${o}-title-highlight`]: !t.isDragging && t.isDragOver && t.isAllowDrop && t.dragPosition === 0,
-                [`${o}-title-dragging`]: t.isDragging,
-                [`${o}-title-block`]: i.blockNode
+              "aria-grabbed": o.isDragging,
+              ref: C,
+              className: D(`${t}-title`, {
+                [`${t}-title-draggable`]: l,
+                [`${t}-title-gap-top`]: o.isDragOver && o.isAllowDrop && o.dragPosition < 0,
+                [`${t}-title-gap-bottom`]: o.isDragOver && o.isAllowDrop && o.dragPosition > 0,
+                [`${t}-title-highlight`]: !o.isDragging && o.isDragOver && o.isAllowDrop && o.dragPosition === 0,
+                [`${t}-title-dragging`]: o.isDragging,
+                [`${t}-title-block`]: n.blockNode
               }),
-              onClick: V,
+              onClick: j,
               draggable: l,
               onDrop: (e) => {
-                var a;
-                e.stopPropagation(), e.preventDefault(), (a = n.onNodeDrop) == null || a.call(n, e, i, t.dragPosition), u.cancel(), f({
-                  ...t,
+                e.stopPropagation(), e.preventDefault(), i.onNodeDrop?.(e, n, o.dragPosition), u.cancel(), f({
+                  ...o,
                   isDragOver: !1,
                   dragPosition: 0
                 });
               },
               onDragStart: (e) => {
-                var a;
                 if (l) {
-                  e.stopPropagation(), f({ ...t, isDragging: !0 });
+                  e.stopPropagation(), f({ ...o, isDragging: !0 });
                   try {
                     e.dataTransfer.setData("text/plain", "");
-                  } catch (s) {
-                    console.error(s);
+                  } catch (a) {
+                    console.error(a);
                   }
-                  (a = n.onNodeDragStart) == null || a.call(n, e, i);
+                  i.onNodeDragStart?.(e, n);
                 }
               },
               onDragEnd: (e) => {
-                var a;
-                l && (e.stopPropagation(), u.cancel(), f({ ...t, isDragOver: !1, isDragging: !1 }), (a = n.onNodeDragEnd) == null || a.call(n, e, i));
+                l && (e.stopPropagation(), u.cancel(), f({ ...o, isDragOver: !1, isDragging: !1 }), i.onNodeDragEnd?.(e, n));
               },
               onDragOver: (e) => {
                 e.preventDefault(), e.stopPropagation(), e.persist(), u(e);
               },
               onDragLeave: (e) => {
-                var a;
-                l && (e.stopPropagation(), u.cancel(), f({ ...t, isDragOver: !1 }), (a = n.onNodeDragLeave) == null || a.call(n, e, i));
+                l && (e.stopPropagation(), u.cancel(), f({ ...o, isDragOver: !1 }), i.onNodeDragLeave?.(e, n));
               },
               children: [
-                x && /* @__PURE__ */ r("span", { className: `${o}-icon ${o}-custom-icon`, children: x }),
-                /* @__PURE__ */ r("span", { className: `${o}-title-text`, children: m(n.renderTitle) ? n.renderTitle(i) : Y }),
-                l && /* @__PURE__ */ r("span", { className: `${o}-icon ${o}-drag-icon`, children: "dragIcon" in c ? c.dragIcon : /* @__PURE__ */ r(J, {}) })
+                k && /* @__PURE__ */ r("span", { className: `${t}-icon ${t}-custom-icon`, children: k }),
+                /* @__PURE__ */ r("span", { className: `${t}-title-text`, children: m(i.renderTitle) ? i.renderTitle(n) : _ }),
+                l && /* @__PURE__ */ r("span", { className: `${t}-icon ${t}-drag-icon`, children: "dragIcon" in c ? c.dragIcon : /* @__PURE__ */ r(G, {}) })
               ]
             }
           ),
-          m(n.renderExtra) && n.renderExtra(i)
+          m(i.renderExtra) && i.renderExtra(n)
         ]
       }
     ),
-    n.animation && /* @__PURE__ */ r(oe, { ...i })
+    i.animation && /* @__PURE__ */ r(ie, { ...n })
   ] });
 }
-const S = X(se);
-S.displayName = "TreeNode";
-const pe = W.memo(S);
+const L = W(re);
+L.displayName = "TreeNode";
+const ke = Q.memo(L);
 export {
-  pe as default
+  ke as default
 };

package/tree/NodeList.js

@@ -1,82 +1,82 @@
-import { jsx as L } from "react/jsx-runtime";
-import { forwardRef as N, useRef as h, useMemo as m, useImperativeHandle as V, createElement as g } from "react";
-import { scrollIntoView as b } from "../components/common/utils/scrollIntoView.js";
-import P from "../virtual-list/VirtualList.js";
-import v from "./Node.js";
-function H(s) {
-  return s.key || s._key;
+import { jsx as x } from "react/jsx-runtime";
+import { forwardRef as M, useRef as y, useMemo as p, useImperativeHandle as R, createElement as D } from "react";
+import { scrollIntoView as V } from "../components/common/utils/scrollIntoView.js";
+import b from "../virtual-list/VirtualList.js";
+import I from "./Node.js";
+function H(n) {
+  return n.key || n._key;
 }
-function j(s, E) {
+function j(n, N) {
   const {
-    className: K,
-    style: p,
-    filterNode: a,
-    virtualListProps: c,
+    className: h,
+    style: m,
+    filterNode: i,
+    virtualListProps: K,
     expandedKeys: w,
-    currentExpandKeys: k,
-    nodeList: i,
-    getNodeProps: S,
-    getDataSet: M
-  } = s, x = (c == null ? void 0 : c.threshold) !== null, l = h(), f = h(), D = h(), I = m(() => new Set(w), [w]), u = m(() => {
-    const e = /* @__PURE__ */ new Set(), t = new Set(k);
-    return i.forEach((n) => {
-      (n.pathParentKeys || []).every(
-        (r) => !t.has(r) && I.has(r)
-      ) && e.add(n._key);
+    currentExpandKeys: P,
+    nodeList: a,
+    getNodeProps: k,
+    getDataSet: g
+  } = n, L = K?.threshold !== null, l = y(), u = y(), S = y(), v = p(() => new Set(w), [w]), c = p(() => {
+    const e = /* @__PURE__ */ new Set(), s = new Set(P);
+    return a.forEach((t) => {
+      (t.pathParentKeys || []).every(
+        (r) => !s.has(r) && v.has(r)
+      ) && e.add(t._key);
     }), e;
-  }, [I, k, i]), R = () => i.filter((e) => !!((!a || (a == null ? void 0 : a(e))) && u.has(e.key))), d = m(() => R(), [i, a, u]);
-  return V(E, () => ({
+  }, [v, P, a]), E = () => a.filter((e) => !!((!i || i?.(e)) && c.has(e.key))), d = p(() => E(), [a, i, c]);
+  return R(N, () => ({
     // index: 第几个dom元素, 如果传入的是字符串，会作为 node 的 key去查找。
     // nodeProps: _index 是 key 时，对应的node
-    scrollIntoView: (e, t) => {
-      let n = e;
+    scrollIntoView: (e, s) => {
+      let t = e;
       if (typeof e == "string") {
         let r = e;
-        !u.has(e) && (t != null && t.pathParentKeys) && (r = [...t.pathParentKeys].reverse().find((o) => u.has(o)) || n), n = d.findIndex(({ _key: o }) => o === r);
+        !c.has(e) && s?.pathParentKeys && (r = [...s.pathParentKeys].reverse().find((o) => c.has(o)) || t), t = d.findIndex(({ _key: o }) => o === r);
       }
-      if (!x && f.current) {
-        const r = f.current, o = r ? r.children[n] : null;
-        o && b(o, {
+      if (!L && u.current) {
+        const r = u.current, o = r ? r.children[t] : null;
+        o && V(o, {
           boundary: r.parentElement
         });
-      } else l.current && l.current.scrollTo({ index: n });
+      } else l.current && l.current.scrollTo({ index: t });
     }
-  })), x ? /* @__PURE__ */ L(
-    P,
+  })), L ? /* @__PURE__ */ x(
+    b,
     {
-      className: K,
-      style: p,
+      className: h,
+      style: m,
       ref: l,
       data: d,
       isStaticItemHeight: !1,
       itemKey: H,
-      onMouseDown: s.onMouseDown,
-      ...s.ariaProps,
-      ...c,
-      children: (e, t, { itemIndex: n }) => {
-        n === 0 && (D.current = M());
-        const y = S(e, D.current);
-        return /* @__PURE__ */ g(v, { ...e, key: e.key, ...y });
+      onMouseDown: n.onMouseDown,
+      ...n.ariaProps,
+      ...K,
+      children: (e, s, { itemIndex: t }) => {
+        t === 0 && (S.current = g());
+        const f = k(e, S.current);
+        return /* @__PURE__ */ D(I, { ...e, key: e.key, ...f });
       }
     }
-  ) : /* @__PURE__ */ L(
+  ) : /* @__PURE__ */ x(
     "div",
     {
       role: "tree",
       tabIndex: 0,
-      className: K,
-      style: p,
-      ref: f,
-      ...s.ariaProps,
-      onMouseDown: s.onMouseDown,
+      className: h,
+      style: m,
+      ref: u,
+      ...n.ariaProps,
+      onMouseDown: n.onMouseDown,
       children: d.map((e) => {
-        const t = S(e);
-        return /* @__PURE__ */ g(v, { ...t, key: e.key });
+        const s = k(e);
+        return /* @__PURE__ */ D(I, { ...s, key: e.key });
       })
     }
   );
 }
-const z = N(j);
+const z = M(j);
 export {
   z as default
 };