@unicom-cloud/ui 0.8.92 → 0.8.94

package/tree/Node.js

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