dishui 0.0.64 → 0.0.66

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

@@ -1,245 +1,231 @@
-import { useState as v } from "react";
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
-var V = ({ sections: c, onSectionClick: k, currentLine: p = 1, className: g = "", theme: L = "light" }) => {
-  const [d, b] = v(""), [m, h] = v(/* @__PURE__ */ new Set()), u = c.filter((e) => e.title.toLowerCase().includes(d.toLowerCase())), f = ((e) => {
-    const n = [], o = [];
-    for (const a of e) {
-      const i = {
-        ...a,
-        children: []
-      };
-      for (; o.length > 0 && o[o.length - 1].level >= a.level; ) o.pop();
-      if (o.length === 0) n.push(i);
-      else {
-        const r = o[o.length - 1];
-        r.children || (r.children = []), r.children.push(i);
-      }
-      o.push(i);
-    }
-    return n;
-  })(u), w = (e) => {
-    const n = new Set(m);
-    n.has(e) ? n.delete(e) : n.add(e), h(n);
-  }, N = (e) => {
-    const n = [
-      /* @__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: "M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z"
-        })
-      }),
-      /* @__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: "M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z"
-        })
-      }),
-      /* @__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 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"
-        })
-      }),
-      /* @__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 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"
-        })
-      }),
-      /* @__PURE__ */ t("svg", {
-        className: "w-2 h-2",
-        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"
-        })
-      }),
-      /* @__PURE__ */ t("svg", {
-        className: "w-2 h-2",
-        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"
-        })
-      })
-    ];
-    return n[e - 1] || n[0];
-  }, x = (e, n = 0) => {
-    const o = e.children && e.children.length > 0, a = m.has(e.id), i = p >= e.line && (c.find((l) => l.line > e.line && l.level <= e.level)?.line || 1 / 0) > p, r = [
-      "text-primary",
-      "text-secondary",
-      "text-accent",
-      "text-info",
-      "text-success",
-      "text-warning"
-    ], C = r[(e.level - 1) % r.length];
-    return /* @__PURE__ */ s("div", { children: [/* @__PURE__ */ s("div", {
-      className: `toc-item flex items-center gap-2 px-2 py-1.5 rounded cursor-pointer transition-colors ${i ? "bg-primary/20 font-semibold" : "hover:bg-base-200"}`,
-      style: { paddingLeft: `${n * 12 + 8}px` },
-      onClick: () => k(e.line),
-      children: [
-        o && /* @__PURE__ */ t("button", {
-          className: "btn btn-xs btn-ghost btn-circle",
-          onClick: (l) => {
-            l.stopPropagation(), w(e.id);
-          },
-          children: a ? /* @__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"
-            })
-          }) : /* @__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"
-            })
-          })
-        }),
-        !o && /* @__PURE__ */ t("span", { className: "w-6" }),
-        /* @__PURE__ */ t("span", {
-          className: C,
-          children: N(e.level)
-        }),
-        /* @__PURE__ */ t("span", {
-          className: "text-sm truncate flex-1",
-          title: e.title,
-          children: e.title
-        }),
-        /* @__PURE__ */ t("span", {
-          className: "text-xs opacity-60",
-          children: e.line
-        })
-      ]
-    }), o && (a || !o) && /* @__PURE__ */ t("div", {
-      className: "toc-children",
-      children: e.children.map((l) => x(l, n + 1))
-    })] }, e.id);
-  };
-  return /* @__PURE__ */ s("div", {
-    className: `toc-panel bg-base-100 border border-base-300 rounded-lg p-2 ${g}`,
-    children: [
-      /* @__PURE__ */ s("div", {
-        className: "toc-header flex items-center gap-2 px-2 py-1 mb-2 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: "M4 6h16M4 10h16M4 14h16M4 18h16"
-            })
-          }),
-          /* @__PURE__ */ t("span", {
-            className: "font-semibold",
-            children: "目录"
-          }),
-          /* @__PURE__ */ s("span", {
-            className: "text-xs opacity-60 ml-auto",
-            children: [
-              "(",
-              c.length,
-              ")"
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ t("input", {
-        type: "text",
-        placeholder: "搜索章节...",
-        value: d,
-        onChange: (e) => b(e.target.value),
-        className: "input input-sm input-bordered w-full mb-2"
-      }),
-      /* @__PURE__ */ s("div", {
-        className: "flex gap-1 mb-2",
-        children: [/* @__PURE__ */ t("button", {
-          className: "btn btn-xs btn-ghost",
-          onClick: () => {
-            const e = new Set(c.map((n) => n.id));
-            h(e);
-          },
-          children: "全部展开"
-        }), /* @__PURE__ */ t("button", {
-          className: "btn btn-xs btn-ghost",
-          onClick: () => h(/* @__PURE__ */ new Set()),
-          children: "全部折叠"
-        })]
-      }),
-      /* @__PURE__ */ t("div", {
-        className: "toc-content max-h-[600px] overflow-y-auto",
-        children: u.length === 0 ? /* @__PURE__ */ t("div", {
-          className: "text-center text-sm opacity-60 py-4",
-          children: d ? "未找到匹配的章节" : "暂无章节"
-        }) : f.map((e) => x(e))
-      }),
-      /* @__PURE__ */ t("style", { children: `
-        .toc-item {
-          user-select: none;
-        }
-        .toc-children {
-          margin-top: 2px;
-        }
-        .toc-panel {
-          position: relative;
-          z-index: 1;
-        }
-        .toc-item button {
-          z-index: 2;
-        }
-      ` })
-    ]
-  });
-};
-export {
-  V as default
+import { useState as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/pro/CodeEditor/panels/TableOfContentsPanel.tsx
+var r = ({ sections: r, onSectionClick: i, currentLine: a = 1, className: o = "", theme: s = "light" }) => {
+	let [c, l] = e(""), [u, d] = e(/* @__PURE__ */ new Set()), f = r.filter((e) => e.title.toLowerCase().includes(c.toLowerCase())), p = ((e) => {
+		let t = [], n = [];
+		for (let r of e) {
+			let e = {
+				...r,
+				children: []
+			};
+			for (; n.length > 0 && n[n.length - 1].level >= r.level;) n.pop();
+			if (n.length === 0) t.push(e);
+			else {
+				let t = n[n.length - 1];
+				t.children ||= [], t.children.push(e);
+			}
+			n.push(e);
+		}
+		return t;
+	})(f), m = (e) => {
+		let t = new Set(u);
+		t.has(e) ? t.delete(e) : t.add(e), d(t);
+	}, h = (e) => {
+		let n = [
+			/* @__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: "M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z"
+				})
+			}, "h1"),
+			/* @__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: "M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z"
+				})
+			}, "h2"),
+			/* @__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 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"
+				})
+			}, "h3"),
+			/* @__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 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"
+				})
+			}, "h4"),
+			/* @__PURE__ */ t("svg", {
+				className: "w-2 h-2",
+				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"
+				})
+			}, "h5"),
+			/* @__PURE__ */ t("svg", {
+				className: "w-2 h-2",
+				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"
+				})
+			}, "h6")
+		];
+		return n[e - 1] || n[0];
+	}, g = (e, o = 0) => {
+		let s = e.children && e.children.length > 0, c = u.has(e.id), l = a >= e.line && (r.find((t) => t.line > e.line && t.level <= e.level)?.line || Infinity) > a, d = [
+			"text-primary",
+			"text-secondary",
+			"text-accent",
+			"text-info",
+			"text-success",
+			"text-warning"
+		], f = d[(e.level - 1) % d.length];
+		return /* @__PURE__ */ n("div", { children: [/* @__PURE__ */ n("div", {
+			className: `toc-item flex items-center gap-2 px-2 py-1.5 rounded cursor-pointer transition-colors ${l ? "bg-primary/20 font-semibold" : "hover:bg-base-200"}`,
+			style: { paddingLeft: `${o * 12 + 8}px` },
+			onClick: () => i(e.line),
+			children: [
+				s && /* @__PURE__ */ t("button", {
+					className: "btn btn-xs btn-ghost btn-circle",
+					onClick: (t) => {
+						t.stopPropagation(), m(e.id);
+					},
+					children: c ? /* @__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"
+						})
+					}) : /* @__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"
+						})
+					})
+				}),
+				!s && /* @__PURE__ */ t("span", { className: "w-6" }),
+				/* @__PURE__ */ t("span", {
+					className: f,
+					children: h(e.level)
+				}),
+				/* @__PURE__ */ t("span", {
+					className: "text-sm truncate flex-1",
+					title: e.title,
+					children: e.title
+				}),
+				/* @__PURE__ */ t("span", {
+					className: "text-xs opacity-60",
+					children: e.line
+				})
+			]
+		}), s && (c || !s) && /* @__PURE__ */ t("div", {
+			className: "toc-children",
+			children: e.children.map((e) => g(e, o + 1))
+		})] }, e.id);
+	};
+	return /* @__PURE__ */ n("div", {
+		className: `toc-panel bg-base-100 border border-base-300 rounded-lg p-2 ${o}`,
+		children: [
+			/* @__PURE__ */ n("div", {
+				className: "toc-header flex items-center gap-2 px-2 py-1 mb-2 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: "M4 6h16M4 10h16M4 14h16M4 18h16"
+						})
+					}),
+					/* @__PURE__ */ t("span", {
+						className: "font-semibold",
+						children: "目录"
+					}),
+					/* @__PURE__ */ n("span", {
+						className: "text-xs opacity-60 ml-auto",
+						children: [
+							"(",
+							r.length,
+							")"
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ t("input", {
+				type: "text",
+				placeholder: "搜索章节...",
+				value: c,
+				onChange: (e) => l(e.target.value),
+				className: "input input-sm input-bordered w-full mb-2"
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "flex gap-1 mb-2",
+				children: [/* @__PURE__ */ t("button", {
+					className: "btn btn-xs btn-ghost",
+					onClick: () => {
+						let e = new Set(r.map((e) => e.id));
+						d(e);
+					},
+					children: "全部展开"
+				}), /* @__PURE__ */ t("button", {
+					className: "btn btn-xs btn-ghost",
+					onClick: () => d(/* @__PURE__ */ new Set()),
+					children: "全部折叠"
+				})]
+			}),
+			/* @__PURE__ */ t("div", {
+				className: "toc-content max-h-[600px] overflow-y-auto",
+				children: f.length === 0 ? /* @__PURE__ */ t("div", {
+					className: "text-center text-sm opacity-60 py-4",
+					children: c ? "未找到匹配的章节" : "暂无章节"
+				}) : p.map((e) => g(e))
+			}),
+			/* @__PURE__ */ t("style", { children: "\n        .toc-item {\n          user-select: none;\n        }\n        .toc-children {\n          margin-top: 2px;\n        }\n        .toc-panel {\n          position: relative;\n          z-index: 1;\n        }\n        .toc-item button {\n          z-index: 2;\n        }\n      " })
+		]
+	});
 };
+//#endregion
+export { r as default };
 
 //# sourceMappingURL=TableOfContentsPanel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableOfContentsPanel.js","names":[],"sources":["../../../../../src/components/pro/CodeEditor/panels/TableOfContentsPanel.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { MarkdownSection } from '../editors/markdownExtensions';\nimport { EditorTheme } from '../types';\n\nexport interface TableOfContentsPanelProps {\n  sections: MarkdownSection[];\n  onSectionClick: (line: number) => void;\n  currentLine?: number;\n  className?: string;\n  theme?: EditorTheme;\n}\n\nconst TableOfContentsPanel: React.FC<TableOfContentsPanelProps> = ({\n  sections,\n  onSectionClick,\n  currentLine = 1,\n  className = '',\n  theme = 'light',\n}) => {\n  const [filter, setFilter] = useState('');\n  const [expandedSections, setExpandedSections] = useState<Set<string>>(new Set());\n\n  // 过滤章节\n  const filteredSections = sections.filter((section) =>\n    section.title.toLowerCase().includes(filter.toLowerCase())\n  );\n\n  // 构建层级结构\n  const buildHierarchy = (sections: MarkdownSection[]) => {\n    const root: Array<MarkdownSection & { children?: MarkdownSection[] }> = [];\n    const stack: Array<MarkdownSection & { children?: MarkdownSection[] }> = [];\n\n    for (const section of sections) {\n      const node = { ...section, children: [] };\n\n      // 找到合适的父节点\n      while (stack.length > 0 && stack[stack.length - 1].level >= section.level) {\n        stack.pop();\n      }\n\n      if (stack.length === 0) {\n        root.push(node);\n      } else {\n        const parent = stack[stack.length - 1];\n        if (!parent.children) parent.children = [];\n        parent.children.push(node);\n      }\n\n      stack.push(node);\n    }\n\n    return root;\n  };\n\n  const hierarchy = buildHierarchy(filteredSections);\n\n  // 切换展开/折叠\n  const toggleExpand = (id: string) => {\n    const newExpanded = new Set(expandedSections);\n    if (newExpanded.has(id)) {\n      newExpanded.delete(id);\n    } else {\n      newExpanded.add(id);\n    }\n    setExpandedSections(newExpanded);\n  };\n\n  // 获取章节图标\n  const getSectionIcon = (level: number) => {\n    const icons = [\n      // H1\n      <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z\" />\n      </svg>,\n      // H2\n      <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z\" />\n      </svg>,\n      // H3\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 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      </svg>,\n      // H4\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 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      </svg>,\n      // H5\n      <svg className=\"w-2 h-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n        <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\" />\n      </svg>,\n      // H6\n      <svg className=\"w-2 h-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n        <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\" />\n      </svg>,\n    ];\n    return icons[level - 1] || icons[0];\n  };\n\n  // 渲染章节项\n  const renderSection = (\n    section: MarkdownSection & { children?: MarkdownSection[] },\n    depth: number = 0\n  ) => {\n    const hasChildren = section.children && section.children.length > 0;\n    const isExpanded = expandedSections.has(section.id);\n    const isActive = currentLine >= section.line && \n      (sections.find(s => s.line > section.line && s.level <= section.level)?.line || Infinity) > currentLine;\n\n    const levelColors = [\n      'text-primary',\n      'text-secondary',\n      'text-accent',\n      'text-info',\n      'text-success',\n      'text-warning',\n    ];\n    const colorClass = levelColors[(section.level - 1) % levelColors.length];\n\n    return (\n      <div key={section.id}>\n        <div\n          className={`toc-item flex items-center gap-2 px-2 py-1.5 rounded cursor-pointer transition-colors ${\n            isActive ? 'bg-primary/20 font-semibold' : 'hover:bg-base-200'\n          }`}\n          style={{ paddingLeft: `${depth * 12 + 8}px` }}\n          onClick={() => onSectionClick(section.line)}\n        >\n          {hasChildren && (\n            <button\n              className=\"btn btn-xs btn-ghost btn-circle\"\n              onClick={(e) => {\n                e.stopPropagation();\n                toggleExpand(section.id);\n              }}\n            >\n              {isExpanded ? (\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                <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            </button>\n          )}\n          {!hasChildren && <span className=\"w-6\"></span>}\n          <span className={colorClass}>{getSectionIcon(section.level)}</span>\n          <span className=\"text-sm truncate flex-1\" title={section.title}>\n            {section.title}\n          </span>\n          <span className=\"text-xs opacity-60\">{section.line}</span>\n        </div>\n\n        {hasChildren && (isExpanded || !hasChildren) && (\n          <div className=\"toc-children\">\n            {section.children!.map((child) => renderSection(child, depth + 1))}\n          </div>\n        )}\n      </div>\n    );\n  };\n\n  return (\n    <div className={`toc-panel bg-base-100 border border-base-300 rounded-lg p-2 ${className}`}>\n      {/* 标题 */}\n      <div className=\"toc-header flex items-center gap-2 px-2 py-1 mb-2 border-b border-base-300\">\n        <svg className=\"w-5 h-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M4 6h16M4 10h16M4 14h16M4 18h16\"\n          />\n        </svg>\n        <span className=\"font-semibold\">目录</span>\n        <span className=\"text-xs opacity-60 ml-auto\">({sections.length})</span>\n      </div>\n\n      {/* 搜索框 */}\n      <input\n        type=\"text\"\n        placeholder=\"搜索章节...\"\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 mb-2\">\n        <button\n          className=\"btn btn-xs btn-ghost\"\n          onClick={() => {\n            const allIds = new Set(sections.map((s) => s.id));\n            setExpandedSections(allIds);\n          }}\n        >\n          全部展开\n        </button>\n        <button\n          className=\"btn btn-xs btn-ghost\"\n          onClick={() => setExpandedSections(new Set())}\n        >\n          全部折叠\n        </button>\n      </div>\n\n      {/* 章节列表 */}\n      <div className=\"toc-content max-h-[600px] overflow-y-auto\">\n        {filteredSections.length === 0 ? (\n          <div className=\"text-center text-sm opacity-60 py-4\">\n            {filter ? '未找到匹配的章节' : '暂无章节'}\n          </div>\n        ) : (\n          hierarchy.map((section) => renderSection(section))\n        )}\n      </div>\n\n      <style>{`\n        .toc-item {\n          user-select: none;\n        }\n        .toc-children {\n          margin-top: 2px;\n        }\n        .toc-panel {\n          position: relative;\n          z-index: 1;\n        }\n        .toc-item button {\n          z-index: 2;\n        }\n      `}</style>\n    </div>\n  );\n};\n\nexport default TableOfContentsPanel;\n\n"],"mappings":"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"}
+{"version":3,"file":"TableOfContentsPanel.js","names":[],"sources":["../../../../../src/components/pro/CodeEditor/panels/TableOfContentsPanel.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { MarkdownSection } from '../editors/markdownExtensions';\nimport { EditorTheme } from '../types';\n\nexport interface TableOfContentsPanelProps {\n  sections: MarkdownSection[];\n  onSectionClick: (line: number) => void;\n  currentLine?: number;\n  className?: string;\n  theme?: EditorTheme;\n}\n\nconst TableOfContentsPanel: React.FC<TableOfContentsPanelProps> = ({\n  sections,\n  onSectionClick,\n  currentLine = 1,\n  className = '',\n  theme = 'light',\n}) => {\n  const [filter, setFilter] = useState('');\n  const [expandedSections, setExpandedSections] = useState<Set<string>>(new Set());\n\n  // 过滤章节\n  const filteredSections = sections.filter((section) =>\n    section.title.toLowerCase().includes(filter.toLowerCase())\n  );\n\n  // 构建层级结构\n  const buildHierarchy = (sections: MarkdownSection[]) => {\n    const root: Array<MarkdownSection & { children?: MarkdownSection[] }> = [];\n    const stack: Array<MarkdownSection & { children?: MarkdownSection[] }> = [];\n\n    for (const section of sections) {\n      const node = { ...section, children: [] };\n\n      // 找到合适的父节点\n      while (stack.length > 0 && stack[stack.length - 1].level >= section.level) {\n        stack.pop();\n      }\n\n      if (stack.length === 0) {\n        root.push(node);\n      } else {\n        const parent = stack[stack.length - 1];\n        if (!parent.children) parent.children = [];\n        parent.children.push(node);\n      }\n\n      stack.push(node);\n    }\n\n    return root;\n  };\n\n  const hierarchy = buildHierarchy(filteredSections);\n\n  // 切换展开/折叠\n  const toggleExpand = (id: string) => {\n    const newExpanded = new Set(expandedSections);\n    if (newExpanded.has(id)) {\n      newExpanded.delete(id);\n    } else {\n      newExpanded.add(id);\n    }\n    setExpandedSections(newExpanded);\n  };\n\n  // 获取章节图标\n  const getSectionIcon = (level: number) => {\n    const icons = [\n      // H1\n      <svg key=\"h1\" className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z\" />\n      </svg>,\n      // H2\n      <svg key=\"h2\" className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z\" />\n      </svg>,\n      // H3\n      <svg key=\"h3\" className=\"w-3 h-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n        <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\" />\n      </svg>,\n      // H4\n      <svg key=\"h4\" className=\"w-3 h-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n        <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\" />\n      </svg>,\n      // H5\n      <svg key=\"h5\" className=\"w-2 h-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n        <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\" />\n      </svg>,\n      // H6\n      <svg key=\"h6\" className=\"w-2 h-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n        <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\" />\n      </svg>,\n    ];\n    return icons[level - 1] || icons[0];\n  };\n\n  // 渲染章节项\n  const renderSection = (\n    section: MarkdownSection & { children?: MarkdownSection[] },\n    depth: number = 0\n  ) => {\n    const hasChildren = section.children && section.children.length > 0;\n    const isExpanded = expandedSections.has(section.id);\n    const isActive = currentLine >= section.line && \n      (sections.find(s => s.line > section.line && s.level <= section.level)?.line || Infinity) > currentLine;\n\n    const levelColors = [\n      'text-primary',\n      'text-secondary',\n      'text-accent',\n      'text-info',\n      'text-success',\n      'text-warning',\n    ];\n    const colorClass = levelColors[(section.level - 1) % levelColors.length];\n\n    return (\n      <div key={section.id}>\n        <div\n          className={`toc-item flex items-center gap-2 px-2 py-1.5 rounded cursor-pointer transition-colors ${\n            isActive ? 'bg-primary/20 font-semibold' : 'hover:bg-base-200'\n          }`}\n          style={{ paddingLeft: `${depth * 12 + 8}px` }}\n          onClick={() => onSectionClick(section.line)}\n        >\n          {hasChildren && (\n            <button\n              className=\"btn btn-xs btn-ghost btn-circle\"\n              onClick={(e) => {\n                e.stopPropagation();\n                toggleExpand(section.id);\n              }}\n            >\n              {isExpanded ? (\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                <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            </button>\n          )}\n          {!hasChildren && <span className=\"w-6\"></span>}\n          <span className={colorClass}>{getSectionIcon(section.level)}</span>\n          <span className=\"text-sm truncate flex-1\" title={section.title}>\n            {section.title}\n          </span>\n          <span className=\"text-xs opacity-60\">{section.line}</span>\n        </div>\n\n        {hasChildren && (isExpanded || !hasChildren) && (\n          <div className=\"toc-children\">\n            {section.children!.map((child) => renderSection(child, depth + 1))}\n          </div>\n        )}\n      </div>\n    );\n  };\n\n  return (\n    <div className={`toc-panel bg-base-100 border border-base-300 rounded-lg p-2 ${className}`}>\n      {/* 标题 */}\n      <div className=\"toc-header flex items-center gap-2 px-2 py-1 mb-2 border-b border-base-300\">\n        <svg className=\"w-5 h-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M4 6h16M4 10h16M4 14h16M4 18h16\"\n          />\n        </svg>\n        <span className=\"font-semibold\">目录</span>\n        <span className=\"text-xs opacity-60 ml-auto\">({sections.length})</span>\n      </div>\n\n      {/* 搜索框 */}\n      <input\n        type=\"text\"\n        placeholder=\"搜索章节...\"\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 mb-2\">\n        <button\n          className=\"btn btn-xs btn-ghost\"\n          onClick={() => {\n            const allIds = new Set(sections.map((s) => s.id));\n            setExpandedSections(allIds);\n          }}\n        >\n          全部展开\n        </button>\n        <button\n          className=\"btn btn-xs btn-ghost\"\n          onClick={() => setExpandedSections(new Set())}\n        >\n          全部折叠\n        </button>\n      </div>\n\n      {/* 章节列表 */}\n      <div className=\"toc-content max-h-[600px] overflow-y-auto\">\n        {filteredSections.length === 0 ? (\n          <div className=\"text-center text-sm opacity-60 py-4\">\n            {filter ? '未找到匹配的章节' : '暂无章节'}\n          </div>\n        ) : (\n          hierarchy.map((section) => renderSection(section))\n        )}\n      </div>\n\n      <style>{`\n        .toc-item {\n          user-select: none;\n        }\n        .toc-children {\n          margin-top: 2px;\n        }\n        .toc-panel {\n          position: relative;\n          z-index: 1;\n        }\n        .toc-item button {\n          z-index: 2;\n        }\n      `}</style>\n    </div>\n  );\n};\n\nexport default TableOfContentsPanel;\n\n"],"mappings":"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"}