dishui 0.0.65 → 0.0.67

package/dist/components/Tree/Tree.js

@@ -1,202 +1,203 @@
-import { generateTreeActiveStyles as te } from "../../styles/themeStyles.js";
-import re, { useCallback as c, useMemo as W, useState as V } from "react";
-import { Fragment as ne, jsx as t, jsxs as a } from "react/jsx-runtime";
-var ae = ({ data: s, onNodeClick: z, onNodeDoubleClick: S, onNodeToggle: u, activeNodeId: $, defaultExpandedIds: h = [], showSearch: Y = !0, searchPlaceholder: D = "Search...", showExpandAll: F = !0, expandAllText: H = "Expand All", collapseAllText: P = "Collapse All", showIcon: L = !0, defaultIcon: R, expandIcon: T, collapseIcon: G, showLine: J = !1, maxHeight: K = "600px", className: O = "", title: E, titleIcon: U, showCount: f = !0, emptyText: X = "No data", noResultsText: Z = "No results found", indent: A = 16, togglePosition: x = "left", renderNode: v }) => {
-  const [p, _] = V(""), [b, m] = V(new Set(h));
-  re.useEffect(() => {
-    h.length > 0 && m((e) => {
-      const r = new Set(e);
-      return h.forEach((l) => r.add(l)), r;
-    });
-  }, [h]);
-  const w = T || /* @__PURE__ */ t("svg", {
-    className: "w-3 h-3",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor",
-    children: /* @__PURE__ */ t("path", {
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 2,
-      d: "M19 9l-7 7-7-7"
-    })
-  }), k = G || /* @__PURE__ */ t("svg", {
-    className: "w-3 h-3",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor",
-    children: /* @__PURE__ */ t("path", {
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 2,
-      d: "M9 5l7 7-7 7"
-    })
-  }), j = R || /* @__PURE__ */ t("svg", {
-    className: "w-4 h-4",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor",
-    children: /* @__PURE__ */ t("path", {
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 2,
-      d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-    })
-  }), y = c((e) => e.reduce((r, l) => r + 1 + (l.children ? y(l.children) : 0), 0), []), q = W(() => y(s), [s, y]), N = c((e, r) => {
-    if (!r) return e;
-    const l = r.toLowerCase(), n = [];
-    for (const o of e) {
-      const g = o.label.toLowerCase().includes(l), i = o.children ? N(o.children, r) : [];
-      (g || i.length > 0) && n.push({
-        ...o,
-        children: i.length > 0 ? i : o.children
-      });
-    }
-    return n;
-  }, []), M = W(() => N(s, p), [
-    s,
-    p,
-    N
-  ]), C = c((e) => {
-    const r = new Set(b);
-    r.has(e) ? (r.delete(e), u?.(e, !1)) : (r.add(e), u?.(e, !0)), m(r);
-  }, [b, u]), I = c(() => {
-    const e = /* @__PURE__ */ new Set(), r = (l) => {
-      l.forEach((n) => {
-        n.children && n.children.length > 0 && (e.add(n.id), r(n.children));
-      });
-    };
-    r(s), m(e);
-  }, [s]), ee = c(() => {
-    m(/* @__PURE__ */ new Set());
-  }, []), B = c((e, r = 0, l = []) => {
-    const n = e.children && e.children.length > 0, o = b.has(e.id), g = $ === e.id, i = [...l, e.id], Q = /* @__PURE__ */ a("div", {
-      "data-node-id": e.id,
-      className: `tree-node ${g ? "tree-node-active" : ""} ${e.disabled ? "tree-node-disabled" : ""}`,
-      style: { paddingLeft: `${r * A}px` },
-      children: [/* @__PURE__ */ a("div", {
-        className: `tree-node-content flex items-center gap-2 px-2 py-1.5 rounded cursor-pointer transition-colors ${g ? "tree-node-content-active" : "tree-node-content-inactive"} ${e.disabled ? "opacity-50 cursor-not-allowed" : ""}`,
-        onClick: () => {
-          e.disabled || z?.(e, i);
-        },
-        onDoubleClick: () => {
-          e.disabled || S?.(e, i);
-        },
-        children: [
-          x === "left" && /* @__PURE__ */ t(ne, { children: n ? /* @__PURE__ */ t("button", {
-            className: `tree-node-toggle btn btn-xs btn-ghost btn-circle ${o ? "tree-node-toggle-expanded" : ""}`,
-            onClick: (d) => {
-              d.stopPropagation(), e.disabled || C(e.id);
-            },
-            disabled: e.disabled,
-            children: o ? w : k
-          }) : /* @__PURE__ */ t("span", {
-            className: "tree-node-toggle-placeholder",
-            style: {
-              width: "1.5rem",
-              height: "1.5rem",
-              flexShrink: 0
-            }
-          }) }),
-          L && /* @__PURE__ */ t("span", {
-            className: "tree-node-icon",
-            children: e.icon || j
-          }),
-          /* @__PURE__ */ t("span", {
-            className: "tree-node-label text-sm truncate flex-1",
-            title: e.label,
-            children: e.label
-          }),
-          n && f && /* @__PURE__ */ a("span", {
-            className: "tree-node-count text-xs opacity-60",
-            children: [
-              "(",
-              e.children.length,
-              ")"
-            ]
-          }),
-          x === "right" && n && /* @__PURE__ */ t("button", {
-            className: `tree-node-toggle tree-node-toggle-right btn btn-xs btn-ghost ${o ? "tree-node-toggle-expanded" : ""}`,
-            onClick: (d) => {
-              d.stopPropagation(), e.disabled || C(e.id);
-            },
-            disabled: e.disabled,
-            children: o ? w : k
-          })
-        ]
-      }), n && /* @__PURE__ */ t("div", {
-        className: `tree-node-children ${o ? "tree-node-children-expanded" : "tree-node-children-collapsed"}`,
-        children: e.children.map((d) => B(d, r + 1, i))
-      })]
-    }, e.id);
-    return v ? v(e, Q) : Q;
-  }, [
-    b,
-    $,
-    A,
-    L,
-    f,
-    x,
-    w,
-    k,
-    j,
-    z,
-    S,
-    C,
-    v
-  ]);
-  return /* @__PURE__ */ a("div", {
-    className: `tree-component bg-base-100 border border-base-300 rounded-lg p-2 ${O}`,
-    children: [
-      E && /* @__PURE__ */ a("div", {
-        className: "tree-header flex items-center gap-2 px-2 py-1 mb-2 border-b border-base-300",
-        children: [
-          U,
-          /* @__PURE__ */ t("span", {
-            className: "font-semibold",
-            children: E
-          }),
-          f && /* @__PURE__ */ a("span", {
-            className: "text-xs opacity-60 ml-auto",
-            children: [
-              "(",
-              q,
-              ")"
-            ]
-          })
-        ]
-      }),
-      Y && /* @__PURE__ */ t("input", {
-        type: "text",
-        placeholder: D,
-        value: p,
-        onChange: (e) => _(e.target.value),
-        className: "tree-search input input-sm input-bordered w-full mb-2"
-      }),
-      F && /* @__PURE__ */ a("div", {
-        className: "tree-actions flex gap-1 mb-2",
-        children: [/* @__PURE__ */ t("button", {
-          className: "btn btn-xs btn-ghost",
-          onClick: I,
-          children: H
-        }), /* @__PURE__ */ t("button", {
-          className: "btn btn-xs btn-ghost",
-          onClick: ee,
-          children: P
-        })]
-      }),
-      /* @__PURE__ */ t("div", {
-        className: "tree-content overflow-y-auto",
-        style: { maxHeight: K },
-        children: M.length === 0 ? /* @__PURE__ */ t("div", {
-          className: "tree-empty text-center text-sm opacity-60 py-4",
-          children: p ? Z : X
-        }) : /* @__PURE__ */ t("div", {
-          className: `tree-nodes ${J ? "tree-show-line" : ""}`,
-          children: M.map((e) => B(e))
-        })
-      }),
-      /* @__PURE__ */ t("style", { children: `
+import { generateTreeActiveStyles as e } from "../../styles/themeStyles.js";
+import t, { useCallback as n, useMemo as r, useState as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/Tree/Tree.tsx
+var c = ({ data: c, onNodeClick: l, onNodeDoubleClick: u, onNodeToggle: d, activeNodeId: f, defaultExpandedIds: p = [], showSearch: m = !0, searchPlaceholder: h = "Search...", showExpandAll: g = !0, expandAllText: _ = "Expand All", collapseAllText: v = "Collapse All", showIcon: y = !0, defaultIcon: b, expandIcon: x, collapseIcon: S, showLine: C = !1, maxHeight: w = "600px", className: T = "", title: E, titleIcon: D, showCount: O = !0, emptyText: k = "No data", noResultsText: A = "No results found", indent: j = 16, togglePosition: M = "left", renderNode: N }) => {
+	let [P, F] = i(""), [I, L] = i(new Set(p));
+	t.useEffect(() => {
+		p.length > 0 && L((e) => {
+			let t = new Set(e);
+			return p.forEach((e) => t.add(e)), t;
+		});
+	}, [p]);
+	let R = x || /* @__PURE__ */ o("svg", {
+		className: "w-3 h-3",
+		fill: "none",
+		viewBox: "0 0 24 24",
+		stroke: "currentColor",
+		children: /* @__PURE__ */ o("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: 2,
+			d: "M19 9l-7 7-7-7"
+		})
+	}), z = S || /* @__PURE__ */ o("svg", {
+		className: "w-3 h-3",
+		fill: "none",
+		viewBox: "0 0 24 24",
+		stroke: "currentColor",
+		children: /* @__PURE__ */ o("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: 2,
+			d: "M9 5l7 7-7 7"
+		})
+	}), B = b || /* @__PURE__ */ o("svg", {
+		className: "w-4 h-4",
+		fill: "none",
+		viewBox: "0 0 24 24",
+		stroke: "currentColor",
+		children: /* @__PURE__ */ o("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: 2,
+			d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+		})
+	}), V = n((e) => e.reduce((e, t) => e + 1 + (t.children ? V(t.children) : 0), 0), []), H = r(() => V(c), [c, V]), U = n((e, t) => {
+		if (!t) return e;
+		let n = t.toLowerCase(), r = [];
+		for (let i of e) {
+			let e = i.label.toLowerCase().includes(n), a = i.children ? U(i.children, t) : [];
+			(e || a.length > 0) && r.push({
+				...i,
+				children: a.length > 0 ? a : i.children
+			});
+		}
+		return r;
+	}, []), W = r(() => U(c, P), [
+		c,
+		P,
+		U
+	]), G = n((e) => {
+		let t = new Set(I);
+		t.has(e) ? (t.delete(e), d?.(e, !1)) : (t.add(e), d?.(e, !0)), L(t);
+	}, [I, d]), K = n(() => {
+		let e = /* @__PURE__ */ new Set(), t = (n) => {
+			n.forEach((n) => {
+				n.children && n.children.length > 0 && (e.add(n.id), t(n.children));
+			});
+		};
+		t(c), L(e);
+	}, [c]), q = n(() => {
+		L(/* @__PURE__ */ new Set());
+	}, []), J = n((e, t = 0, n = []) => {
+		let r = e.children && e.children.length > 0, i = I.has(e.id), c = f === e.id, d = [...n, e.id], p = /* @__PURE__ */ s("div", {
+			"data-node-id": e.id,
+			className: `tree-node ${c ? "tree-node-active" : ""} ${e.disabled ? "tree-node-disabled" : ""}`,
+			style: { paddingLeft: `${t * j}px` },
+			children: [/* @__PURE__ */ s("div", {
+				className: `tree-node-content flex items-center gap-2 px-2 py-1.5 rounded cursor-pointer transition-colors ${c ? "tree-node-content-active" : "tree-node-content-inactive"} ${e.disabled ? "opacity-50 cursor-not-allowed" : ""}`,
+				onClick: () => {
+					e.disabled || l?.(e, d);
+				},
+				onDoubleClick: () => {
+					e.disabled || u?.(e, d);
+				},
+				children: [
+					M === "left" && /* @__PURE__ */ o(a, { children: r ? /* @__PURE__ */ o("button", {
+						className: `tree-node-toggle btn btn-xs btn-ghost btn-circle ${i ? "tree-node-toggle-expanded" : ""}`,
+						onClick: (t) => {
+							t.stopPropagation(), e.disabled || G(e.id);
+						},
+						disabled: e.disabled,
+						children: i ? R : z
+					}) : /* @__PURE__ */ o("span", {
+						className: "tree-node-toggle-placeholder",
+						style: {
+							width: "1.5rem",
+							height: "1.5rem",
+							flexShrink: 0
+						}
+					}) }),
+					y && /* @__PURE__ */ o("span", {
+						className: "tree-node-icon",
+						children: e.icon || B
+					}),
+					/* @__PURE__ */ o("span", {
+						className: "tree-node-label text-sm truncate flex-1",
+						title: e.label,
+						children: e.label
+					}),
+					r && O && /* @__PURE__ */ s("span", {
+						className: "tree-node-count text-xs opacity-60",
+						children: [
+							"(",
+							e.children.length,
+							")"
+						]
+					}),
+					M === "right" && r && /* @__PURE__ */ o("button", {
+						className: `tree-node-toggle tree-node-toggle-right btn btn-xs btn-ghost ${i ? "tree-node-toggle-expanded" : ""}`,
+						onClick: (t) => {
+							t.stopPropagation(), e.disabled || G(e.id);
+						},
+						disabled: e.disabled,
+						children: i ? R : z
+					})
+				]
+			}), r && /* @__PURE__ */ o("div", {
+				className: `tree-node-children ${i ? "tree-node-children-expanded" : "tree-node-children-collapsed"}`,
+				children: e.children.map((e) => J(e, t + 1, d))
+			})]
+		}, e.id);
+		return N ? N(e, p) : p;
+	}, [
+		I,
+		f,
+		j,
+		y,
+		O,
+		M,
+		R,
+		z,
+		B,
+		l,
+		u,
+		G,
+		N
+	]);
+	return /* @__PURE__ */ s("div", {
+		className: `tree-component bg-base-100 border border-base-300 rounded-lg p-2 ${T}`,
+		children: [
+			E && /* @__PURE__ */ s("div", {
+				className: "tree-header flex items-center gap-2 px-2 py-1 mb-2 border-b border-base-300",
+				children: [
+					D,
+					/* @__PURE__ */ o("span", {
+						className: "font-semibold",
+						children: E
+					}),
+					O && /* @__PURE__ */ s("span", {
+						className: "text-xs opacity-60 ml-auto",
+						children: [
+							"(",
+							H,
+							")"
+						]
+					})
+				]
+			}),
+			m && /* @__PURE__ */ o("input", {
+				type: "text",
+				placeholder: h,
+				value: P,
+				onChange: (e) => F(e.target.value),
+				className: "tree-search input input-sm input-bordered w-full mb-2"
+			}),
+			g && /* @__PURE__ */ s("div", {
+				className: "tree-actions flex gap-1 mb-2",
+				children: [/* @__PURE__ */ o("button", {
+					className: "btn btn-xs btn-ghost",
+					onClick: K,
+					children: _
+				}), /* @__PURE__ */ o("button", {
+					className: "btn btn-xs btn-ghost",
+					onClick: q,
+					children: v
+				})]
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "tree-content overflow-y-auto",
+				style: { maxHeight: w },
+				children: W.length === 0 ? /* @__PURE__ */ o("div", {
+					className: "tree-empty text-center text-sm opacity-60 py-4",
+					children: P ? A : k
+				}) : /* @__PURE__ */ o("div", {
+					className: `tree-nodes ${C ? "tree-show-line" : ""}`,
+					children: W.map((e) => J(e))
+				})
+			}),
+			/* @__PURE__ */ o("style", { children: `
         .tree-node {
           user-select: none;
         }
@@ -322,18 +323,17 @@ var ae = ({ data: s, onNodeClick: z, onNodeDoubleClick: S, onNodeToggle: u, acti
         }
         
         /* 主题活跃状态样式 - 从共用配置生成 */
-        ${te()}
+        ${e()}
         
         /* 非活跃节点的悬停状态 */
         .tree-node-content-inactive:hover {
           background-color: oklch(var(--b2));
         }
       ` })
-    ]
-  });
-};
-export {
-  ae as default
+		]
+	});
 };
+//#endregion
+export { c as default };
 
 //# sourceMappingURL=Tree.js.map

package/dist/components/Tree/Tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.js","names":[],"sources":["../../../src/components/Tree/Tree.tsx"],"sourcesContent":["import React, { useState, useCallback, useMemo } from 'react';\nimport { generateTreeActiveStyles } from '../../styles/themeStyles';\n\n// ============= 类型定义 =============\n\nexport interface TreeNode {\n  id: string | number;\n  label: string;\n  children?: TreeNode[];\n  icon?: React.ReactNode;\n  disabled?: boolean;\n  meta?: Record<string, any>;\n}\n\nexport interface TreeProps {\n  /** 树形数据 */\n  data: TreeNode[];\n\n  /** 节点点击回调 */\n  onNodeClick?: (node: TreeNode, path: (string | number)[]) => void;\n\n  /** 节点双击回调 */\n  onNodeDoubleClick?: (node: TreeNode, path: (string | number)[]) => void;\n\n  /** 节点展开/折叠回调 */\n  onNodeToggle?: (nodeId: string | number, expanded: boolean) => void;\n\n  /** 当前激活的节点 ID */\n  activeNodeId?: string | number;\n\n  /** 默认展开的节点 ID 列表 */\n  defaultExpandedIds?: (string | number)[];\n\n  /** 是否显示搜索框 */\n  showSearch?: boolean;\n\n  /** 搜索占位符 */\n  searchPlaceholder?: string;\n\n  /** 是否显示展开/折叠全部按钮 */\n  showExpandAll?: boolean;\n\n  /** 展开全部按钮文本 */\n  expandAllText?: string;\n\n  /** 折叠全部按钮文本 */\n  collapseAllText?: string;\n\n  /** 是否显示节点图标 */\n  showIcon?: boolean;\n\n  /** 默认图标 */\n  defaultIcon?: React.ReactNode;\n\n  /** 展开图标 */\n  expandIcon?: React.ReactNode;\n\n  /** 折叠图标 */\n  collapseIcon?: React.ReactNode;\n\n  /** 是否显示连接线 */\n  showLine?: boolean;\n\n  /** 最大高度 */\n  maxHeight?: string;\n\n  /** 自定义类名 */\n  className?: string;\n\n  /** 标题 */\n  title?: string;\n\n  /** 标题图标 */\n  titleIcon?: React.ReactNode;\n\n  /** 是否显示节点数量 */\n  showCount?: boolean;\n\n  /** 空状态文本 */\n  emptyText?: string;\n\n  /** 搜索无结果文本 */\n  noResultsText?: string;\n\n  /** 缩进宽度（像素） */\n  indent?: number;\n\n  /** 展开按钮位置：left（左侧）或 right（右侧） */\n  togglePosition?: 'left' | 'right';\n\n  /** 是否可拖拽（暂不实现） */\n  draggable?: boolean;\n\n  /** 是否可选择（暂不实现） */\n  checkable?: boolean;\n\n  /** 自定义渲染节点 */\n  renderNode?: (node: TreeNode, defaultRender: React.ReactNode) => React.ReactNode;\n}\n\n// ============= Tree 组件 =============\n\nconst Tree: React.FC<TreeProps> = ({\n  data,\n  onNodeClick,\n  onNodeDoubleClick,\n  onNodeToggle,\n  activeNodeId,\n  defaultExpandedIds = [],\n  showSearch = true,\n  searchPlaceholder = 'Search...',\n  showExpandAll = true,\n  expandAllText = 'Expand All',\n  collapseAllText = 'Collapse All',\n  showIcon = true,\n  defaultIcon,\n  expandIcon,\n  collapseIcon,\n  showLine = false,\n  maxHeight = '600px',\n  className = '',\n  title,\n  titleIcon,\n  showCount = true,\n  emptyText = 'No data',\n  noResultsText = 'No results found',\n  indent = 16,\n  togglePosition = 'left',\n  renderNode,\n}) => {\n  const [searchQuery, setSearchQuery] = useState('');\n  const [expandedIds, setExpandedIds] = useState<Set<string | number>>(\n    new Set(defaultExpandedIds)\n  );\n\n  // 当 defaultExpandedIds 变化时，同步更新 expandedIds（用于异步加载的数据）\n  React.useEffect(() => {\n    if (defaultExpandedIds.length > 0) {\n      setExpandedIds(prev => {\n        const newSet = new Set(prev);\n        defaultExpandedIds.forEach(id => newSet.add(id));\n        return newSet;\n      });\n    }\n  }, [defaultExpandedIds]);\n\n  // 默认展开/折叠图标\n  const defaultExpandIconEl = expandIcon || (\n    <svg className=\"w-3 h-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\n    </svg>\n  );\n\n  const defaultCollapseIconEl = collapseIcon || (\n    <svg className=\"w-3 h-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n    </svg>\n  );\n\n  // 默认节点图标\n  const defaultIconEl = defaultIcon || (\n    <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"\n      />\n    </svg>\n  );\n\n  // 统计节点总数\n  const countNodes = useCallback((nodes: TreeNode[]): number => {\n    return nodes.reduce((count, node) => {\n      return count + 1 + (node.children ? countNodes(node.children) : 0);\n    }, 0);\n  }, []);\n\n  const totalCount = useMemo(() => countNodes(data), [data, countNodes]);\n\n  // 过滤节点（支持搜索）\n  const filterNodes = useCallback((nodes: TreeNode[], query: string): TreeNode[] => {\n    if (!query) return nodes;\n\n    const lowerQuery = query.toLowerCase();\n    const filtered: TreeNode[] = [];\n\n    for (const node of nodes) {\n      const matches = node.label.toLowerCase().includes(lowerQuery);\n      const filteredChildren = node.children ? filterNodes(node.children, query) : [];\n\n      if (matches || filteredChildren.length > 0) {\n        filtered.push({\n          ...node,\n          children: filteredChildren.length > 0 ? filteredChildren : node.children,\n        });\n      }\n    }\n\n    return filtered;\n  }, []);\n\n  const filteredData = useMemo(\n    () => filterNodes(data, searchQuery),\n    [data, searchQuery, filterNodes]\n  );\n\n  // 切换节点展开/折叠\n  const toggleNode = useCallback(\n    (nodeId: string | number) => {\n      const newExpanded = new Set(expandedIds);\n      if (newExpanded.has(nodeId)) {\n        newExpanded.delete(nodeId);\n        onNodeToggle?.(nodeId, false);\n      } else {\n        newExpanded.add(nodeId);\n        onNodeToggle?.(nodeId, true);\n      }\n      setExpandedIds(newExpanded);\n    },\n    [expandedIds, onNodeToggle]\n  );\n\n  // 展开所有节点\n  const expandAll = useCallback(() => {\n    const allIds = new Set<string | number>();\n    const collectIds = (nodes: TreeNode[]) => {\n      nodes.forEach((node) => {\n        if (node.children && node.children.length > 0) {\n          allIds.add(node.id);\n          collectIds(node.children);\n        }\n      });\n    };\n    collectIds(data);\n    setExpandedIds(allIds);\n  }, [data]);\n\n  // 折叠所有节点\n  const collapseAll = useCallback(() => {\n    setExpandedIds(new Set());\n  }, []);\n\n  // 渲染单个节点\n  const renderTreeNode = useCallback(\n    (node: TreeNode, depth: number = 0, path: (string | number)[] = []) => {\n      const hasChildren = node.children && node.children.length > 0;\n      const isExpanded = expandedIds.has(node.id);\n      const isActive = activeNodeId === node.id;\n      const currentPath = [...path, node.id];\n\n      const nodeContent = (\n        <div\n          key={node.id}\n          data-node-id={node.id}\n          className={`tree-node ${isActive ? 'tree-node-active' : ''} ${node.disabled ? 'tree-node-disabled' : ''\n            }`}\n          style={{\n            paddingLeft: `${depth * indent}px`,\n          }}\n        >\n          <div\n            className={`tree-node-content flex items-center gap-2 px-2 py-1.5 rounded cursor-pointer transition-colors ${isActive ? 'tree-node-content-active' : 'tree-node-content-inactive'\n              } ${node.disabled ? 'opacity-50 cursor-not-allowed' : ''}`}\n            onClick={() => {\n              if (!node.disabled) {\n                onNodeClick?.(node, currentPath);\n              }\n            }}\n            onDoubleClick={() => {\n              if (!node.disabled) {\n                onNodeDoubleClick?.(node, currentPath);\n              }\n            }}\n          >\n            {/* 左侧展开按钮 */}\n            {togglePosition === 'left' && (\n              <>\n                {hasChildren ? (\n                  <button\n                    className={`tree-node-toggle btn btn-xs btn-ghost btn-circle ${isExpanded ? 'tree-node-toggle-expanded' : ''\n                      }`}\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      if (!node.disabled) {\n                        toggleNode(node.id);\n                      }\n                    }}\n                    disabled={node.disabled}\n                  >\n                    {isExpanded ? defaultExpandIconEl : defaultCollapseIconEl}\n                  </button>\n                ) : (\n                  <span className=\"tree-node-toggle-placeholder\" style={{ width: '1.5rem', height: '1.5rem', flexShrink: 0 }}></span>\n                )}\n              </>\n            )}\n\n            {/* 节点图标 */}\n            {showIcon && (\n              <span className=\"tree-node-icon\">{node.icon || defaultIconEl}</span>\n            )}\n\n            {/* 节点标签 */}\n            <span className=\"tree-node-label text-sm truncate flex-1\" title={node.label}>\n              {node.label}\n            </span>\n\n            {/* 子节点数量 */}\n            {hasChildren && showCount && (\n              <span className=\"tree-node-count text-xs opacity-60\">\n                ({node.children!.length})\n              </span>\n            )}\n\n            {/* 右侧展开按钮 */}\n            {togglePosition === 'right' && hasChildren && (\n              <button\n                className={`tree-node-toggle tree-node-toggle-right btn btn-xs btn-ghost ${isExpanded ? 'tree-node-toggle-expanded' : ''\n                  }`}\n                onClick={(e) => {\n                  e.stopPropagation();\n                  if (!node.disabled) {\n                    toggleNode(node.id);\n                  }\n                }}\n                disabled={node.disabled}\n              >\n                {isExpanded ? defaultExpandIconEl : defaultCollapseIconEl}\n              </button>\n            )}\n          </div>\n\n          {/* 子节点 */}\n          {hasChildren && (\n            <div\n              className={`tree-node-children ${isExpanded ? 'tree-node-children-expanded' : 'tree-node-children-collapsed'}`}\n            >\n              {node.children!.map((child) => renderTreeNode(child, depth + 1, currentPath))}\n            </div>\n          )}\n        </div>\n      );\n\n      // 自定义渲染\n      if (renderNode) {\n        return renderNode(node, nodeContent);\n      }\n\n      return nodeContent;\n    },\n    [\n      expandedIds,\n      activeNodeId,\n      indent,\n      showIcon,\n      showCount,\n      togglePosition,\n      defaultExpandIconEl,\n      defaultCollapseIconEl,\n      defaultIconEl,\n      onNodeClick,\n      onNodeDoubleClick,\n      toggleNode,\n      renderNode,\n    ]\n  );\n\n  return (\n    <div className={`tree-component bg-base-100 border border-base-300 rounded-lg p-2 ${className}`}>\n      {/* 标题 */}\n      {title && (\n        <div className=\"tree-header flex items-center gap-2 px-2 py-1 mb-2 border-b border-base-300\">\n          {titleIcon}\n          <span className=\"font-semibold\">{title}</span>\n          {showCount && (\n            <span className=\"text-xs opacity-60 ml-auto\">({totalCount})</span>\n          )}\n        </div>\n      )}\n\n      {/* 搜索框 */}\n      {showSearch && (\n        <input\n          type=\"text\"\n          placeholder={searchPlaceholder}\n          value={searchQuery}\n          onChange={(e) => setSearchQuery(e.target.value)}\n          className=\"tree-search input input-sm input-bordered w-full mb-2\"\n        />\n      )}\n\n      {/* 操作按钮 */}\n      {showExpandAll && (\n        <div className=\"tree-actions flex gap-1 mb-2\">\n          <button className=\"btn btn-xs btn-ghost\" onClick={expandAll}>\n            {expandAllText}\n          </button>\n          <button className=\"btn btn-xs btn-ghost\" onClick={collapseAll}>\n            {collapseAllText}\n          </button>\n        </div>\n      )}\n\n      {/* 树形列表 */}\n      <div\n        className=\"tree-content overflow-y-auto\"\n        style={{ maxHeight }}\n      >\n        {filteredData.length === 0 ? (\n          <div className=\"tree-empty text-center text-sm opacity-60 py-4\">\n            {searchQuery ? noResultsText : emptyText}\n          </div>\n        ) : (\n          <div className={`tree-nodes ${showLine ? 'tree-show-line' : ''}`}>\n            {filteredData.map((node) => renderTreeNode(node))}\n          </div>\n        )}\n      </div>\n\n      <style>{`\n        .tree-node {\n          user-select: none;\n        }\n        \n        /* 子节点容器基础样式 */\n        .tree-node-children {\n          margin-top: 2px;\n          overflow: hidden;\n          transform-origin: top;\n          box-sizing: border-box;\n        }\n        \n        /* 折叠状态 - 初始隐藏 */\n        .tree-node-children-collapsed {\n          max-height: 0;\n          opacity: 0;\n          transform: scaleY(0.8);\n          border-left: none !important;\n        }\n        \n        /* 展开状态 - 显示内容 */\n        .tree-node-children-expanded {\n          max-height: 5000px;\n          opacity: 1;\n          transform: scaleY(1);\n          transition: \n            max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1),\n            opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1),\n            transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n          /* 不对 border 做动画 */\n          box-sizing: border-box;\n        }\n        \n        /* 连接线样式 - 在展开状态显示，使用多重选择器提高优先级 */\n        .tree-component .tree-show-line .tree-node-children-expanded,\n        .tree-show-line .tree-node-children.tree-node-children-expanded {\n          border-left: 1px solid var(--fallback-bc, oklch(var(--bc) / 0.2)) !important;\n          margin-left: 8px !important;\n          padding-left: 8px !important;\n          position: relative;\n        }\n        \n        /* 左侧连接线圆点装饰 */\n        .tree-show-line .tree-node-children-expanded::before {\n          content: '';\n          position: absolute;\n          left: -3px;\n          top: 0;\n          width: 5px;\n          height: 5px;\n          border-radius: 50%;\n          background-color: var(--fallback-bc, oklch(var(--bc) / 0.3));\n        }\n        \n        /* 折叠过渡 */\n        .tree-node-children-collapsed {\n          transition: \n            max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1),\n            opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),\n            transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n        \n        /* 展开/折叠按钮图标旋转动画 */\n        .tree-node-toggle {\n          z-index: 2;\n          transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n        \n        .tree-node-toggle svg {\n          transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n        \n        /* 折叠状态的图标 - 向右 */\n        .tree-node-toggle:not(.tree-node-toggle-expanded) svg {\n          transform: rotate(0deg);\n        }\n        \n        /* 展开状态的图标 - 向下（已经是向下的，所以不需要额外旋转） */\n        .tree-node-toggle-expanded svg {\n          transform: rotate(0deg);\n        }\n        \n        .tree-component {\n          position: relative;\n          z-index: 1;\n        }\n        \n        .tree-node-disabled {\n          cursor: not-allowed;\n        }\n        \n        .tree-node-disabled .tree-node-content {\n          pointer-events: none;\n        }\n        \n        /* 节点内容悬停效果 */\n        .tree-node-content {\n          transition: background-color 0.15s ease;\n        }\n        \n        /* 优化性能 - 告诉浏览器这些属性会变化 */\n        .tree-node-children {\n          will-change: max-height, opacity, transform;\n        }\n        \n        /* 动画完成后移除 will-change 以节省资源 */\n        .tree-node-children-expanded,\n        .tree-node-children-collapsed {\n          animation: remove-will-change 0.3s forwards;\n        }\n        \n        @keyframes remove-will-change {\n          to {\n            will-change: auto;\n          }\n        }\n        \n        /* 活跃节点基础样式 */\n        .tree-node-content-active {\n          font-weight: 600 !important;\n          padding-left: calc(0.5rem - 4px) !important;\n          border-radius: 0.375rem !important;\n        }\n        \n        /* 主题活跃状态样式 - 从共用配置生成 */\n        ${generateTreeActiveStyles()}\n        \n        /* 非活跃节点的悬停状态 */\n        .tree-node-content-inactive:hover {\n          background-color: oklch(var(--b2));\n        }\n      `}</style>\n    </div>\n  );\n};\n\nexport default Tree;\n\n"],"mappings":";;;AAsGA,IAAM,KAAA,CAA6B,EACjC,MAAA,GACA,aAAA,GACA,mBAAA,GACA,cAAA,GACA,cAAA,GACA,oBAAA,IAAqB,CAAC,GACtB,YAAA,IAAa,IACb,mBAAA,IAAoB,aACpB,eAAA,IAAgB,IAChB,eAAA,IAAgB,cAChB,iBAAA,IAAkB,gBAClB,UAAA,IAAW,IACX,aAAA,GACA,YAAA,GACA,cAAA,GACA,UAAA,IAAW,IACX,WAAA,IAAY,SACZ,WAAA,IAAY,IACZ,OAAA,GACA,WAAA,GACA,WAAA,IAAY,IACZ,WAAA,IAAY,WACZ,eAAA,IAAgB,oBAChB,QAAA,IAAS,IACT,gBAAA,IAAiB,QACjB,YAAA,EAAA,MACI;AACJ,QAAM,CAAC,GAAa,CAAA,IAAkB,EAAS,EAAE,GAC3C,CAAC,GAAa,CAAA,IAAkB,EACpC,IAAI,IAAI,CAAkB,CAC5B;AAGA,EAAA,GAAM,UAAA,MAAgB;AACpB,IAAI,EAAmB,SAAS,KAC9B,EAAA,CAAe,MAAQ;AACrB,YAAM,IAAS,IAAI,IAAI,CAAI;AAC3B,aAAA,EAAmB,QAAA,CAAQ,MAAM,EAAO,IAAI,CAAE,CAAC,GACxC;AAAA,IACT,CAAC;AAAA,EAEL,GAAG,CAAC,CAAkB,CAAC;AAGvB,QAAM,IAAsB,KAC1B,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAU;AAAA,IAAU,MAAK;AAAA,IAAO,SAAQ;AAAA,IAAY,QAAO;AAAA,IAC9D,UAAA,gBAAA,EAAC,QAAD;AAAA,MAAM,eAAc;AAAA,MAAQ,gBAAe;AAAA,MAAQ,aAAa;AAAA,MAAG,GAAE;AAAA,IAAkB,CAAA;AAAA,EACpF,CAAA,GAGD,IAAwB,KAC5B,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAU;AAAA,IAAU,MAAK;AAAA,IAAO,SAAQ;AAAA,IAAY,QAAO;AAAA,IAC9D,UAAA,gBAAA,EAAC,QAAD;AAAA,MAAM,eAAc;AAAA,MAAQ,gBAAe;AAAA,MAAQ,aAAa;AAAA,MAAG,GAAE;AAAA,IAAgB,CAAA;AAAA,EAClF,CAAA,GAID,IAAgB,KACpB,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAU;AAAA,IAAU,MAAK;AAAA,IAAO,SAAQ;AAAA,IAAY,QAAO;AAAA,IAC9D,UAAA,gBAAA,EAAC,QAAD;AAAA,MACE,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,aAAa;AAAA,MACb,GAAE;AAAA,IACH,CAAA;AAAA,EACE,CAAA,GAID,IAAa,EAAA,CAAa,MACvB,EAAM,OAAA,CAAQ,GAAO,MACnB,IAAQ,KAAK,EAAK,WAAW,EAAW,EAAK,QAAQ,IAAI,IAC/D,CAAC,GACH,CAAC,CAAC,GAEC,IAAa,EAAA,MAAc,EAAW,CAAI,GAAG,CAAC,GAAM,CAAU,CAAC,GAG/D,IAAc,EAAA,CAAa,GAAmB,MAA8B;AAChF,QAAI,CAAC,EAAO,QAAO;AAEnB,UAAM,IAAa,EAAM,YAAY,GAC/B,IAAuB,CAAC;AAE9B,eAAW,KAAQ,GAAO;AACxB,YAAM,IAAU,EAAK,MAAM,YAAY,EAAE,SAAS,CAAU,GACtD,IAAmB,EAAK,WAAW,EAAY,EAAK,UAAU,CAAK,IAAI,CAAC;AAE9E,OAAI,KAAW,EAAiB,SAAS,MACvC,EAAS,KAAK;AAAA,QACZ,GAAG;AAAA,QACH,UAAU,EAAiB,SAAS,IAAI,IAAmB,EAAK;AAAA,MAClE,CAAC;AAAA,IAEL;AAEA,WAAO;AAAA,EACT,GAAG,CAAC,CAAC,GAEC,IAAe,EAAA,MACb,EAAY,GAAM,CAAW,GACnC;AAAA,IAAC;AAAA,IAAM;AAAA,IAAa;AAAA,EAAW,CACjC,GAGM,IAAa,EAAA,CAChB,MAA4B;AAC3B,UAAM,IAAc,IAAI,IAAI,CAAW;AACvC,IAAI,EAAY,IAAI,CAAM,KACxB,EAAY,OAAO,CAAM,GACzB,IAAe,GAAQ,EAAK,MAE5B,EAAY,IAAI,CAAM,GACtB,IAAe,GAAQ,EAAI,IAE7B,EAAe,CAAW;AAAA,EAC5B,GACA,CAAC,GAAa,CAAY,CAC5B,GAGM,IAAY,EAAA,MAAkB;AAClC,UAAM,IAAS,oBAAI,IAAqB,GAClC,IAAA,CAAc,MAAsB;AACxC,MAAA,EAAM,QAAA,CAAS,MAAS;AACtB,QAAI,EAAK,YAAY,EAAK,SAAS,SAAS,MAC1C,EAAO,IAAI,EAAK,EAAE,GAClB,EAAW,EAAK,QAAQ;AAAA,MAE5B,CAAC;AAAA,IACH;AACA,IAAA,EAAW,CAAI,GACf,EAAe,CAAM;AAAA,EACvB,GAAG,CAAC,CAAI,CAAC,GAGH,KAAc,EAAA,MAAkB;AACpC,IAAA,EAAe,oBAAI,IAAI,CAAC;AAAA,EAC1B,GAAG,CAAC,CAAC,GAGC,IAAiB,EAAA,CACpB,GAAgB,IAAgB,GAAG,IAA4B,CAAC,MAAM;AACrE,UAAM,IAAc,EAAK,YAAY,EAAK,SAAS,SAAS,GACtD,IAAa,EAAY,IAAI,EAAK,EAAE,GACpC,IAAW,MAAiB,EAAK,IACjC,IAAc,CAAC,GAAG,GAAM,EAAK,EAAE,GAE/B,IACJ,gBAAA,EAAC,OAAD;AAAA,MAEE,gBAAc,EAAK;AAAA,MACnB,WAAW,aAAa,IAAW,qBAAqB,EAAA,IAAM,EAAK,WAAW,uBAAuB,EAAA;AAAA,MAErG,OAAO,EACL,aAAa,GAAG,IAAQ,CAAA,KAC1B;AAAA,MAPF,UAAA,CASE,gBAAA,EAAC,OAAD;AAAA,QACE,WAAW,kGAAkG,IAAW,6BAA6B,4BAAA,IAC/I,EAAK,WAAW,kCAAkC,EAAA;AAAA,QACxD,SAAA,MAAe;AACb,UAAK,EAAK,YACR,IAAc,GAAM,CAAW;AAAA,QAEnC;AAAA,QACA,eAAA,MAAqB;AACnB,UAAK,EAAK,YACR,IAAoB,GAAM,CAAW;AAAA,QAEzC;AAAA,QAZF,UAAA;AAAA,UAeG,MAAmB,UAClB,gBAAA,EAAA,IAAA,EAAA,UACG,IACC,gBAAA,EAAC,UAAD;AAAA,YACE,WAAW,oDAAoD,IAAa,8BAA8B,EAAA;AAAA,YAE1G,SAAA,CAAU,MAAM;AACd,cAAA,EAAE,gBAAgB,GACb,EAAK,YACR,EAAW,EAAK,EAAE;AAAA,YAEtB;AAAA,YACA,UAAU,EAAK;AAAA,YAEd,UAAA,IAAa,IAAsB;AAAA,UAC9B,CAAA,IAER,gBAAA,EAAC,QAAD;AAAA,YAAM,WAAU;AAAA,YAA+B,OAAO;AAAA,cAAE,OAAO;AAAA,cAAU,QAAQ;AAAA,cAAU,YAAY;AAAA,YAAE;AAAA,UAAS,CAAA,EAEpH,CAAA;AAAA,UAIH,KACC,gBAAA,EAAC,QAAD;AAAA,YAAM,WAAU;AAAA,YAAkB,UAAA,EAAK,QAAQ;AAAA,UAAoB,CAAA;AAAA,UAIrE,gBAAA,EAAC,QAAD;AAAA,YAAM,WAAU;AAAA,YAA0C,OAAO,EAAK;AAAA,YACnE,UAAA,EAAK;AAAA,UACF,CAAA;AAAA,UAGL,KAAe,KACd,gBAAA,EAAC,QAAD;AAAA,YAAM,WAAU;AAAA,YAAhB,UAAA;AAAA,cAAqD;AAAA,cACjD,EAAK,SAAU;AAAA,cAAO;AAAA,YACpB;AAAA;UAIP,MAAmB,WAAW,KAC7B,gBAAA,EAAC,UAAD;AAAA,YACE,WAAW,gEAAgE,IAAa,8BAA8B,EAAA;AAAA,YAEtH,SAAA,CAAU,MAAM;AACd,cAAA,EAAE,gBAAgB,GACb,EAAK,YACR,EAAW,EAAK,EAAE;AAAA,YAEtB;AAAA,YACA,UAAU,EAAK;AAAA,YAEd,UAAA,IAAa,IAAsB;AAAA,UAC9B,CAAA;AAAA,QAEP;AAAA,MAGJ,CAAA,GAAA,KACC,gBAAA,EAAC,OAAD;AAAA,QACE,WAAW,sBAAsB,IAAa,gCAAgC,8BAAA;AAAA,QAE7E,UAAA,EAAK,SAAU,IAAA,CAAK,MAAU,EAAe,GAAO,IAAQ,GAAG,CAAW,CAAC;AAAA,MACzE,CAAA,CAEJ;AAAA,IAxFE,GAAA,EAAK,EAwFP;AAIP,WAAI,IACK,EAAW,GAAM,CAAW,IAG9B;AAAA,EACT,GACA;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CACF;AAEA,SACE,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAW,oEAAoE,CAAA;AAAA,IAApF,UAAA;AAAA,MAEG,KACC,gBAAA,EAAC,OAAD;AAAA,QAAK,WAAU;AAAA,QAAf,UAAA;AAAA,UACG;AAAA,UACD,gBAAA,EAAC,QAAD;AAAA,YAAM,WAAU;AAAA,YAAiB,UAAA;AAAA,UAAY,CAAA;AAAA,UAC5C,KACC,gBAAA,EAAC,QAAD;AAAA,YAAM,WAAU;AAAA,YAAhB,UAAA;AAAA,cAA6C;AAAA,cAAE;AAAA,cAAW;AAAA,YAAO;AAAA;QAEhE;AAAA;MAIN,KACC,gBAAA,EAAC,SAAD;AAAA,QACE,MAAK;AAAA,QACL,aAAa;AAAA,QACb,OAAO;AAAA,QACP,UAAA,CAAW,MAAM,EAAe,EAAE,OAAO,KAAK;AAAA,QAC9C,WAAU;AAAA,MACX,CAAA;AAAA,MAIF,KACC,gBAAA,EAAC,OAAD;AAAA,QAAK,WAAU;AAAA,QAAf,UAAA,CACE,gBAAA,EAAC,UAAD;AAAA,UAAQ,WAAU;AAAA,UAAuB,SAAS;AAAA,UAC/C,UAAA;AAAA,QACK,CAAA,GACR,gBAAA,EAAC,UAAD;AAAA,UAAQ,WAAU;AAAA,UAAuB,SAAS;AAAA,UAC/C,UAAA;AAAA,QACK,CAAA,CACL;AAAA;MAIP,gBAAA,EAAC,OAAD;AAAA,QACE,WAAU;AAAA,QACV,OAAO,EAAE,WAAA,EAAU;AAAA,QAElB,UAAA,EAAa,WAAW,IACvB,gBAAA,EAAC,OAAD;AAAA,UAAK,WAAU;AAAA,UACZ,UAAA,IAAc,IAAgB;AAAA,QAC5B,CAAA,IAEL,gBAAA,EAAC,OAAD;AAAA,UAAK,WAAW,cAAc,IAAW,mBAAmB,EAAA;AAAA,UACzD,UAAA,EAAa,IAAA,CAAK,MAAS,EAAe,CAAI,CAAC;AAAA,QAC7C,CAAA;AAAA,MAEJ,CAAA;AAAA,MAEL,gBAAA,EAAC,SAAD,EAAA,UAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UA8HJ,GAAyB,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMpB,CAAA;AAAA,IACN;AAAA;AAET"}
+{"version":3,"file":"Tree.js","names":[],"sources":["../../../src/components/Tree/Tree.tsx"],"sourcesContent":["import React, { useState, useCallback, useMemo } from 'react';\nimport { generateTreeActiveStyles } from '../../styles/themeStyles';\n\n// ============= 类型定义 =============\n\nexport interface TreeNode {\n  id: string | number;\n  label: string;\n  children?: TreeNode[];\n  icon?: React.ReactNode;\n  disabled?: boolean;\n  meta?: Record<string, any>;\n}\n\nexport interface TreeProps {\n  /** 树形数据 */\n  data: TreeNode[];\n\n  /** 节点点击回调 */\n  onNodeClick?: (node: TreeNode, path: (string | number)[]) => void;\n\n  /** 节点双击回调 */\n  onNodeDoubleClick?: (node: TreeNode, path: (string | number)[]) => void;\n\n  /** 节点展开/折叠回调 */\n  onNodeToggle?: (nodeId: string | number, expanded: boolean) => void;\n\n  /** 当前激活的节点 ID */\n  activeNodeId?: string | number;\n\n  /** 默认展开的节点 ID 列表 */\n  defaultExpandedIds?: (string | number)[];\n\n  /** 是否显示搜索框 */\n  showSearch?: boolean;\n\n  /** 搜索占位符 */\n  searchPlaceholder?: string;\n\n  /** 是否显示展开/折叠全部按钮 */\n  showExpandAll?: boolean;\n\n  /** 展开全部按钮文本 */\n  expandAllText?: string;\n\n  /** 折叠全部按钮文本 */\n  collapseAllText?: string;\n\n  /** 是否显示节点图标 */\n  showIcon?: boolean;\n\n  /** 默认图标 */\n  defaultIcon?: React.ReactNode;\n\n  /** 展开图标 */\n  expandIcon?: React.ReactNode;\n\n  /** 折叠图标 */\n  collapseIcon?: React.ReactNode;\n\n  /** 是否显示连接线 */\n  showLine?: boolean;\n\n  /** 最大高度 */\n  maxHeight?: string;\n\n  /** 自定义类名 */\n  className?: string;\n\n  /** 标题 */\n  title?: string;\n\n  /** 标题图标 */\n  titleIcon?: React.ReactNode;\n\n  /** 是否显示节点数量 */\n  showCount?: boolean;\n\n  /** 空状态文本 */\n  emptyText?: string;\n\n  /** 搜索无结果文本 */\n  noResultsText?: string;\n\n  /** 缩进宽度（像素） */\n  indent?: number;\n\n  /** 展开按钮位置：left（左侧）或 right（右侧） */\n  togglePosition?: 'left' | 'right';\n\n  /** 是否可拖拽（暂不实现） */\n  draggable?: boolean;\n\n  /** 是否可选择（暂不实现） */\n  checkable?: boolean;\n\n  /** 自定义渲染节点 */\n  renderNode?: (node: TreeNode, defaultRender: React.ReactNode) => React.ReactNode;\n}\n\n// ============= Tree 组件 =============\n\nconst Tree: React.FC<TreeProps> = ({\n  data,\n  onNodeClick,\n  onNodeDoubleClick,\n  onNodeToggle,\n  activeNodeId,\n  defaultExpandedIds = [],\n  showSearch = true,\n  searchPlaceholder = 'Search...',\n  showExpandAll = true,\n  expandAllText = 'Expand All',\n  collapseAllText = 'Collapse All',\n  showIcon = true,\n  defaultIcon,\n  expandIcon,\n  collapseIcon,\n  showLine = false,\n  maxHeight = '600px',\n  className = '',\n  title,\n  titleIcon,\n  showCount = true,\n  emptyText = 'No data',\n  noResultsText = 'No results found',\n  indent = 16,\n  togglePosition = 'left',\n  renderNode,\n}) => {\n  const [searchQuery, setSearchQuery] = useState('');\n  const [expandedIds, setExpandedIds] = useState<Set<string | number>>(\n    new Set(defaultExpandedIds)\n  );\n\n  // 当 defaultExpandedIds 变化时，同步更新 expandedIds（用于异步加载的数据）\n  React.useEffect(() => {\n    if (defaultExpandedIds.length > 0) {\n      setExpandedIds(prev => {\n        const newSet = new Set(prev);\n        defaultExpandedIds.forEach(id => newSet.add(id));\n        return newSet;\n      });\n    }\n  }, [defaultExpandedIds]);\n\n  // 默认展开/折叠图标\n  const defaultExpandIconEl = expandIcon || (\n    <svg className=\"w-3 h-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\n    </svg>\n  );\n\n  const defaultCollapseIconEl = collapseIcon || (\n    <svg className=\"w-3 h-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n    </svg>\n  );\n\n  // 默认节点图标\n  const defaultIconEl = defaultIcon || (\n    <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"\n      />\n    </svg>\n  );\n\n  // 统计节点总数\n  const countNodes = useCallback((nodes: TreeNode[]): number => {\n    return nodes.reduce((count, node) => {\n      return count + 1 + (node.children ? countNodes(node.children) : 0);\n    }, 0);\n  }, []);\n\n  const totalCount = useMemo(() => countNodes(data), [data, countNodes]);\n\n  // 过滤节点（支持搜索）\n  const filterNodes = useCallback((nodes: TreeNode[], query: string): TreeNode[] => {\n    if (!query) return nodes;\n\n    const lowerQuery = query.toLowerCase();\n    const filtered: TreeNode[] = [];\n\n    for (const node of nodes) {\n      const matches = node.label.toLowerCase().includes(lowerQuery);\n      const filteredChildren = node.children ? filterNodes(node.children, query) : [];\n\n      if (matches || filteredChildren.length > 0) {\n        filtered.push({\n          ...node,\n          children: filteredChildren.length > 0 ? filteredChildren : node.children,\n        });\n      }\n    }\n\n    return filtered;\n  }, []);\n\n  const filteredData = useMemo(\n    () => filterNodes(data, searchQuery),\n    [data, searchQuery, filterNodes]\n  );\n\n  // 切换节点展开/折叠\n  const toggleNode = useCallback(\n    (nodeId: string | number) => {\n      const newExpanded = new Set(expandedIds);\n      if (newExpanded.has(nodeId)) {\n        newExpanded.delete(nodeId);\n        onNodeToggle?.(nodeId, false);\n      } else {\n        newExpanded.add(nodeId);\n        onNodeToggle?.(nodeId, true);\n      }\n      setExpandedIds(newExpanded);\n    },\n    [expandedIds, onNodeToggle]\n  );\n\n  // 展开所有节点\n  const expandAll = useCallback(() => {\n    const allIds = new Set<string | number>();\n    const collectIds = (nodes: TreeNode[]) => {\n      nodes.forEach((node) => {\n        if (node.children && node.children.length > 0) {\n          allIds.add(node.id);\n          collectIds(node.children);\n        }\n      });\n    };\n    collectIds(data);\n    setExpandedIds(allIds);\n  }, [data]);\n\n  // 折叠所有节点\n  const collapseAll = useCallback(() => {\n    setExpandedIds(new Set());\n  }, []);\n\n  // 渲染单个节点\n  const renderTreeNode = useCallback(\n    (node: TreeNode, depth: number = 0, path: (string | number)[] = []) => {\n      const hasChildren = node.children && node.children.length > 0;\n      const isExpanded = expandedIds.has(node.id);\n      const isActive = activeNodeId === node.id;\n      const currentPath = [...path, node.id];\n\n      const nodeContent = (\n        <div\n          key={node.id}\n          data-node-id={node.id}\n          className={`tree-node ${isActive ? 'tree-node-active' : ''} ${node.disabled ? 'tree-node-disabled' : ''\n            }`}\n          style={{\n            paddingLeft: `${depth * indent}px`,\n          }}\n        >\n          <div\n            className={`tree-node-content flex items-center gap-2 px-2 py-1.5 rounded cursor-pointer transition-colors ${isActive ? 'tree-node-content-active' : 'tree-node-content-inactive'\n              } ${node.disabled ? 'opacity-50 cursor-not-allowed' : ''}`}\n            onClick={() => {\n              if (!node.disabled) {\n                onNodeClick?.(node, currentPath);\n              }\n            }}\n            onDoubleClick={() => {\n              if (!node.disabled) {\n                onNodeDoubleClick?.(node, currentPath);\n              }\n            }}\n          >\n            {/* 左侧展开按钮 */}\n            {togglePosition === 'left' && (\n              <>\n                {hasChildren ? (\n                  <button\n                    className={`tree-node-toggle btn btn-xs btn-ghost btn-circle ${isExpanded ? 'tree-node-toggle-expanded' : ''\n                      }`}\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      if (!node.disabled) {\n                        toggleNode(node.id);\n                      }\n                    }}\n                    disabled={node.disabled}\n                  >\n                    {isExpanded ? defaultExpandIconEl : defaultCollapseIconEl}\n                  </button>\n                ) : (\n                  <span className=\"tree-node-toggle-placeholder\" style={{ width: '1.5rem', height: '1.5rem', flexShrink: 0 }}></span>\n                )}\n              </>\n            )}\n\n            {/* 节点图标 */}\n            {showIcon && (\n              <span className=\"tree-node-icon\">{node.icon || defaultIconEl}</span>\n            )}\n\n            {/* 节点标签 */}\n            <span className=\"tree-node-label text-sm truncate flex-1\" title={node.label}>\n              {node.label}\n            </span>\n\n            {/* 子节点数量 */}\n            {hasChildren && showCount && (\n              <span className=\"tree-node-count text-xs opacity-60\">\n                ({node.children!.length})\n              </span>\n            )}\n\n            {/* 右侧展开按钮 */}\n            {togglePosition === 'right' && hasChildren && (\n              <button\n                className={`tree-node-toggle tree-node-toggle-right btn btn-xs btn-ghost ${isExpanded ? 'tree-node-toggle-expanded' : ''\n                  }`}\n                onClick={(e) => {\n                  e.stopPropagation();\n                  if (!node.disabled) {\n                    toggleNode(node.id);\n                  }\n                }}\n                disabled={node.disabled}\n              >\n                {isExpanded ? defaultExpandIconEl : defaultCollapseIconEl}\n              </button>\n            )}\n          </div>\n\n          {/* 子节点 */}\n          {hasChildren && (\n            <div\n              className={`tree-node-children ${isExpanded ? 'tree-node-children-expanded' : 'tree-node-children-collapsed'}`}\n            >\n              {node.children!.map((child) => renderTreeNode(child, depth + 1, currentPath))}\n            </div>\n          )}\n        </div>\n      );\n\n      // 自定义渲染\n      if (renderNode) {\n        return renderNode(node, nodeContent);\n      }\n\n      return nodeContent;\n    },\n    [\n      expandedIds,\n      activeNodeId,\n      indent,\n      showIcon,\n      showCount,\n      togglePosition,\n      defaultExpandIconEl,\n      defaultCollapseIconEl,\n      defaultIconEl,\n      onNodeClick,\n      onNodeDoubleClick,\n      toggleNode,\n      renderNode,\n    ]\n  );\n\n  return (\n    <div className={`tree-component bg-base-100 border border-base-300 rounded-lg p-2 ${className}`}>\n      {/* 标题 */}\n      {title && (\n        <div className=\"tree-header flex items-center gap-2 px-2 py-1 mb-2 border-b border-base-300\">\n          {titleIcon}\n          <span className=\"font-semibold\">{title}</span>\n          {showCount && (\n            <span className=\"text-xs opacity-60 ml-auto\">({totalCount})</span>\n          )}\n        </div>\n      )}\n\n      {/* 搜索框 */}\n      {showSearch && (\n        <input\n          type=\"text\"\n          placeholder={searchPlaceholder}\n          value={searchQuery}\n          onChange={(e) => setSearchQuery(e.target.value)}\n          className=\"tree-search input input-sm input-bordered w-full mb-2\"\n        />\n      )}\n\n      {/* 操作按钮 */}\n      {showExpandAll && (\n        <div className=\"tree-actions flex gap-1 mb-2\">\n          <button className=\"btn btn-xs btn-ghost\" onClick={expandAll}>\n            {expandAllText}\n          </button>\n          <button className=\"btn btn-xs btn-ghost\" onClick={collapseAll}>\n            {collapseAllText}\n          </button>\n        </div>\n      )}\n\n      {/* 树形列表 */}\n      <div\n        className=\"tree-content overflow-y-auto\"\n        style={{ maxHeight }}\n      >\n        {filteredData.length === 0 ? (\n          <div className=\"tree-empty text-center text-sm opacity-60 py-4\">\n            {searchQuery ? noResultsText : emptyText}\n          </div>\n        ) : (\n          <div className={`tree-nodes ${showLine ? 'tree-show-line' : ''}`}>\n            {filteredData.map((node) => renderTreeNode(node))}\n          </div>\n        )}\n      </div>\n\n      <style>{`\n        .tree-node {\n          user-select: none;\n        }\n        \n        /* 子节点容器基础样式 */\n        .tree-node-children {\n          margin-top: 2px;\n          overflow: hidden;\n          transform-origin: top;\n          box-sizing: border-box;\n        }\n        \n        /* 折叠状态 - 初始隐藏 */\n        .tree-node-children-collapsed {\n          max-height: 0;\n          opacity: 0;\n          transform: scaleY(0.8);\n          border-left: none !important;\n        }\n        \n        /* 展开状态 - 显示内容 */\n        .tree-node-children-expanded {\n          max-height: 5000px;\n          opacity: 1;\n          transform: scaleY(1);\n          transition: \n            max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1),\n            opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1),\n            transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n          /* 不对 border 做动画 */\n          box-sizing: border-box;\n        }\n        \n        /* 连接线样式 - 在展开状态显示，使用多重选择器提高优先级 */\n        .tree-component .tree-show-line .tree-node-children-expanded,\n        .tree-show-line .tree-node-children.tree-node-children-expanded {\n          border-left: 1px solid var(--fallback-bc, oklch(var(--bc) / 0.2)) !important;\n          margin-left: 8px !important;\n          padding-left: 8px !important;\n          position: relative;\n        }\n        \n        /* 左侧连接线圆点装饰 */\n        .tree-show-line .tree-node-children-expanded::before {\n          content: '';\n          position: absolute;\n          left: -3px;\n          top: 0;\n          width: 5px;\n          height: 5px;\n          border-radius: 50%;\n          background-color: var(--fallback-bc, oklch(var(--bc) / 0.3));\n        }\n        \n        /* 折叠过渡 */\n        .tree-node-children-collapsed {\n          transition: \n            max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1),\n            opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),\n            transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n        \n        /* 展开/折叠按钮图标旋转动画 */\n        .tree-node-toggle {\n          z-index: 2;\n          transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n        \n        .tree-node-toggle svg {\n          transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n        \n        /* 折叠状态的图标 - 向右 */\n        .tree-node-toggle:not(.tree-node-toggle-expanded) svg {\n          transform: rotate(0deg);\n        }\n        \n        /* 展开状态的图标 - 向下（已经是向下的，所以不需要额外旋转） */\n        .tree-node-toggle-expanded svg {\n          transform: rotate(0deg);\n        }\n        \n        .tree-component {\n          position: relative;\n          z-index: 1;\n        }\n        \n        .tree-node-disabled {\n          cursor: not-allowed;\n        }\n        \n        .tree-node-disabled .tree-node-content {\n          pointer-events: none;\n        }\n        \n        /* 节点内容悬停效果 */\n        .tree-node-content {\n          transition: background-color 0.15s ease;\n        }\n        \n        /* 优化性能 - 告诉浏览器这些属性会变化 */\n        .tree-node-children {\n          will-change: max-height, opacity, transform;\n        }\n        \n        /* 动画完成后移除 will-change 以节省资源 */\n        .tree-node-children-expanded,\n        .tree-node-children-collapsed {\n          animation: remove-will-change 0.3s forwards;\n        }\n        \n        @keyframes remove-will-change {\n          to {\n            will-change: auto;\n          }\n        }\n        \n        /* 活跃节点基础样式 */\n        .tree-node-content-active {\n          font-weight: 600 !important;\n          padding-left: calc(0.5rem - 4px) !important;\n          border-radius: 0.375rem !important;\n        }\n        \n        /* 主题活跃状态样式 - 从共用配置生成 */\n        ${generateTreeActiveStyles()}\n        \n        /* 非活跃节点的悬停状态 */\n        .tree-node-content-inactive:hover {\n          background-color: oklch(var(--b2));\n        }\n      `}</style>\n    </div>\n  );\n};\n\nexport default Tree;\n\n"],"mappings":"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"}