@unicom-cloud/ui 0.8.108 → 0.8.109

package/tree/Animation.js

@@ -1,99 +1,11 @@
-import { jsx as u } from "react/jsx-runtime";
-import K from "lodash/isNumber";
-import { useContext as x, useRef as C, useEffect as g, useMemo as p } from "react";
-import "../config-provider/ConfigProvider.js";
-import { PqbCSSTransition as _ } from "../components/common/utils/PqbCSSTransition.js";
-import H from "../virtual-list/VirtualList.js";
-import { TreeContext as S } from "./Context.js";
-import v from "./Node.js";
-import N from "../config-provider/context.js";
-function D(t) {
-  return t.key || t._key;
-}
-const j = (t) => {
-  const i = x(S), { getPrefixCls: k } = x(N), E = k?.("tree-node"), { expandedKeys: y, currentExpandKeys: c } = i.getTreeState(), o = t.expanded, m = C(t.childrenData);
-  m.current = t.childrenData, g(() => () => {
-    i.onExpandEnd?.(t._key);
-  }, []);
-  const h = p(() => {
-    const e = [], n = (s) => {
-      s.forEach((a) => {
-        const r = i.getFieldInfo(a);
-        e.push(r), r.children && r.children.length && n(r.children);
-      });
-    };
-    return n(m.current || []), e;
-  }, [o]), d = p(() => {
-    const e = [];
-    if (h.length) {
-      const n = new Set(y || []);
-      h.forEach((s) => {
-        let a;
-        const r = {
-          ...i.key2nodeProps[s.key]
-        };
-        if (o)
-          a = r.parentKey === t._key || r.pathParentKeys?.every((f) => n.has(f));
-        else if (r.pathParentKeys) {
-          const f = r.pathParentKeys.indexOf(t._key);
-          a = r.pathParentKeys.slice(f + 1).every((P) => n.has(P));
-        }
-        a && e.push({
-          ...r,
-          key: s.key
-        });
-      });
-    }
-    return i.getNodeProps(e);
-  }, [h, t._key, o, y]);
-  let l = i.virtualListProps?.height;
-  return l = K(l) ? l : 0, g(() => {
-    c.indexOf(t._key) > -1 && d.length === 0 && i.onExpandEnd(t._key);
-  }, [d, c]), /* @__PURE__ */ u(
-    _,
-    {
-      in: c.indexOf(t._key) > -1 && d.length > 0,
-      unmountOnExit: !0,
-      classNames: "tree-slide-expand",
-      timeout: {
-        enter: 200,
-        exit: 0
-      },
-      onEnter: (e) => {
-        if (!e) return;
-        const n = e.scrollHeight;
-        e.style.height = o ? 0 : `${Math.min(l || n, e.scrollHeight)}px`;
-      },
-      onEntering: (e) => {
-        if (!e) return;
-        const n = e.scrollHeight;
-        e.style.height = o ? `${Math.min(l || n, n)}px` : 0;
-      },
-      onEntered: (e) => {
-        e && (e.style.height = t.expanded ? "" : 0, i.onExpandEnd(t._key));
-      },
-      onExit: (e) => {
-        e && (e.style.display = "none");
-      },
-      children: /* @__PURE__ */ u(
-        H,
-        {
-          itemKey: D,
-          className: `${E}-list`,
-          isStaticItemHeight: !1,
-          ...i.virtualListProps,
-          data: d,
-          "aria-hidden": !0,
-          style: { overflow: "hidden" },
-          children: (e) => {
-            const { key: n, ...s } = e ?? {};
-            return /* @__PURE__ */ u(v, { ...s }, n);
-          }
-        }
-      )
-    }
-  );
-};
+import "react/jsx-runtime";
+import "lodash/isNumber";
+import "react";
+import "../chunk/DXlwLh0Y.js";
+import "../chunk/B--6x-RL.js";
+import "../virtual-list/VirtualList.js";
+import "./Context.js";
+import { a as d } from "../chunk/p9jiLDTk.js";
 export {
-  j as default
+  d as default
 };

package/tree/Node.js

