@veltra/desktop 1.2.24 → 1.2.25

package/dist/components/code-editor/code-editor.js

@@ -1,10 +1,12 @@
 import _sfc_main$1 from "../scroll/scroll.js";
+import _sfc_main$2 from "../select/select.js";
 import { Compartment, EditorState } from "../../node_modules/.bun/@codemirror_state@6.7.0/node_modules/@codemirror/state/dist/index.js";
-import { EditorView, ViewPlugin, tooltips } from "../../node_modules/.bun/@codemirror_view@6.43.4/node_modules/@codemirror/view/dist/index.js";
+import { EditorView, tooltips } from "../../node_modules/.bun/@codemirror_view@6.43.4/node_modules/@codemirror/view/dist/index.js";
 import { oneDark } from "../../node_modules/.bun/@codemirror_theme-one-dark@6.1.3/node_modules/@codemirror/theme-one-dark/dist/index.js";
 import { basicSetup } from "./basic-setup.js";
 import { loadLanguage } from "./lang-loaders.js";
-import { computed, createBlock, createElementVNode, defineComponent, mergeModels, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, shallowRef, unref, useModel, useTemplateRef, watch, withCtx, withKeys, withModifiers } from "vue";
+import { buildFullDoc, extractBodyFromText, getShellRanges, mapSelectionToBody, shellExtension, textEqualsShellDoc } from "./shell-extension.js";
+import { computed, createBlock, createCommentVNode, createElementVNode, defineComponent, mergeModels, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, shallowRef, unref, useModel, useTemplateRef, watch, withCtx, withKeys, withModifiers } from "vue";
 import { useFormFallbackProps } from "@veltra/compositions";
 import { bem, injectFormContext, zIndex } from "@veltra/utils";
 //#region src/components/code-editor/code-editor.vue
