@hkyhy/marsun-components-core 0.1.66 → 0.1.67

package/dist/components/OrgTree/OrgTree.d.ts

@@ -13,6 +13,13 @@ export type OrgTreeProps = {
     /** 展示节点内增删改操作 */
     editable?: boolean;
     className?: string;
+    /**
+     * 初始展开深度：0=全部折叠；1=展开根（露出一级子，默认）；
+     * 传很大的数或 Infinity ≈ 全展开（仅小树建议）。
+     */
+    defaultExpandDepth?: number;
+    /** 虚拟列表可视高度（px）；节点多时默认开启 */
+    virtualHeight?: number | false;
     /** 受控选中（点选节点，如右侧岗位面板） */
     selectedKeys?: Key[];
     onSelect?: (node: {
@@ -38,8 +45,8 @@ export type OrgTreeProps = {
     deleteOkType?: 'primary' | 'danger';
 };
 /**
- * 组织树（对齐 Assets 组织架构行为）：默认展开、节点 hover 增删改。
- * 纯 UI，无业务 API。
+ * 组织树（对齐 Assets 组织架构行为）：可配置展开深度、节点 hover 增删改。
+ * 纯 UI，无业务 API。大树勿默认全展开（会卡死 DOM）。
  */
 declare const OrgTree: React.FC<OrgTreeProps>;
 export default OrgTree;

package/dist/components/OrgTree/OrgTree.js

@@ -1,154 +1,171 @@
-import { jsx as t, jsxs as u, Fragment as K } from "react/jsx-runtime";
-import { Spin as S, Tree as w, Tooltip as j, Space as v, Button as p, Popconfirm as B } from "antd";
-import o from "classnames";
-import { useMemo as F, useState as L, useEffect as M } from "react";
+import { jsx as l, jsxs as p, Fragment as F } from "react/jsx-runtime";
+import { Spin as L, Tree as M, Tooltip as V, Space as q, Button as N, Popconfirm as G } from "antd";
+import c from "classnames";
+import { useMemo as y, useState as H, useEffect as J } from "react";
 import m from "./style.module.scss.js";
-import { Plus as O } from "../Icons/Plus.js";
-import { Pencil as q } from "../Icons/Pencil.js";
-import { Trash2 as A } from "../Icons/Trash2.js";
-function T(a) {
-  var l;
+import { Plus as Q } from "../Icons/Plus.js";
+import { Pencil as R } from "../Icons/Pencil.js";
+import { Trash2 as U } from "../Icons/Trash2.js";
+function I(n, a) {
+  var t;
+  if (a <= 0 || !n.length) return [];
   const i = [];
-  for (const n of a)
-    i.push(n.id), (l = n.children) != null && l.length && i.push(...T(n.children));
+  for (const s of n)
+    (t = s.children) != null && t.length && (i.push(s.id), a > 1 && i.push(...I(s.children, a - 1)));
   return i;
 }
-function k(a, i) {
-  var l;
-  for (const n of a) {
-    if (n.id === i)
-      return { id: n.id, name: n.name, parentId: n.parentId ?? null };
-    if ((l = n.children) != null && l.length) {
-      const c = k(n.children, i);
-      if (c) return c;
+function S(n) {
+  var i;
+  let a = 0;
+  for (const t of n)
+    a += 1, (i = t.children) != null && i.length && (a += S(t.children));
+  return a;
+}
+function T(n, a) {
+  var i;
+  for (const t of n) {
+    if (t.id === a)
+      return { id: t.id, name: t.name, parentId: t.parentId ?? null };
+    if ((i = t.children) != null && i.length) {
+      const s = T(t.children, a);
+      if (s) return s;
     }
   }
   return null;
 }
-const W = ({
-  nodes: a,
-  loading: i = !1,
-  editable: l = !1,
-  className: n,
-  selectedKeys: c,
-  onSelect: f,
-  onAdd: g,
-  onEdit: h,
-  onDelete: d,
+const D = ({
+  nodes: n,
+  loading: a = !1,
+  editable: i = !1,
+  className: t,
+  defaultExpandDepth: s = 1,
+  virtualHeight: P,
+  selectedKeys: w,
+  onSelect: z,
+  onAdd: f,
+  onEdit: g,
+  onDelete: h,
   deleteConfirmTitle: E = "确认删除该节点？",
-  deleteOkText: x = "删除",
-  deleteOkType: b = "danger"
+  deleteOkText: d = "删除",
+  deleteOkType: v = "danger"
 }) => {
-  const y = F(() => T(a), [a]), [C, N] = L([]);
-  M(() => {
-    N(y);
-  }, [y]);
-  const P = (s) => s.map((r) => {
-    var z;
-    return {
-      key: r.id,
-      title: /* @__PURE__ */ u("div", { className: o("marsun-org-tree-row", m["marsun-org-tree-row"]), children: [
-        /* @__PURE__ */ t(
-          j,
-          {
-            title: r.nameExtra ? /* @__PURE__ */ u(K, { children: [
-              r.name,
-              r.nameExtra
-            ] }) : r.name,
-            children: /* @__PURE__ */ u("span", { className: o("marsun-org-tree-name", m["marsun-org-tree-name"]), children: [
-              r.name,
-              r.nameExtra ? /* @__PURE__ */ t(
-                "span",
-                {
-                  className: o("marsun-org-tree-extra", m["marsun-org-tree-extra"]),
-                  children: r.nameExtra
-                }
-              ) : null
-            ] })
-          }
-        ),
-        l ? /* @__PURE__ */ u(
-          v,
-          {
-            size: 0,
-            className: o("marsun-org-tree-actions", m["marsun-org-tree-actions"]),
-            children: [
-              g ? /* @__PURE__ */ t(
-                p,
-                {
-                  type: "text",
-                  size: "small",
-                  "aria-label": "添加子节点",
-                  icon: /* @__PURE__ */ t(O, { size: 14 }),
-                  onClick: (e) => {
-                    e.stopPropagation(), g(r.id);
+  const K = y(() => S(n), [n]), x = y(
+    () => I(n, s),
+    [n, s]
+  ), [j, C] = H(x);
+  J(() => {
+    C(x);
+  }, [x]);
+  const B = y(() => {
+    const o = (u) => u.map((r) => {
+      var k;
+      return {
+        key: r.id,
+        title: /* @__PURE__ */ p("div", { className: c("marsun-org-tree-row", m["marsun-org-tree-row"]), children: [
+          /* @__PURE__ */ l(
+            V,
+            {
+              title: r.nameExtra ? /* @__PURE__ */ p(F, { children: [
+                r.name,
+                r.nameExtra
+              ] }) : r.name,
+              children: /* @__PURE__ */ p("span", { className: c("marsun-org-tree-name", m["marsun-org-tree-name"]), children: [
+                r.name,
+                r.nameExtra ? /* @__PURE__ */ l(
+                  "span",
+                  {
+                    className: c("marsun-org-tree-extra", m["marsun-org-tree-extra"]),
+                    children: r.nameExtra
                   }
-                }
-              ) : null,
-              h ? /* @__PURE__ */ t(
-                p,
-                {
-                  type: "text",
-                  size: "small",
-                  "aria-label": "编辑",
-                  icon: /* @__PURE__ */ t(q, { size: 14 }),
-                  onClick: (e) => {
-                    e.stopPropagation(), h({
-                      id: r.id,
-                      name: r.name,
-                      parentId: r.parentId ?? null
-                    });
+                ) : null
+              ] })
+            }
+          ),
+          i ? /* @__PURE__ */ p(
+            q,
+            {
+              size: 0,
+              className: c("marsun-org-tree-actions", m["marsun-org-tree-actions"]),
+              children: [
+                f ? /* @__PURE__ */ l(
+                  N,
+                  {
+                    type: "text",
+                    size: "small",
+                    "aria-label": "添加子节点",
+                    icon: /* @__PURE__ */ l(Q, { size: 14 }),
+                    onClick: (e) => {
+                      e.stopPropagation(), f(r.id);
+                    }
                   }
-                }
-              ) : null,
-              d ? /* @__PURE__ */ t(
-                B,
-                {
-                  title: E,
-                  okText: x,
-                  okType: b,
-                  cancelText: "取消",
-                  onConfirm: (e) => (e == null || e.stopPropagation(), d({ id: r.id, name: r.name })),
-                  onCancel: (e) => e == null ? void 0 : e.stopPropagation(),
-                  children: /* @__PURE__ */ t(
-                    p,
-                    {
-                      type: "text",
-                      size: "small",
-                      danger: !0,
-                      "aria-label": x,
-                      icon: /* @__PURE__ */ t(A, { size: 14 }),
-                      onClick: (e) => e.stopPropagation()
+                ) : null,
+                g ? /* @__PURE__ */ l(
+                  N,
+                  {
+                    type: "text",
+                    size: "small",
+                    "aria-label": "编辑",
+                    icon: /* @__PURE__ */ l(R, { size: 14 }),
+                    onClick: (e) => {
+                      e.stopPropagation(), g({
+                        id: r.id,
+                        name: r.name,
+                        parentId: r.parentId ?? null
+                      });
                     }
-                  )
-                }
-              ) : null
-            ]
-          }
-        ) : null
-      ] }),
-      children: (z = r.children) != null && z.length ? P(r.children) : void 0
-    };
-  }), I = P(a);
-  return /* @__PURE__ */ t(S, { spinning: i, children: /* @__PURE__ */ t(
-    w,
+                  }
+                ) : null,
+                h ? /* @__PURE__ */ l(
+                  G,
+                  {
+                    title: E,
+                    okText: d,
+                    okType: v,
+                    cancelText: "取消",
+                    onConfirm: (e) => (e == null || e.stopPropagation(), h({ id: r.id, name: r.name })),
+                    onCancel: (e) => e == null ? void 0 : e.stopPropagation(),
+                    children: /* @__PURE__ */ l(
+                      N,
+                      {
+                        type: "text",
+                        size: "small",
+                        danger: !0,
+                        "aria-label": d,
+                        icon: /* @__PURE__ */ l(U, { size: 14 }),
+                        onClick: (e) => e.stopPropagation()
+                      }
+                    )
+                  }
+                ) : null
+              ]
+            }
+          ) : null
+        ] }),
+        children: (k = r.children) != null && k.length ? o(r.children) : void 0
+      };
+    });
+    return o(n);
+  }, [n, i, f, g, h, E, d, v]), b = P === !1 ? void 0 : P ?? (K > 80 ? 520 : void 0);
+  return /* @__PURE__ */ l(L, { spinning: a, children: /* @__PURE__ */ l(
+    M,
     {
-      className: o("marsun-org-tree", m["marsun-org-tree"], n),
-      treeData: I,
-      expandedKeys: C,
-      onExpand: (s) => N(s),
-      selectedKeys: c,
-      onSelect: (s) => {
-        if (!f) return;
-        const r = s[0] != null ? String(s[0]) : "";
-        f(r ? k(a, r) : null);
+      className: c("marsun-org-tree", m["marsun-org-tree"], t),
+      treeData: B,
+      expandedKeys: j,
+      onExpand: (o) => C(o),
+      selectedKeys: w,
+      onSelect: (o) => {
+        if (!z) return;
+        const u = o[0] != null ? String(o[0]) : "";
+        z(u ? T(n, u) : null);
       },
       showLine: !0,
-      blockNode: !0
+      blockNode: !0,
+      ...b ? { virtual: !0, height: b } : {}
     }
   ) });
 };
 export {
-  W as default
+  D as default
 };
 //# sourceMappingURL=OrgTree.js.map

package/dist/components/OrgTree/OrgTree.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrgTree.js","sources":["../../../src/components/OrgTree/OrgTree.tsx"],"sourcesContent":["import { Pencil, Plus, Trash2 } from '../Icons';\nimport { Button, Popconfirm, Space, Spin, Tooltip, Tree } from 'antd';\nimport type { DataNode } from 'antd/es/tree';\nimport classNames from 'classnames';\nimport React, { useEffect, useMemo, useState, type Key, type ReactNode } from 'react';\nimport styles from './style.module.scss';\n\nexport type OrgTreeNode = {\n  id: string;\n  name: string;\n  parentId?: string | null;\n  children?: OrgTreeNode[];\n  /** 名称旁附加文案（如 mapped） */\n  nameExtra?: ReactNode;\n};\n\nexport type OrgTreeProps = {\n  nodes: OrgTreeNode[];\n  loading?: boolean;\n  /** 展示节点内增删改操作 */\n  editable?: boolean;\n  className?: string;\n  /** 受控选中（点选节点，如右侧岗位面板） */\n  selectedKeys?: Key[];\n  onSelect?: (node: { id: string; name: string; parentId: string | null } | null) => void;\n  onAdd?: (parentId: string) => void;\n  onEdit?: (node: { id: string; name: string; parentId: string | null }) => void;\n  /** 确认删除后回调；由业务执行 API */\n  onDelete?: (node: { id: string; name: string }) => void | Promise<void>;\n  /** 删除确认文案 */\n  deleteConfirmTitle?: string;\n  /** 确认钮文案（软禁用场景可传「禁用」） */\n  deleteOkText?: string;\n  deleteOkType?: 'primary' | 'danger';\n};\n\nfunction collectAllKeys(nodes: OrgTreeNode[]): string[] {\n  const keys: string[] = [];\n  for (const n of nodes) {\n    keys.push(n.id);\n    if (n.children?.length) keys.push(...collectAllKeys(n.children));\n  }\n  return keys;\n}\n\nfunction findOrgNode(\n  list: OrgTreeNode[],\n  id: string,\n): { id: string; name: string; parentId: string | null } | null {\n  for (const n of list) {\n    if (n.id === id) {\n      return { id: n.id, name: n.name, parentId: n.parentId ?? null };\n    }\n    if (n.children?.length) {\n      const hit = findOrgNode(n.children, id);\n      if (hit) return hit;\n    }\n  }\n  return null;\n}\n\n/**\n * 组织树（对齐 Assets 组织架构行为）：默认展开、节点 hover 增删改。\n * 纯 UI，无业务 API。\n */\nconst OrgTree: React.FC<OrgTreeProps> = ({\n  nodes,\n  loading = false,\n  editable = false,\n  className,\n  selectedKeys,\n  onSelect,\n  onAdd,\n  onEdit,\n  onDelete,\n  deleteConfirmTitle = '确认删除该节点？',\n  deleteOkText = '删除',\n  deleteOkType = 'danger',\n}) => {\n  const allKeys = useMemo(() => collectAllKeys(nodes), [nodes]);\n  const [expandedKeys, setExpandedKeys] = useState<Key[]>([]);\n\n  useEffect(() => {\n    setExpandedKeys(allKeys);\n  }, [allKeys]);\n\n  const buildTreeNodes = (list: OrgTreeNode[]): DataNode[] =>\n    list.map((node) => ({\n      key: node.id,\n      title: (\n        <div className={classNames('marsun-org-tree-row', styles['marsun-org-tree-row'])}>\n          <Tooltip\n            title={\n              node.nameExtra ? (\n                <>\n                  {node.name}\n                  {node.nameExtra}\n                </>\n              ) : (\n                node.name\n              )\n            }\n          >\n            <span className={classNames('marsun-org-tree-name', styles['marsun-org-tree-name'])}>\n              {node.name}\n              {node.nameExtra ? (\n                <span\n                  className={classNames('marsun-org-tree-extra', styles['marsun-org-tree-extra'])}\n                >\n                  {node.nameExtra}\n                </span>\n              ) : null}\n            </span>\n          </Tooltip>\n          {editable ? (\n            <Space\n              size={0}\n              className={classNames('marsun-org-tree-actions', styles['marsun-org-tree-actions'])}\n            >\n              {onAdd ? (\n                <Button\n                  type=\"text\"\n                  size=\"small\"\n                  aria-label=\"添加子节点\"\n                  icon={<Plus size={14} />}\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    onAdd(node.id);\n                  }}\n                />\n              ) : null}\n              {onEdit ? (\n                <Button\n                  type=\"text\"\n                  size=\"small\"\n                  aria-label=\"编辑\"\n                  icon={<Pencil size={14} />}\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    onEdit({\n                      id: node.id,\n                      name: node.name,\n                      parentId: node.parentId ?? null,\n                    });\n                  }}\n                />\n              ) : null}\n              {onDelete ? (\n                <Popconfirm\n                  title={deleteConfirmTitle}\n                  okText={deleteOkText}\n                  okType={deleteOkType}\n                  cancelText=\"取消\"\n                  onConfirm={(e) => {\n                    e?.stopPropagation();\n                    return onDelete({ id: node.id, name: node.name });\n                  }}\n                  onCancel={(e) => e?.stopPropagation()}\n                >\n                  <Button\n                    type=\"text\"\n                    size=\"small\"\n                    danger\n                    aria-label={deleteOkText}\n                    icon={<Trash2 size={14} />}\n                    onClick={(e) => e.stopPropagation()}\n                  />\n                </Popconfirm>\n              ) : null}\n            </Space>\n          ) : null}\n        </div>\n      ),\n      children: node.children?.length ? buildTreeNodes(node.children) : undefined,\n    }));\n\n  const treeData = buildTreeNodes(nodes);\n\n  return (\n    <Spin spinning={loading}>\n      <Tree\n        className={classNames('marsun-org-tree', styles['marsun-org-tree'], className)}\n        treeData={treeData}\n        expandedKeys={expandedKeys}\n        onExpand={(keys) => setExpandedKeys(keys)}\n        selectedKeys={selectedKeys}\n        onSelect={(keys) => {\n          if (!onSelect) return;\n          const id = keys[0] != null ? String(keys[0]) : '';\n          onSelect(id ? findOrgNode(nodes, id) : null);\n        }}\n        showLine\n        blockNode\n      />\n    </Spin>\n  );\n};\n\nexport default OrgTree;\n"],"names":["collectAllKeys","nodes","keys","_a","findOrgNode","list","id","hit","OrgTree","loading","editable","className","selectedKeys","onSelect","onAdd","onEdit","onDelete","deleteConfirmTitle","deleteOkText","deleteOkType","allKeys","useMemo","expandedKeys","setExpandedKeys","useState","useEffect","buildTreeNodes","node","classNames","styles","jsx","Tooltip","jsxs","Fragment","Space","Button","Plus","Pencil","Popconfirm","Trash2","treeData","Spin","Tree"],"mappings":"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"}
+{"version":3,"file":"OrgTree.js","sources":["../../../src/components/OrgTree/OrgTree.tsx"],"sourcesContent":["import { Pencil, Plus, Trash2 } from '../Icons';\nimport { Button, Popconfirm, Space, Spin, Tooltip, Tree } from 'antd';\nimport type { DataNode } from 'antd/es/tree';\nimport classNames from 'classnames';\nimport React, { useEffect, useMemo, useState, type Key, type ReactNode } from 'react';\nimport styles from './style.module.scss';\n\nexport type OrgTreeNode = {\n  id: string;\n  name: string;\n  parentId?: string | null;\n  children?: OrgTreeNode[];\n  /** 名称旁附加文案（如 mapped） */\n  nameExtra?: ReactNode;\n};\n\nexport type OrgTreeProps = {\n  nodes: OrgTreeNode[];\n  loading?: boolean;\n  /** 展示节点内增删改操作 */\n  editable?: boolean;\n  className?: string;\n  /**\n   * 初始展开深度：0=全部折叠；1=展开根（露出一级子，默认）；\n   * 传很大的数或 Infinity ≈ 全展开（仅小树建议）。\n   */\n  defaultExpandDepth?: number;\n  /** 虚拟列表可视高度（px）；节点多时默认开启 */\n  virtualHeight?: number | false;\n  /** 受控选中（点选节点，如右侧岗位面板） */\n  selectedKeys?: Key[];\n  onSelect?: (node: { id: string; name: string; parentId: string | null } | null) => void;\n  onAdd?: (parentId: string) => void;\n  onEdit?: (node: { id: string; name: string; parentId: string | null }) => void;\n  /** 确认删除后回调；由业务执行 API */\n  onDelete?: (node: { id: string; name: string }) => void | Promise<void>;\n  /** 删除确认文案 */\n  deleteConfirmTitle?: string;\n  /** 确认钮文案（软禁用场景可传「禁用」） */\n  deleteOkText?: string;\n  deleteOkType?: 'primary' | 'danger';\n};\n\n/** 收集需展开的 key：depth=1 只展开根，露出一级子节点 */\nfunction collectExpandedKeys(nodes: OrgTreeNode[], depth: number): string[] {\n  if (depth <= 0 || !nodes.length) return [];\n  const keys: string[] = [];\n  for (const n of nodes) {\n    if (n.children?.length) {\n      keys.push(n.id);\n      if (depth > 1) {\n        keys.push(...collectExpandedKeys(n.children, depth - 1));\n      }\n    }\n  }\n  return keys;\n}\n\nfunction countNodes(nodes: OrgTreeNode[]): number {\n  let n = 0;\n  for (const node of nodes) {\n    n += 1;\n    if (node.children?.length) n += countNodes(node.children);\n  }\n  return n;\n}\n\nfunction findOrgNode(\n  list: OrgTreeNode[],\n  id: string,\n): { id: string; name: string; parentId: string | null } | null {\n  for (const n of list) {\n    if (n.id === id) {\n      return { id: n.id, name: n.name, parentId: n.parentId ?? null };\n    }\n    if (n.children?.length) {\n      const hit = findOrgNode(n.children, id);\n      if (hit) return hit;\n    }\n  }\n  return null;\n}\n\n/**\n * 组织树（对齐 Assets 组织架构行为）：可配置展开深度、节点 hover 增删改。\n * 纯 UI，无业务 API。大树勿默认全展开（会卡死 DOM）。\n */\nconst OrgTree: React.FC<OrgTreeProps> = ({\n  nodes,\n  loading = false,\n  editable = false,\n  className,\n  defaultExpandDepth = 1,\n  virtualHeight,\n  selectedKeys,\n  onSelect,\n  onAdd,\n  onEdit,\n  onDelete,\n  deleteConfirmTitle = '确认删除该节点？',\n  deleteOkText = '删除',\n  deleteOkType = 'danger',\n}) => {\n  const nodeCount = useMemo(() => countNodes(nodes), [nodes]);\n  const initialExpanded = useMemo(\n    () => collectExpandedKeys(nodes, defaultExpandDepth),\n    [nodes, defaultExpandDepth],\n  );\n  const [expandedKeys, setExpandedKeys] = useState<Key[]>(initialExpanded);\n\n  useEffect(() => {\n    setExpandedKeys(initialExpanded);\n  }, [initialExpanded]);\n\n  const treeData = useMemo(() => {\n    const buildTreeNodes = (list: OrgTreeNode[]): DataNode[] =>\n      list.map((node) => ({\n        key: node.id,\n        title: (\n          <div className={classNames('marsun-org-tree-row', styles['marsun-org-tree-row'])}>\n            <Tooltip\n              title={\n                node.nameExtra ? (\n                  <>\n                    {node.name}\n                    {node.nameExtra}\n                  </>\n                ) : (\n                  node.name\n                )\n              }\n            >\n              <span className={classNames('marsun-org-tree-name', styles['marsun-org-tree-name'])}>\n                {node.name}\n                {node.nameExtra ? (\n                  <span\n                    className={classNames('marsun-org-tree-extra', styles['marsun-org-tree-extra'])}\n                  >\n                    {node.nameExtra}\n                  </span>\n                ) : null}\n              </span>\n            </Tooltip>\n            {editable ? (\n              <Space\n                size={0}\n                className={classNames('marsun-org-tree-actions', styles['marsun-org-tree-actions'])}\n              >\n                {onAdd ? (\n                  <Button\n                    type=\"text\"\n                    size=\"small\"\n                    aria-label=\"添加子节点\"\n                    icon={<Plus size={14} />}\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      onAdd(node.id);\n                    }}\n                  />\n                ) : null}\n                {onEdit ? (\n                  <Button\n                    type=\"text\"\n                    size=\"small\"\n                    aria-label=\"编辑\"\n                    icon={<Pencil size={14} />}\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      onEdit({\n                        id: node.id,\n                        name: node.name,\n                        parentId: node.parentId ?? null,\n                      });\n                    }}\n                  />\n                ) : null}\n                {onDelete ? (\n                  <Popconfirm\n                    title={deleteConfirmTitle}\n                    okText={deleteOkText}\n                    okType={deleteOkType}\n                    cancelText=\"取消\"\n                    onConfirm={(e) => {\n                      e?.stopPropagation();\n                      return onDelete({ id: node.id, name: node.name });\n                    }}\n                    onCancel={(e) => e?.stopPropagation()}\n                  >\n                    <Button\n                      type=\"text\"\n                      size=\"small\"\n                      danger\n                      aria-label={deleteOkText}\n                      icon={<Trash2 size={14} />}\n                      onClick={(e) => e.stopPropagation()}\n                    />\n                  </Popconfirm>\n                ) : null}\n              </Space>\n            ) : null}\n          </div>\n        ),\n        children: node.children?.length ? buildTreeNodes(node.children) : undefined,\n      }));\n    return buildTreeNodes(nodes);\n  }, [nodes, editable, onAdd, onEdit, onDelete, deleteConfirmTitle, deleteOkText, deleteOkType]);\n\n  const resolvedVirtualHeight =\n    virtualHeight === false ? undefined : (virtualHeight ?? (nodeCount > 80 ? 520 : undefined));\n\n  return (\n    <Spin spinning={loading}>\n      <Tree\n        className={classNames('marsun-org-tree', styles['marsun-org-tree'], className)}\n        treeData={treeData}\n        expandedKeys={expandedKeys}\n        onExpand={(keys) => setExpandedKeys(keys)}\n        selectedKeys={selectedKeys}\n        onSelect={(keys) => {\n          if (!onSelect) return;\n          const id = keys[0] != null ? String(keys[0]) : '';\n          onSelect(id ? findOrgNode(nodes, id) : null);\n        }}\n        showLine\n        blockNode\n        {...(resolvedVirtualHeight ? { virtual: true, height: resolvedVirtualHeight } : {})}\n      />\n    </Spin>\n  );\n};\n\nexport default OrgTree;\n"],"names":["collectExpandedKeys","nodes","depth","keys","n","_a","countNodes","node","findOrgNode","list","id","hit","OrgTree","loading","editable","className","defaultExpandDepth","virtualHeight","selectedKeys","onSelect","onAdd","onEdit","onDelete","deleteConfirmTitle","deleteOkText","deleteOkType","nodeCount","useMemo","initialExpanded","expandedKeys","setExpandedKeys","useState","useEffect","treeData","buildTreeNodes","classNames","styles","jsx","Tooltip","jsxs","Fragment","Space","Button","Plus","Pencil","Popconfirm","Trash2","resolvedVirtualHeight","Spin","Tree"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hkyhy/marsun-components-core",
-  "version": "0.1.66",
+  "version": "0.1.67",
   "description": "Marsun pure UI component library",
   "type": "module",
   "repository": {