dishui 0.0.84 → 0.0.89

package/dist/components/Tabs/index.js

@@ -1,34 +1,59 @@
 import { cn as e } from "../../utils/cn.js";
-import "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useId as t, useRef as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/Tabs/index.tsx
-var r = {
+var o = {
 	xs: "tabs-xs",
 	sm: "tabs-sm",
 	md: "tabs-md",
 	lg: "tabs-lg",
 	xl: "tabs-xl"
 };
-function i({ items: i, value: a, onChange: o, variant: s = "box", size: c = "sm", block: l = !1, className: u = "" }) {
-	let d = s === "border" ? "tabs-border" : s === "lift" ? "tabs-lift" : s === "pill" ? "tabs-box dishui-tabs-pill" : "tabs-box";
-	return /* @__PURE__ */ t("div", {
+function s({ items: s, value: c, onChange: l, variant: u = "box", size: d = "sm", block: f = !1, id: p, "aria-label": m, "aria-labelledby": h, orientation: g = "horizontal", activationMode: _ = "manual", className: v = "" }) {
+	let y = t(), b = p ?? `tabs-${y}`, x = n(/* @__PURE__ */ new Map()), [S, C] = r(null), w = s.filter((e) => !e.disabled), T = w.find((e) => e.key === S)?.key ?? w.find((e) => e.key === c)?.key ?? w[0]?.key, E = (e, t) => {
+		if (e.target !== e.currentTarget || e.defaultPrevented || e.nativeEvent.isComposing || e.altKey || e.ctrlKey || e.metaKey) return;
+		let n = g === "vertical" ? "ArrowUp" : "ArrowLeft", r = g === "vertical" ? "ArrowDown" : "ArrowRight", i = w.findIndex((e) => e.key === t), a;
+		if (e.key === "Home") a = w[0];
+		else if (e.key === "End") a = w[w.length - 1];
+		else if (e.key === n || e.key === r) {
+			let t = e.key === r ? 1 : -1;
+			a = w[(i + t + w.length) % w.length];
+		} else return;
+		e.preventDefault(), e.stopPropagation(), a && (x.current.get(a.key)?.focus(), _ === "automatic" && a.key !== c && l(a.key));
+	}, D = u === "border" ? "tabs-border" : u === "lift" ? "tabs-lift" : u === "pill" ? "tabs-box dishui-tabs-pill" : "tabs-box";
+	return /* @__PURE__ */ i("div", {
+		id: b,
 		role: "tablist",
-		className: e("tabs h-auto min-h-0", r[c], d, l && "w-full", u),
-		children: i.map((r) => /* @__PURE__ */ n("button", {
+		"aria-label": m,
+		"aria-labelledby": h,
+		"aria-orientation": g,
+		onBlur: (e) => {
+			e.currentTarget.contains(e.relatedTarget) || C(null);
+		},
+		className: e("tabs h-auto min-h-0", o[d], D, f && "w-full", g === "vertical" && "flex flex-col", v),
+		children: s.map((t) => /* @__PURE__ */ a("button", {
+			ref: (e) => {
+				e ? x.current.set(t.key, e) : x.current.delete(t.key);
+			},
+			id: t.id ?? `${b}-tab-${encodeURIComponent(t.key)}`,
 			role: "tab",
 			type: "button",
-			"aria-selected": a === r.key,
-			disabled: r.disabled,
-			onClick: () => o(r.key),
-			className: e("tab min-h-0 gap-1.5", l && "flex-1", a === r.key && "tab-active", r.disabled && "tab-disabled"),
-			children: [r.icon && /* @__PURE__ */ t("span", {
+			"aria-selected": c === t.key,
+			"aria-controls": t.panelId,
+			tabIndex: !t.disabled && t.key === T ? 0 : -1,
+			disabled: t.disabled,
+			onFocus: () => C(t.key),
+			onKeyDown: (e) => E(e, t.key),
+			onClick: () => l(t.key),
+			className: e("tab min-h-0 gap-1.5", f && "flex-1", c === t.key && "tab-active", t.disabled && "tab-disabled"),
+			children: [t.icon && /* @__PURE__ */ i("span", {
 				className: "[&>svg]:h-[1.1em] [&>svg]:w-[1.1em]",
-				children: r.icon
-			}), r.label]
-		}, r.key))
+				children: t.icon
+			}), t.label]
+		}, t.key))
 	});
 }
 //#endregion
-export { i as default };
+export { s as default };
 
 //# sourceMappingURL=index.js.map

package/dist/components/Tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Tabs/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport type TabItem<T extends string = string> = {\n    key: T;\n    label: React.ReactNode;\n    /** 可选：标签前的图标 */\n    icon?: React.ReactNode;\n    /** 禁用该标签 */\n    disabled?: boolean;\n};\n\nexport type TabsProps<T extends string = string> = {\n    items: readonly TabItem<T>[];\n    /** 当前激活的 tab key */\n    value: T;\n    /** 切换回调 */\n    onChange: (key: T) => void;\n    /**\n     * 外观（基于 daisyUI 5 的 tabs 修饰类）：\n     * - `box`   实心分段（tabs-box）\n     * - `border` 底部下划线（tabs-border）\n     * - `lift`  抬升的文件夹页签（tabs-lift）\n     * - `pill`  胶囊/圆角实心（DishUI 扩展）\n     */\n    variant?: 'box' | 'border' | 'lift' | 'pill';\n    /** 尺寸：xs / sm / md / lg / xl */\n    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n    /** 占满可用宽度，各标签平分 */\n    block?: boolean;\n    className?: string;\n};\n\nconst SIZE_CLASS: Record<NonNullable<TabsProps['size']>, string> = {\n    xs: 'tabs-xs',\n    sm: 'tabs-sm',\n    md: 'tabs-md',\n    lg: 'tabs-lg',\n    xl: 'tabs-xl',\n};\n\n/**\n * 标签页切换条。基于 daisyUI 5 的 `tabs` 系列修饰类，\n * 支持 box / border / lift / pill 四种外观、五档尺寸与等宽（block）模式。\n */\nfunction Tabs<T extends string = string>({\n    items,\n    value,\n    onChange,\n    variant = 'box',\n    size = 'sm',\n    block = false,\n    className = '',\n}: TabsProps<T>) {\n    // pill 是 DishUI 扩展：在 tabs-box 基础上追加胶囊圆角类（见 components.css）\n    const variantClass =\n        variant === 'border' ? 'tabs-border'\n        : variant === 'lift' ? 'tabs-lift'\n        : variant === 'pill' ? 'tabs-box dishui-tabs-pill'\n        : 'tabs-box';\n\n    return (\n        <div\n            role=\"tablist\"\n            className={cn(\n                'tabs h-auto min-h-0',\n                SIZE_CLASS[size],\n                variantClass,\n                block && 'w-full',\n                className,\n            )}\n        >\n            {items.map((item) => (\n                <button\n                    key={item.key}\n                    role=\"tab\"\n                    type=\"button\"\n                    aria-selected={value === item.key}\n                    disabled={item.disabled}\n                    onClick={() => onChange(item.key)}\n                    className={cn(\n                        'tab min-h-0 gap-1.5',\n                        block && 'flex-1',\n                        value === item.key && 'tab-active',\n                        item.disabled && 'tab-disabled',\n                    )}\n                >\n                    {item.icon && <span className=\"[&>svg]:h-[1.1em] [&>svg]:w-[1.1em]\">{item.icon}</span>}\n                    {item.label}\n                </button>\n            ))}\n        </div>\n    );\n}\n\nexport default Tabs;\n"],"mappings":";;;;AAiCA,IAAM,IAA6D;CAC/D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACR;AAMA,SAAS,EAAgC,EACrC,UACA,UACA,aACA,aAAU,OACV,UAAO,MACP,WAAQ,IACR,eAAY,MACC;CAEb,IAAM,IACF,MAAY,WAAW,gBACrB,MAAY,SAAS,cACrB,MAAY,SAAS,8BACrB;CAEN,OACI,kBAAC,OAAD;EACI,MAAK;EACL,WAAW,EACP,uBACA,EAAW,IACX,GACA,KAAS,UACT,CACJ;EAEC,UAAA,EAAM,KAAK,MACR,kBAAC,UAAD;GAEI,MAAK;GACL,MAAK;GACL,iBAAe,MAAU,EAAK;GAC9B,UAAU,EAAK;GACf,eAAe,EAAS,EAAK,GAAG;GAChC,WAAW,EACP,uBACA,KAAS,UACT,MAAU,EAAK,OAAO,cACtB,EAAK,YAAY,cACrB;GAZJ,UAAA,CAcK,EAAK,QAAQ,kBAAC,QAAD;IAAM,WAAU;IAAuC,UAAA,EAAK;GAAW,CAAA,GACpF,EAAK,KACF;EAfC,GAAA,EAAK,GAeN,CACX;CACA,CAAA;AAEb"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Tabs/index.tsx"],"sourcesContent":["import React, { useId, useRef, useState } from 'react';\nimport { cn } from '../../utils/cn';\n\nexport type TabItem<T extends string = string> = {\n    key: T;\n    label: React.ReactNode;\n    /** 可选：标签前的图标 */\n    icon?: React.ReactNode;\n    /** 禁用该标签 */\n    disabled?: boolean;\n    /** Stable tab ID; use as the external panel's aria-labelledby. Generated when omitted. */\n    id?: string;\n    /** ID of a caller-rendered role=\"tabpanel\". Omit when used only as a filter. */\n    panelId?: string;\n};\n\nexport type TabsProps<T extends string = string> = {\n    items: readonly TabItem<T>[];\n    /** 当前激活的 tab key */\n    value: T;\n    /** 切换回调 */\n    onChange: (key: T) => void;\n    /**\n     * 外观（基于 daisyUI 5 的 tabs 修饰类）：\n     * - `box`   实心分段（tabs-box）\n     * - `border` 底部下划线（tabs-border）\n     * - `lift`  抬升的文件夹页签（tabs-lift）\n     * - `pill`  胶囊/圆角实心（DishUI 扩展）\n     */\n    variant?: 'box' | 'border' | 'lift' | 'pill';\n    /** 尺寸：xs / sm / md / lg / xl */\n    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n    /** 占满可用宽度，各标签平分 */\n    block?: boolean;\n    /** Tablist ID and prefix for generated tab IDs. */\n    id?: string;\n    'aria-label'?: string;\n    'aria-labelledby'?: string;\n    orientation?: 'horizontal' | 'vertical';\n    /** Manual (default): arrows move focus; Enter/Space activate. Automatic: arrows also activate. */\n    activationMode?: 'manual' | 'automatic';\n    className?: string;\n};\n\nconst SIZE_CLASS: Record<NonNullable<TabsProps['size']>, string> = {\n    xs: 'tabs-xs',\n    sm: 'tabs-sm',\n    md: 'tabs-md',\n    lg: 'tabs-lg',\n    xl: 'tabs-xl',\n};\n\n/**\n * 标签页切换条。基于 daisyUI 5 的 `tabs` 系列修饰类，\n * 支持 box / border / lift / pill 四种外观、五档尺寸与等宽（block）模式。\n */\nfunction Tabs<T extends string = string>({\n    items,\n    value,\n    onChange,\n    variant = 'box',\n    size = 'sm',\n    block = false,\n    id,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    orientation = 'horizontal',\n    activationMode = 'manual',\n    className = '',\n}: TabsProps<T>) {\n    const generatedId = useId();\n    const listId = id ?? `tabs-${generatedId}`;\n    const buttons = useRef(new Map<T, HTMLButtonElement>());\n    const [focusedKey, setFocusedKey] = useState<T | null>(null);\n    const enabledItems = items.filter(item => !item.disabled);\n    const tabStop = enabledItems.find(item => item.key === focusedKey)?.key\n        ?? enabledItems.find(item => item.key === value)?.key\n        ?? enabledItems[0]?.key;\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>, key: T) => {\n        if (event.target !== event.currentTarget || event.defaultPrevented || event.nativeEvent.isComposing || event.altKey || event.ctrlKey || event.metaKey) return;\n        const previous = orientation === 'vertical' ? 'ArrowUp' : 'ArrowLeft';\n        const next = orientation === 'vertical' ? 'ArrowDown' : 'ArrowRight';\n        const index = enabledItems.findIndex(item => item.key === key);\n        let target: TabItem<T> | undefined;\n        if (event.key === 'Home') target = enabledItems[0];\n        else if (event.key === 'End') target = enabledItems[enabledItems.length - 1];\n        else if (event.key === previous || event.key === next) {\n            const step = event.key === next ? 1 : -1;\n            target = enabledItems[(index + step + enabledItems.length) % enabledItems.length];\n        } else return; // Native button Enter/Space activation goes through onClick once.\n        event.preventDefault();\n        event.stopPropagation();\n        if (!target) return;\n        buttons.current.get(target.key)?.focus();\n        if (activationMode === 'automatic' && target.key !== value) onChange(target.key);\n    };\n    // pill 是 DishUI 扩展：在 tabs-box 基础上追加胶囊圆角类（见 components.css）\n    const variantClass =\n        variant === 'border' ? 'tabs-border'\n        : variant === 'lift' ? 'tabs-lift'\n        : variant === 'pill' ? 'tabs-box dishui-tabs-pill'\n        : 'tabs-box';\n\n    return (\n        <div\n            id={listId}\n            role=\"tablist\"\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby}\n            aria-orientation={orientation}\n            onBlur={event => {\n                if (!event.currentTarget.contains(event.relatedTarget as Node | null)) setFocusedKey(null);\n            }}\n            className={cn(\n                'tabs h-auto min-h-0',\n                SIZE_CLASS[size],\n                variantClass,\n                block && 'w-full',\n                orientation === 'vertical' && 'flex flex-col',\n                className,\n            )}\n        >\n            {items.map((item) => (\n                <button\n                    key={item.key}\n                    ref={element => {\n                        if (element) buttons.current.set(item.key, element);\n                        else buttons.current.delete(item.key);\n                    }}\n                    id={item.id ?? `${listId}-tab-${encodeURIComponent(item.key)}`}\n                    role=\"tab\"\n                    type=\"button\"\n                    aria-selected={value === item.key}\n                    aria-controls={item.panelId}\n                    tabIndex={!item.disabled && item.key === tabStop ? 0 : -1}\n                    disabled={item.disabled}\n                    onFocus={() => setFocusedKey(item.key)}\n                    onKeyDown={event => handleKeyDown(event, item.key)}\n                    onClick={() => onChange(item.key)}\n                    className={cn(\n                        'tab min-h-0 gap-1.5',\n                        block && 'flex-1',\n                        value === item.key && 'tab-active',\n                        item.disabled && 'tab-disabled',\n                    )}\n                >\n                    {item.icon && <span className=\"[&>svg]:h-[1.1em] [&>svg]:w-[1.1em]\">{item.icon}</span>}\n                    {item.label}\n                </button>\n            ))}\n        </div>\n    );\n}\n\nexport default Tabs;\n"],"mappings":";;;;AA4CA,IAAM,IAA6D;CAC/D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACR;AAMA,SAAS,EAAgC,EACrC,UACA,UACA,aACA,aAAU,OACV,UAAO,MACP,WAAQ,IACR,OACA,cAAc,GACd,mBAAmB,GACnB,iBAAc,cACd,oBAAiB,UACjB,eAAY,MACC;CACb,IAAM,IAAc,EAAM,GACpB,IAAS,KAAM,QAAQ,KACvB,IAAU,kBAAO,IAAI,IAA0B,CAAC,GAChD,CAAC,GAAY,KAAiB,EAAmB,IAAI,GACrD,IAAe,EAAM,QAAO,MAAQ,CAAC,EAAK,QAAQ,GAClD,IAAU,EAAa,MAAK,MAAQ,EAAK,QAAQ,CAAU,CAAC,EAAE,OAC7D,EAAa,MAAK,MAAQ,EAAK,QAAQ,CAAK,CAAC,EAAE,OAC/C,EAAa,EAAE,EAAE,KAElB,KAAiB,GAA+C,MAAW;EAC7E,IAAI,EAAM,WAAW,EAAM,iBAAiB,EAAM,oBAAoB,EAAM,YAAY,eAAe,EAAM,UAAU,EAAM,WAAW,EAAM,SAAS;EACvJ,IAAM,IAAW,MAAgB,aAAa,YAAY,aACpD,IAAO,MAAgB,aAAa,cAAc,cAClD,IAAQ,EAAa,WAAU,MAAQ,EAAK,QAAQ,CAAG,GACzD;EACJ,IAAI,EAAM,QAAQ,QAAQ,IAAS,EAAa;OAC3C,IAAI,EAAM,QAAQ,OAAO,IAAS,EAAa,EAAa,SAAS;OACrE,IAAI,EAAM,QAAQ,KAAY,EAAM,QAAQ,GAAM;GACnD,IAAM,IAAO,EAAM,QAAQ,IAAO,IAAI;GACtC,IAAS,GAAc,IAAQ,IAAO,EAAa,UAAU,EAAa;EAC9E,OAAO;EACP,EAAM,eAAe,GACrB,EAAM,gBAAgB,GACjB,MACL,EAAQ,QAAQ,IAAI,EAAO,GAAG,CAAC,EAAE,MAAM,GACnC,MAAmB,eAAe,EAAO,QAAQ,KAAO,EAAS,EAAO,GAAG;CACnF,GAEM,IACF,MAAY,WAAW,gBACrB,MAAY,SAAS,cACrB,MAAY,SAAS,8BACrB;CAEN,OACI,kBAAC,OAAD;EACI,IAAI;EACJ,MAAK;EACL,cAAY;EACZ,mBAAiB;EACjB,oBAAkB;EAClB,SAAQ,MAAS;GACb,AAAK,EAAM,cAAc,SAAS,EAAM,aAA4B,KAAG,EAAc,IAAI;EAC7F;EACA,WAAW,EACP,uBACA,EAAW,IACX,GACA,KAAS,UACT,MAAgB,cAAc,iBAC9B,CACJ;EAEC,UAAA,EAAM,KAAK,MACR,kBAAC,UAAD;GAEI,MAAK,MAAW;IACZ,AAAI,IAAS,EAAQ,QAAQ,IAAI,EAAK,KAAK,CAAO,IAC7C,EAAQ,QAAQ,OAAO,EAAK,GAAG;GACxC;GACA,IAAI,EAAK,MAAM,GAAG,EAAO,OAAO,mBAAmB,EAAK,GAAG;GAC3D,MAAK;GACL,MAAK;GACL,iBAAe,MAAU,EAAK;GAC9B,iBAAe,EAAK;GACpB,UAAU,CAAC,EAAK,YAAY,EAAK,QAAQ,IAAU,IAAI;GACvD,UAAU,EAAK;GACf,eAAe,EAAc,EAAK,GAAG;GACrC,YAAW,MAAS,EAAc,GAAO,EAAK,GAAG;GACjD,eAAe,EAAS,EAAK,GAAG;GAChC,WAAW,EACP,uBACA,KAAS,UACT,MAAU,EAAK,OAAO,cACtB,EAAK,YAAY,cACrB;GArBJ,UAAA,CAuBK,EAAK,QAAQ,kBAAC,QAAD;IAAM,WAAU;IAAuC,UAAA,EAAK;GAAW,CAAA,GACpF,EAAK,KACF;EAxBC,GAAA,EAAK,GAwBN,CACX;CACA,CAAA;AAEb"}

package/dist/components/pro/ArticleContextMenu/index.js

@@ -1,6 +1,6 @@
-import { useClickOutside as e } from "../../../hooks/useClickOutside.js";
-import { useContainerElement as t } from "../../../hooks/useContainerElement.js";
-import { getMarkdownContent as n, getSelectionInfo as r } from "../../../utils/selection.js";
+import { useContainerElement as e } from "../../../hooks/useContainerElement.js";
+import { getMarkdownContent as t, getSelectionInfo as n } from "../../../utils/selection.js";
+import { useClickOutside as r } from "../../../hooks/useClickOutside.js";
 import { useCallback as i, useEffect as a, useRef as o, useState as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/pro/ArticleContextMenu/index.tsx
@@ -8,8 +8,8 @@ var u = ({ targetId: u, targetRef: d, menuItems: f, className: p = "", enabled:
 	let [h, g] = s(!1), [_, v] = s({
 		x: 0,
 		y: 0
-	}), [y, b] = s(!1), x = o(null), S = t(u, d);
-	e(x, i(() => g(!1), []), h);
+	}), [y, b] = s(!1), x = o(null), S = e(u, d);
+	r(x, i(() => g(!1), []), h);
 	let C = i((e) => {
 		if (!m || !S) return;
 		let t = e.target, n = !1;
@@ -31,8 +31,8 @@ var u = ({ targetId: u, targetRef: d, menuItems: f, className: p = "", enabled:
 		}), g(!0);
 	}, [m, S]), w = i((e) => {
 		if (e.disabled) return;
-		let t = n(S), i = r(S);
-		e.action(t, i), g(!1);
+		let r = t(S), i = n(S);
+		e.action(r, i), g(!1);
 	}, [S]);
 	return a(() => {
 		if (!h) return;

package/dist/components/pro/CodeEditor/editors/CodeEditor.js

@@ -1,290 +1,301 @@
 import { bracketMatchingStyle as e, jumpTargetHighlight as t, jumpToDefinition as n, lineHighlightStyle as r, smartAutocompletion as i } from "../extensions/index.js";
 import { createHighlightExtension as a, createThemeExtension as o } from "../themes.js";
 import { collectVariables as s, generateOutline as c } from "../utils.js";
-import { defaultContextMenu as l } from "../extensions/contextMenu.js";
-import { forwardRef as u, useCallback as d, useEffect as f, useImperativeHandle as p, useRef as m, useState as h } from "react";
-import { jsx as g, jsxs as ee } from "react/jsx-runtime";
-import { EditorView as _, drawSelection as te, highlightActiveLine as ne, highlightActiveLineGutter as re, keymap as ie, lineNumbers as ae } from "@codemirror/view";
-import { Compartment as v, EditorState as y } from "@codemirror/state";
-import { defaultKeymap as oe, history as se, historyKeymap as ce, indentWithTab as le } from "@codemirror/commands";
-import { bracketMatching as ue, defaultHighlightStyle as de, foldGutter as fe, indentOnInput as pe, syntaxHighlighting as me } from "@codemirror/language";
-import { closeBrackets as he, closeBracketsKeymap as ge, completionKeymap as _e } from "@codemirror/autocomplete";
-import { lintKeymap as ve } from "@codemirror/lint";
-import { searchKeymap as ye } from "@codemirror/search";
-import { javascript as b } from "@codemirror/lang-javascript";
-import { python as x } from "@codemirror/lang-python";
-import { html as S } from "@codemirror/lang-html";
-import { css as C } from "@codemirror/lang-css";
-import { json as w } from "@codemirror/lang-json";
-import { markdown as T } from "@codemirror/lang-markdown";
+import { defaultContextMenu as ee } from "../extensions/contextMenu.js";
+import { forwardRef as l, useCallback as u, useEffect as d, useImperativeHandle as te, useLayoutEffect as ne, useRef as f, useState as p } from "react";
+import { jsx as m, jsxs as re } from "react/jsx-runtime";
+import { EditorView as h, drawSelection as ie, highlightActiveLine as ae, highlightActiveLineGutter as oe, keymap as se, lineNumbers as ce } from "@codemirror/view";
+import { Compartment as g, EditorState as _ } from "@codemirror/state";
+import { defaultKeymap as le, history as ue, historyKeymap as de, indentWithTab as fe } from "@codemirror/commands";
+import { bracketMatching as pe, defaultHighlightStyle as me, foldGutter as he, indentOnInput as ge, syntaxHighlighting as _e } from "@codemirror/language";
+import { closeBrackets as ve, closeBracketsKeymap as ye, completionKeymap as be } from "@codemirror/autocomplete";
+import { lintKeymap as xe } from "@codemirror/lint";
+import { searchKeymap as Se } from "@codemirror/search";
+import { javascript as v } from "@codemirror/lang-javascript";
+import { python as y } from "@codemirror/lang-python";
+import { html as b } from "@codemirror/lang-html";
+import { css as x } from "@codemirror/lang-css";
+import { json as Ce } from "@codemirror/lang-json";
+import { markdown as we } from "@codemirror/lang-markdown";
 //#region src/components/pro/CodeEditor/editors/CodeEditor.tsx
-var E = (e) => ({
-	javascript: () => b({ jsx: !1 }),
-	jsx: () => b({ jsx: !0 }),
-	typescript: () => b({
+var Te = (e) => ({
+	javascript: () => v({ jsx: !1 }),
+	jsx: () => v({ jsx: !0 }),
+	typescript: () => v({
 		jsx: !1,
 		typescript: !0
 	}),
-	tsx: () => b({
+	tsx: () => v({
 		jsx: !0,
 		typescript: !0
 	}),
-	python: x,
-	html: S,
-	css: C,
-	json: w,
-	markdown: T
-})[e]?.() || b(), D = u(({ value: u = "", onChange: b, language: x = "javascript", theme: S = "light", readOnly: C = !1, lineNumbers: w = !0, highlightActiveLine: T = !0, autocompletion: D = !0, jumpToDefinition: O = !0, contextMenu: be, onVariablesCollected: k, onOutlineGenerated: A, enableHistory: j = !1, historyLimit: M = 50, historySaveInterval: N = 3, onHistoryChange: P, className: xe = "", height: Se = "400px", minHeight: Ce, maxHeight: we, placeholder: F, extensions: Te = [] }, Ee) => {
-	let I = m(null), L = m(null), [R, De] = h({
+	python: y,
+	html: b,
+	css: x,
+	json: Ce,
+	markdown: we
+})[e]?.() || v(), S = l(({ value: l = "", onChange: v, language: y = "javascript", theme: b = "light", readOnly: x = !1, lineNumbers: Ce = !0, highlightActiveLine: we = !0, autocompletion: S = !0, jumpToDefinition: C = !0, contextMenu: Ee, onVariablesCollected: w, onOutlineGenerated: T, enableHistory: E = !1, historyLimit: D = 50, historySaveInterval: O = 3, onHistoryChange: k, className: De = "", height: Oe = "400px", minHeight: ke, maxHeight: Ae, placeholder: je, extensions: Me = [] }, Ne) => {
+	let A = f(null), j = f(null), [M, N] = p({
 		visible: !1,
 		x: 0,
 		y: 0
-	}), [z, B] = h([]), [V, H] = h(-1), U = m(0), W = m(!1), G = m(!1), K = m(""), q = m(!1), J = m(""), Oe = m(new v()), ke = m(new v()), Ae = m(new v()), je = m(new v()), Y = m(x);
-	f(() => {
-		Y.current = x;
-	}, [x]);
-	let X = d((e) => {
-		if (L.current) try {
-			let t = L.current.state.doc.line(e);
-			L.current.dispatch({
+	}), [P, F] = p([]), [I, L] = p(-1), R = f(0), z = f(!1), B = f(!1), V = f(""), H = f(!1), U = f(""), Pe = f(new g()), Fe = f(new g()), Ie = f(new g()), Le = f(new g()), W = f(y), G = f(l), K = f(null), q = f(0), J = f({
+		onChange: v,
+		onVariablesCollected: w,
+		onOutlineGenerated: T
+	}), Re = !!w, ze = !!T, Y = u(() => {
+		q.current += 1, K.current !== null && (clearTimeout(K.current), K.current = null);
+	}, []), X = u((e, t = 150) => {
+		Y();
+		let n = j.current;
+		if (!n || !J.current.onVariablesCollected && !J.current.onOutlineGenerated) return;
+		let r = q.current, i = n.state.doc, a = W.current, o = () => r === q.current && j.current === n && n.state.doc === i && W.current === a;
+		K.current = setTimeout(() => {
+			if (K.current = null, !o()) return;
+			let t = J.current.onVariablesCollected ? s(e, a) : void 0, n = J.current.onOutlineGenerated ? c(e, a) : void 0;
+			t && o() && J.current.onVariablesCollected?.(t), n && o() && J.current.onOutlineGenerated?.(n);
+		}, t);
+	}, [Y]), Z = u((e) => {
+		if (j.current) try {
+			let t = j.current.state.doc.line(e);
+			j.current.dispatch({
 				selection: {
 					anchor: t.from,
 					head: t.to
 				},
 				scrollIntoView: !0
-			}), L.current.focus();
+			}), j.current.focus();
 		} catch (e) {
 			console.error("Failed to jump to line:", e);
 		}
-	}, []), Z = d((e, t) => {
-		if (!j || W.current || G.current) return;
-		let n = Date.now(), r = N * 1e4;
-		if (!(n - U.current >= r)) {
-			q.current = !0, K.current = e;
+	}, []), Q = u((e, t) => {
+		if (!E || z.current || B.current) return;
+		let n = Date.now(), r = O * 1e4;
+		if (!(n - R.current >= r)) {
+			H.current = !0, V.current = e;
 			return;
 		}
-		if (e === J.current && !t) {
-			q.current = !1;
+		if (e === U.current && !t) {
+			H.current = !1;
 			return;
 		}
-		U.current = n, q.current = !1, J.current = e, B((r) => {
-			let i = V >= 0 ? r.slice(0, V + 1) : r, a = {
+		R.current = n, H.current = !1, U.current = e, F((r) => {
+			let i = I >= 0 ? r.slice(0, I + 1) : r, a = {
 				id: `${n}-${Math.random()}`,
 				timestamp: new Date(n),
 				content: e,
 				description: t
 			}, o = [...i, a];
-			o.length > M && o.shift();
+			o.length > D && o.shift();
 			let s = o.length - 1;
-			return H(s), setTimeout(() => {
-				P && P(o, s);
+			return L(s), setTimeout(() => {
+				k && k(o, s);
 			}, 0), o;
 		});
 	}, [
-		j,
-		M,
-		N,
-		V,
-		P
-	]), Q = d((e) => {
-		if (e < 0 || e >= z.length) return;
-		W.current = !0;
-		let t = z[e];
-		L.current && L.current.dispatch({ changes: {
+		E,
+		D,
+		O,
+		I,
+		k
+	]), Be = f(Q);
+	ne(() => {
+		W.current = y, J.current = {
+			onChange: v,
+			onVariablesCollected: w,
+			onOutlineGenerated: T
+		}, Be.current = Q;
+	});
+	let Ve = u((e) => {
+		if (e < 0 || e >= P.length) return;
+		z.current = !0;
+		let t = P[e];
+		j.current && j.current.dispatch({ changes: {
 			from: 0,
-			to: L.current.state.doc.length,
+			to: j.current.state.doc.length,
 			insert: t.content
 		} });
-		let n = z.slice(0, e + 1);
-		B(n);
+		let n = P.slice(0, e + 1);
+		F(n);
 		let r = n.length - 1;
-		H(r), setTimeout(() => {
-			P && P(n, r);
-		}, 0), b && b(t.content), setTimeout(() => {
-			W.current = !1;
+		L(r), setTimeout(() => {
+			k && k(n, r);
+		}, 0), v && v(t.content), setTimeout(() => {
+			z.current = !1;
 		}, 100);
 	}, [
-		z,
-		b,
-		P
+		P,
+		v,
+		k
 	]);
-	p(Ee, () => ({
-		jumpToLine: X,
-		getView: () => L.current,
-		getValue: () => L.current?.state.doc.toString() || "",
+	te(Ne, () => ({
+		jumpToLine: Z,
+		getView: () => j.current,
+		getValue: () => j.current?.state.doc.toString() || "",
 		setValue: (e) => {
-			L.current && L.current.dispatch({ changes: {
+			j.current && j.current.dispatch({ changes: {
 				from: 0,
-				to: L.current.state.doc.length,
+				to: j.current.state.doc.length,
 				insert: e
 			} });
 		},
-		focus: () => L.current?.focus(),
-		getHistory: () => z,
-		restoreHistory: Q,
+		focus: () => j.current?.focus(),
+		getHistory: () => P,
+		restoreHistory: Ve,
 		clearHistory: () => {
-			B([]), H(-1), U.current = 0, q.current = !1, K.current = "", J.current = "", setTimeout(() => {
-				P && P([], -1);
+			F([]), L(-1), R.current = 0, H.current = !1, V.current = "", U.current = "", setTimeout(() => {
+				k && k([], -1);
 			}, 0);
 		}
 	}), [
-		X,
-		z,
-		Q,
-		P
-	]), f(() => {
-		if (!j) return;
-		let e = N * 1e4, t = setInterval(() => {
-			q.current && K.current && Z(K.current);
+		Z,
+		P,
+		Ve,
+		k
+	]), d(() => {
+		if (!E) return;
+		let e = O * 1e4, t = setInterval(() => {
+			H.current && V.current && Q(V.current);
 		}, e);
 		return () => clearInterval(t);
 	}, [
-		j,
-		N,
-		Z
-	]), f(() => {
-		if (!I.current) return;
-		let l = _.updateListener.of((e) => {
-			if (e.docChanged && b) {
-				let t = e.state.doc.toString();
-				b(t), j && !G.current && Z(t), G.current &&= !1;
-			}
-			if (e.docChanged && k) {
-				let t = e.state.doc.toString();
-				k(s(t, Y.current));
-			}
-			if (e.docChanged && A) {
-				let t = e.state.doc.toString();
-				A(c(t, Y.current));
+		E,
+		O,
+		Q
+	]), d(() => {
+		if (!A.current) return;
+		let s = h.updateListener.of((e) => {
+			if (!e.docChanged) return;
+			let t = e.state.doc.toString();
+			G.current = t, X(t);
+			try {
+				B.current || Be.current(t);
+			} finally {
+				B.current = !1;
 			}
-		}), d = [
-			se(),
-			te(),
+			J.current.onChange?.(t);
+		}), c = [
 			ue(),
-			he(),
+			ie(),
 			pe(),
-			me(de, { fallback: !0 }),
-			Oe.current.of(E(x)),
-			ke.current.of(o(S)),
-			Ae.current.of(a(S)),
-			je.current.of(y.readOnly.of(C)),
-			l,
-			ie.of([
-				...ge,
-				...oe,
+			ve(),
+			ge(),
+			_e(me, { fallback: !0 }),
+			Pe.current.of(Te(y)),
+			Fe.current.of(o(b)),
+			Ie.current.of(a(b)),
+			Le.current.of(_.readOnly.of(x)),
+			s,
+			se.of([
 				...ye,
-				...ce,
-				..._e,
-				...ve,
-				le
+				...le,
+				...Se,
+				...de,
+				...be,
+				...xe,
+				fe
 			]),
 			e,
 			r,
 			t
 		];
-		if (w && d.push(ae(), fe(), re()), T && d.push(ne()), D) {
-			let e = typeof D == "object" ? D : {};
-			d.push(i(x, e));
+		if (Ce && c.push(ce(), he(), oe()), we && c.push(ae()), S) {
+			let e = typeof S == "object" ? S : {};
+			c.push(i(y, e));
 		}
-		if (O) {
-			let e = typeof O == "object" ? O : {};
-			d.push(n(X, e));
+		if (C) {
+			let e = typeof C == "object" ? C : {};
+			c.push(n(Z, e));
 		}
-		F && d.push(_.contentAttributes.of({ "data-placeholder": F })), Te.length > 0 && d.push(...Te);
-		let f = y.create({
-			doc: u,
-			extensions: d
-		}), p = new _({
-			state: f,
-			parent: I.current
+		je && c.push(h.contentAttributes.of({ "data-placeholder": je })), Me.length > 0 && c.push(...Me);
+		let ee = _.create({
+			doc: l,
+			extensions: c
+		}), u = new h({
+			state: ee,
+			parent: A.current
 		});
-		return L.current = p, setTimeout(() => {
-			k && k(s(u, x)), A && A(c(u, x));
-		}, 0), j && u && Z(u, "Initial content"), () => {
-			p.destroy();
+		return j.current = u, G.current = u.state.doc.toString(), E && l && Q(l, "Initial content"), () => {
+			Y(), j.current = null, u.destroy();
 		};
-	}, []), f(() => {
-		L.current && u !== L.current.state.doc.toString() && (G.current = !0, L.current.dispatch({ changes: {
+	}, []), d(() => {
+		j.current && l !== G.current && (B.current = !0, j.current.dispatch({ changes: {
 			from: 0,
-			to: L.current.state.doc.length,
-			insert: u
+			to: j.current.state.doc.length,
+			insert: l
 		} }));
-	}, [u]), f(() => {
-		if (L.current) {
-			L.current.dispatch({ effects: Oe.current.reconfigure(E(x)) });
-			let e = L.current.state.doc.toString();
-			setTimeout(() => {
-				k && k(s(e, x)), A && A(c(e, x));
-			}, 0);
-		}
-	}, [
-		x,
-		k,
-		A
-	]), f(() => {
-		L.current && L.current.dispatch({ effects: [ke.current.reconfigure(o(S)), Ae.current.reconfigure(a(S))] });
-	}, [S]), f(() => {
-		L.current && L.current.dispatch({ effects: je.current.reconfigure(y.readOnly.of(C)) });
-	}, [C]);
-	let Me = d((e) => {
-		e.preventDefault(), De({
+	}, [l]), d(() => {
+		j.current && j.current.dispatch({ effects: Pe.current.reconfigure(Te(y)) });
+	}, [y]), d(() => (X(G.current, 0), Y), [
+		y,
+		Re,
+		ze,
+		X,
+		Y
+	]), d(() => {
+		j.current && j.current.dispatch({ effects: [Fe.current.reconfigure(o(b)), Ie.current.reconfigure(a(b))] });
+	}, [b]), d(() => {
+		j.current && j.current.dispatch({ effects: Le.current.reconfigure(_.readOnly.of(x)) });
+	}, [x]);
+	let He = u((e) => {
+		e.preventDefault(), N({
 			visible: !0,
 			x: e.clientX,
 			y: e.clientY
 		});
-	}, []), $ = d(() => {
-		De({
+	}, []), $ = u(() => {
+		N({
 			visible: !1,
 			x: 0,
 			y: 0
 		});
-	}, []), Ne = d((e) => {
-		L.current && !e.disabled && e.action(L.current), $();
+	}, []), Ue = u((e) => {
+		j.current && !e.disabled && e.action(j.current), $();
 	}, [$]);
-	f(() => {
-		if (R.visible) {
+	d(() => {
+		if (M.visible) {
 			let e = () => $();
 			return document.addEventListener("click", e), () => document.removeEventListener("click", e);
 		}
-	}, [R.visible, $]);
-	let Pe = {
-		height: Se,
-		minHeight: Ce,
-		maxHeight: we,
+	}, [M.visible, $]);
+	let We = {
+		height: Oe,
+		minHeight: ke,
+		maxHeight: Ae,
 		overflow: "auto"
-	}, Fe = be || l;
-	return /* @__PURE__ */ ee("div", {
-		className: `code-editor-wrapper ${xe}`,
+	}, Ge = Ee || ee;
+	return /* @__PURE__ */ re("div", {
+		className: `code-editor-wrapper ${De}`,
 		children: [
-			/* @__PURE__ */ g("div", {
-				ref: I,
-				onContextMenu: Me,
-				style: Pe,
+			/* @__PURE__ */ m("div", {
+				ref: A,
+				onContextMenu: He,
+				style: We,
 				className: "code-editor"
 			}),
-			R.visible && /* @__PURE__ */ g("div", {
+			M.visible && /* @__PURE__ */ m("div", {
 				className: "context-menu",
 				style: {
 					position: "fixed",
-					top: R.y,
-					left: R.x,
+					top: M.y,
+					left: M.x,
 					zIndex: 1e3
 				},
-				children: /* @__PURE__ */ g("ul", {
+				children: /* @__PURE__ */ m("ul", {
 					className: "menu bg-base-200 rounded-box shadow-lg",
-					children: Fe.map((e, t) => e.separator ? /* @__PURE__ */ g("li", { className: "menu-separator" }, t) : /* @__PURE__ */ g("li", { children: /* @__PURE__ */ g("a", {
-						onClick: () => Ne(e),
+					children: Ge.map((e, t) => e.separator ? /* @__PURE__ */ m("li", { className: "menu-separator" }, t) : /* @__PURE__ */ m("li", { children: /* @__PURE__ */ m("a", {
+						onClick: () => Ue(e),
 						className: e.disabled ? "disabled" : "",
 						children: e.label
 					}) }, t))
 				})
 			}),
-			/* @__PURE__ */ g("style", { children: "\n        .code-editor-wrapper {\n          position: relative;\n          border: 1px solid var(--fallback-bc, oklch(var(--bc) / 0.2));\n          border-radius: 0.5rem;\n          overflow: hidden;\n        }\n\n        .code-editor .cm-editor {\n          height: 100%;\n        }\n\n        .code-editor .cm-scroller {\n          overflow: auto;\n          font-family: 'Fira Code', 'Consolas', 'Monaco', monospace;\n          font-size: 14px;\n          line-height: 1.5;\n        }\n\n        .code-editor .cm-content[data-placeholder]::before {\n          content: attr(data-placeholder);\n          color: var(--fallback-bc, oklch(var(--bc) / 0.4));\n          position: absolute;\n          pointer-events: none;\n        }\n\n        .context-menu {\n          min-width: 150px;\n        }\n\n        .context-menu .menu-separator {\n          height: 1px;\n          background: var(--fallback-bc, oklch(var(--bc) / 0.2));\n          margin: 0.25rem 0;\n        }\n\n        .context-menu .disabled {\n          opacity: 0.5;\n          pointer-events: none;\n        }\n      " })
+			/* @__PURE__ */ m("style", { children: "\n        .code-editor-wrapper {\n          position: relative;\n          border: 1px solid var(--fallback-bc, oklch(var(--bc) / 0.2));\n          border-radius: 0.5rem;\n          overflow: hidden;\n        }\n\n        .code-editor .cm-editor {\n          height: 100%;\n        }\n\n        .code-editor .cm-scroller {\n          overflow: auto;\n          font-family: 'Fira Code', 'Consolas', 'Monaco', monospace;\n          font-size: 14px;\n          line-height: 1.5;\n        }\n\n        .code-editor .cm-content[data-placeholder]::before {\n          content: attr(data-placeholder);\n          color: var(--fallback-bc, oklch(var(--bc) / 0.4));\n          position: absolute;\n          pointer-events: none;\n        }\n\n        .context-menu {\n          min-width: 150px;\n        }\n\n        .context-menu .menu-separator {\n          height: 1px;\n          background: var(--fallback-bc, oklch(var(--bc) / 0.2));\n          margin: 0.25rem 0;\n        }\n\n        .context-menu .disabled {\n          opacity: 0.5;\n          pointer-events: none;\n        }\n      " })
 		]
 	});
 });
-D.displayName = "CodeEditor";
+S.displayName = "CodeEditor";
 //#endregion
-export { D as default };
+export { S as default };
 
 //# sourceMappingURL=CodeEditor.js.map