@@ -14,7 +16,10 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	__name: "code-editor",
 	props: /*@__PURE__*/ mergeModels({
 		modelValue: {},
-		language: {},
+		langs: {},
+		lang: {},
+		prefix: {},
+		suffix: {},
 		dark: {
 			type: Boolean,
 			default: false
@@ -35,12 +40,20 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		rules: {}
 	}, {
 		"modelValue": {},
-		"modelModifiers": {}
+		"modelModifiers": {},
+		"lang": {},
+		"langModifiers": {}
 	}),
-	emits: ["update:modelValue"],
-	setup(__props) {
+	emits: /*@__PURE__*/ mergeModels([
+		"update:modelValue",
+		"update:lang",
+		"change"
+	], ["update:modelValue", "update:lang"]),
+	setup(__props, { emit: __emit }) {
 		const props = __props;
+		const emit = __emit;
 		const model = useModel(__props, "modelValue");
+		const lang = useModel(__props, "lang");
 		const cls = bem("code-editor");
 		const { formProps } = injectFormContext();
 		const { disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {
@@ -54,58 +67,41 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			bem.is("dark", props.dark)
 		]);
 		const rootStyle = computed(() => ({ "--u-code-editor-default-lines": Math.max(1, props.defaultLines) }));
+		const langs = computed(() => props.langs ?? []);
+		const showLangSelect = computed(() => langs.value.length > 1);
+		const langOptions = computed(() => langs.value.map((value) => ({
+			label: value.toUpperCase(),
+			value
+		})));
+		/** 实际生效的语言：优先 lang model，否则回落 langs[0] */
+		const activeLang = computed(() => lang.value ?? langs.value[0]);
+		const shellConfig = computed(() => ({
+			prefix: props.prefix ?? "",
+			suffix: props.suffix ?? ""
+		}));
 		const containerRef = useTemplateRef("container");
 		const editor = shallowRef(null);
 		const themeCompartment = new Compartment();
 		const editableCompartment = new Compartment();
 		const readOnlyCompartment = new Compartment();
 		const langCompartment = new Compartment();
-		let phantomGutter = null;
-		let phantomContainer = null;
-		let lastPhantomKey = "";
-		function resetPhantomCache() {
-			phantomGutter = null;
-			phantomContainer = null;
-			lastPhantomKey = "";
-		}
+		const shellCompartment = new Compartment();
+		/** 聚焦时的正文快照，用于失焦时判断是否触发 change */
+		let focusSnapshot = "";
 		/**
-		* 在 .cm-lineNumbers 末尾追加占位行号 DOM，使可视行号数量补齐到 defaultLines。
-		* CodeMirror 的 lineNumbers() 仅为真实文档行渲染行号，超出部分由本逻辑补全。
+		* 编辑器最近一次写出的正文引用。
+		* 用于短路 model → doc 同步，避免每次按键对整篇文档做 O(n) 相等比较。
 		*/
-		function syncPhantomLineNumbers() {
-			const view = editor.value;
-			if (!view) return;
-			if (!phantomGutter || !phantomGutter.isConnected) phantomGutter = view.dom.querySelector(".cm-gutter.cm-lineNumbers");
-			if (!phantomGutter) return;
-			if (!phantomContainer) {
-				phantomContainer = document.createElement("div");
-				phantomContainer.className = "cm-phantom-lines";
-			}
-			if (phantomContainer.parentElement !== phantomGutter || phantomContainer !== phantomGutter.lastElementChild) phantomGutter.appendChild(phantomContainer);
-			const realLines = view.state.doc.lines;
-			const target = Math.max(0, Math.max(1, props.defaultLines) - realLines);
-			const lineHeight = view.defaultLineHeight;
-			const key = `${realLines}|${target}|${lineHeight}`;
-			if (key === lastPhantomKey) return;
-			lastPhantomKey = key;
-			while (phantomContainer.children.length > target) phantomContainer.lastElementChild.remove();
-			while (phantomContainer.children.length < target) {
-				const el = document.createElement("div");
-				el.className = "cm-gutterElement cm-gutterElement-phantom";
-				phantomContainer.appendChild(el);
-			}
-			for (let i = 0; i < target; i++) {
-				const el = phantomContainer.children[i];
-				const num = String(realLines + i + 1);
-				if (el.textContent !== num) el.textContent = num;
-				if (lineHeight && el.style.height !== `${lineHeight}px`) el.style.height = `${lineHeight}px`;
-			}
+		let lastEditorBody;
+		/** 上一帧是否处于 IME composition，用于在 composition 结束时补一次 model 同步 */
+		let wasComposing = false;
+		/** 将编辑器正文写回 v-model（跳过与上次相同的值，避免多余更新） */
+		function writeModelFromDoc(doc) {
+			const nextBody = extractBodyFromText(doc, shellConfig.value);
+			if (nextBody === lastEditorBody && nextBody === model.value) return;
+			lastEditorBody = nextBody;
+			model.value = nextBody;
 		}
-		const phantomLineNumbersPlugin = ViewPlugin.fromClass(class {
-			update(update) {
-				if (update.docChanged || update.geometryChanged) syncPhantomLineNumbers();
-			}
-		});
 		function buildExtensions() {
 			return [
 				basicSetup,
@@ -115,7 +111,20 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				editableCompartment.of(EditorView.editable.of(!disabled.value)),
 				readOnlyCompartment.of(EditorState.readOnly.of(readonly.value)),
 				langCompartment.of([]),
-				phantomLineNumbersPlugin
+				shellCompartment.of(shellExtension(shellConfig.value)),
+				EditorView.updateListener.of((update) => {
+					const composing = update.view.composing;
+					if (update.docChanged && !composing) writeModelFromDoc(update.state.doc);
+					else if (wasComposing && !composing) writeModelFromDoc(update.state.doc);
+					wasComposing = composing;
+					if (!update.focusChanged) return;
+					if (update.view.hasFocus) {
+						focusSnapshot = extractBodyFromText(update.state.doc, shellConfig.value);
+						return;
+					}
+					const current = extractBodyFromText(update.state.doc, shellConfig.value);
+					if (current !== focusSnapshot) emit("change", current);
+				})
 			];
 		}
 		let editorToken = 0;
@@ -124,7 +133,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			const view = editor.value;
 			if (!view) return;
 			const myToken = ++langToken;
-			const { language } = props;
+			const language = activeLang.value;
 			if (!language) {
 				if (myToken !== langToken || editor.value !== view) return;
 				view.dispatch({ effects: langCompartment.reconfigure([]) });
@@ -139,30 +148,63 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			++langToken;
 			editor.value?.destroy();
 			editor.value = null;
-			resetPhantomCache();
+			lastEditorBody = void 0;
+			wasComposing = false;
 		}
 		function createEditor() {
 			destroyEditor();
 			const myToken = ++editorToken;
 			const parent = containerRef.value;
 			if (!parent) return;
+			const config = shellConfig.value;
+			const body = model.value ?? "";
+			const doc = buildFullDoc(body, config);
+			const { bodyStart } = getShellRanges(doc.length, config);
+			lastEditorBody = body;
 			const view = new EditorView({
-				doc: model.value,
+				doc,
+				selection: {
+					anchor: bodyStart,
+					head: bodyStart
+				},
 				extensions: buildExtensions(),
-				parent,
-				dispatch(tr) {
-					view.update([tr]);
-					if (tr.docChanged) model.value = tr.state.doc.toString();
-				}
+				parent
 			});
 			if (myToken !== editorToken) {
 				view.destroy();
 				return;
 			}
 			editor.value = view;
-			syncPhantomLineNumbers();
 			applyLanguage();
 		}
+		/**
+		* 将 model 正文同步为完整文档；可选同时 reconfigure shell，
+		* 避免 prefix/suffix 变更时「先改扩展、后改文档」导致选区越界。
+		*/
+		function syncDocFromModel(view, body, config, options) {
+			const current = view.state.doc;
+			const docChanged = !textEqualsShellDoc(current, body, config);
+			const reconfigureShell = options?.reconfigureShell ?? false;
+			if (!docChanged && !reconfigureShell) return;
+			const nextDoc = buildFullDoc(body, config);
+			const prevShell = options?.prevShell ?? config;
+			const prevRanges = getShellRanges(current.length, prevShell);
+			const nextRanges = getShellRanges(nextDoc.length, config);
+			const selection = mapSelectionToBody(view.state.selection, prevRanges, nextRanges, nextDoc.length);
+			view.dispatch({
+				...docChanged ? {
+					changes: {
+						from: 0,
+						to: current.length,
+						insert: nextDoc
+					},
+					selection,
+					...reconfigureShell ? { scrollIntoView: true } : {}
+				} : { selection },
+				...reconfigureShell ? { effects: shellCompartment.reconfigure(shellExtension(config)) } : {},
+				filter: false
+			});
+		}
 		watch(containerRef, (el) => {
 			if (el) createEditor();
 			else destroyEditor();
@@ -170,7 +212,12 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			immediate: true,
 			flush: "post"
 		});
-		watch(() => props.language, applyLanguage);
+		watch(activeLang, applyLanguage);
+		/** langs 变化时，若当前 lang 未设或不在列表中则纠正为 langs[0] */
+		watch(langs, (list) => {
+			if (!list.length) return;
+			if (!lang.value || !list.includes(lang.value)) lang.value = list[0];
+		}, { immediate: true });
 		watch(() => props.dark, (dark) => {
 			editor.value?.dispatch({ effects: themeCompartment.reconfigure(dark ? oneDark : []) });
 		});
@@ -180,35 +227,45 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		watch(readonly, (v) => {
 			editor.value?.dispatch({ effects: readOnlyCompartment.reconfigure(EditorState.readOnly.of(v)) });
 		});
-		watch(() => props.defaultLines, syncPhantomLineNumbers);
-		watch([() => props.modelValue, editor], ([v, e]) => {
+		watch([
+			model,
+			editor,
+			shellConfig
+		], ([v, e], [, , prevShell]) => {
 			if (!e) return;
 			if (e.composing) return;
-			const next = v ?? "";
-			if (e.state.doc.toString() === next) return;
-			const valueLength = next.length;
-			const inRange = e.state.selection.ranges.every((range) => range.anchor <= valueLength && range.head <= valueLength);
-			e.dispatch({
-				changes: {
-					from: 0,
-					to: e.state.doc.length,
-					insert: next
-				},
-				selection: inRange ? e.state.selection : {
-					anchor: 0,
-					head: 0
-				},
-				scrollIntoView: true
+			const config = shellConfig.value;
+			const shellChanged = !prevShell || prevShell.prefix !== config.prefix || prevShell.suffix !== config.suffix;
+			if (!shellChanged && v === lastEditorBody) return;
+			const body = v ?? "";
+			syncDocFromModel(e, body, config, {
+				reconfigureShell: shellChanged,
+				prevShell: prevShell ?? config
 			});
+			lastEditorBody = body;
 		}, { immediate: true });
 		onBeforeUnmount(destroyEditor);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(_sfc_main$1), {
 				class: normalizeClass(className.value),
 				style: normalizeStyle(rootStyle.value),
-				onKeyup: _cache[0] || (_cache[0] = withKeys(withModifiers(() => {}, ["stop"]), ["enter"]))
+				onKeyup: _cache[1] || (_cache[1] = withKeys(withModifiers(() => {}, ["stop"]), ["enter"]))
 			}, {
-				default: withCtx(() => [createElementVNode("div", _hoisted_1, null, 512)]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, null, 512), showLangSelect.value ? (openBlock(), createBlock(unref(_sfc_main$2), {
+					key: 0,
+					class: normalizeClass(unref(cls).e("lang-select")),
+					modelValue: lang.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => lang.value = $event),
+					size: "small",
+					options: langOptions.value,
+					clearable: false,
+					disabled: unref(disabled)
+				}, null, 8, [
+					"class",
+					"modelValue",
+					"options",
+					"disabled"
+				])) : createCommentVNode("v-if", true)]),
 				_: 1
 			}, 8, ["class", "style"]);
 		};

package/dist/components/code-editor/code-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-editor.js","names":[],"sources":["../../../src/components/code-editor/code-editor.vue"],"sourcesContent":["<template>\n  <u-scroll :class=\"className\" :style=\"rootStyle\" @keyup.enter.stop>\n    <div ref=\"container\"></div>\n  </u-scroll>\n</template>\n\n<script lang=\"ts\" setup>\nimport { Compartment, EditorState, type Extension } from '@codemirror/state'\nimport { oneDark } from '@codemirror/theme-one-dark'\nimport { EditorView, ViewPlugin, tooltips, type ViewUpdate } from '@codemirror/view'\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem, zIndex } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport {\n  computed,\n  onBeforeUnmount,\n  shallowRef,\n  useTemplateRef,\n  watch,\n  type CSSProperties\n} from 'vue'\n\nimport type { CodeEditorProps } from '../../types'\nimport { UScroll } from '../scroll'\nimport { basicSetup } from './basic-setup'\nimport { loadLanguage } from './lang-loaders'\n\ndefineOptions({ name: 'UCodeEditor' })\n\nconst props = withDefaults(defineProps<CodeEditorProps>(), {\n  disabled: undefined,\n  readonly: undefined,\n  dark: false,\n  defaultLines: 8\n})\n\nconst model = defineModel<string>()\n\nconst cls = bem('code-editor')\n\nconst { formProps } = injectFormContext()\n\nconst { disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  disabled: false,\n  readonly: false\n})\n\nconst className = computed<string[]>(() => [\n  cls.b,\n  bem.is('disabled', disabled.value),\n  bem.is('readonly', readonly.value),\n  bem.is('dark', props.dark)\n])\n\nconst rootStyle = computed<CSSProperties>(() => ({\n  '--u-code-editor-default-lines': Math.max(1, props.defaultLines)\n}))\n\nconst containerRef = useTemplateRef('container')\nconst editor = shallowRef<EditorView | null>(null)\n\nconst themeCompartment = new Compartment()\nconst editableCompartment = new Compartment()\nconst readOnlyCompartment = new Compartment()\nconst langCompartment = new Compartment()\n\nlet phantomGutter: HTMLElement | null = null\nlet phantomContainer: HTMLElement | null = null\nlet lastPhantomKey = ''\n\nfunction resetPhantomCache() {\n  phantomGutter = null\n  phantomContainer = null\n  lastPhantomKey = ''\n}\n\n/**\n * 在 .cm-lineNumbers 末尾追加占位行号 DOM，使可视行号数量补齐到 defaultLines。\n * CodeMirror 的 lineNumbers() 仅为真实文档行渲染行号，超出部分由本逻辑补全。\n */\nfunction syncPhantomLineNumbers() {\n  const view = editor.value\n  if (!view) return\n\n  if (!phantomGutter || !phantomGutter.isConnected) {\n    phantomGutter = view.dom.querySelector<HTMLElement>('.cm-gutter.cm-lineNumbers')\n  }\n  if (!phantomGutter) return\n\n  if (!phantomContainer) {\n    phantomContainer = document.createElement('div')\n    phantomContainer.className = 'cm-phantom-lines'\n  }\n  if (\n    phantomContainer.parentElement !== phantomGutter ||\n    phantomContainer !== phantomGutter.lastElementChild\n  ) {\n    phantomGutter.appendChild(phantomContainer)\n  }\n\n  const realLines = view.state.doc.lines\n  const target = Math.max(0, Math.max(1, props.defaultLines) - realLines)\n  const lineHeight = view.defaultLineHeight\n\n  const key = `${realLines}|${target}|${lineHeight}`\n  if (key === lastPhantomKey) return\n  lastPhantomKey = key\n\n  while (phantomContainer.children.length > target) {\n    phantomContainer.lastElementChild!.remove()\n  }\n  while (phantomContainer.children.length < target) {\n    const el = document.createElement('div')\n    el.className = 'cm-gutterElement cm-gutterElement-phantom'\n    phantomContainer.appendChild(el)\n  }\n  for (let i = 0; i < target; i++) {\n    const el = phantomContainer.children[i] as HTMLElement\n    const num = String(realLines + i + 1)\n    if (el.textContent !== num) el.textContent = num\n    if (lineHeight && el.style.height !== `${lineHeight}px`) {\n      el.style.height = `${lineHeight}px`\n    }\n  }\n}\n\nconst phantomLineNumbersPlugin = ViewPlugin.fromClass(\n  class {\n    update(update: ViewUpdate) {\n      if (update.docChanged || update.geometryChanged) {\n        syncPhantomLineNumbers()\n      }\n    }\n  }\n)\n\nfunction buildExtensions(): Extension[] {\n  return [\n    basicSetup,\n    tooltips({ parent: document.body }),\n    EditorView.theme({ '.cm-tooltip': { zIndex: zIndex() } }),\n    themeCompartment.of(props.dark ? oneDark : []),\n    editableCompartment.of(EditorView.editable.of(!disabled.value)),\n    readOnlyCompartment.of(EditorState.readOnly.of(readonly.value)),\n    langCompartment.of([]),\n    phantomLineNumbersPlugin\n  ]\n}\n\nlet editorToken = 0\nlet langToken = 0\n\nasync function applyLanguage() {\n  const view = editor.value\n  if (!view) return\n  const myToken = ++langToken\n  const { language } = props\n\n  if (!language) {\n    if (myToken !== langToken || editor.value !== view) return\n    view.dispatch({ effects: langCompartment.reconfigure([]) })\n    return\n  }\n\n  const ext = await loadLanguage(language)\n  if (myToken !== langToken || editor.value !== view) return\n  view.dispatch({ effects: langCompartment.reconfigure(ext) })\n}\n\nfunction destroyEditor() {\n  ++editorToken\n  ++langToken\n  editor.value?.destroy()\n  editor.value = null\n  resetPhantomCache()\n}\n\nfunction createEditor() {\n  destroyEditor()\n  const myToken = ++editorToken\n  const parent = containerRef.value\n  if (!parent) return\n\n  const view = new EditorView({\n    doc: model.value,\n    extensions: buildExtensions(),\n    parent,\n    dispatch(tr) {\n      view.update([tr])\n      if (tr.docChanged) {\n        model.value = tr.state.doc.toString()\n      }\n    }\n  })\n\n  if (myToken !== editorToken) {\n    view.destroy()\n    return\n  }\n\n  editor.value = view\n  syncPhantomLineNumbers()\n  applyLanguage()\n}\n\nwatch(\n  containerRef,\n  (el) => {\n    if (el) createEditor()\n    else destroyEditor()\n  },\n  { immediate: true, flush: 'post' }\n)\n\nwatch(() => props.language, applyLanguage)\n\nwatch(\n  () => props.dark,\n  (dark) => {\n    editor.value?.dispatch({ effects: themeCompartment.reconfigure(dark ? oneDark : []) })\n  }\n)\n\nwatch(disabled, (v) => {\n  editor.value?.dispatch({ effects: editableCompartment.reconfigure(EditorView.editable.of(!v)) })\n})\n\nwatch(readonly, (v) => {\n  editor.value?.dispatch({ effects: readOnlyCompartment.reconfigure(EditorState.readOnly.of(v)) })\n})\n\nwatch(() => props.defaultLines, syncPhantomLineNumbers)\n\nwatch(\n  [() => props.modelValue, editor],\n  ([v, e]) => {\n    if (!e) return\n    if (e.composing) return\n    const next = v ?? ''\n    if (e.state.doc.toString() === next) return\n\n    const valueLength = next.length\n    const inRange = e.state.selection.ranges.every(\n      (range) => range.anchor <= valueLength && range.head <= valueLength\n    )\n    e.dispatch({\n      changes: { from: 0, to: e.state.doc.length, insert: next },\n      selection: inRange ? e.state.selection : { anchor: 0, head: 0 },\n      scrollIntoView: true\n    })\n  },\n  { immediate: true }\n)\n\nonBeforeUnmount(destroyEditor)\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"code-editor.js","names":[],"sources":["../../../src/components/code-editor/code-editor.vue"],"sourcesContent":["<template>\n  <u-scroll :class=\"className\" :style=\"rootStyle\" @keyup.enter.stop>\n    <div ref=\"container\"></div>\n\n    <u-select\n      v-if=\"showLangSelect\"\n      :class=\"cls.e('lang-select')\"\n      v-model=\"lang\"\n      size=\"small\"\n      :options=\"langOptions\"\n      :clearable=\"false\"\n      :disabled=\"disabled\"\n    />\n  </u-scroll>\n</template>\n\n<script lang=\"ts\" setup>\nimport { Compartment, EditorState, type Extension, type Text } from '@codemirror/state'\nimport { oneDark } from '@codemirror/theme-one-dark'\nimport { EditorView, tooltips } from '@codemirror/view'\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem, injectFormContext, zIndex } from '@veltra/utils'\nimport {\n  computed,\n  onBeforeUnmount,\n  shallowRef,\n  useTemplateRef,\n  watch,\n  type CSSProperties\n} from 'vue'\n\nimport type { CodeEditorEmits, CodeEditorLang, CodeEditorProps } from '../../types'\nimport { UScroll } from '../scroll'\nimport { USelect } from '../select'\nimport { basicSetup } from './basic-setup'\nimport { loadLanguage } from './lang-loaders'\nimport {\n  buildFullDoc,\n  extractBodyFromText,\n  getShellRanges,\n  mapSelectionToBody,\n  shellExtension,\n  textEqualsShellDoc,\n  type ShellConfig\n} from './shell-extension'\n\ndefineOptions({ name: 'UCodeEditor' })\n\nconst props = withDefaults(defineProps<CodeEditorProps>(), {\n  disabled: undefined,\n  readonly: undefined,\n  dark: false,\n  defaultLines: 8\n})\n\nconst emit = defineEmits<CodeEditorEmits>()\n\nconst model = defineModel<string>()\nconst lang = defineModel<CodeEditorLang>('lang')\n\nconst cls = bem('code-editor')\n\nconst { formProps } = injectFormContext()\n\nconst { disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  disabled: false,\n  readonly: false\n})\n\nconst className = computed<string[]>(() => [\n  cls.b,\n  bem.is('disabled', disabled.value),\n  bem.is('readonly', readonly.value),\n  bem.is('dark', props.dark)\n])\n\nconst rootStyle = computed<CSSProperties>(() => ({\n  '--u-code-editor-default-lines': Math.max(1, props.defaultLines)\n}))\n\nconst langs = computed(() => props.langs ?? [])\n\nconst showLangSelect = computed(() => langs.value.length > 1)\n\nconst langOptions = computed(() =>\n  langs.value.map((value) => ({ label: value.toUpperCase(), value }))\n)\n\n/** 实际生效的语言：优先 lang model，否则回落 langs[0] */\nconst activeLang = computed<CodeEditorLang | undefined>(() => lang.value ?? langs.value[0])\n\nconst shellConfig = computed<ShellConfig>(() => ({\n  prefix: props.prefix ?? '',\n  suffix: props.suffix ?? ''\n}))\n\nconst containerRef = useTemplateRef('container')\nconst editor = shallowRef<EditorView | null>(null)\n\nconst themeCompartment = new Compartment()\nconst editableCompartment = new Compartment()\nconst readOnlyCompartment = new Compartment()\nconst langCompartment = new Compartment()\nconst shellCompartment = new Compartment()\n\n/** 聚焦时的正文快照，用于失焦时判断是否触发 change */\nlet focusSnapshot = ''\n\n/**\n * 编辑器最近一次写出的正文引用。\n * 用于短路 model → doc 同步，避免每次按键对整篇文档做 O(n) 相等比较。\n */\nlet lastEditorBody: string | undefined\n\n/** 上一帧是否处于 IME composition，用于在 composition 结束时补一次 model 同步 */\nlet wasComposing = false\n\n/** 将编辑器正文写回 v-model（跳过与上次相同的值，避免多余更新） */\nfunction writeModelFromDoc(doc: Text) {\n  const nextBody = extractBodyFromText(doc, shellConfig.value)\n  if (nextBody === lastEditorBody && nextBody === model.value) return\n  lastEditorBody = nextBody\n  model.value = nextBody\n}\n\nfunction buildExtensions(): Extension[] {\n  return [\n    basicSetup,\n    tooltips({ parent: document.body }),\n    EditorView.theme({ '.cm-tooltip': { zIndex: zIndex() } }),\n    themeCompartment.of(props.dark ? oneDark : []),\n    editableCompartment.of(EditorView.editable.of(!disabled.value)),\n    readOnlyCompartment.of(EditorState.readOnly.of(readonly.value)),\n    langCompartment.of([]),\n    shellCompartment.of(shellExtension(shellConfig.value)),\n    EditorView.updateListener.of((update) => {\n      const composing = update.view.composing\n\n      // IME 进行中不写回，避免中间态触发父级重渲染；结束后再统一同步\n      if (update.docChanged && !composing) {\n        writeModelFromDoc(update.state.doc)\n      } else if (wasComposing && !composing) {\n        writeModelFromDoc(update.state.doc)\n      }\n      wasComposing = composing\n\n      if (!update.focusChanged) return\n      if (update.view.hasFocus) {\n        focusSnapshot = extractBodyFromText(update.state.doc, shellConfig.value)\n        return\n      }\n      const current = extractBodyFromText(update.state.doc, shellConfig.value)\n      if (current !== focusSnapshot) {\n        emit('change', current)\n      }\n    })\n  ]\n}\n\nlet editorToken = 0\nlet langToken = 0\n\nasync function applyLanguage() {\n  const view = editor.value\n  if (!view) return\n  const myToken = ++langToken\n  const language = activeLang.value\n\n  if (!language) {\n    if (myToken !== langToken || editor.value !== view) return\n    view.dispatch({ effects: langCompartment.reconfigure([]) })\n    return\n  }\n\n  const ext = await loadLanguage(language)\n  if (myToken !== langToken || editor.value !== view) return\n  view.dispatch({ effects: langCompartment.reconfigure(ext) })\n}\n\nfunction destroyEditor() {\n  ++editorToken\n  ++langToken\n  editor.value?.destroy()\n  editor.value = null\n  lastEditorBody = undefined\n  wasComposing = false\n}\n\nfunction createEditor() {\n  destroyEditor()\n  const myToken = ++editorToken\n  const parent = containerRef.value\n  if (!parent) return\n\n  const config = shellConfig.value\n  const body = model.value ?? ''\n  const doc = buildFullDoc(body, config)\n  const { bodyStart } = getShellRanges(doc.length, config)\n  lastEditorBody = body\n\n  const view = new EditorView({\n    doc,\n    selection: { anchor: bodyStart, head: bodyStart },\n    extensions: buildExtensions(),\n    parent\n  })\n\n  if (myToken !== editorToken) {\n    view.destroy()\n    return\n  }\n\n  editor.value = view\n  applyLanguage()\n}\n\n/**\n * 将 model 正文同步为完整文档；可选同时 reconfigure shell，\n * 避免 prefix/suffix 变更时「先改扩展、后改文档」导致选区越界。\n */\nfunction syncDocFromModel(\n  view: EditorView,\n  body: string,\n  config: ShellConfig,\n  options?: { reconfigureShell?: boolean; prevShell?: ShellConfig }\n) {\n  const current = view.state.doc\n  const docChanged = !textEqualsShellDoc(current, body, config)\n  const reconfigureShell = options?.reconfigureShell ?? false\n\n  if (!docChanged && !reconfigureShell) return\n\n  const nextDoc = buildFullDoc(body, config)\n  const prevShell = options?.prevShell ?? config\n  const prevRanges = getShellRanges(current.length, prevShell)\n  const nextRanges = getShellRanges(nextDoc.length, config)\n  const selection = mapSelectionToBody(view.state.selection, prevRanges, nextRanges, nextDoc.length)\n\n  view.dispatch({\n    ...(docChanged\n      ? {\n          changes: { from: 0, to: current.length, insert: nextDoc },\n          selection,\n          // 仅外壳变更时滚入视口；外部 model 回写不应打断用户滚动位置\n          ...(reconfigureShell ? { scrollIntoView: true } : {})\n        }\n      : { selection }),\n    ...(reconfigureShell ? { effects: shellCompartment.reconfigure(shellExtension(config)) } : {}),\n    // 绕过 shell 的 change/transactionFilter，避免全量替换被拦截或选区被错误钳制\n    filter: false\n  })\n}\n\nwatch(\n  containerRef,\n  (el) => {\n    if (el) createEditor()\n    else destroyEditor()\n  },\n  { immediate: true, flush: 'post' }\n)\n\nwatch(activeLang, applyLanguage)\n\n/** langs 变化时，若当前 lang 未设或不在列表中则纠正为 langs[0] */\nwatch(\n  langs,\n  (list) => {\n    if (!list.length) return\n    if (!lang.value || !list.includes(lang.value)) {\n      lang.value = list[0]\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => props.dark,\n  (dark) => {\n    editor.value?.dispatch({ effects: themeCompartment.reconfigure(dark ? oneDark : []) })\n  }\n)\n\nwatch(disabled, (v) => {\n  editor.value?.dispatch({ effects: editableCompartment.reconfigure(EditorView.editable.of(!v)) })\n})\n\nwatch(readonly, (v) => {\n  editor.value?.dispatch({ effects: readOnlyCompartment.reconfigure(EditorState.readOnly.of(v)) })\n})\n\nwatch(\n  [model, editor, shellConfig],\n  ([v, e], [, , prevShell]) => {\n    if (!e) return\n    // IME 组字中不接受外部回写，避免打断输入\n    if (e.composing) return\n    const config = shellConfig.value\n    const shellChanged =\n      !prevShell || prevShell.prefix !== config.prefix || prevShell.suffix !== config.suffix\n    // 编辑器自身写出的 model 无需回写文档\n    if (!shellChanged && v === lastEditorBody) return\n    const body = v ?? ''\n    syncDocFromModel(e, body, config, {\n      reconfigureShell: shellChanged,\n      prevShell: prevShell ?? config\n    })\n    lastEditorBody = body\n  },\n  { immediate: true }\n)\n\nonBeforeUnmount(destroyEditor)\n</script>\n"],"mappings":"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"}

package/dist/components/code-editor/code-editor.vue.d.ts

@@ -1,14 +1,22 @@
-import { CodeEditorProps } from "../../types/code-editor.js";
+import { CodeEditorLang, CodeEditorProps } from "../../types/code-editor.js";
 //#region src/components/code-editor/code-editor.vue.d.ts
 type __VLS_Props = CodeEditorProps;
 type __VLS_ModelProps = {
   modelValue?: string;
+  'lang'?: CodeEditorLang;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   "update:modelValue": (value: string | undefined) => any;
+  "update:lang": (value: CodeEditorLang | undefined) => any;
+} & {
+  "update:modelValue": (value: string) => any;
+  change: (value: string) => any;
+  "update:lang": (value: CodeEditorLang | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onChange?: ((value: string) => any) | undefined;
+  "onUpdate:lang"?: ((value: CodeEditorLang | undefined) => any) | undefined;
 }>, {
   disabled: boolean;
   readonly: boolean;

package/dist/components/code-editor/shell-extension.js

@@ -0,0 +1,139 @@
+import { EditorSelection, EditorState, RangeSetBuilder, StateField } from "../../node_modules/.bun/@codemirror_state@6.7.0/node_modules/@codemirror/state/dist/index.js";
+import { Decoration, EditorView } from "../../node_modules/.bun/@codemirror_view@6.43.4/node_modules/@codemirror/view/dist/index.js";
+//#region src/components/code-editor/shell-extension.ts
+/**
+* 判断 Text 文档是否与外壳对齐。
+* 仅 slice 前后缀边界，避免整篇 toString。
+*/
+function textMatchesShell(doc, config) {
+	const { prefix, suffix } = config;
+	const len = doc.length;
+	if (prefix.length + suffix.length > len) return false;
+	if (prefix && doc.sliceString(0, prefix.length) !== prefix) return false;
+	if (suffix && doc.sliceString(len - suffix.length) !== suffix) return false;
+	return true;
+}
+/** 计算正文区间在完整文档中的起止位置（始终落在 [0, docLength]） */
+function getShellRanges(docLength, config) {
+	const prefixLen = config.prefix.length;
+	const suffixLen = config.suffix.length;
+	const bodyStart = Math.min(prefixLen, docLength);
+	return {
+		prefixLen,
+		suffixLen,
+		bodyStart,
+		bodyEnd: Math.max(bodyStart, docLength - Math.min(suffixLen, docLength - bodyStart))
+	};
+}
+/** 从 CodeMirror Text 提取正文（热路径，避免整篇 toString） */
+function extractBodyFromText(doc, config) {
+	if (!config.prefix && !config.suffix) return doc.toString();
+	if (!textMatchesShell(doc, config)) return doc.toString();
+	const { bodyStart, bodyEnd } = getShellRanges(doc.length, config);
+	return doc.sliceString(bodyStart, bodyEnd);
+}
+/**
+* 判断 Text 是否已等于 prefix + body + suffix（用于 model → doc 同步短路）。
+* 长度不等时 O(1)；相等时只比较正文与边界，不分配完整文档字符串。
+*/
+function textEqualsShellDoc(doc, body, config) {
+	const { prefix, suffix } = config;
+	if (doc.length !== prefix.length + body.length + suffix.length) return false;
+	if (!prefix && !suffix) return doc.toString() === body;
+	if (!textMatchesShell(doc, config)) return false;
+	return doc.sliceString(prefix.length, doc.length - suffix.length) === body;
+}
+/** 将正文与前后缀拼成完整 CodeMirror 文档 */
+function buildFullDoc(body, config) {
+	return config.prefix + body + config.suffix;
+}
+/** 选区是否已完全落在 [lo, hi] 内 */
+function selectionWithin(selection, lo, hi) {
+	for (const range of selection.ranges) if (range.from < lo || range.to > hi) return false;
+	return true;
+}
+/** 将选区限制在正文区间内，并保证不超出文档长度 */
+function clampSelection(selection, bodyStart, bodyEnd, docLength = bodyEnd) {
+	const lo = Math.max(0, Math.min(bodyStart, docLength));
+	const hi = Math.max(lo, Math.min(bodyEnd, docLength));
+	const clamp = (pos) => Math.max(lo, Math.min(hi, pos));
+	let changed = false;
+	const ranges = selection.ranges.map((range) => {
+		const anchor = clamp(range.anchor);
+		const head = clamp(range.head);
+		if (anchor !== range.anchor || head !== range.head) changed = true;
+		return EditorSelection.range(anchor, head);
+	});
+	if (!changed) return selection;
+	return EditorSelection.create(ranges, selection.mainIndex);
+}
+/**
+* 将旧文档选区映射到新文档的正文区间（按正文内相对偏移）。
+* 用于 prefix/suffix 切换时保持光标大致位置且始终合法。
+*/
+function mapSelectionToBody(selection, from, to, docLength) {
+	const fromLen = Math.max(0, from.bodyEnd - from.bodyStart);
+	const toLen = Math.max(0, to.bodyEnd - to.bodyStart);
+	const mapPos = (pos) => {
+		const offset = Math.max(0, Math.min(fromLen, pos - from.bodyStart));
+		return to.bodyStart + Math.min(offset, toLen);
+	};
+	const ranges = selection.ranges.map((range) => EditorSelection.range(mapPos(range.anchor), mapPos(range.head)));
+	return clampSelection(EditorSelection.create(ranges, selection.mainIndex), to.bodyStart, to.bodyEnd, docLength);
+}
+const shellMark = Decoration.mark({ class: "cm-shell" });
+function buildShellDecorations(doc, config) {
+	if (!textMatchesShell(doc, config)) return Decoration.none;
+	const { prefixLen, suffixLen, bodyEnd } = getShellRanges(doc.length, config);
+	const builder = new RangeSetBuilder();
+	if (prefixLen > 0) builder.add(0, prefixLen, shellMark);
+	if (suffixLen > 0 && bodyEnd < doc.length) builder.add(bodyEnd, doc.length, shellMark);
+	return builder.finish();
+}
+/** 变更是否触及外壳区间（相对 startState 文档坐标） */
+function changesTouchShell(changes, bodyStart, bodyEnd) {
+	let touches = false;
+	changes.iterChangedRanges((fromA, toA) => {
+		if (fromA < bodyStart || toA > bodyEnd) touches = true;
+	});
+	return touches;
+}
+/**
+* CodeMirror 扩展：将 prefix/suffix 作为文档内的只读区域，
+* 通过 changeFilter 阻止编辑、transactionFilter 限制选区，并用装饰着色。
+*/
+function shellExtension(config) {
+	if (!(config.prefix.length > 0 || config.suffix.length > 0)) return [];
+	return [
+		StateField.define({
+			create(state) {
+				return buildShellDecorations(state.doc, config);
+			},
+			update(decorations, tr) {
+				if (!tr.docChanged) return decorations;
+				const { bodyStart, bodyEnd } = getShellRanges(tr.startState.doc.length, config);
+				if (!changesTouchShell(tr.changes, bodyStart, bodyEnd) && decorations.size > 0) return decorations.map(tr.changes);
+				return buildShellDecorations(tr.newDoc, config);
+			},
+			provide: (f) => EditorView.decorations.from(f)
+		}),
+		EditorState.changeFilter.of((tr) => {
+			if (!tr.docChanged) return true;
+			const { bodyStart, bodyEnd } = getShellRanges(tr.startState.doc.length, config);
+			if (!changesTouchShell(tr.changes, bodyStart, bodyEnd)) return true;
+			return !textMatchesShell(tr.startState.doc, config);
+		}),
+		EditorState.transactionFilter.of((tr) => {
+			const { bodyStart, bodyEnd } = getShellRanges(tr.newDoc.length, config);
+			if (selectionWithin(tr.newSelection, bodyStart, bodyEnd)) return tr;
+			if (!textMatchesShell(tr.newDoc, config)) return tr;
+			const selection = clampSelection(tr.newSelection, bodyStart, bodyEnd, tr.newDoc.length);
+			if (selection.eq(tr.newSelection)) return tr;
+			return [tr, { selection }];
+		})
+	];
+}
+//#endregion
+export { buildFullDoc, extractBodyFromText, getShellRanges, mapSelectionToBody, shellExtension, textEqualsShellDoc };
+
+//# sourceMappingURL=shell-extension.js.map

package/dist/components/code-editor/shell-extension.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell-extension.js","names":[],"sources":["../../../src/components/code-editor/shell-extension.ts"],"sourcesContent":["import {\n  EditorSelection,\n  EditorState,\n  RangeSetBuilder,\n  StateField,\n  type Extension,\n  type Text\n} from '@codemirror/state'\nimport { Decoration, type DecorationSet, EditorView } from '@codemirror/view'\n\n/** 前后缀外壳配置 */\nexport interface ShellConfig {\n  prefix: string\n  suffix: string\n}\n\n/**\n * 判断 Text 文档是否与外壳对齐。\n * 仅 slice 前后缀边界，避免整篇 toString。\n */\nfunction textMatchesShell(doc: Text, config: ShellConfig): boolean {\n  const { prefix, suffix } = config\n  const len = doc.length\n  if (prefix.length + suffix.length > len) return false\n  if (prefix && doc.sliceString(0, prefix.length) !== prefix) return false\n  if (suffix && doc.sliceString(len - suffix.length) !== suffix) return false\n  return true\n}\n\n/** 计算正文区间在完整文档中的起止位置（始终落在 [0, docLength]） */\nexport function getShellRanges(docLength: number, config: ShellConfig) {\n  const prefixLen = config.prefix.length\n  const suffixLen = config.suffix.length\n  // 外壳与文档可能短暂不一致，区间必须可安全用于选区\n  const bodyStart = Math.min(prefixLen, docLength)\n  const bodyEnd = Math.max(bodyStart, docLength - Math.min(suffixLen, docLength - bodyStart))\n  return { prefixLen, suffixLen, bodyStart, bodyEnd }\n}\n\n/** 从 CodeMirror Text 提取正文（热路径，避免整篇 toString） */\nexport function extractBodyFromText(doc: Text, config: ShellConfig): string {\n  // 无外壳时直接 toString，跳过边界校验与二次 slice\n  if (!config.prefix && !config.suffix) return doc.toString()\n  if (!textMatchesShell(doc, config)) return doc.toString()\n  const { bodyStart, bodyEnd } = getShellRanges(doc.length, config)\n  return doc.sliceString(bodyStart, bodyEnd)\n}\n\n/**\n * 判断 Text 是否已等于 prefix + body + suffix（用于 model → doc 同步短路）。\n * 长度不等时 O(1)；相等时只比较正文与边界，不分配完整文档字符串。\n */\nexport function textEqualsShellDoc(doc: Text, body: string, config: ShellConfig): boolean {\n  const { prefix, suffix } = config\n  if (doc.length !== prefix.length + body.length + suffix.length) return false\n  if (!prefix && !suffix) return doc.toString() === body\n  if (!textMatchesShell(doc, config)) return false\n  return doc.sliceString(prefix.length, doc.length - suffix.length) === body\n}\n\n/** 将正文与前后缀拼成完整 CodeMirror 文档 */\nexport function buildFullDoc(body: string, config: ShellConfig): string {\n  return config.prefix + body + config.suffix\n}\n\n/** 选区是否已完全落在 [lo, hi] 内 */\nfunction selectionWithin(selection: EditorSelection, lo: number, hi: number): boolean {\n  for (const range of selection.ranges) {\n    if (range.from < lo || range.to > hi) return false\n  }\n  return true\n}\n\n/** 将选区限制在正文区间内，并保证不超出文档长度 */\nfunction clampSelection(\n  selection: EditorSelection,\n  bodyStart: number,\n  bodyEnd: number,\n  docLength = bodyEnd\n): EditorSelection {\n  const lo = Math.max(0, Math.min(bodyStart, docLength))\n  const hi = Math.max(lo, Math.min(bodyEnd, docLength))\n  const clamp = (pos: number) => Math.max(lo, Math.min(hi, pos))\n  let changed = false\n  const ranges = selection.ranges.map((range) => {\n    const anchor = clamp(range.anchor)\n    const head = clamp(range.head)\n    if (anchor !== range.anchor || head !== range.head) changed = true\n    return EditorSelection.range(anchor, head)\n  })\n  if (!changed) return selection\n  return EditorSelection.create(ranges, selection.mainIndex)\n}\n\n/**\n * 将旧文档选区映射到新文档的正文区间（按正文内相对偏移）。\n * 用于 prefix/suffix 切换时保持光标大致位置且始终合法。\n */\nexport function mapSelectionToBody(\n  selection: EditorSelection,\n  from: { bodyStart: number; bodyEnd: number },\n  to: { bodyStart: number; bodyEnd: number },\n  docLength: number\n): EditorSelection {\n  const fromLen = Math.max(0, from.bodyEnd - from.bodyStart)\n  const toLen = Math.max(0, to.bodyEnd - to.bodyStart)\n  const mapPos = (pos: number) => {\n    const offset = Math.max(0, Math.min(fromLen, pos - from.bodyStart))\n    return to.bodyStart + Math.min(offset, toLen)\n  }\n  const ranges = selection.ranges.map((range) =>\n    EditorSelection.range(mapPos(range.anchor), mapPos(range.head))\n  )\n  return clampSelection(\n    EditorSelection.create(ranges, selection.mainIndex),\n    to.bodyStart,\n    to.bodyEnd,\n    docLength\n  )\n}\n\nconst shellMark = Decoration.mark({ class: 'cm-shell' })\n\nfunction buildShellDecorations(doc: Text, config: ShellConfig): DecorationSet {\n  if (!textMatchesShell(doc, config)) return Decoration.none\n\n  const { prefixLen, suffixLen, bodyEnd } = getShellRanges(doc.length, config)\n  const builder = new RangeSetBuilder<Decoration>()\n\n  if (prefixLen > 0) {\n    builder.add(0, prefixLen, shellMark)\n  }\n  if (suffixLen > 0 && bodyEnd < doc.length) {\n    builder.add(bodyEnd, doc.length, shellMark)\n  }\n\n  return builder.finish()\n}\n\n/** 变更是否触及外壳区间（相对 startState 文档坐标） */\nfunction changesTouchShell(\n  changes: { iterChangedRanges: (f: (fromA: number, toA: number) => void) => void },\n  bodyStart: number,\n  bodyEnd: number\n): boolean {\n  let touches = false\n  changes.iterChangedRanges((fromA, toA) => {\n    if (fromA < bodyStart || toA > bodyEnd) touches = true\n  })\n  return touches\n}\n\n/**\n * CodeMirror 扩展：将 prefix/suffix 作为文档内的只读区域，\n * 通过 changeFilter 阻止编辑、transactionFilter 限制选区，并用装饰着色。\n */\nexport function shellExtension(config: ShellConfig): Extension {\n  const hasShell = config.prefix.length > 0 || config.suffix.length > 0\n  if (!hasShell) return []\n\n  const shellField = StateField.define<DecorationSet>({\n    create(state) {\n      return buildShellDecorations(state.doc, config)\n    },\n    update(decorations, tr) {\n      if (!tr.docChanged) return decorations\n\n      const { bodyStart, bodyEnd } = getShellRanges(tr.startState.doc.length, config)\n      // 正文内编辑：外壳 mark 只需随 ChangeSet 映射，避免边界 slice / 重建\n      if (!changesTouchShell(tr.changes, bodyStart, bodyEnd) && decorations.size > 0) {\n        return decorations.map(tr.changes)\n      }\n      return buildShellDecorations(tr.newDoc, config)\n    },\n    provide: (f) => EditorView.decorations.from(f)\n  })\n\n  return [\n    shellField,\n    EditorState.changeFilter.of((tr) => {\n      if (!tr.docChanged) return true\n      const { bodyStart, bodyEnd } = getShellRanges(tr.startState.doc.length, config)\n      // 未触及外壳区间时直接放行，避免 sliceString\n      if (!changesTouchShell(tr.changes, bodyStart, bodyEnd)) return true\n      // 触及外壳：文档尚未对齐时放行（由组件侧全量替换同步）\n      return !textMatchesShell(tr.startState.doc, config)\n    }),\n    EditorState.transactionFilter.of((tr) => {\n      const { bodyStart, bodyEnd } = getShellRanges(tr.newDoc.length, config)\n      // 选区已在正文内：无需钳制，也无需校验外壳\n      if (selectionWithin(tr.newSelection, bodyStart, bodyEnd)) return tr\n      // 外壳与文档不一致时不钳选区，避免 Selection points outside of document\n      if (!textMatchesShell(tr.newDoc, config)) return tr\n      const selection = clampSelection(tr.newSelection, bodyStart, bodyEnd, tr.newDoc.length)\n      if (selection.eq(tr.newSelection)) return tr\n      return [tr, { selection }]\n    })\n  ]\n}\n"],"mappings":"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"}

package/dist/components/code-editor/style.js

@@ -1 +1,2 @@
+import "../select/style.js";
 import "./style2.css";

package/dist/components/code-editor/style2.css

@@ -39,6 +39,17 @@
 .u-code-editor:hover, .u-code-editor:focus-within {
   border-color: var(--u-color-primary);
 }
+.u-code-editor__lang-select {
+  position: absolute;
+  top: 2px;
+  right: 2px;
+  z-index: 2;
+  width: 88px;
+  border: none;
+}
+.u-code-editor__lang-select input {
+  text-align: right;
+}
 .u-code-editor .cm-editor {
   background: transparent;
   color: var(--u-code-editor-fg);
@@ -66,19 +77,9 @@
 .u-code-editor .cm-editor .cm-gutters {
   background-color: transparent;
   color: var(--u-code-editor-gutter-fg);
-  border-right: 1px solid var(--u-code-editor-border);
+  border: none;
   user-select: none;
 }
-.u-code-editor .cm-editor .cm-gutterElement-phantom {
-  color: var(--u-code-editor-gutter-fg);
-  opacity: 0.45;
-  padding: 0 3px 0 5px;
-  text-align: right;
-  white-space: nowrap;
-  min-width: 1ch;
-  box-sizing: border-box;
-  pointer-events: none;
-}
 .u-code-editor .cm-editor .cm-activeLineGutter,
 .u-code-editor .cm-editor .cm-activeLine {
   background-color: var(--u-code-editor-active-bg);
@@ -90,6 +91,9 @@
 .u-code-editor .cm-editor .cm-cursor {
   border-left-color: var(--u-color-primary);
 }
+.u-code-editor .cm-editor .cm-shell {
+  color: var(--u-code-editor-gutter-fg);
+}
 .u-code-editor.is-dark {
   --u-code-editor-bg: #282c34;
   --u-code-editor-fg: #abb2bf;

package/dist/components/date-panel/date-panel.vue.d.ts

@@ -7,8 +7,8 @@ declare const __VLS_export: import("vue").DefineComponent<DatePanelProps, {}, {}
   "onSelect:range-date"?: ((rangeDate?: [import("@cat-kit/core").Dater, import("@cat-kit/core").Dater] | undefined) => any) | undefined;
   "onSelect:date"?: ((date: import("@cat-kit/core").Dater) => any) | undefined;
 }>, {
-  size: import("@veltra/utils").ComponentSize;
   type: "date" | "month" | "year";
+  size: import("@veltra/utils").ComponentSize;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/date-picker/date-picker.vue.d.ts

@@ -5,11 +5,11 @@ declare const __VLS_export: import("vue").DefineComponent<DatePickerProps, {}, {
 }, string, import("vue").PublicProps, Readonly<DatePickerProps> & Readonly<{
   "onUpdate:modelValue"?: ((value?: string | number | Date | undefined) => any) | undefined;
 }>, {
-  disabled: boolean;
-  readonly: boolean;
   type: "date" | "month" | "year";
   placeholder: string;
   clearable: boolean;
+  disabled: boolean;
+  readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion