dishui 0.0.64 → 0.0.66

package/dist/components/pro/CodeEditor/panels/VariablePanel.js

@@ -1,251 +1,211 @@
-import { useMemo as b, useState as m } from "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-var $ = ({ variables: r, onVariableClick: d, className: h = "", height: u, maxHeight: y = "600px" }) => {
-  const [s, x] = m(""), [l, c] = m("line"), [o, f] = m("all"), v = b(() => {
-    const e = {
-      all: r.length,
-      class: 0,
-      function: 0,
-      variable: 0,
-      constant: 0,
-      interface: 0,
-      type: 0,
-      method: 0
-    };
-    return r.forEach((a) => {
-      a.type && e[a.type] !== void 0 && e[a.type]++;
-    }), e;
-  }, [r]), i = b(() => r.filter((e) => o !== "all" && e.type !== o ? !1 : e.name.toLowerCase().includes(s.toLowerCase())).sort((e, a) => {
-    switch (l) {
-      case "name":
-        return e.name.localeCompare(a.name);
-      case "line":
-        return e.line - a.line;
-      case "type":
-        return (e.type || "").localeCompare(a.type || "");
-      default:
-        return 0;
-    }
-  }), [
-    r,
-    s,
-    l,
-    o
-  ]), g = (e) => {
-    switch (e) {
-      case "function":
-      case "method":
-        return "text-primary";
-      case "class":
-        return "text-secondary";
-      case "variable":
-        return "text-accent";
-      case "constant":
-        return "text-warning";
-      case "interface":
-      case "type":
-        return "text-info";
-      default:
-        return "text-base-content";
-    }
-  }, N = (e) => {
-    switch (e) {
-      case "function":
-        return "ƒ";
-      case "method":
-        return "ⓜ";
-      case "class":
-        return "C";
-      case "variable":
-        return "v";
-      case "constant":
-        return "K";
-      case "interface":
-        return "I";
-      case "type":
-        return "T";
-      default:
-        return "?";
-    }
-  };
-  return /* @__PURE__ */ n("div", {
-    className: `variable-panel bg-base-100 border border-base-300 rounded-lg p-2 ${h}`,
-    children: [
-      /* @__PURE__ */ n("div", {
-        className: "variable-header mb-2",
-        children: [
-          /* @__PURE__ */ n("div", {
-            className: "flex items-center gap-2 px-2 py-1 mb-3 border-b border-base-300",
-            children: [
-              /* @__PURE__ */ t("svg", {
-                className: "w-5 h-5",
-                fill: "none",
-                viewBox: "0 0 24 24",
-                stroke: "currentColor",
-                children: /* @__PURE__ */ t("path", {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: 2,
-                  d: "M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"
-                })
-              }),
-              /* @__PURE__ */ t("span", {
-                className: "font-semibold",
-                children: "Symbols"
-              }),
-              /* @__PURE__ */ n("span", {
-                className: "text-xs opacity-60 ml-auto",
-                children: [
-                  "(",
-                  i.length,
-                  ")"
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ t("div", {
-            className: "mb-2 overflow-x-auto",
-            children: /* @__PURE__ */ t("div", {
-              className: "flex gap-1 min-w-max pb-1",
-              children: [
-                {
-                  type: "all",
-                  label: "All"
-                },
-                {
-                  type: "class",
-                  label: "Classes"
-                },
-                {
-                  type: "function",
-                  label: "Functions"
-                },
-                {
-                  type: "variable",
-                  label: "Variables"
-                },
-                {
-                  type: "constant",
-                  label: "Constants"
-                },
-                {
-                  type: "interface",
-                  label: "Interfaces"
-                },
-                {
-                  type: "type",
-                  label: "Types"
-                },
-                {
-                  type: "method",
-                  label: "Methods"
-                }
-              ].map(({ type: e, label: a }) => {
-                const p = v[e];
-                return e !== "all" && p === 0 ? null : /* @__PURE__ */ n("button", {
-                  className: `btn btn-xs whitespace-nowrap flex-shrink-0 ${o === e ? "btn-primary" : "btn-ghost"}`,
-                  onClick: () => f(e),
-                  children: [a, p > 0 && /* @__PURE__ */ n("span", {
-                    className: "ml-1 text-xs opacity-70",
-                    children: [
-                      "(",
-                      p,
-                      ")"
-                    ]
-                  })]
-                }, e);
-              })
-            })
-          }),
-          /* @__PURE__ */ t("input", {
-            type: "text",
-            placeholder: "Search symbols...",
-            value: s,
-            onChange: (e) => x(e.target.value),
-            className: "input input-sm input-bordered w-full mb-2"
-          }),
-          /* @__PURE__ */ n("div", {
-            className: "flex gap-1",
-            children: [
-              /* @__PURE__ */ t("button", {
-                className: `btn btn-xs ${l === "line" ? "btn-primary" : "btn-ghost"}`,
-                onClick: () => c("line"),
-                children: "Line"
-              }),
-              /* @__PURE__ */ t("button", {
-                className: `btn btn-xs ${l === "name" ? "btn-primary" : "btn-ghost"}`,
-                onClick: () => c("name"),
-                children: "Name"
-              }),
-              /* @__PURE__ */ t("button", {
-                className: `btn btn-xs ${l === "type" ? "btn-primary" : "btn-ghost"}`,
-                onClick: () => c("type"),
-                children: "Type"
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ t("div", {
-        className: "variable-content overflow-y-auto",
-        style: {
-          height: u,
-          maxHeight: u ? void 0 : y
-        },
-        children: i.length === 0 ? /* @__PURE__ */ t("div", {
-          className: "text-center text-sm opacity-60 py-4",
-          children: s ? "No matching symbols" : "No symbols"
-        }) : /* @__PURE__ */ t("div", {
-          className: "space-y-1",
-          children: i.map((e, a) => /* @__PURE__ */ n("div", {
-            className: "variable-item flex items-center gap-2 px-2 py-1 hover:bg-base-200 cursor-pointer rounded transition-colors",
-            onClick: () => d(e.line),
-            title: `${e.type}: ${e.name} (line ${e.line})`,
-            children: [
-              /* @__PURE__ */ t("span", {
-                className: `font-mono font-bold text-xs ${g(e.type)}`,
-                children: N(e.type)
-              }),
-              /* @__PURE__ */ t("span", {
-                className: "text-sm truncate flex-1 font-mono",
-                children: e.name
-              }),
-              /* @__PURE__ */ t("span", {
-                className: "text-xs opacity-60",
-                children: e.line
-              })
-            ]
-          }, `${e.name}-${e.line}-${a}`))
-        })
-      }),
-      /* @__PURE__ */ t("style", { children: `
-        .variable-panel .overflow-x-auto {
-          scrollbar-width: thin;
-          scrollbar-color: oklch(var(--bc) / 0.2) transparent;
-        }
-
-        .variable-panel .overflow-x-auto::-webkit-scrollbar {
-          height: 4px;
-        }
-
-        .variable-panel .overflow-x-auto::-webkit-scrollbar-track {
-          background: transparent;
-        }
-
-        .variable-panel .overflow-x-auto::-webkit-scrollbar-thumb {
-          background: oklch(var(--bc) / 0.2);
-          border-radius: 2px;
-        }
-
-        .variable-panel .overflow-x-auto::-webkit-scrollbar-thumb:hover {
-          background: oklch(var(--bc) / 0.3);
-        }
-      ` })
-    ]
-  });
-};
-export {
-  $ as default
+import { useMemo as e, useState as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/pro/CodeEditor/panels/VariablePanel.tsx
+var i = ({ variables: i, onVariableClick: a, className: o = "", height: s, maxHeight: c = "600px" }) => {
+	let [l, u] = t(""), [d, f] = t("line"), [p, m] = t("all"), h = e(() => {
+		let e = {
+			all: i.length,
+			class: 0,
+			function: 0,
+			variable: 0,
+			constant: 0,
+			interface: 0,
+			type: 0,
+			method: 0
+		};
+		return i.forEach((t) => {
+			t.type && e[t.type] !== void 0 && e[t.type]++;
+		}), e;
+	}, [i]), g = e(() => i.filter((e) => p !== "all" && e.type !== p ? !1 : e.name.toLowerCase().includes(l.toLowerCase())).sort((e, t) => {
+		switch (d) {
+			case "name": return e.name.localeCompare(t.name);
+			case "line": return e.line - t.line;
+			case "type": return (e.type || "").localeCompare(t.type || "");
+			default: return 0;
+		}
+	}), [
+		i,
+		l,
+		d,
+		p
+	]), _ = (e) => {
+		switch (e) {
+			case "function":
+			case "method": return "text-primary";
+			case "class": return "text-secondary";
+			case "variable": return "text-accent";
+			case "constant": return "text-warning";
+			case "interface":
+			case "type": return "text-info";
+			default: return "text-base-content";
+		}
+	}, v = (e) => {
+		switch (e) {
+			case "function": return "ƒ";
+			case "method": return "ⓜ";
+			case "class": return "C";
+			case "variable": return "v";
+			case "constant": return "K";
+			case "interface": return "I";
+			case "type": return "T";
+			default: return "?";
+		}
+	};
+	return /* @__PURE__ */ r("div", {
+		className: `variable-panel bg-base-100 border border-base-300 rounded-lg p-2 ${o}`,
+		children: [
+			/* @__PURE__ */ r("div", {
+				className: "variable-header mb-2",
+				children: [
+					/* @__PURE__ */ r("div", {
+						className: "flex items-center gap-2 px-2 py-1 mb-3 border-b border-base-300",
+						children: [
+							/* @__PURE__ */ n("svg", {
+								className: "w-5 h-5",
+								fill: "none",
+								viewBox: "0 0 24 24",
+								stroke: "currentColor",
+								children: /* @__PURE__ */ n("path", {
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									strokeWidth: 2,
+									d: "M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"
+								})
+							}),
+							/* @__PURE__ */ n("span", {
+								className: "font-semibold",
+								children: "Symbols"
+							}),
+							/* @__PURE__ */ r("span", {
+								className: "text-xs opacity-60 ml-auto",
+								children: [
+									"(",
+									g.length,
+									")"
+								]
+							})
+						]
+					}),
+					/* @__PURE__ */ n("div", {
+						className: "mb-2 overflow-x-auto",
+						children: /* @__PURE__ */ n("div", {
+							className: "flex gap-1 min-w-max pb-1",
+							children: [
+								{
+									type: "all",
+									label: "All"
+								},
+								{
+									type: "class",
+									label: "Classes"
+								},
+								{
+									type: "function",
+									label: "Functions"
+								},
+								{
+									type: "variable",
+									label: "Variables"
+								},
+								{
+									type: "constant",
+									label: "Constants"
+								},
+								{
+									type: "interface",
+									label: "Interfaces"
+								},
+								{
+									type: "type",
+									label: "Types"
+								},
+								{
+									type: "method",
+									label: "Methods"
+								}
+							].map(({ type: e, label: t }) => {
+								let n = h[e];
+								return e !== "all" && n === 0 ? null : /* @__PURE__ */ r("button", {
+									className: `btn btn-xs whitespace-nowrap flex-shrink-0 ${p === e ? "btn-primary" : "btn-ghost"}`,
+									onClick: () => m(e),
+									children: [t, n > 0 && /* @__PURE__ */ r("span", {
+										className: "ml-1 text-xs opacity-70",
+										children: [
+											"(",
+											n,
+											")"
+										]
+									})]
+								}, e);
+							})
+						})
+					}),
+					/* @__PURE__ */ n("input", {
+						type: "text",
+						placeholder: "Search symbols...",
+						value: l,
+						onChange: (e) => u(e.target.value),
+						className: "input input-sm input-bordered w-full mb-2"
+					}),
+					/* @__PURE__ */ r("div", {
+						className: "flex gap-1",
+						children: [
+							/* @__PURE__ */ n("button", {
+								className: `btn btn-xs ${d === "line" ? "btn-primary" : "btn-ghost"}`,
+								onClick: () => f("line"),
+								children: "Line"
+							}),
+							/* @__PURE__ */ n("button", {
+								className: `btn btn-xs ${d === "name" ? "btn-primary" : "btn-ghost"}`,
+								onClick: () => f("name"),
+								children: "Name"
+							}),
+							/* @__PURE__ */ n("button", {
+								className: `btn btn-xs ${d === "type" ? "btn-primary" : "btn-ghost"}`,
+								onClick: () => f("type"),
+								children: "Type"
+							})
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "variable-content overflow-y-auto",
+				style: {
+					height: s,
+					maxHeight: s ? void 0 : c
+				},
+				children: g.length === 0 ? /* @__PURE__ */ n("div", {
+					className: "text-center text-sm opacity-60 py-4",
+					children: l ? "No matching symbols" : "No symbols"
+				}) : /* @__PURE__ */ n("div", {
+					className: "space-y-1",
+					children: g.map((e, t) => /* @__PURE__ */ r("div", {
+						className: "variable-item flex items-center gap-2 px-2 py-1 hover:bg-base-200 cursor-pointer rounded transition-colors",
+						onClick: () => a(e.line),
+						title: `${e.type}: ${e.name} (line ${e.line})`,
+						children: [
+							/* @__PURE__ */ n("span", {
+								className: `font-mono font-bold text-xs ${_(e.type)}`,
+								children: v(e.type)
+							}),
+							/* @__PURE__ */ n("span", {
+								className: "text-sm truncate flex-1 font-mono",
+								children: e.name
+							}),
+							/* @__PURE__ */ n("span", {
+								className: "text-xs opacity-60",
+								children: e.line
+							})
+						]
+					}, `${e.name}-${e.line}-${t}`))
+				})
+			}),
+			/* @__PURE__ */ n("style", { children: "\n        .variable-panel .overflow-x-auto {\n          scrollbar-width: thin;\n          scrollbar-color: oklch(var(--bc) / 0.2) transparent;\n        }\n\n        .variable-panel .overflow-x-auto::-webkit-scrollbar {\n          height: 4px;\n        }\n\n        .variable-panel .overflow-x-auto::-webkit-scrollbar-track {\n          background: transparent;\n        }\n\n        .variable-panel .overflow-x-auto::-webkit-scrollbar-thumb {\n          background: oklch(var(--bc) / 0.2);\n          border-radius: 2px;\n        }\n\n        .variable-panel .overflow-x-auto::-webkit-scrollbar-thumb:hover {\n          background: oklch(var(--bc) / 0.3);\n        }\n      " })
+		]
+	});
 };
+//#endregion
+export { i as default };
 
 //# sourceMappingURL=VariablePanel.js.map

package/dist/components/pro/CodeEditor/panels/VariablePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"VariablePanel.js","names":[],"sources":["../../../../../src/components/pro/CodeEditor/panels/VariablePanel.tsx"],"sourcesContent":["import React, { useState, useMemo } from 'react';\nimport { VariableInfo } from '../types';\n\nexport interface VariablePanelProps {\n  variables: VariableInfo[];\n  onVariableClick: (line: number) => void;\n  className?: string;\n  height?: string;\n  maxHeight?: string;\n}\n\ntype VariableType = 'all' | 'class' | 'function' | 'variable' | 'constant' | 'interface' | 'type' | 'method';\n\nconst VariablePanel: React.FC<VariablePanelProps> = ({ \n  variables, \n  onVariableClick, \n  className = '',\n  height,\n  maxHeight = '600px',\n}) => {\n  const [filter, setFilter] = useState('');\n  const [sortBy, setSortBy] = useState<'name' | 'line' | 'type'>('line');\n  const [selectedType, setSelectedType] = useState<VariableType>('all');\n\n  // 统计各类型数量\n  const typeCounts = useMemo(() => {\n    const counts: Record<string, number> = {\n      all: variables.length,\n      class: 0,\n      function: 0,\n      variable: 0,\n      constant: 0,\n      interface: 0,\n      type: 0,\n      method: 0,\n    };\n    \n    variables.forEach((v) => {\n      if (v.type && counts[v.type] !== undefined) {\n        counts[v.type]++;\n      }\n    });\n    \n    return counts;\n  }, [variables]);\n\n  const filteredVariables = useMemo(() => {\n    return variables\n      .filter((v) => {\n        // 类型过滤\n        if (selectedType !== 'all' && v.type !== selectedType) {\n          return false;\n        }\n        // 名称过滤\n        return v.name.toLowerCase().includes(filter.toLowerCase());\n      })\n      .sort((a, b) => {\n        switch (sortBy) {\n          case 'name':\n            return a.name.localeCompare(b.name);\n          case 'line':\n            return a.line - b.line;\n          case 'type':\n            return (a.type || '').localeCompare(b.type || '');\n          default:\n            return 0;\n        }\n      });\n  }, [variables, filter, sortBy, selectedType]);\n\n  const getTypeColor = (type?: string) => {\n    switch (type) {\n      case 'function':\n      case 'method':\n        return 'text-primary';\n      case 'class':\n        return 'text-secondary';\n      case 'variable':\n        return 'text-accent';\n      case 'constant':\n        return 'text-warning';\n      case 'interface':\n      case 'type':\n        return 'text-info';\n      default:\n        return 'text-base-content';\n    }\n  };\n\n  const getTypeIcon = (type?: string) => {\n    switch (type) {\n      case 'function':\n        return 'ƒ';\n      case 'method':\n        return 'ⓜ';\n      case 'class':\n        return 'C';\n      case 'variable':\n        return 'v';\n      case 'constant':\n        return 'K';\n      case 'interface':\n        return 'I';\n      case 'type':\n        return 'T';\n      default:\n        return '?';\n    }\n  };\n\n  const typeButtons: Array<{ type: VariableType; label: string }> = [\n    { type: 'all', label: 'All' },\n    { type: 'class', label: 'Classes' },\n    { type: 'function', label: 'Functions' },\n    { type: 'variable', label: 'Variables' },\n    { type: 'constant', label: 'Constants' },\n    { type: 'interface', label: 'Interfaces' },\n    { type: 'type', label: 'Types' },\n    { type: 'method', label: 'Methods' },\n  ];\n\n  return (\n    <div className={`variable-panel bg-base-100 border border-base-300 rounded-lg p-2 ${className}`}>\n      <div className=\"variable-header mb-2\">\n        <div className=\"flex items-center gap-2 px-2 py-1 mb-3 border-b border-base-300\">\n          <svg className=\"w-5 h-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z\" />\n          </svg>\n          <span className=\"font-semibold\">Symbols</span>\n          <span className=\"text-xs opacity-60 ml-auto\">({filteredVariables.length})</span>\n        </div>\n\n        {/* 类型过滤按钮 - 单行横向滚动 */}\n        <div className=\"mb-2 overflow-x-auto\">\n          <div className=\"flex gap-1 min-w-max pb-1\">\n            {typeButtons.map(({ type, label }) => {\n              const count = typeCounts[type];\n              if (type !== 'all' && count === 0) return null;\n              return (\n                <button\n                  key={type}\n                  className={`btn btn-xs whitespace-nowrap flex-shrink-0 ${selectedType === type ? 'btn-primary' : 'btn-ghost'}`}\n                  onClick={() => setSelectedType(type)}\n                >\n                  {label}\n                  {count > 0 && <span className=\"ml-1 text-xs opacity-70\">({count})</span>}\n                </button>\n              );\n            })}\n          </div>\n        </div>\n\n        {/* 搜索框 */}\n        <input\n          type=\"text\"\n          placeholder=\"Search symbols...\"\n          value={filter}\n          onChange={(e) => setFilter(e.target.value)}\n          className=\"input input-sm input-bordered w-full mb-2\"\n        />\n\n        {/* 排序选项 */}\n        <div className=\"flex gap-1\">\n          <button\n            className={`btn btn-xs ${sortBy === 'line' ? 'btn-primary' : 'btn-ghost'}`}\n            onClick={() => setSortBy('line')}\n          >\n            Line\n          </button>\n          <button\n            className={`btn btn-xs ${sortBy === 'name' ? 'btn-primary' : 'btn-ghost'}`}\n            onClick={() => setSortBy('name')}\n          >\n            Name\n          </button>\n          <button\n            className={`btn btn-xs ${sortBy === 'type' ? 'btn-primary' : 'btn-ghost'}`}\n            onClick={() => setSortBy('type')}\n          >\n            Type\n          </button>\n        </div>\n      </div>\n\n      <div \n        className=\"variable-content overflow-y-auto\"\n        style={{ \n          height: height, \n          maxHeight: !height ? maxHeight : undefined \n        }}\n      >\n        {filteredVariables.length === 0 ? (\n          <div className=\"text-center text-sm opacity-60 py-4\">\n            {filter ? 'No matching symbols' : 'No symbols'}\n          </div>\n        ) : (\n          <div className=\"space-y-1\">\n            {filteredVariables.map((variable, index) => (\n              <div\n                key={`${variable.name}-${variable.line}-${index}`}\n                className=\"variable-item flex items-center gap-2 px-2 py-1 hover:bg-base-200 cursor-pointer rounded transition-colors\"\n                onClick={() => onVariableClick(variable.line)}\n                title={`${variable.type}: ${variable.name} (line ${variable.line})`}\n              >\n                <span className={`font-mono font-bold text-xs ${getTypeColor(variable.type)}`}>\n                  {getTypeIcon(variable.type)}\n                </span>\n                <span className=\"text-sm truncate flex-1 font-mono\">{variable.name}</span>\n                <span className=\"text-xs opacity-60\">{variable.line}</span>\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n\n      <style>{`\n        .variable-panel .overflow-x-auto {\n          scrollbar-width: thin;\n          scrollbar-color: oklch(var(--bc) / 0.2) transparent;\n        }\n\n        .variable-panel .overflow-x-auto::-webkit-scrollbar {\n          height: 4px;\n        }\n\n        .variable-panel .overflow-x-auto::-webkit-scrollbar-track {\n          background: transparent;\n        }\n\n        .variable-panel .overflow-x-auto::-webkit-scrollbar-thumb {\n          background: oklch(var(--bc) / 0.2);\n          border-radius: 2px;\n        }\n\n        .variable-panel .overflow-x-auto::-webkit-scrollbar-thumb:hover {\n          background: oklch(var(--bc) / 0.3);\n        }\n      `}</style>\n    </div>\n  );\n};\n\nexport default VariablePanel;\n\n"],"mappings":"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"}
+{"version":3,"file":"VariablePanel.js","names":[],"sources":["../../../../../src/components/pro/CodeEditor/panels/VariablePanel.tsx"],"sourcesContent":["import React, { useState, useMemo } from 'react';\nimport { VariableInfo } from '../types';\n\nexport interface VariablePanelProps {\n  variables: VariableInfo[];\n  onVariableClick: (line: number) => void;\n  className?: string;\n  height?: string;\n  maxHeight?: string;\n}\n\ntype VariableType = 'all' | 'class' | 'function' | 'variable' | 'constant' | 'interface' | 'type' | 'method';\n\nconst VariablePanel: React.FC<VariablePanelProps> = ({ \n  variables, \n  onVariableClick, \n  className = '',\n  height,\n  maxHeight = '600px',\n}) => {\n  const [filter, setFilter] = useState('');\n  const [sortBy, setSortBy] = useState<'name' | 'line' | 'type'>('line');\n  const [selectedType, setSelectedType] = useState<VariableType>('all');\n\n  // 统计各类型数量\n  const typeCounts = useMemo(() => {\n    const counts: Record<string, number> = {\n      all: variables.length,\n      class: 0,\n      function: 0,\n      variable: 0,\n      constant: 0,\n      interface: 0,\n      type: 0,\n      method: 0,\n    };\n    \n    variables.forEach((v) => {\n      if (v.type && counts[v.type] !== undefined) {\n        counts[v.type]++;\n      }\n    });\n    \n    return counts;\n  }, [variables]);\n\n  const filteredVariables = useMemo(() => {\n    return variables\n      .filter((v) => {\n        // 类型过滤\n        if (selectedType !== 'all' && v.type !== selectedType) {\n          return false;\n        }\n        // 名称过滤\n        return v.name.toLowerCase().includes(filter.toLowerCase());\n      })\n      .sort((a, b) => {\n        switch (sortBy) {\n          case 'name':\n            return a.name.localeCompare(b.name);\n          case 'line':\n            return a.line - b.line;\n          case 'type':\n            return (a.type || '').localeCompare(b.type || '');\n          default:\n            return 0;\n        }\n      });\n  }, [variables, filter, sortBy, selectedType]);\n\n  const getTypeColor = (type?: string) => {\n    switch (type) {\n      case 'function':\n      case 'method':\n        return 'text-primary';\n      case 'class':\n        return 'text-secondary';\n      case 'variable':\n        return 'text-accent';\n      case 'constant':\n        return 'text-warning';\n      case 'interface':\n      case 'type':\n        return 'text-info';\n      default:\n        return 'text-base-content';\n    }\n  };\n\n  const getTypeIcon = (type?: string) => {\n    switch (type) {\n      case 'function':\n        return 'ƒ';\n      case 'method':\n        return 'ⓜ';\n      case 'class':\n        return 'C';\n      case 'variable':\n        return 'v';\n      case 'constant':\n        return 'K';\n      case 'interface':\n        return 'I';\n      case 'type':\n        return 'T';\n      default:\n        return '?';\n    }\n  };\n\n  const typeButtons: Array<{ type: VariableType; label: string }> = [\n    { type: 'all', label: 'All' },\n    { type: 'class', label: 'Classes' },\n    { type: 'function', label: 'Functions' },\n    { type: 'variable', label: 'Variables' },\n    { type: 'constant', label: 'Constants' },\n    { type: 'interface', label: 'Interfaces' },\n    { type: 'type', label: 'Types' },\n    { type: 'method', label: 'Methods' },\n  ];\n\n  return (\n    <div className={`variable-panel bg-base-100 border border-base-300 rounded-lg p-2 ${className}`}>\n      <div className=\"variable-header mb-2\">\n        <div className=\"flex items-center gap-2 px-2 py-1 mb-3 border-b border-base-300\">\n          <svg className=\"w-5 h-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z\" />\n          </svg>\n          <span className=\"font-semibold\">Symbols</span>\n          <span className=\"text-xs opacity-60 ml-auto\">({filteredVariables.length})</span>\n        </div>\n\n        {/* 类型过滤按钮 - 单行横向滚动 */}\n        <div className=\"mb-2 overflow-x-auto\">\n          <div className=\"flex gap-1 min-w-max pb-1\">\n            {typeButtons.map(({ type, label }) => {\n              const count = typeCounts[type];\n              if (type !== 'all' && count === 0) return null;\n              return (\n                <button\n                  key={type}\n                  className={`btn btn-xs whitespace-nowrap flex-shrink-0 ${selectedType === type ? 'btn-primary' : 'btn-ghost'}`}\n                  onClick={() => setSelectedType(type)}\n                >\n                  {label}\n                  {count > 0 && <span className=\"ml-1 text-xs opacity-70\">({count})</span>}\n                </button>\n              );\n            })}\n          </div>\n        </div>\n\n        {/* 搜索框 */}\n        <input\n          type=\"text\"\n          placeholder=\"Search symbols...\"\n          value={filter}\n          onChange={(e) => setFilter(e.target.value)}\n          className=\"input input-sm input-bordered w-full mb-2\"\n        />\n\n        {/* 排序选项 */}\n        <div className=\"flex gap-1\">\n          <button\n            className={`btn btn-xs ${sortBy === 'line' ? 'btn-primary' : 'btn-ghost'}`}\n            onClick={() => setSortBy('line')}\n          >\n            Line\n          </button>\n          <button\n            className={`btn btn-xs ${sortBy === 'name' ? 'btn-primary' : 'btn-ghost'}`}\n            onClick={() => setSortBy('name')}\n          >\n            Name\n          </button>\n          <button\n            className={`btn btn-xs ${sortBy === 'type' ? 'btn-primary' : 'btn-ghost'}`}\n            onClick={() => setSortBy('type')}\n          >\n            Type\n          </button>\n        </div>\n      </div>\n\n      <div \n        className=\"variable-content overflow-y-auto\"\n        style={{ \n          height: height, \n          maxHeight: !height ? maxHeight : undefined \n        }}\n      >\n        {filteredVariables.length === 0 ? (\n          <div className=\"text-center text-sm opacity-60 py-4\">\n            {filter ? 'No matching symbols' : 'No symbols'}\n          </div>\n        ) : (\n          <div className=\"space-y-1\">\n            {filteredVariables.map((variable, index) => (\n              <div\n                key={`${variable.name}-${variable.line}-${index}`}\n                className=\"variable-item flex items-center gap-2 px-2 py-1 hover:bg-base-200 cursor-pointer rounded transition-colors\"\n                onClick={() => onVariableClick(variable.line)}\n                title={`${variable.type}: ${variable.name} (line ${variable.line})`}\n              >\n                <span className={`font-mono font-bold text-xs ${getTypeColor(variable.type)}`}>\n                  {getTypeIcon(variable.type)}\n                </span>\n                <span className=\"text-sm truncate flex-1 font-mono\">{variable.name}</span>\n                <span className=\"text-xs opacity-60\">{variable.line}</span>\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n\n      <style>{`\n        .variable-panel .overflow-x-auto {\n          scrollbar-width: thin;\n          scrollbar-color: oklch(var(--bc) / 0.2) transparent;\n        }\n\n        .variable-panel .overflow-x-auto::-webkit-scrollbar {\n          height: 4px;\n        }\n\n        .variable-panel .overflow-x-auto::-webkit-scrollbar-track {\n          background: transparent;\n        }\n\n        .variable-panel .overflow-x-auto::-webkit-scrollbar-thumb {\n          background: oklch(var(--bc) / 0.2);\n          border-radius: 2px;\n        }\n\n        .variable-panel .overflow-x-auto::-webkit-scrollbar-thumb:hover {\n          background: oklch(var(--bc) / 0.3);\n        }\n      `}</style>\n    </div>\n  );\n};\n\nexport default VariablePanel;\n\n"],"mappings":"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"}