@@ -1,208 +1,16 @@
-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 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 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: _,
-    icon: k,
-    checkable: w,
-    selected: U,
-    disabled: b,
-    disableCheckbox: Y,
-    isLeaf: I,
-    draggable: l,
-    expanded: d,
-    showLine: x,
-    loading: F,
-    selectable: p = !0
-  } = n, t = R?.("tree-node"), H = D(
-    t,
-    {
-      [`${t}-selected`]: U,
-      [`${t}-is-leaf`]: I,
-      [`${t}-expanded`]: d,
-      [`${t}-disabled-selectable`]: !p,
-      [`${t}-disabled`]: b,
-      [`${t}-draggable`]: l
-    },
-    n.className
-  ), c = (() => {
-    const e = m(i.icons) ? i.icons(n) : i.icons, a = m(n.icons) ? n.icons(n) : n.icons;
-    return { ...e, ...a };
-  })(), O = v(
-    (e) => {
-      e !== d && i.onExpand?.(e, h);
-    },
-    [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 (I)
-      x && (e = "switcherIcon" in c ? c.switcherIcon : /* @__PURE__ */ r(J, {}), a = !0);
-    else {
-      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: `${t}-switcher-icon`,
-          "aria-label": d ? "fold button" : "expand button",
-          role: "button",
-          tabIndex: 0,
-          onClick: P,
-          children: e
-        }
-      ), 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, B = e.pageY, y = s.height / 4, A = B - g, $ = A < y ? -1 : A < s.height - y ? 0 : 1, V = i.allowDrop(n, $);
-      f({
-        ...o,
-        isAllowDrop: V,
-        isDragOver: !0,
-        dragPosition: $
-      }), i.onNodeDragOver?.(e, n, $);
-    }),
-    [i.onNodeDragOver]
-  );
-  function T(e, a) {
-    const { disableCheckbox: s, disabled: g } = n;
-    s || g || i.onCheck?.(e, h, a);
-  }
-  function j(e) {
-    const { onSelect: a, actionOnClick: s } = i;
-    if (n.disabled)
-      return;
-    const g = [].concat(s);
-    p && g.indexOf("select") > -1 && a?.(h, e), g.indexOf("expand") > -1 && P(), w && g.indexOf("check") > -1 && T(!n.checked, e);
-  }
-  return /* @__PURE__ */ N(q, { children: [
-    /* @__PURE__ */ N(
-      "div",
-      {
-        style: n.style,
-        className: H,
-        ref: S,
-        role: "treeitem",
-        "aria-disabled": b,
-        "aria-expanded": d,
-        "aria-level": n._level,
-        children: [
-          /* @__PURE__ */ r("span", { className: `${t}-indent`, "aria-hidden": !0, children: [...Array(n._level)].map((e, a) => /* @__PURE__ */ r(
-            "span",
-            {
-              className: D(`${t}-indent-block`, {
-                [`${t}-indent-block-lineless`]: n._lineless && n._lineless[a]
-              })
-            },
-            a
-          )) }),
-          /* @__PURE__ */ r(
-            "span",
-            {
-              className: D(`${t}-switcher`, {
-                [`${t}-switcher-expanded`]: d
-              }),
-              children: M()
-            }
-          ),
-          w ? /* @__PURE__ */ r(
-            ee,
-            {
-              disabled: Y || b,
-              value: h,
-              indeterminate: n.indeterminated,
-              checked: n.checked,
-              onChange: T
-            }
-          ) : null,
-          /* @__PURE__ */ N(
-            "span",
-            {
-              "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: j,
-              draggable: l,
-              onDrop: (e) => {
-                e.stopPropagation(), e.preventDefault(), i.onNodeDrop?.(e, n, o.dragPosition), u.cancel(), f({
-                  ...o,
-                  isDragOver: !1,
-                  dragPosition: 0
-                });
-              },
-              onDragStart: (e) => {
-                if (l) {
-                  e.stopPropagation(), f({ ...o, isDragging: !0 });
-                  try {
-                    e.dataTransfer.setData("text/plain", "");
-                  } catch (a) {
-                    console.error(a);
-                  }
-                  i.onNodeDragStart?.(e, n);
-                }
-              },
-              onDragEnd: (e) => {
-                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) => {
-                l && (e.stopPropagation(), u.cancel(), f({ ...o, isDragOver: !1 }), i.onNodeDragLeave?.(e, n));
-              },
-              children: [
-                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(i.renderExtra) && i.renderExtra(n)
-        ]
-      }
-    ),
-    i.animation && /* @__PURE__ */ r(ie, { ...n })
-  ] });
-}
-const L = W(re);
-L.displayName = "TreeNode";
-const ke = Q.memo(L);
+import "react/jsx-runtime";
+import "@unicom-cloud/icons/IconUiCaretDown";
+import "@unicom-cloud/icons/IconUiDragDotVertical";
+import "@unicom-cloud/icons/IconUiFile";
+import "@unicom-cloud/icons/IconUiLoading";
+import "lodash/isFunction";
+import "react";
+import "../chunk/DYc9a7tm.js";
+import "../chunk/DXlwLh0Y.js";
+import "@unicom-cloud/utils/class-name";
+import "../utils/throttleByRaf.js";
+import { T } from "../chunk/p9jiLDTk.js";
+import "./Context.js";
 export {
-  ke as default
+  T as default
 };

package/tree/NodeList.js

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