dishui 0.0.65 → 0.0.67

package/dist/components/pro/ArticleControl/ArticleControl2.js

@@ -1,254 +1,254 @@
-import F from "../../Tree/Tree.js";
-import { useDraggable as G } from "../../../hooks/useDraggable.js";
-import { useContainerElement as J } from "../../../hooks/useContainerElement.js";
-import { getMarkdownContent as K, getSelectionInfo as O } from "../../../utils/selection.js";
-import { useArticleToc as U } from "./useArticleToc.js";
-import { buildHeadingTree as X, getAllNodeIds as Y } from "./buildHeadingTree.js";
+import e from "../../Tree/Tree.js";
+import { useDraggable as t } from "../../../hooks/useDraggable.js";
+import { useContainerElement as n } from "../../../hooks/useContainerElement.js";
+import { getMarkdownContent as r, getSelectionInfo as i } from "../../../utils/selection.js";
+import { useArticleToc as a } from "./useArticleToc.js";
+import { buildHeadingTree as o, getAllNodeIds as s } from "./buildHeadingTree.js";
 /* empty css               */
-import { useCallback as L, useEffect as Z, useMemo as u, useRef as M, useState as m } from "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-var ce = ({ targetId: $, targetRef: A, initialPosition: j = {
-  x: window.innerWidth - 320,
-  y: 100
-}, initialExpanded: I = !0, ballSize: c = 56, panelWidth: g = 280, panelMaxHeight: b = 400, className: B = "", onHeadingClick: E, actions: w = [] }) => {
-  const [s, x] = m(I), R = M(null), d = M(null), [T, f] = m(null), [l, v] = m(""), { position: k, isDragging: N, handleMouseDown: S, handleTouchStart: D } = G({
-    initialPosition: j,
-    boundarySize: {
-      width: s ? g : c,
-      height: s ? 60 : c
-    }
-  }), i = J($, A), { headings: r, activeId: a, prevActiveId: P, scrollToHeading: W } = U(i);
-  Z(() => {
-    !a || !d.current || !s || requestAnimationFrame(() => {
-      const e = d.current?.querySelector(`[data-node-id="${a}"]`);
-      if (e) {
-        const o = d.current;
-        if (!o) return;
-        const C = e.getBoundingClientRect(), y = o.getBoundingClientRect();
-        (C.top < y.top || C.bottom > y.bottom) && e.scrollIntoView({
-          behavior: "smooth",
-          block: "center"
-        });
-      }
-    });
-  }, [a, s]);
-  const h = u(() => {
-    if (!l.trim()) return r;
-    const e = l.toLowerCase();
-    return r.filter((o) => o.text.toLowerCase().includes(e));
-  }, [r, l]), p = u(() => X(h), [h]), H = u(() => Y(p), [p]), q = L(() => K(i, !0), [i]), z = L(() => O(i), [i]), Q = (e) => {
-    e.action(q(), z());
-  }, V = (e) => {
-    const o = e.meta?.heading;
-    o && (W(o), E?.(o));
-  };
-  return r.length === 0 ? null : /* @__PURE__ */ n("div", {
-    ref: R,
-    className: `fixed z-50 ${B}`,
-    style: {
-      left: `${k.x}px`,
-      top: `${k.y}px`,
-      cursor: N ? "grabbing" : "grab",
-      touchAction: "none"
-    },
-    onMouseDown: S,
-    onTouchStart: D,
-    children: [s ? /* @__PURE__ */ n("div", {
-      className: "bg-base-100 rounded-lg shadow-2xl border border-base-300",
-      style: { width: `${g}px` },
-      children: [
-        /* @__PURE__ */ n("div", {
-          className: "flex items-center justify-between px-4 py-3 border-b border-base-300 bg-base-200 rounded-t-lg",
-          children: [/* @__PURE__ */ n("div", {
-            className: "flex items-center gap-2",
-            children: [
-              /* @__PURE__ */ t("svg", {
-                xmlns: "http://www.w3.org/2000/svg",
-                className: "h-5 w-5 text-primary",
-                fill: "none",
-                viewBox: "0 0 24 24",
-                stroke: "currentColor",
-                children: /* @__PURE__ */ t("path", {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: 2,
-                  d: "M4 6h16M4 12h16M4 18h7"
-                })
-              }),
-              /* @__PURE__ */ t("span", {
-                className: "font-semibold text-sm",
-                children: "目录"
-              }),
-              /* @__PURE__ */ n("span", {
-                className: "text-xs text-base-content/60",
-                children: [
-                  "(",
-                  h.length,
-                  "/",
-                  r.length,
-                  ")"
-                ]
-              })
-            ]
-          }), /* @__PURE__ */ t("button", {
-            onClick: () => x(!1),
-            className: "btn btn-ghost btn-xs btn-circle",
-            title: "收起",
-            children: /* @__PURE__ */ t("svg", {
-              xmlns: "http://www.w3.org/2000/svg",
-              className: "h-4 w-4",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor",
-              children: /* @__PURE__ */ t("path", {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                strokeWidth: 2,
-                d: "M6 18L18 6M6 6l12 12"
-              })
-            })
-          })]
-        }),
-        /* @__PURE__ */ t("div", {
-          className: "px-3 py-2 border-b border-base-300 toc-search",
-          children: /* @__PURE__ */ n("div", {
-            className: "relative",
-            children: [
-              /* @__PURE__ */ t("input", {
-                type: "text",
-                placeholder: "筛选目录...",
-                value: l,
-                onChange: (e) => v(e.target.value),
-                className: "input input-sm input-bordered w-full pl-8 text-sm",
-                onClick: (e) => e.stopPropagation(),
-                onMouseDown: (e) => e.stopPropagation(),
-                onTouchStart: (e) => e.stopPropagation()
-              }),
-              /* @__PURE__ */ t("svg", {
-                xmlns: "http://www.w3.org/2000/svg",
-                className: "h-4 w-4 absolute left-2.5 top-1/2 -translate-y-1/2 opacity-50",
-                fill: "none",
-                viewBox: "0 0 24 24",
-                stroke: "currentColor",
-                children: /* @__PURE__ */ t("path", {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: 2,
-                  d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
-                })
-              }),
-              l && /* @__PURE__ */ t("button", {
-                onClick: (e) => {
-                  e.stopPropagation(), v("");
-                },
-                className: "absolute right-2 top-1/2 -translate-y-1/2 btn btn-ghost btn-xs btn-circle",
-                children: /* @__PURE__ */ t("svg", {
-                  xmlns: "http://www.w3.org/2000/svg",
-                  className: "h-3 w-3",
-                  fill: "none",
-                  viewBox: "0 0 24 24",
-                  stroke: "currentColor",
-                  children: /* @__PURE__ */ t("path", {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    strokeWidth: 2,
-                    d: "M6 18L18 6M6 6l12 12"
-                  })
-                })
-              })
-            ]
-          })
-        }),
-        w.length > 0 && /* @__PURE__ */ t("div", {
-          className: "px-2 py-2 border-b border-base-300 bg-base-100",
-          children: /* @__PURE__ */ t("div", {
-            className: "flex flex-wrap gap-1",
-            children: w.map((e) => /* @__PURE__ */ n("div", {
-              className: "relative group",
-              onMouseEnter: () => f(e.id),
-              onMouseLeave: () => f(null),
-              children: [/* @__PURE__ */ t("button", {
-                onClick: (o) => {
-                  o.stopPropagation(), Q(e);
-                },
-                className: "btn btn-ghost btn-xs btn-square",
-                title: e.label,
-                children: e.icon || /* @__PURE__ */ t("svg", {
-                  xmlns: "http://www.w3.org/2000/svg",
-                  className: "h-4 w-4",
-                  fill: "none",
-                  viewBox: "0 0 24 24",
-                  stroke: "currentColor",
-                  children: /* @__PURE__ */ t("path", {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    strokeWidth: 2,
-                    d: "M13 10V3L4 14h7v7l9-11h-7z"
-                  })
-                })
-              }), T === e.id && (e.label || e.description) && /* @__PURE__ */ n("div", {
-                className: "absolute left-full ml-2 top-0 z-50 bg-base-content text-base-100 px-3 py-2 rounded shadow-lg whitespace-nowrap min-w-max",
-                children: [e.label && /* @__PURE__ */ t("div", {
-                  className: "font-semibold text-sm",
-                  children: e.label
-                }), e.description && /* @__PURE__ */ t("div", {
-                  className: "text-xs opacity-80 mt-1",
-                  children: e.description
-                })]
-              })]
-            }, e.id))
-          })
-        }),
-        /* @__PURE__ */ t("div", {
-          ref: d,
-          className: "overflow-y-auto p-2 scroll-smooth",
-          style: { maxHeight: `${b}px` },
-          children: /* @__PURE__ */ t(F, {
-            data: p,
-            activeNodeId: a,
-            defaultExpandedIds: H,
-            showSearch: !1,
-            showExpandAll: !1,
-            showIcon: !0,
-            showCount: !1,
-            showLine: !0,
-            indent: 8,
-            togglePosition: "right",
-            maxHeight: `${b}px`,
-            className: `article-toc-tree ${P !== a ? "toc-transitioning" : ""}`,
-            onNodeClick: V
-          })
-        })
-      ]
-    }) : /* @__PURE__ */ t("button", {
-      onClick: () => x(!0),
-      className: "btn btn-circle btn-primary shadow-2xl hover:scale-110 transition-transform",
-      style: {
-        width: `${c}px`,
-        height: `${c}px`
-      },
-      title: `目录 (${r.length})`,
-      children: /* @__PURE__ */ t("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        className: "h-6 w-6",
-        fill: "none",
-        viewBox: "0 0 24 24",
-        stroke: "currentColor",
-        children: /* @__PURE__ */ t("path", {
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: 2,
-          d: "M4 6h16M4 12h16M4 18h7"
-        })
-      })
-    }), N && /* @__PURE__ */ t("div", {
-      className: "absolute -top-8 left-1/2 -translate-x-1/2 bg-base-content text-base-100 px-3 py-1 rounded text-xs whitespace-nowrap",
-      children: "拖动中..."
-    })]
-  });
-};
-export {
-  ce as default
+import { useCallback as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/components/pro/ArticleControl/ArticleControl.tsx
+var h = ({ targetId: h, targetRef: g, initialPosition: _ = {
+	x: window.innerWidth - 320,
+	y: 100
+}, initialExpanded: v = !0, ballSize: y = 56, panelWidth: b = 280, panelMaxHeight: x = 400, className: S = "", onHeadingClick: C, actions: w = [] }) => {
+	let [T, E] = f(v), D = d(null), O = d(null), [k, A] = f(null), [j, M] = f(""), { position: N, isDragging: P, handleMouseDown: F, handleTouchStart: I } = t({
+		initialPosition: _,
+		boundarySize: {
+			width: T ? b : y,
+			height: T ? 60 : y
+		}
+	}), L = n(h, g), { headings: R, activeId: z, prevActiveId: B, scrollToHeading: V } = a(L);
+	l(() => {
+		z && O.current && T && requestAnimationFrame(() => {
+			let e = O.current?.querySelector(`[data-node-id="${z}"]`);
+			if (e) {
+				let t = O.current;
+				if (!t) return;
+				let n = e.getBoundingClientRect(), r = t.getBoundingClientRect();
+				(n.top < r.top || n.bottom > r.bottom) && e.scrollIntoView({
+					behavior: "smooth",
+					block: "center"
+				});
+			}
+		});
+	}, [z, T]);
+	let H = u(() => {
+		if (!j.trim()) return R;
+		let e = j.toLowerCase();
+		return R.filter((t) => t.text.toLowerCase().includes(e));
+	}, [R, j]), U = u(() => o(H), [H]), W = u(() => s(U), [U]), G = c(() => r(L, !0), [L]), K = c(() => i(L), [L]), q = (e) => {
+		e.action(G(), K());
+	};
+	return R.length === 0 ? null : /* @__PURE__ */ m("div", {
+		ref: D,
+		className: `fixed z-50 ${S}`,
+		style: {
+			left: `${N.x}px`,
+			top: `${N.y}px`,
+			cursor: P ? "grabbing" : "grab",
+			touchAction: "none"
+		},
+		onMouseDown: F,
+		onTouchStart: I,
+		children: [T ? /* @__PURE__ */ m("div", {
+			className: "bg-base-100 rounded-lg shadow-2xl border border-base-300",
+			style: { width: `${b}px` },
+			children: [
+				/* @__PURE__ */ m("div", {
+					className: "flex items-center justify-between px-4 py-3 border-b border-base-300 bg-base-200 rounded-t-lg",
+					children: [/* @__PURE__ */ m("div", {
+						className: "flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ p("svg", {
+								xmlns: "http://www.w3.org/2000/svg",
+								className: "h-5 w-5 text-primary",
+								fill: "none",
+								viewBox: "0 0 24 24",
+								stroke: "currentColor",
+								children: /* @__PURE__ */ p("path", {
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									strokeWidth: 2,
+									d: "M4 6h16M4 12h16M4 18h7"
+								})
+							}),
+							/* @__PURE__ */ p("span", {
+								className: "font-semibold text-sm",
+								children: "目录"
+							}),
+							/* @__PURE__ */ m("span", {
+								className: "text-xs text-base-content/60",
+								children: [
+									"(",
+									H.length,
+									"/",
+									R.length,
+									")"
+								]
+							})
+						]
+					}), /* @__PURE__ */ p("button", {
+						onClick: () => E(!1),
+						className: "btn btn-ghost btn-xs btn-circle",
+						title: "收起",
+						children: /* @__PURE__ */ p("svg", {
+							xmlns: "http://www.w3.org/2000/svg",
+							className: "h-4 w-4",
+							fill: "none",
+							viewBox: "0 0 24 24",
+							stroke: "currentColor",
+							children: /* @__PURE__ */ p("path", {
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								strokeWidth: 2,
+								d: "M6 18L18 6M6 6l12 12"
+							})
+						})
+					})]
+				}),
+				/* @__PURE__ */ p("div", {
+					className: "px-3 py-2 border-b border-base-300 toc-search",
+					children: /* @__PURE__ */ m("div", {
+						className: "relative",
+						children: [
+							/* @__PURE__ */ p("input", {
+								type: "text",
+								placeholder: "筛选目录...",
+								value: j,
+								onChange: (e) => M(e.target.value),
+								className: "input input-sm input-bordered w-full pl-8 text-sm",
+								onClick: (e) => e.stopPropagation(),
+								onMouseDown: (e) => e.stopPropagation(),
+								onTouchStart: (e) => e.stopPropagation()
+							}),
+							/* @__PURE__ */ p("svg", {
+								xmlns: "http://www.w3.org/2000/svg",
+								className: "h-4 w-4 absolute left-2.5 top-1/2 -translate-y-1/2 opacity-50",
+								fill: "none",
+								viewBox: "0 0 24 24",
+								stroke: "currentColor",
+								children: /* @__PURE__ */ p("path", {
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									strokeWidth: 2,
+									d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+								})
+							}),
+							j && /* @__PURE__ */ p("button", {
+								onClick: (e) => {
+									e.stopPropagation(), M("");
+								},
+								className: "absolute right-2 top-1/2 -translate-y-1/2 btn btn-ghost btn-xs btn-circle",
+								children: /* @__PURE__ */ p("svg", {
+									xmlns: "http://www.w3.org/2000/svg",
+									className: "h-3 w-3",
+									fill: "none",
+									viewBox: "0 0 24 24",
+									stroke: "currentColor",
+									children: /* @__PURE__ */ p("path", {
+										strokeLinecap: "round",
+										strokeLinejoin: "round",
+										strokeWidth: 2,
+										d: "M6 18L18 6M6 6l12 12"
+									})
+								})
+							})
+						]
+					})
+				}),
+				w.length > 0 && /* @__PURE__ */ p("div", {
+					className: "px-2 py-2 border-b border-base-300 bg-base-100",
+					children: /* @__PURE__ */ p("div", {
+						className: "flex flex-wrap gap-1",
+						children: w.map((e) => /* @__PURE__ */ m("div", {
+							className: "relative group",
+							onMouseEnter: () => A(e.id),
+							onMouseLeave: () => A(null),
+							children: [/* @__PURE__ */ p("button", {
+								onClick: (t) => {
+									t.stopPropagation(), q(e);
+								},
+								className: "btn btn-ghost btn-xs btn-square",
+								title: e.label,
+								children: e.icon || /* @__PURE__ */ p("svg", {
+									xmlns: "http://www.w3.org/2000/svg",
+									className: "h-4 w-4",
+									fill: "none",
+									viewBox: "0 0 24 24",
+									stroke: "currentColor",
+									children: /* @__PURE__ */ p("path", {
+										strokeLinecap: "round",
+										strokeLinejoin: "round",
+										strokeWidth: 2,
+										d: "M13 10V3L4 14h7v7l9-11h-7z"
+									})
+								})
+							}), k === e.id && (e.label || e.description) && /* @__PURE__ */ m("div", {
+								className: "absolute left-full ml-2 top-0 z-50 bg-base-content text-base-100 px-3 py-2 rounded shadow-lg whitespace-nowrap min-w-max",
+								children: [e.label && /* @__PURE__ */ p("div", {
+									className: "font-semibold text-sm",
+									children: e.label
+								}), e.description && /* @__PURE__ */ p("div", {
+									className: "text-xs opacity-80 mt-1",
+									children: e.description
+								})]
+							})]
+						}, e.id))
+					})
+				}),
+				/* @__PURE__ */ p("div", {
+					ref: O,
+					className: "overflow-y-auto p-2 scroll-smooth",
+					style: { maxHeight: `${x}px` },
+					children: /* @__PURE__ */ p(e, {
+						data: U,
+						activeNodeId: z,
+						defaultExpandedIds: W,
+						showSearch: !1,
+						showExpandAll: !1,
+						showIcon: !0,
+						showCount: !1,
+						showLine: !0,
+						indent: 8,
+						togglePosition: "right",
+						maxHeight: `${x}px`,
+						className: `article-toc-tree ${B === z ? "" : "toc-transitioning"}`,
+						onNodeClick: (e) => {
+							let t = e.meta?.heading;
+							t && (V(t), C?.(t));
+						}
+					})
+				})
+			]
+		}) : /* @__PURE__ */ p("button", {
+			onClick: () => E(!0),
+			className: "btn btn-circle btn-primary shadow-2xl hover:scale-110 transition-transform",
+			style: {
+				width: `${y}px`,
+				height: `${y}px`
+			},
+			title: `目录 (${R.length})`,
+			children: /* @__PURE__ */ p("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				className: "h-6 w-6",
+				fill: "none",
+				viewBox: "0 0 24 24",
+				stroke: "currentColor",
+				children: /* @__PURE__ */ p("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 2,
+					d: "M4 6h16M4 12h16M4 18h7"
+				})
+			})
+		}), P && /* @__PURE__ */ p("div", {
+			className: "absolute -top-8 left-1/2 -translate-x-1/2 bg-base-content text-base-100 px-3 py-1 rounded text-xs whitespace-nowrap",
+			children: "拖动中..."
+		})]
+	});
 };
