@lobehub/editor 4.15.1 → 4.16.0

package/es/codemirror-3POv7f__.js

@@ -1,923 +0,0 @@
-import { n as createDebugLogger, s as init_debug } from "./debug-CIvbNHJu.js";
-import { ActionIcon, Flexbox, InputNumber, MaterialFileTypeIcon, Popover, Select, Text } from "@lobehub/ui";
-import { Check, ChevronDown, ChevronRight, CopyIcon, MoreHorizontalIcon } from "lucide-react";
-import { useCallback, useMemo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { createStaticStyles, cssVar, cx } from "antd-style";
-import { Switch } from "antd";
-//#region src/codemirror/components/CopyButton.tsx
-const CopyButton = ({ onCopy, labels, className }) => {
-	const [copied, setCopied] = useState(false);
-	return /* @__PURE__ */ jsx(ActionIcon, {
-		active: copied,
-		className: className ?? "cm-hidden-actions",
-		icon: copied ? Check : CopyIcon,
-		onClick: () => {
-			setCopied(true);
-			onCopy();
-			setTimeout(() => setCopied(false), 1e3);
-		},
-		size: "small",
-		title: labels?.copy ?? "Copy"
-	});
-};
-CopyButton.displayName = "CopyButton";
-//#endregion
-//#region src/codemirror/constants.ts
-const LANGUAGES = [
-	{
-		ext: ["agda"],
-		name: "Agda",
-		syntax: "text/x-agda",
-		value: "agda"
-	},
-	{
-		ext: ["ets", "arkts"],
-		name: "ArkTS",
-		syntax: "text/x-arkts",
-		value: "arkts"
-	},
-	{
-		ext: ["bash"],
-		name: "Bash",
-		syntax: "shell",
-		value: "bash"
-	},
-	{
-		ext: ["vbs"],
-		name: "Basic",
-		syntax: "vbscript",
-		value: "basic"
-	},
-	{
-		ext: [
-			"c",
-			"h",
-			"ino"
-		],
-		name: "C",
-		syntax: "text/x-csrc",
-		value: "c"
-	},
-	{
-		ext: [
-			"cpp",
-			"c++",
-			"cc",
-			"cxx",
-			"hpp",
-			"h++",
-			"hh",
-			"hxx"
-		],
-		name: "C++",
-		syntax: "text/x-c++src",
-		value: "cpp"
-	},
-	{
-		ext: ["cs"],
-		name: "C#",
-		syntax: "text/x-csharp",
-		value: "csharp"
-	},
-	{
-		ext: ["css"],
-		name: "CSS",
-		syntax: "css",
-		value: "css"
-	},
-	{
-		ext: ["dart"],
-		name: "Dart",
-		syntax: "dart",
-		value: "dart"
-	},
-	{
-		ext: ["diff", "patch"],
-		name: "Diff",
-		syntax: "diff",
-		value: "diff"
-	},
-	{
-		name: "Dockerfile",
-		syntax: "dockerfile",
-		value: "dockerfile"
-	},
-	{
-		ext: ["erl"],
-		name: "Erlang",
-		syntax: "erlang",
-		value: "erlang"
-	},
-	{
-		ext: ["glsl"],
-		name: "Glsl",
-		syntax: "x-shader/x-vertex",
-		value: "glsl"
-	},
-	{
-		name: "Git",
-		syntax: "shell",
-		value: "git"
-	},
-	{
-		ext: ["go"],
-		name: "Go",
-		syntax: "go",
-		value: "go"
-	},
-	{
-		name: "GraphQL",
-		syntax: "graphql",
-		value: "graphql"
-	},
-	{
-		ext: ["groovy", "gradle"],
-		name: "Groovy",
-		syntax: "groovy",
-		value: "groovy"
-	},
-	{
-		ext: [
-			"html",
-			"htm",
-			"handlebars",
-			"hbs"
-		],
-		name: "HTML",
-		syntax: "htmlmixed",
-		value: "html"
-	},
-	{
-		name: "HTTP",
-		syntax: "http",
-		value: "http"
-	},
-	{
-		ext: ["java"],
-		name: "Java",
-		syntax: "text/x-java",
-		value: "java"
-	},
-	{
-		ext: ["js"],
-		name: "JavaScript",
-		syntax: "text/javascript",
-		value: "javascript"
-	},
-	{
-		ext: ["json", "map"],
-		name: "JSON",
-		syntax: "application/json",
-		value: "json"
-	},
-	{
-		ext: ["jsx"],
-		name: "JSX",
-		syntax: "jsx",
-		value: "jsx"
-	},
-	{
-		name: "KaTeX",
-		syntax: "simplemode",
-		value: "katex"
-	},
-	{
-		ext: ["kt"],
-		name: "Kotlin",
-		syntax: "text/x-kotlin",
-		value: "kotlin"
-	},
-	{
-		ext: ["less"],
-		name: "Less",
-		syntax: "css",
-		value: "less"
-	},
-	{
-		name: "Makefile",
-		syntax: "cmake",
-		value: "makefile"
-	},
-	{
-		ext: [
-			"markdown",
-			"md",
-			"mkd"
-		],
-		name: "Markdown",
-		syntax: "markdown",
-		value: "markdown"
-	},
-	{
-		name: "MATLAB",
-		syntax: "octave",
-		value: "matlab"
-	},
-	{
-		ext: ["conf"],
-		name: "Nginx",
-		syntax: "nginx",
-		value: "nginx"
-	},
-	{
-		ext: ["m"],
-		name: "Objective-C",
-		syntax: "text/x-objectivec",
-		value: "objectivec"
-	},
-	{
-		ext: ["p", "pas"],
-		name: "Pascal",
-		syntax: "pascal",
-		value: "pascal"
-	},
-	{
-		ext: ["pl", "pm"],
-		name: "Perl",
-		syntax: "perl",
-		value: "perl"
-	},
-	{
-		ext: [
-			"php",
-			"php3",
-			"php4",
-			"php5",
-			"php7",
-			"phtml"
-		],
-		name: "PHP",
-		syntax: "text/x-php",
-		value: "php"
-	},
-	{
-		ext: [
-			"ps1",
-			"psd1",
-			"psm1"
-		],
-		name: "PowerShell",
-		syntax: "powershell",
-		value: "powershell"
-	},
-	{
-		ext: ["proto"],
-		name: "Protobuf",
-		syntax: "protobuf",
-		value: "protobuf"
-	},
-	{
-		ext: [
-			"build",
-			"bzl",
-			"py",
-			"pyw"
-		],
-		name: "Python",
-		syntax: "python",
-		value: "python"
-	},
-	{
-		ext: ["r", "R"],
-		name: "R",
-		syntax: "r",
-		value: "r"
-	},
-	{
-		ext: ["rb"],
-		name: "Ruby",
-		syntax: "ruby",
-		value: "ruby"
-	},
-	{
-		ext: ["rs"],
-		name: "Rust",
-		syntax: "rust",
-		value: "rust"
-	},
-	{
-		ext: ["scala"],
-		name: "Scala",
-		syntax: "text/x-scala",
-		value: "scala"
-	},
-	{
-		ext: ["sh", "ksh"],
-		name: "Shell",
-		syntax: "shell",
-		value: "shell"
-	},
-	{
-		ext: ["sql"],
-		name: "SQL",
-		syntax: "text/x-sql",
-		value: "sql"
-	},
-	{
-		name: "PL/SQL",
-		syntax: "text/x-plsql",
-		value: "plsql"
-	},
-	{
-		ext: ["swift"],
-		name: "Swift",
-		syntax: "swift",
-		value: "swift"
-	},
-	{
-		ext: ["ts"],
-		name: "TypeScript",
-		syntax: "text/typescript",
-		value: "typescript"
-	},
-	{
-		ext: ["vb"],
-		name: "VB.net",
-		syntax: "vb",
-		value: "vbnet"
-	},
-	{
-		ext: ["vtl"],
-		name: "Velocity",
-		syntax: "velocity",
-		value: "velocity"
-	},
-	{
-		ext: [
-			"xml",
-			"xsl",
-			"xsd",
-			"svg"
-		],
-		name: "XML",
-		syntax: "xml",
-		value: "xml"
-	},
-	{
-		ext: ["yaml", "yml"],
-		name: "YAML",
-		syntax: "yaml",
-		value: "yaml"
-	},
-	{
-		name: "sTeX",
-		syntax: "text/x-stex",
-		value: "stex"
-	},
-	{
-		ext: [
-			"text",
-			"ltx",
-			"tex"
-		],
-		name: "LaTeX",
-		syntax: "text/x-latex",
-		value: "latex"
-	},
-	{
-		ext: ["sv", "svh"],
-		name: "SystemVerilog",
-		syntax: "text/x-systemverilog",
-		value: "systemverilog"
-	},
-	{
-		ext: ["sass", "scss"],
-		name: "Sass",
-		syntax: "text/x-sass",
-		value: "sass"
-	},
-	{
-		ext: ["tcl"],
-		name: "Tcl",
-		syntax: "text/x-tcl",
-		value: "tcl"
-	},
-	{
-		ext: ["v"],
-		name: "Verilog",
-		syntax: "text/x-verilog",
-		value: "verilog"
-	},
-	{
-		name: "Vue",
-		syntax: "text/x-vue",
-		value: "vue"
-	},
-	{
-		ext: ["lua"],
-		name: "Lua",
-		syntax: "text/x-lua",
-		value: "lua"
-	},
-	{
-		ext: ["hs"],
-		name: "Haskell",
-		syntax: "haskell",
-		value: "haskell"
-	},
-	{
-		ext: [
-			"properties",
-			"ini",
-			"in"
-		],
-		name: "Properties",
-		syntax: "properties",
-		value: "properties"
-	},
-	{
-		ext: ["toml"],
-		name: "TOML",
-		syntax: "toml",
-		value: "toml"
-	},
-	{
-		ext: ["cyp", "cypher"],
-		name: "Cypher",
-		syntax: "cypher",
-		value: "cypher"
-	},
-	{
-		ext: ["tsx"],
-		name: "TSX",
-		syntax: "jsx",
-		value: "tsx"
-	},
-	{
-		ext: ["fs"],
-		name: "F#",
-		syntax: "mllike",
-		value: "f#"
-	},
-	{
-		ext: [
-			"ml",
-			"mli",
-			"mll",
-			"mly"
-		],
-		name: "OCaml",
-		syntax: "mllike",
-		value: "ocaml"
-	},
-	{
-		ext: [
-			"clj",
-			"cljc",
-			"cljx"
-		],
-		name: "Clojure",
-		syntax: "clojure",
-		value: "clojure"
-	},
-	{
-		name: "ABAP",
-		syntax: "abap",
-		value: "abap"
-	},
-	{
-		ext: ["jl"],
-		name: "Julia",
-		syntax: "julia",
-		value: "julia"
-	},
-	{
-		ext: ["cmake"],
-		name: "CMake",
-		syntax: "cmake",
-		value: "cmake"
-	},
-	{
-		ext: ["scm", "ss"],
-		name: "Scheme",
-		syntax: "scheme",
-		value: "scheme"
-	},
-	{
-		ext: [
-			"cl",
-			"lisp",
-			"el"
-		],
-		name: "Lisp",
-		syntax: "commonlisp",
-		value: "commonlisp"
-	},
-	{
-		ext: [
-			"f90",
-			"f95",
-			"f03"
-		],
-		name: "Fortran",
-		syntax: "fortran",
-		value: "fortran"
-	},
-	{
-		ext: ["sol"],
-		name: "Solidity",
-		syntax: "solidity",
-		value: "solidity"
-	}
-];
-LANGUAGES.sort((modeA, modeB) => {
-	const nameA = modeA.name.toLowerCase();
-	const nameB = modeB.name.toLowerCase();
-	if (nameA === nameB) return 0;
-	if (nameA < nameB) return -1;
-	return 1;
-});
-LANGUAGES.unshift({
-	name: "Plain Text",
-	syntax: "simplemode",
-	value: "plain"
-});
-//#endregion
-//#region src/codemirror/components/style.ts
-const styles$1 = createStaticStyles(({ css }) => ({ container: css`
-    min-width: 160px;
-  ` }));
-//#endregion
-//#region src/codemirror/components/LanguageSelect.tsx
-const LanguageSelect = ({ selectedLang, onLanguageChange, options, labels, className }) => {
-	const modes = options ?? LANGUAGES;
-	const languageOptions = useMemo(() => modes.map((mode) => ({
-		aliases: mode.ext || [],
-		label: /* @__PURE__ */ jsxs(Flexbox, {
-			align: "center",
-			gap: 4,
-			horizontal: true,
-			children: [/* @__PURE__ */ jsx(MaterialFileTypeIcon, {
-				fallbackUnknownType: false,
-				filename: mode.ext?.[0] ? `*.${mode.ext[0]}` : `*.${mode.value}`,
-				size: 18,
-				type: "file",
-				variant: "raw"
-			}), /* @__PURE__ */ jsx(Text, {
-				ellipsis: true,
-				fontSize: 13,
-				children: mode.name
-			})]
-		}),
-		title: mode.ext?.length ? mode.ext.map((ext) => `*.${ext}`).join(",") : `*.${mode.value}`,
-		value: mode.value
-	})), [modes]);
-	return /* @__PURE__ */ jsx(Flexbox, {
-		align: "center",
-		className: cx("cm-language-select", className),
-		gap: 4,
-		horizontal: true,
-		onClick: (e) => e.stopPropagation(),
-		children: /* @__PURE__ */ jsx(Select, {
-			className: cx(styles$1.container),
-			filterOption: (input, option) => {
-				const lang = input.toLowerCase();
-				if ((option?.value)?.toLowerCase().startsWith(lang)) return true;
-				if (String(option?.label).toLowerCase().includes(lang)) return true;
-				if (option?.aliases?.some((ext) => ext.toLowerCase().startsWith(lang))) return true;
-				return false;
-			},
-			onChange: onLanguageChange,
-			options: languageOptions,
-			placeholder: labels?.selectLanguage ?? "Select language",
-			showSearch: true,
-			size: "small",
-			value: selectedLang,
-			variant: "borderless"
-		})
-	});
-};
-LanguageSelect.displayName = "LanguageSelect";
-//#endregion
-//#region src/codemirror/components/MoreOptions.tsx
-const MoreOptions = ({ tabSize, onTabSizeChange, useTabs, onUseTabsChange, showLineNumbers, onShowLineNumbersChange, labels }) => {
-	const handleTabSizeChange = useCallback((value = 2) => {
-		onTabSizeChange(value === null ? 2 : value);
-	}, [onTabSizeChange]);
-	return /* @__PURE__ */ jsx(Popover, {
-		arrow: false,
-		content: /* @__PURE__ */ jsxs(Flexbox, {
-			gap: 8,
-			style: { minWidth: 240 },
-			children: [
-				/* @__PURE__ */ jsxs(Flexbox, {
-					align: "center",
-					gap: 8,
-					horizontal: true,
-					justify: "space-between",
-					children: [/* @__PURE__ */ jsx(Text, { children: labels?.tabSize ?? "Tab size" }), /* @__PURE__ */ jsx(InputNumber, {
-						max: 8,
-						min: 1,
-						onChange: handleTabSizeChange,
-						size: "small",
-						value: tabSize
-					})]
-				}),
-				/* @__PURE__ */ jsxs(Flexbox, {
-					align: "center",
-					gap: 8,
-					horizontal: true,
-					justify: "space-between",
-					children: [/* @__PURE__ */ jsx(Text, { children: labels?.useTabs ?? "Use tabs" }), /* @__PURE__ */ jsx(Switch, {
-						checked: useTabs,
-						onChange: onUseTabsChange,
-						size: "small"
-					})]
-				}),
-				/* @__PURE__ */ jsxs(Flexbox, {
-					align: "center",
-					gap: 8,
-					horizontal: true,
-					justify: "space-between",
-					children: [/* @__PURE__ */ jsx(Text, { children: labels?.showLineNumbers ?? "Show line numbers" }), /* @__PURE__ */ jsx(Switch, {
-						checked: showLineNumbers,
-						onChange: onShowLineNumbersChange,
-						size: "small"
-					})]
-				})
-			]
-		}),
-		placement: "bottomRight",
-		trigger: "click",
-		children: /* @__PURE__ */ jsx(ActionIcon, {
-			className: "cm-hidden-actions",
-			icon: MoreHorizontalIcon,
-			size: "small"
-		})
-	});
-};
-MoreOptions.displayName = "MoreOptions";
-//#endregion
-//#region src/codemirror/components/Toolbar.tsx
-const Toolbar = ({ selectedLang, onLanguageChange, onCopy, tabSize, onTabSizeChange, useTabs, onUseTabsChange, showLineNumbers, onShowLineNumbersChange, onClick, expand, toggleExpand, labels, languageOptions }) => {
-	return /* @__PURE__ */ jsxs(Flexbox, {
-		align: "center",
-		className: "cm-header-toolbar",
-		horizontal: true,
-		justify: "space-between",
-		onClick,
-		padding: 4,
-		children: [/* @__PURE__ */ jsx(LanguageSelect, {
-			labels,
-			onLanguageChange,
-			options: languageOptions,
-			selectedLang
-		}), /* @__PURE__ */ jsxs(Flexbox, {
-			gap: 4,
-			horizontal: true,
-			onClick: (e) => e.stopPropagation(),
-			children: [
-				/* @__PURE__ */ jsx(MoreOptions, {
-					labels,
-					onShowLineNumbersChange,
-					onTabSizeChange,
-					onUseTabsChange,
-					showLineNumbers,
-					tabSize,
-					useTabs
-				}),
-				/* @__PURE__ */ jsx(CopyButton, {
-					labels,
-					onCopy
-				}),
-				/* @__PURE__ */ jsx(ActionIcon, {
-					icon: expand ? ChevronDown : ChevronRight,
-					onClick: toggleExpand,
-					size: "small"
-				})
-			]
-		})]
-	});
-};
-Toolbar.displayName = "Toolbar";
-//#endregion
-//#region src/codemirror/loader.ts
-init_debug();
-const logger = createDebugLogger("plugin", "codemirror-loader");
-const DEFAULT_CDN_URL = "https://registry.npmmirror.com/@lobehub/codemirror/1.0.0/files/es/index.js";
-const LOAD_TIMEOUT = 1e4;
-const POLL_INTERVAL = 50;
-let codeMirrorPromise = null;
-function loadScript(src) {
-	return new Promise((resolve, reject) => {
-		if (document.querySelector(`script[src="${src}"]`)) {
-			logger.debug("Script already loaded:", src);
-			resolve();
-			return;
-		}
-		logger.debug("Loading script:", src);
-		const script = document.createElement("script");
-		script.src = src;
-		script.type = "module";
-		script.async = true;
-		script.addEventListener("load", () => {
-			logger.debug("Script loaded successfully:", src);
-			resolve();
-		});
-		script.addEventListener("error", (error) => {
-			logger.error("Failed to load script:", src, error);
-			reject(/* @__PURE__ */ new Error(`Failed to load script: ${src}`));
-		});
-		document.head.append(script);
-	});
-}
-function waitForCodeMirror(timeout = LOAD_TIMEOUT) {
-	return new Promise((resolve, reject) => {
-		const startTime = Date.now();
-		const checkCodeMirror = () => {
-			if (window.CodeMirror) {
-				logger.debug("CodeMirror is ready");
-				resolve();
-				return;
-			}
-			if (Date.now() - startTime > timeout) {
-				logger.error("Timeout waiting for CodeMirror");
-				reject(/* @__PURE__ */ new Error("Timeout: CodeMirror failed to load from CDN"));
-				return;
-			}
-			setTimeout(checkCodeMirror, POLL_INTERVAL);
-		};
-		checkCodeMirror();
-	});
-}
-async function loadCodeMirror(cdnUrl = DEFAULT_CDN_URL) {
-	if (window.CodeMirror?.default) {
-		logger.debug("CodeMirror already available");
-		return window.CodeMirror.default;
-	}
-	if (codeMirrorPromise) {
-		logger.debug("CodeMirror loading in progress, reusing promise");
-		return codeMirrorPromise;
-	}
-	codeMirrorPromise = (async () => {
-		try {
-			logger.debug("Starting CodeMirror load from:", cdnUrl);
-			await loadScript(cdnUrl);
-			await waitForCodeMirror();
-			if (!window.CodeMirror?.default) throw new Error("CodeMirror loaded but not properly initialized");
-			logger.debug("CodeMirror loaded successfully");
-			return window.CodeMirror.default;
-		} catch (error) {
-			codeMirrorPromise = null;
-			logger.error("Failed to load CodeMirror:", error);
-			throw error;
-		}
-	})();
-	return codeMirrorPromise;
-}
-//#endregion
-//#region src/codemirror/style.ts
-const styles = createStaticStyles(({ css, cssVar }) => css`
-    cursor: pointer;
-
-    position: relative;
-
-    overflow: hidden;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-
-    width: 100%;
-    margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
-    border-radius: var(--lobe-markdown-border-radius);
-
-    background: ${cssVar.colorFillQuaternary};
-
-    .cm-hidden-actions {
-      opacity: 0;
-      transition: opacity 0.2s ease-in-out;
-    }
-
-    .cm-language-select {
-      opacity: 0.5;
-      filter: grayscale(100%);
-      transition:
-        opacity,
-        grayscale 0.2s ease-in-out;
-    }
-
-    &.selected {
-      user-select: none;
-    }
-
-    &.selected::after {
-      pointer-events: none;
-      content: '';
-
-      position: absolute;
-      z-index: 10;
-      inset: 0;
-
-      width: 100%;
-      height: 100%;
-
-      opacity: 0.2;
-      background: ${cssVar.yellow};
-
-      transition: all 0.3s;
-    }
-
-    .cm-container {
-      position: relative;
-      width: 100%;
-      border-block-start: 1px solid ${cssVar.colorFillQuaternary};
-    }
-
-    .cm-container-collapsed {
-      overflow: hidden;
-      height: 0;
-      border-block-start: none;
-    }
-
-    .cm-textarea {
-      height: 44px;
-      opacity: 0;
-    }
-
-    &:hover {
-      .cm-hidden-actions {
-        opacity: 1;
-      }
-
-      .cm-language-select {
-        opacity: 1;
-        filter: grayscale(0);
-      }
-    }
-  `);
-//#endregion
-//#region src/codemirror/theme.ts
-const lobeTheme = {
-	"&": {
-		"& .cm-cursor": { "border-left-color": cssVar.colorPrimary },
-		"& .cm-cursor.cm-cursor-primary": { "border-inline-start": `2px solid ${cssVar.colorPrimary} !important` },
-		"& .cm-gutters": {
-			"background-color": cssVar.colorBgContainer,
-			"border": "none",
-			"color": cssVar.colorTextQuaternary,
-			"cursor": "default"
-		},
-		"& .cm-line": {
-			"& .cm-atom": { color: cssVar.purple10 },
-			"& .cm-attribute": { color: cssVar.purple10 },
-			"& .cm-builtin": {
-				color: cssVar.volcano10,
-				fontStyle: "italic"
-			},
-			"& .cm-comment": {
-				color: cssVar.colorTextQuaternary,
-				fontStyle: "italic"
-			},
-			"& .cm-foldPlaceholder": {
-				"background": `url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect fill='%23E8E8E8' width='16' height='16' rx='2'/%3E%3Cpath d='M2.75 7.984a.875.875 0 1 0 1.75 0 .875.875 0 0 0-1.75 0Zm4.375 0a.875.875 0 1 0 1.75 0 .875.875 0 0 0-1.75 0Zm4.375 0a.875.875 0 1 0 1.75 0 .875.875 0 0 0-1.75 0Z' fill='%232A3238'/%3E%3C/g%3E%3C/svg%3E") no-repeat`,
-				"border": "none",
-				"color": "transparent",
-				"display": "inline-block",
-				"height": "16px",
-				"padding": 0,
-				"vertical-align": "middle",
-				"width": "16px"
-			},
-			"& .cm-function": { color: cssVar.geekblue10 },
-			"& .cm-header": { color: cssVar.colorInfo },
-			"& .cm-keyword": { color: cssVar.colorInfo },
-			"& .cm-meta": { color: cssVar.colorText },
-			"& .cm-modifier": { color: cssVar.colorInfo },
-			"& .cm-number": { color: cssVar.volcano10 },
-			"& .cm-operator": { color: cssVar.colorInfo },
-			"& .cm-property": { color: cssVar.volcano10 },
-			"& .cm-punctuation": { color: cssVar.colorInfo },
-			"& .cm-qualifier": { color: cssVar.colorWarning },
-			"& .cm-string": { color: cssVar.colorSuccess },
-			"& .cm-string-2": { color: cssVar.colorSuccess },
-			"& .cm-tag": { color: cssVar.volcano10 },
-			"& .cm-tag.cm-bracket": { color: cssVar.colorInfo },
-			"& .cm-type": { color: cssVar.colorWarning },
-			"& .cm-variable": { color: cssVar.colorText },
-			"& .cm-variable-2": { color: cssVar.geekblue10 },
-			"& .cm-variable-3": { color: cssVar.colorWarning },
-			"& .cm-variable.cm-callee": { color: cssVar.geekblue10 },
-			"& .cm-variable.cm-def": { color: cssVar.colorText },
-			"color": cssVar.colorText,
-			"padding-inline": "12px"
-		}
-	},
-	"& .cm-selectionBackground": { background: "transparent" },
-	"& .cm-selectionMatch": { background: `${cssVar.colorFillSecondary} !important` },
-	"&.cm-editor": {
-		"background": "transparent",
-		"cursor": "text",
-		"padding-block": "12px",
-		"width": "100%"
-	},
-	"&.cm-editor span": {
-		"font-family": cssVar.fontFamilyCode,
-		"font-size": "calc(var(--lobe-markdown-font-size) * 0.8)"
-	},
-	"&.cm-editor.cm-focused .cm-selectionBackground": { background: cssVar.colorPrimaryBg },
-	"&.cm-editor.cm-focused .cm-selectionLineGutter": { color: cssVar.colorText },
-	"&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground": { background: cssVar.yellow }
-};
-//#endregion
-export { MoreOptions as a, CopyButton as c, Toolbar as i, styles as n, LanguageSelect as o, loadCodeMirror as r, LANGUAGES as s, lobeTheme as t };