@unicom-cloud/ui 0.8.91 → 0.8.93

package/tree/Node.js

@@ -1,35 +1,35 @@
-import { jsxs as w, Fragment as q, jsx as s } from "react/jsx-runtime";
+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 u from "lodash/isFunction";
-import Q, { forwardRef as W, useContext as C, useRef as X, useState as Z, useCallback as I } from "react";
+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 "../config-provider/ConfigProvider.js";
-import ae from "../icon-hover/index.js";
+import ne from "../icon-hover/index.js";
 import b from "@unicom-cloud/utils/class-name";
-import { throttleByRaf as ne } from "../components/common/utils/throttleByRaf.js";
+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 a = C(oe), { getPrefixCls: $ } = C(te), x = X(), [t, f] = Z({
+  const n = _(oe), { getPrefixCls: $ } = _(te), x = X(), [t, f] = Z({
     isAllowDrop: !0,
     isDragOver: !1,
     dragPosition: 0,
     isDragging: !1
   }), {
-    _key: m = "",
+    _key: h = "",
     title: Y,
-    icon: O,
-    checkable: p,
+    icon: p,
+    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,67 +38,67 @@ 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(K, {});
+    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(J, {}), 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(z, {});
+      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 _;
-      const n = x.current;
-      if (!n)
+      ), a ? /* @__PURE__ */ r(ne, { prefix: o, children: e }) : e;
+  }, u = I(
+    ae((e) => {
+      var R;
+      const a = x.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, L = s.height / 4, C = D - g, k = C < L ? -1 : C < s.height - L ? 0 : 1, V = n.allowDrop(i, k);
       f({
         ...t,
         isAllowDrop: V,
         isDragOver: !0,
         dragPosition: k
-      }), (_ = a.onNodeDragOver) == null || _.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 E(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: [
     /* @__PURE__ */ w(
@@ -109,32 +109,32 @@ 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(
+          O ? /* @__PURE__ */ r(
             ee,
             {
               disabled: H || N,
-              value: m,
+              value: h,
               indeterminate: i.indeterminated,
               checked: i.checked,
               onChange: E
@@ -146,7 +146,7 @@ function re(i, U) {
               "aria-grabbed": t.isDragging,
               ref: x,
               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,
@@ -154,56 +154,56 @@ function re(i, U) {
                 [`${o}-title-block`]: i.blockNode
               }),
               onClick: (e) => {
-                const { onSelect: n, onNodeClick: r, actionOnClick: h } = a;
+                const { onSelect: a, actionOnClick: s } = n;
                 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);
+                  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);
                 }
               },
-              draggable: d,
+              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, {}) })
+                p && /* @__PURE__ */ r("span", { className: `${o}-icon ${o}-custom-icon`, children: p }),
+                /* @__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, {}) })
               ]
             }
           ),
-          u(a.renderExtra) && a.renderExtra(i)
+          m(n.renderExtra) && n.renderExtra(i)
         ]
       }
     ),
-    a.animation && /* @__PURE__ */ s(ie, { ...i })
+    n.animation && /* @__PURE__ */ r(ie, { ...i })
   ] });
 }
 const S = W(re);