@unicom-cloud/ui 0.8.93 → 0.8.94

package/tree/Node.js

@@ -1,20 +1,21 @@
-import { jsxs as w, 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 { 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 Q, { forwardRef as W, useContext as _, useRef as X, useState as Z, useCallback as I } from "react";
-import ee from "../checkbox/Checkbox.js";
+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 ne from "../icon-hover/index.js";
+import ae from "../icon-hover/index.js";
 import b from "@unicom-cloud/utils/class-name";
-import { throttleByRaf as ae } 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 n = _(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,
@@ -22,7 +23,7 @@ function re(i, U) {
   }), {
     _key: h = "",
     title: Y,
-    icon: p,
+    icon: x,
     checkable: O,
     selected: F,
     disabled: N,
@@ -59,12 +60,12 @@ function re(i, U) {
     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(K, {});
+      return "loadingIcon" in c ? c.loadingIcon : /* @__PURE__ */ r(Q, {});
     let e = null, a = !1;
     if (P)
-      v && (e = "switcherIcon" in c ? c.switcherIcon : /* @__PURE__ */ r(J, {}), a = !0);
+      v && (e = "switcherIcon" in c ? c.switcherIcon : /* @__PURE__ */ r(K, {}), a = !0);
     else {
-      const s = v ? /* @__PURE__ */ r("span", { className: `${o}-${d ? "minus" : "plus"}-icon` }) : /* @__PURE__ */ r(z, {});
+      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)
@@ -78,29 +79,36 @@ function re(i, U) {
           onClick: A,
           children: e
         }
-      ), a ? /* @__PURE__ */ r(ne, { prefix: o, children: e }) : e;
+      ), a ? /* @__PURE__ */ r(ae, { prefix: o, children: e }) : e;
   }, u = I(
-    ae((e) => {
+    ie((e) => {
       var R;
-      const a = x.current;
+      const a = p.current;
       if (!a)
         return;
-      const s = a.getBoundingClientRect(), g = window.pageYOffset + s.top, D = e.pageY, L = s.height / 4, C = D - g, k = C < L ? -1 : C < s.height - L ? 0 : 1, V = n.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
       }), (R = n.onNodeDragOver) == null || R.call(n, e, i, k);
     }),
     [n.onNodeDragOver]
   );
-  function E(e, a) {
+  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",
       {
@@ -131,20 +139,20 @@ function re(i, U) {
             }
           ),
           O ? /* @__PURE__ */ r(
-            ee,
+            ne,
             {
               disabled: H || N,
               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`]: l,
                 [`${o}-title-gap-top`]: t.isDragOver && t.isAllowDrop && t.dragPosition < 0,
@@ -153,13 +161,7 @@ function re(i, U) {
                 [`${o}-title-dragging`]: t.isDragging,
                 [`${o}-title-block`]: i.blockNode
               }),
-              onClick: (e) => {
-                const { onSelect: a, actionOnClick: s } = n;
-                if (!i.disabled) {
-                  const g = [].concat(s);
-                  T && g.indexOf("select") > -1 && (a == null || a(h, e)), g.indexOf("expand") > -1 && A(), O && g.indexOf("check") > -1 && E(!i.checked, e);
-                }
-              },
+              onClick: V,
               draggable: l,
               onDrop: (e) => {
                 var a;
@@ -193,9 +195,9 @@ function re(i, U) {
                 l && (e.stopPropagation(), u.cancel(), f({ ...t, isDragOver: !1 }), (a = n.onNodeDragLeave) == null || a.call(n, e, i));
               },
               children: [
-                p && /* @__PURE__ */ r("span", { className: `${o}-icon ${o}-custom-icon`, children: p }),
+                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(G, {}) })
+                l && /* @__PURE__ */ r("span", { className: `${o}-icon ${o}-drag-icon`, children: "dragIcon" in c ? c.dragIcon : /* @__PURE__ */ r(J, {}) })
               ]
             }
           ),
@@ -203,12 +205,12 @@ function re(i, U) {
         ]
       }
     ),
-    n.animation && /* @__PURE__ */ r(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
 };