+//#endregion
+export { h as default };
 
 //# sourceMappingURL=ArticleControl2.js.map

package/dist/components/pro/ArticleControl/ArticleControl2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArticleControl2.js","names":[],"sources":["../../../../src/components/pro/ArticleControl/ArticleControl.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback, useMemo } from 'react';\nimport { Tree } from '../../Tree';\nimport type { TreeNode } from '../../Tree';\nimport { useDraggable } from '../../../hooks/useDraggable';\nimport { useContainerElement } from '../../../hooks/useContainerElement';\nimport { getSelectionInfo, getMarkdownContent } from '../../../utils/selection';\nimport type { ArticleControlProps, ArticleAction, HeadingItem } from './types';\nimport { useArticleToc } from './useArticleToc';\nimport { buildHeadingTree, getAllNodeIds } from './buildHeadingTree';\nimport './ArticleControl.css';\n\nconst ArticleControl: React.FC<ArticleControlProps> = ({\n  targetId,\n  targetRef,\n  initialPosition = { x: window.innerWidth - 320, y: 100 },\n  initialExpanded = true,\n  ballSize = 56,\n  panelWidth = 280,\n  panelMaxHeight = 400,\n  className = '',\n  onHeadingClick,\n  actions = [],\n}) => {\n  const [isExpanded, setIsExpanded] = useState(initialExpanded);\n  const controlRef = useRef<HTMLDivElement>(null);\n  const tocContainerRef = useRef<HTMLDivElement>(null);\n  const [hoveredAction, setHoveredAction] = useState<string | null>(null);\n  const [searchQuery, setSearchQuery] = useState('');\n\n  const { position, isDragging, handleMouseDown, handleTouchStart } = useDraggable({\n    initialPosition,\n    boundarySize: {\n      width: isExpanded ? panelWidth : ballSize,\n      height: isExpanded ? 60 : ballSize,\n    },\n  });\n\n  const container = useContainerElement(targetId, targetRef);\n  const { headings, activeId, prevActiveId, scrollToHeading } = useArticleToc(container);\n\n  useEffect(() => {\n    if (!activeId || !tocContainerRef.current || !isExpanded) return;\n    requestAnimationFrame(() => {\n      const activeElement = tocContainerRef.current?.querySelector(`[data-node-id=\"${activeId}\"]`);\n      if (activeElement) {\n        const cont = tocContainerRef.current;\n        if (!cont) return;\n        const elementRect = activeElement.getBoundingClientRect();\n        const containerRect = cont.getBoundingClientRect();\n        if (elementRect.top < containerRect.top || elementRect.bottom > containerRect.bottom) {\n          activeElement.scrollIntoView({ behavior: 'smooth', block: 'center' });\n        }\n      }\n    });\n  }, [activeId, isExpanded]);\n\n  const filteredHeadings = useMemo(() => {\n    if (!searchQuery.trim()) return headings;\n    const query = searchQuery.toLowerCase();\n    return headings.filter(h => h.text.toLowerCase().includes(query));\n  }, [headings, searchQuery]);\n\n  const treeData = useMemo(() => buildHeadingTree(filteredHeadings), [filteredHeadings]);\n  const defaultExpandedIds = useMemo(() => getAllNodeIds(treeData), [treeData]);\n\n  const getContent = useCallback(() => getMarkdownContent(container, true), [container]);\n  const getSelection = useCallback(() => getSelectionInfo(container), [container]);\n\n  const handleActionClick = (action: ArticleAction) => {\n    action.action(getContent(), getSelection());\n  };\n\n  const handleTreeNodeClick = (node: TreeNode) => {\n    const heading = node.meta?.heading as HeadingItem;\n    if (heading) {\n      scrollToHeading(heading);\n      onHeadingClick?.(heading);\n    }\n  };\n\n  if (headings.length === 0) return null;\n\n  return (\n    <div\n      ref={controlRef}\n      className={`fixed z-50 ${className}`}\n      style={{\n        left: `${position.x}px`,\n        top: `${position.y}px`,\n        cursor: isDragging ? 'grabbing' : 'grab',\n        touchAction: 'none',\n      }}\n      onMouseDown={handleMouseDown}\n      onTouchStart={handleTouchStart}\n    >\n      {isExpanded ? (\n        <div\n          className=\"bg-base-100 rounded-lg shadow-2xl border border-base-300\"\n          style={{ width: `${panelWidth}px` }}\n        >\n          <div className=\"flex items-center justify-between px-4 py-3 border-b border-base-300 bg-base-200 rounded-t-lg\">\n            <div className=\"flex items-center gap-2\">\n              <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5 text-primary\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M4 6h16M4 12h16M4 18h7\" />\n              </svg>\n              <span className=\"font-semibold text-sm\">目录</span>\n              <span className=\"text-xs text-base-content/60\">({filteredHeadings.length}/{headings.length})</span>\n            </div>\n            <button onClick={() => setIsExpanded(false)} className=\"btn btn-ghost btn-xs btn-circle\" title=\"收起\">\n              <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n              </svg>\n            </button>\n          </div>\n\n          <div className=\"px-3 py-2 border-b border-base-300 toc-search\">\n            <div className=\"relative\">\n              <input\n                type=\"text\"\n                placeholder=\"筛选目录...\"\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                className=\"input input-sm input-bordered w-full pl-8 text-sm\"\n                onClick={(e) => e.stopPropagation()}\n                onMouseDown={(e) => e.stopPropagation()}\n                onTouchStart={(e) => e.stopPropagation()}\n              />\n              <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4 absolute left-2.5 top-1/2 -translate-y-1/2 opacity-50\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\" />\n              </svg>\n              {searchQuery && (\n                <button\n                  onClick={(e) => { e.stopPropagation(); setSearchQuery(''); }}\n                  className=\"absolute right-2 top-1/2 -translate-y-1/2 btn btn-ghost btn-xs btn-circle\"\n                >\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-3 w-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n                  </svg>\n                </button>\n              )}\n            </div>\n          </div>\n\n          {actions.length > 0 && (\n            <div className=\"px-2 py-2 border-b border-base-300 bg-base-100\">\n              <div className=\"flex flex-wrap gap-1\">\n                {actions.map((action) => (\n                  <div\n                    key={action.id}\n                    className=\"relative group\"\n                    onMouseEnter={() => setHoveredAction(action.id)}\n                    onMouseLeave={() => setHoveredAction(null)}\n                  >\n                    <button\n                      onClick={(e) => { e.stopPropagation(); handleActionClick(action); }}\n                      className=\"btn btn-ghost btn-xs btn-square\"\n                      title={action.label}\n                    >\n                      {action.icon || (\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M13 10V3L4 14h7v7l9-11h-7z\" />\n                        </svg>\n                      )}\n                    </button>\n                    {hoveredAction === action.id && (action.label || action.description) && (\n                      <div className=\"absolute left-full ml-2 top-0 z-50 bg-base-content text-base-100 px-3 py-2 rounded shadow-lg whitespace-nowrap min-w-max\">\n                        {action.label && <div className=\"font-semibold text-sm\">{action.label}</div>}\n                        {action.description && <div className=\"text-xs opacity-80 mt-1\">{action.description}</div>}\n                      </div>\n                    )}\n                  </div>\n                ))}\n              </div>\n            </div>\n          )}\n\n          <div ref={tocContainerRef} className=\"overflow-y-auto p-2 scroll-smooth\" style={{ maxHeight: `${panelMaxHeight}px` }}>\n            <Tree\n              data={treeData}\n              activeNodeId={activeId}\n              defaultExpandedIds={defaultExpandedIds}\n              showSearch={false}\n              showExpandAll={false}\n              showIcon={true}\n              showCount={false}\n              showLine={true}\n              indent={8}\n              togglePosition=\"right\"\n              maxHeight={`${panelMaxHeight}px`}\n              className={`article-toc-tree ${prevActiveId !== activeId ? 'toc-transitioning' : ''}`}\n              onNodeClick={handleTreeNodeClick}\n            />\n          </div>\n        </div>\n      ) : (\n        <button\n          onClick={() => setIsExpanded(true)}\n          className=\"btn btn-circle btn-primary shadow-2xl hover:scale-110 transition-transform\"\n          style={{ width: `${ballSize}px`, height: `${ballSize}px` }}\n          title={`目录 (${headings.length})`}\n        >\n          <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M4 6h16M4 12h16M4 18h7\" />\n          </svg>\n        </button>\n      )}\n\n      {isDragging && (\n        <div className=\"absolute -top-8 left-1/2 -translate-x-1/2 bg-base-content text-base-100 px-3 py-1 rounded text-xs whitespace-nowrap\">\n          拖动中...\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default ArticleControl;\n"],"mappings":"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"}
+{"version":3,"file":"ArticleControl2.js","names":[],"sources":["../../../../src/components/pro/ArticleControl/ArticleControl.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback, useMemo } from 'react';\nimport { Tree } from '../../Tree';\nimport type { TreeNode } from '../../Tree';\nimport { useDraggable } from '../../../hooks/useDraggable';\nimport { useContainerElement } from '../../../hooks/useContainerElement';\nimport { getSelectionInfo, getMarkdownContent } from '../../../utils/selection';\nimport type { ArticleControlProps, ArticleAction, HeadingItem } from './types';\nimport { useArticleToc } from './useArticleToc';\nimport { buildHeadingTree, getAllNodeIds } from './buildHeadingTree';\nimport './ArticleControl.css';\n\nconst ArticleControl: React.FC<ArticleControlProps> = ({\n  targetId,\n  targetRef,\n  initialPosition = { x: window.innerWidth - 320, y: 100 },\n  initialExpanded = true,\n  ballSize = 56,\n  panelWidth = 280,\n  panelMaxHeight = 400,\n  className = '',\n  onHeadingClick,\n  actions = [],\n}) => {\n  const [isExpanded, setIsExpanded] = useState(initialExpanded);\n  const controlRef = useRef<HTMLDivElement>(null);\n  const tocContainerRef = useRef<HTMLDivElement>(null);\n  const [hoveredAction, setHoveredAction] = useState<string | null>(null);\n  const [searchQuery, setSearchQuery] = useState('');\n\n  const { position, isDragging, handleMouseDown, handleTouchStart } = useDraggable({\n    initialPosition,\n    boundarySize: {\n      width: isExpanded ? panelWidth : ballSize,\n      height: isExpanded ? 60 : ballSize,\n    },\n  });\n\n  const container = useContainerElement(targetId, targetRef);\n  const { headings, activeId, prevActiveId, scrollToHeading } = useArticleToc(container);\n\n  useEffect(() => {\n    if (!activeId || !tocContainerRef.current || !isExpanded) return;\n    requestAnimationFrame(() => {\n      const activeElement = tocContainerRef.current?.querySelector(`[data-node-id=\"${activeId}\"]`);\n      if (activeElement) {\n        const cont = tocContainerRef.current;\n        if (!cont) return;\n        const elementRect = activeElement.getBoundingClientRect();\n        const containerRect = cont.getBoundingClientRect();\n        if (elementRect.top < containerRect.top || elementRect.bottom > containerRect.bottom) {\n          activeElement.scrollIntoView({ behavior: 'smooth', block: 'center' });\n        }\n      }\n    });\n  }, [activeId, isExpanded]);\n\n  const filteredHeadings = useMemo(() => {\n    if (!searchQuery.trim()) return headings;\n    const query = searchQuery.toLowerCase();\n    return headings.filter(h => h.text.toLowerCase().includes(query));\n  }, [headings, searchQuery]);\n\n  const treeData = useMemo(() => buildHeadingTree(filteredHeadings), [filteredHeadings]);\n  const defaultExpandedIds = useMemo(() => getAllNodeIds(treeData), [treeData]);\n\n  const getContent = useCallback(() => getMarkdownContent(container, true), [container]);\n  const getSelection = useCallback(() => getSelectionInfo(container), [container]);\n\n  const handleActionClick = (action: ArticleAction) => {\n    action.action(getContent(), getSelection());\n  };\n\n  const handleTreeNodeClick = (node: TreeNode) => {\n    const heading = node.meta?.heading as HeadingItem;\n    if (heading) {\n      scrollToHeading(heading);\n      onHeadingClick?.(heading);\n    }\n  };\n\n  if (headings.length === 0) return null;\n\n  return (\n    <div\n      ref={controlRef}\n      className={`fixed z-50 ${className}`}\n      style={{\n        left: `${position.x}px`,\n        top: `${position.y}px`,\n        cursor: isDragging ? 'grabbing' : 'grab',\n        touchAction: 'none',\n      }}\n      onMouseDown={handleMouseDown}\n      onTouchStart={handleTouchStart}\n    >\n      {isExpanded ? (\n        <div\n          className=\"bg-base-100 rounded-lg shadow-2xl border border-base-300\"\n          style={{ width: `${panelWidth}px` }}\n        >\n          <div className=\"flex items-center justify-between px-4 py-3 border-b border-base-300 bg-base-200 rounded-t-lg\">\n            <div className=\"flex items-center gap-2\">\n              <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5 text-primary\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M4 6h16M4 12h16M4 18h7\" />\n              </svg>\n              <span className=\"font-semibold text-sm\">目录</span>\n              <span className=\"text-xs text-base-content/60\">({filteredHeadings.length}/{headings.length})</span>\n            </div>\n            <button onClick={() => setIsExpanded(false)} className=\"btn btn-ghost btn-xs btn-circle\" title=\"收起\">\n              <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n              </svg>\n            </button>\n          </div>\n\n          <div className=\"px-3 py-2 border-b border-base-300 toc-search\">\n            <div className=\"relative\">\n              <input\n                type=\"text\"\n                placeholder=\"筛选目录...\"\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                className=\"input input-sm input-bordered w-full pl-8 text-sm\"\n                onClick={(e) => e.stopPropagation()}\n                onMouseDown={(e) => e.stopPropagation()}\n                onTouchStart={(e) => e.stopPropagation()}\n              />\n              <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4 absolute left-2.5 top-1/2 -translate-y-1/2 opacity-50\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\" />\n              </svg>\n              {searchQuery && (\n                <button\n                  onClick={(e) => { e.stopPropagation(); setSearchQuery(''); }}\n                  className=\"absolute right-2 top-1/2 -translate-y-1/2 btn btn-ghost btn-xs btn-circle\"\n                >\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-3 w-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n                  </svg>\n                </button>\n              )}\n            </div>\n          </div>\n\n          {actions.length > 0 && (\n            <div className=\"px-2 py-2 border-b border-base-300 bg-base-100\">\n              <div className=\"flex flex-wrap gap-1\">\n                {actions.map((action) => (\n                  <div\n                    key={action.id}\n                    className=\"relative group\"\n                    onMouseEnter={() => setHoveredAction(action.id)}\n                    onMouseLeave={() => setHoveredAction(null)}\n                  >\n                    <button\n                      onClick={(e) => { e.stopPropagation(); handleActionClick(action); }}\n                      className=\"btn btn-ghost btn-xs btn-square\"\n                      title={action.label}\n                    >\n                      {action.icon || (\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M13 10V3L4 14h7v7l9-11h-7z\" />\n                        </svg>\n                      )}\n                    </button>\n                    {hoveredAction === action.id && (action.label || action.description) && (\n                      <div className=\"absolute left-full ml-2 top-0 z-50 bg-base-content text-base-100 px-3 py-2 rounded shadow-lg whitespace-nowrap min-w-max\">\n                        {action.label && <div className=\"font-semibold text-sm\">{action.label}</div>}\n                        {action.description && <div className=\"text-xs opacity-80 mt-1\">{action.description}</div>}\n                      </div>\n                    )}\n                  </div>\n                ))}\n              </div>\n            </div>\n          )}\n\n          <div ref={tocContainerRef} className=\"overflow-y-auto p-2 scroll-smooth\" style={{ maxHeight: `${panelMaxHeight}px` }}>\n            <Tree\n              data={treeData}\n              activeNodeId={activeId}\n              defaultExpandedIds={defaultExpandedIds}\n              showSearch={false}\n              showExpandAll={false}\n              showIcon={true}\n              showCount={false}\n              showLine={true}\n              indent={8}\n              togglePosition=\"right\"\n              maxHeight={`${panelMaxHeight}px`}\n              className={`article-toc-tree ${prevActiveId !== activeId ? 'toc-transitioning' : ''}`}\n              onNodeClick={handleTreeNodeClick}\n            />\n          </div>\n        </div>\n      ) : (\n        <button\n          onClick={() => setIsExpanded(true)}\n          className=\"btn btn-circle btn-primary shadow-2xl hover:scale-110 transition-transform\"\n          style={{ width: `${ballSize}px`, height: `${ballSize}px` }}\n          title={`目录 (${headings.length})`}\n        >\n          <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M4 6h16M4 12h16M4 18h7\" />\n          </svg>\n        </button>\n      )}\n\n      {isDragging && (\n        <div className=\"absolute -top-8 left-1/2 -translate-x-1/2 bg-base-content text-base-100 px-3 py-1 rounded text-xs whitespace-nowrap\">\n          拖动中...\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default ArticleControl;\n"],"mappings":";;;;;;;;;;AAWA,IAAM,KAAiD,EACrD,aACA,cACA,qBAAkB;CAAE,GAAG,OAAO,aAAa;CAAK,GAAG;AAAI,GACvD,qBAAkB,IAClB,cAAW,IACX,gBAAa,KACb,oBAAiB,KACjB,eAAY,IACZ,mBACA,aAAU,CAAC,QACP;CACJ,IAAM,CAAC,GAAY,KAAiB,EAAS,CAAe,GACtD,IAAa,EAAuB,IAAI,GACxC,IAAkB,EAAuB,IAAI,GAC7C,CAAC,GAAe,KAAoB,EAAwB,IAAI,GAChE,CAAC,GAAa,KAAkB,EAAS,EAAE,GAE3C,EAAE,aAAU,eAAY,oBAAiB,wBAAqB,EAAa;EAC/E;EACA,cAAc;GACZ,OAAO,IAAa,IAAa;GACjC,QAAQ,IAAa,KAAK;EAC5B;CACF,CAAC,GAEK,IAAY,EAAoB,GAAU,CAAS,GACnD,EAAE,aAAU,aAAU,iBAAc,uBAAoB,EAAc,CAAS;CAErF,QAAgB;EACV,AAAC,KAAa,EAAgB,WAAY,KAC9C,4BAA4B;GAC1B,IAAM,IAAgB,EAAgB,SAAS,cAAc,kBAAkB,EAAS,GAAG;GAC3F,IAAI,GAAe;IACjB,IAAM,IAAO,EAAgB;IAC7B,IAAI,CAAC,GAAM;IACX,IAAM,IAAc,EAAc,sBAAsB,GAClD,IAAgB,EAAK,sBAAsB;IACjD,CAAI,EAAY,MAAM,EAAc,OAAO,EAAY,SAAS,EAAc,WAC5E,EAAc,eAAe;KAAE,UAAU;KAAU,OAAO;IAAS,CAAC;GAExE;EACF,CAAC;CACH,GAAG,CAAC,GAAU,CAAU,CAAC;CAEzB,IAAM,IAAmB,QAAc;EACrC,IAAI,CAAC,EAAY,KAAK,GAAG,OAAO;EAChC,IAAM,IAAQ,EAAY,YAAY;EACtC,OAAO,EAAS,QAAO,MAAK,EAAE,KAAK,YAAY,CAAC,CAAC,SAAS,CAAK,CAAC;CAClE,GAAG,CAAC,GAAU,CAAW,CAAC,GAEpB,IAAW,QAAc,EAAiB,CAAgB,GAAG,CAAC,CAAgB,CAAC,GAC/E,IAAqB,QAAc,EAAc,CAAQ,GAAG,CAAC,CAAQ,CAAC,GAEtE,IAAa,QAAkB,EAAmB,GAAW,EAAI,GAAG,CAAC,CAAS,CAAC,GAC/E,IAAe,QAAkB,EAAiB,CAAS,GAAG,CAAC,CAAS,CAAC,GAEzE,KAAqB,MAA0B;EACnD,EAAO,OAAO,EAAW,GAAG,EAAa,CAAC;CAC5C;CAYA,OAFI,EAAS,WAAW,IAAU,OAGhC,kBAAC,OAAD;EACE,KAAK;EACL,WAAW,cAAc;EACzB,OAAO;GACL,MAAM,GAAG,EAAS,EAAE;GACpB,KAAK,GAAG,EAAS,EAAE;GACnB,QAAQ,IAAa,aAAa;GAClC,aAAa;EACf;EACA,aAAa;EACb,cAAc;EAVhB,UAAA,CAYG,IACC,kBAAC,OAAD;GACE,WAAU;GACV,OAAO,EAAE,OAAO,GAAG,EAAW,IAAI;GAFpC,UAAA;IAIE,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,kBAAC,OAAD;MAAK,WAAU;MAAf,UAAA;OACE,kBAAC,OAAD;QAAK,OAAM;QAA6B,WAAU;QAAuB,MAAK;QAAO,SAAQ;QAAY,QAAO;QAC9G,UAAA,kBAAC,QAAD;SAAM,eAAc;SAAQ,gBAAe;SAAQ,aAAa;SAAG,GAAE;QAA0B,CAAA;OAC5F,CAAA;OACL,kBAAC,QAAD;QAAM,WAAU;QAAwB,UAAA;OAAQ,CAAA;OAChD,kBAAC,QAAD;QAAM,WAAU;QAAhB,UAAA;SAA+C;SAAE,EAAiB;SAAO;SAAE,EAAS;SAAO;QAAO;;MAC/F;KACL,CAAA,GAAA,kBAAC,UAAD;MAAQ,eAAe,EAAc,EAAK;MAAG,WAAU;MAAkC,OAAM;MAC7F,UAAA,kBAAC,OAAD;OAAK,OAAM;OAA6B,WAAU;OAAU,MAAK;OAAO,SAAQ;OAAY,QAAO;OACjG,UAAA,kBAAC,QAAD;QAAM,eAAc;QAAQ,gBAAe;QAAQ,aAAa;QAAG,GAAE;OAAwB,CAAA;MAC1F,CAAA;KACC,CAAA,CACL;;IAEL,kBAAC,OAAD;KAAK,WAAU;KACb,UAAA,kBAAC,OAAD;MAAK,WAAU;MAAf,UAAA;OACE,kBAAC,SAAD;QACE,MAAK;QACL,aAAY;QACZ,OAAO;QACP,WAAW,MAAM,EAAe,EAAE,OAAO,KAAK;QAC9C,WAAU;QACV,UAAU,MAAM,EAAE,gBAAgB;QAClC,cAAc,MAAM,EAAE,gBAAgB;QACtC,eAAe,MAAM,EAAE,gBAAgB;OACxC,CAAA;OACD,kBAAC,OAAD;QAAK,OAAM;QAA6B,WAAU;QAAgE,MAAK;QAAO,SAAQ;QAAY,QAAO;QACvJ,UAAA,kBAAC,QAAD;SAAM,eAAc;SAAQ,gBAAe;SAAQ,aAAa;SAAG,GAAE;QAA+C,CAAA;OACjH,CAAA;OACJ,KACC,kBAAC,UAAD;QACE,UAAU,MAAM;SAAuB,AAArB,EAAE,gBAAgB,GAAG,EAAe,EAAE;QAAG;QAC3D,WAAU;QAEV,UAAA,kBAAC,OAAD;SAAK,OAAM;SAA6B,WAAU;SAAU,MAAK;SAAO,SAAQ;SAAY,QAAO;SACjG,UAAA,kBAAC,QAAD;UAAM,eAAc;UAAQ,gBAAe;UAAQ,aAAa;UAAG,GAAE;SAAwB,CAAA;QAC1F,CAAA;OACC,CAAA;MAEP;;IACF,CAAA;IAEJ,EAAQ,SAAS,KAChB,kBAAC,OAAD;KAAK,WAAU;KACb,UAAA,kBAAC,OAAD;MAAK,WAAU;MACZ,UAAA,EAAQ,KAAK,MACZ,kBAAC,OAAD;OAEE,WAAU;OACV,oBAAoB,EAAiB,EAAO,EAAE;OAC9C,oBAAoB,EAAiB,IAAI;OAJ3C,UAAA,CAME,kBAAC,UAAD;QACE,UAAU,MAAM;SAAuB,AAArB,EAAE,gBAAgB,GAAG,EAAkB,CAAM;QAAG;QAClE,WAAU;QACV,OAAO,EAAO;QAEb,UAAA,EAAO,QACN,kBAAC,OAAD;SAAK,OAAM;SAA6B,WAAU;SAAU,MAAK;SAAO,SAAQ;SAAY,QAAO;SACjG,UAAA,kBAAC,QAAD;UAAM,eAAc;UAAQ,gBAAe;UAAQ,aAAa;UAAG,GAAE;SAA8B,CAAA;QAChG,CAAA;OAED,CAAA,GACP,MAAkB,EAAO,OAAO,EAAO,SAAS,EAAO,gBACtD,kBAAC,OAAD;QAAK,WAAU;QAAf,UAAA,CACG,EAAO,SAAS,kBAAC,OAAD;SAAK,WAAU;SAAyB,UAAA,EAAO;QAAW,CAAA,GAC1E,EAAO,eAAe,kBAAC,OAAD;SAAK,WAAU;SAA2B,UAAA,EAAO;QAAiB,CAAA,CACtF;OAEJ,CAAA,CAAA;MAtBE,GAAA,EAAO,EAsBT,CACN;KACE,CAAA;IACF,CAAA;IAGP,kBAAC,OAAD;KAAK,KAAK;KAAiB,WAAU;KAAoC,OAAO,EAAE,WAAW,GAAG,EAAe,IAAI;KACjH,UAAA,kBAAC,GAAD;MACE,MAAM;MACN,cAAc;MACM;MACpB,YAAY;MACZ,eAAe;MACf,UAAU;MACV,WAAW;MACX,UAAU;MACV,QAAQ;MACR,gBAAe;MACf,WAAW,GAAG,EAAe;MAC7B,WAAW,oBAAoB,MAAiB,IAAiC,KAAtB;MAC3D,cAtHiB,MAAmB;OAC9C,IAAM,IAAU,EAAK,MAAM;OAC3B,AAAI,MACF,EAAgB,CAAO,GACvB,IAAiB,CAAO;MAE5B;KAiHW,CAAA;IACE,CAAA;GACF;EAEL,CAAA,IAAA,kBAAC,UAAD;GACE,eAAe,EAAc,EAAI;GACjC,WAAU;GACV,OAAO;IAAE,OAAO,GAAG,EAAS;IAAK,QAAQ,GAAG,EAAS;GAAI;GACzD,OAAO,OAAO,EAAS,OAAO;GAE9B,UAAA,kBAAC,OAAD;IAAK,OAAM;IAA6B,WAAU;IAAU,MAAK;IAAO,SAAQ;IAAY,QAAO;IACjG,UAAA,kBAAC,QAAD;KAAM,eAAc;KAAQ,gBAAe;KAAQ,aAAa;KAAG,GAAE;IAA0B,CAAA;GAC5F,CAAA;EACC,CAAA,GAGT,KACC,kBAAC,OAAD;GAAK,WAAU;GAAsH,UAAA;EAEhI,CAAA,CAEJ;;AAET"}