@gct-paas/core-web 0.1.4-dev.8 → 0.1.5-dev.0

package/es/modules/code-editor/monaco-editor.vue_vue_type_script_setup_true_name_code-editor_lang.mjs

@@ -0,0 +1,399 @@
+import { monacoLoader } from "../../utils/monaco-loader/monaco-loader.mjs";
+import "../../utils/index.mjs";
+import { Theme } from "./useMonacoEditor.mjs";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, ref, renderSlot, resolveComponent, toDisplayString, unref, watch, withCtx } from "vue";
+import { ClearOutlined, CloudDownloadOutlined, DownCircleOutlined, FormatPainterOutlined, RobotOutlined, SearchOutlined, UpCircleOutlined } from "@ant-design/icons-vue";
+//#region src/modules/code-editor/monaco-editor.vue?vue&type=script&setup=true&name=code-editor&lang.ts
+var _hoisted_1 = { class: "hex-monaco-editor m-e w-full h-full overflow-hidden" };
+var _hoisted_2 = { class: "m-e-main" };
+var monaco_editor_vue_vue_type_script_setup_true_name_code_editor_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "monaco-editor",
+	props: {
+		value: { default: "" },
+		title: { default: "" },
+		language: { default: "typescript" },
+		theme: { default: Theme.DARK },
+		readonly: {
+			type: Boolean,
+			default: false
+		},
+		direction: { default: "bottom" },
+		gapVal: { default: 20 }
+	},
+	emits: [
+		"update:value",
+		"change",
+		"editor-mounted",
+		"blur",
+		"focus",
+		"chat-bot-click"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const isMonacoReady = ref(false);
+		let monaco = null;
+		watch(() => props.language, async (newVal) => {
+			if (monacoEditor && monacoEditor.getModel() && monaco) monaco.editor.setModelLanguage(monacoEditor.getModel(), newVal);
+		});
+		const emit = __emit;
+		const Editor = ref();
+		let monacoEditor;
+		/** 是否启用截断功能 */
+		const wordWrap = ref(true);
+		/** 是否全屏状态 */
+		const fullScreen = ref(false);
+		/** 明亮或暗夜模式，true 为白天模式，false 为暗夜模式 */
+		const isThemeLightOrBlack = ref(false);
+		/** 聊天机器人是否处于激活状态 */
+		const isChatBotActive = ref(false);
+		const isRagEnabled = ref(false);
+		const getStyle = computed(() => {
+			return {
+				color: isThemeLightOrBlack.value ? "#000" : "#fff",
+				marginRight: props.gapVal + "px"
+			};
+		});
+		if (props.theme === Theme.VS) isThemeLightOrBlack.value = true;
+		let option = {
+			value: props.value ?? "",
+			language: props.language,
+			automaticLayout: true,
+			theme: props.theme,
+			readOnly: props.readonly,
+			wordWrap: wordWrap.value ? "on" : "off",
+			scrollBeyondLastLine: false,
+			minimap: { enabled: true },
+			tabSize: 2,
+			autoClosingBrackets: "always",
+			autoClosingDelete: "always",
+			autoClosingOvertype: "always",
+			autoClosingQuotes: "always",
+			comments: {
+				ignoreEmptyLines: true,
+				insertSpace: true
+			},
+			columnSelection: false,
+			folding: true,
+			fixedOverflowWidgets: true,
+			hover: {
+				sticky: true,
+				above: false
+			}
+		};
+		async function init() {
+			monaco = await monacoLoader.loadMonaco();
+			dispose();
+			initEditor();
+			if (props.value) handleFormatCodeClick();
+		}
+		async function onInit() {
+			if (await _api.apaas.basicConfig.getAiRagEnabled() == true) isRagEnabled.value = true;
+			else isRagEnabled.value = false;
+		}
+		function initEditor() {
+			if (!monaco) {
+				console.warn("[MonacoEditor] Monaco editor is not available for initEditor");
+				return;
+			}
+			monacoEditor = monaco.editor.create(Editor.value, option);
+			if (props.direction === "bottom") scrollToBottom();
+			else if (props.direction === "top") scrollToTop();
+			monacoEditor.onDidChangeModelContent(() => {
+				emit("change", getEditorContent());
+				emit("update:value", getEditorContent());
+			});
+			monacoEditor.onDidBlurEditorText(() => {
+				emit("blur", getEditorContent());
+				emit("update:value", getEditorContent());
+			});
+			monacoEditor.onDidFocusEditorText(() => {
+				emit("focus");
+			});
+			isMonacoReady.value = true;
+			emit("editor-mounted", monacoEditor);
+		}
+		/**
+		* 设置编辑器的内容且滚动到最底部
+		*/
+		function setEditorContent(val) {
+			monacoEditor.setValue(val);
+			emit("change", getEditorContent());
+			emit("update:value", getEditorContent());
+		}
+		/**
+		* 获取编辑器的内容
+		*/
+		function getEditorContent() {
+			return monacoEditor.getValue();
+		}
+		/**
+		* 获取编辑器报错内容
+		*/
+		function getEditorMarkers() {
+			if (!monaco) {
+				console.warn("[MonacoEditor] Monaco editor is not available for getEditorMarkers");
+				return [];
+			}
+			const model = monacoEditor.getModel();
+			if (!model) return [];
+			return monaco.editor.getModelMarkers({ resource: model.uri });
+		}
+		/**
+		* 搜索
+		*/
+		function findByKeyword() {
+			if (!monaco) {
+				console.warn("[MonacoEditor] Monaco editor is not available for findByKeyword");
+				return;
+			}
+			try {
+				monacoEditor.focus();
+				monacoEditor.setSelection(new monaco.Range(1, 9999, 1, 1e4));
+				monacoEditor.trigger("", "actions.find", null);
+			} catch (error) {
+				console.error(error);
+			}
+		}
+		/**
+		* 设置编辑器滚动到最顶部
+		*/
+		function scrollToTop() {
+			monacoEditor.setScrollPosition({ scrollTop: 0 });
+		}
+		/**
+		* 设置编辑器滚动到最底部
+		*/
+		function scrollToBottom() {
+			monacoEditor.revealLine(monacoEditor.getModel().getLineCount());
+		}
+		/**
+		* 是否截断换行
+		*/
+		function setEditorWordWrap() {
+			wordWrap.value = !wordWrap.value;
+			if (wordWrap.value) monacoEditor.updateOptions({ wordWrap: "on" });
+			else monacoEditor.updateOptions({ wordWrap: "off" });
+		}
+		/**
+		* 切换白天或暗夜模式
+		*/
+		function setEditorTheme() {
+			isThemeLightOrBlack.value = !isThemeLightOrBlack.value;
+			if (isThemeLightOrBlack.value) monacoEditor.updateOptions({ theme: "vs" });
+			else monacoEditor.updateOptions({ theme: "vs-dark" });
+		}
+		/**
+		* 全屏切换
+		*/
+		function handleFullScreenClick() {
+			if (!Editor.value.fullscreenElement) {
+				Editor.value.requestFullscreen();
+				fullScreen.value = true;
+			} else {
+				Editor.value.exitFullscreen();
+				fullScreen.value = false;
+			}
+		}
+		/**
+		* 下载
+		*/
+		function handleDownloadLogClick() {
+			exportFile(props.title, monacoEditor.getValue());
+		}
+		/**
+		* 下载日志
+		*/
+		function exportFile(name, data) {
+			const url = window.URL || window.webkitURL || window;
+			const blob = new Blob([data]);
+			const event = document.createEvent("MouseEvents");
+			event.initMouseEvent("click", true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
+			const link = document.createElementNS("http://www.w3.org/1999/xhtml", "a");
+			link.href = url.createObjectURL(blob);
+			link.download = name;
+			link.dispatchEvent(event);
+		}
+		/**
+		* 格式化代码
+		*/
+		async function handleFormatCodeClick() {
+			if (props.language == "sql") {
+				const sqlContent = getEditorContent();
+				const { format } = await import("sql-formatter");
+				const formattedSql = format(sqlContent);
+				monacoEditor.setValue(formattedSql);
+			} else monacoEditor.getAction("editor.action.formatDocument").run();
+			const newVal = getEditorContent();
+			emit("change", newVal);
+			emit("update:value", newVal);
+		}
+		/** 清空 */
+		function handleClearClick() {
+			setEditorContent("");
+		}
+		/**
+		* 处理聊天机器人点击事件
+		*/
+		function handleChatBotClick() {
+			isChatBotActive.value = !isChatBotActive.value;
+			emit("chat-bot-click");
+		}
+		function dispose() {
+			if (monacoEditor) monacoEditor.dispose();
+		}
+		/**
+		* 获取monacoEditor的实例
+		*/
+		function getMonacoEditor() {
+			return monacoEditor;
+		}
+		onMounted(() => {
+			init();
+		});
+		onUnmounted(() => {
+			dispose();
+		});
+		/**
+		* 设置编辑器内容，替换所有现有内容
+		* 支持编辑器的撤销/重做功能
+		* @param code 要设置的代码内容
+		*/
+		function setValue(code) {
+			const model = monacoEditor.getModel();
+			if (!model) return;
+			const fullRange = model.getFullModelRange();
+			monacoEditor.executeEdits("setValue", [{
+				range: fullRange,
+				text: code,
+				forceMoveMarkers: false
+			}]);
+			emit("change", getEditorContent());
+			emit("update:value", getEditorContent());
+		}
+		function getValue() {
+			return monacoEditor.getValue();
+		}
+		function getSelectCode() {
+			const selection = monacoEditor.getSelection();
+			if (selection) {
+				const text = monacoEditor.getModel()?.getValueInRange(selection);
+				const startLineNumber = selection.startLineNumber;
+				const startColumn = selection.startColumn;
+				const endLineNumber = selection.endLineNumber;
+				const endColumn = selection.endColumn;
+				const textBeforeRange = {
+					startLineNumber: 1,
+					startColumn: 1,
+					endLineNumber: startLineNumber,
+					endColumn: startColumn
+				};
+				const textBefore = monacoEditor.getModel().getValueInRange(textBeforeRange);
+				const textAfterRange = {
+					startLineNumber: endLineNumber,
+					startColumn: endColumn,
+					endLineNumber: monacoEditor.getModel().getLineCount(),
+					endColumn: monacoEditor.getModel().getLineMaxColumn(monacoEditor.getModel().getLineCount())
+				};
+				return {
+					text,
+					textBefore,
+					textAfter: monacoEditor.getModel().getValueInRange(textAfterRange)
+				};
+			}
+			return {};
+		}
+		onInit();
+		__expose({
+			isMonacoReady,
+			reload(newVal) {
+				if (monacoEditor == null) {
+					console.warn("[MonacoEditor] Monaco editor is not available for reload");
+					return;
+				}
+				monacoEditor.setValue(newVal || "");
+			},
+			getMonacoEditor,
+			setEditorContent,
+			getEditorContent,
+			scrollToTop,
+			scrollToBottom,
+			setEditorWordWrap,
+			setEditorTheme,
+			handleFullScreenClick,
+			handleDownloadLogClick,
+			getEditorMarkers,
+			handleFormatCodeClick,
+			getValue,
+			setValue,
+			getSelectCode,
+			isChatBotActive,
+			handleChatBotClick
+		});
+		return (_ctx, _cache) => {
+			const _component_a_col = resolveComponent("a-col");
+			const _component_a_row = resolveComponent("a-row");
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				renderSlot(_ctx.$slots, "header", {}, void 0, true),
+				createElementVNode("div", _hoisted_2, [createVNode(_component_a_row, {
+					class: "m-e-main_toolbar w-full flex",
+					type: "flex",
+					justify: "space-between",
+					style: normalizeStyle(isThemeLightOrBlack.value ? "background-color: #fff; box-shadow: 0px 2px 5px #ddd;" : "background-color: #1e1e1e; box-shadow: 0px 2px 5px #111;")
+				}, {
+					default: withCtx(() => [createVNode(_component_a_col, {
+						class: "m-e-main_toolbar_left flex-1",
+						style: normalizeStyle(isThemeLightOrBlack.value ? "color: #000" : "color: #fff")
+					}, {
+						default: withCtx(() => [createElementVNode("span", null, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)], true)])]),
+						_: 3
+					}, 8, ["style"]), createVNode(_component_a_col, {
+						class: "m-e-main_toolbar_right",
+						style: normalizeStyle(getStyle.value)
+					}, {
+						default: withCtx(() => [
+							createVNode(unref(SearchOutlined), {
+								class: "icon",
+								onClick: findByKeyword
+							}),
+							createVNode(unref(UpCircleOutlined), {
+								class: "icon",
+								onClick: scrollToTop
+							}),
+							createVNode(unref(DownCircleOutlined), {
+								class: "icon",
+								onClick: scrollToBottom
+							}),
+							createVNode(unref(FormatPainterOutlined), {
+								class: "icon",
+								onClick: handleFormatCodeClick
+							}),
+							createVNode(unref(CloudDownloadOutlined), {
+								class: "icon",
+								onClick: handleDownloadLogClick
+							}),
+							createVNode(unref(ClearOutlined), {
+								class: "icon",
+								onClick: handleClearClick
+							}),
+							isRagEnabled.value ? (openBlock(), createBlock(unref(RobotOutlined), {
+								key: 0,
+								title: "聊天机器人",
+								class: normalizeClass(["icon", { "icon-active": isChatBotActive.value }]),
+								onClick: handleChatBotClick
+							}, null, 8, ["class"])) : createCommentVNode("", true)
+						]),
+						_: 1
+					}, 8, ["style"])]),
+					_: 3
+				}, 8, ["style"]), createElementVNode("div", {
+					ref_key: "Editor",
+					ref: Editor,
+					class: "m-e-main_container"
+				}, null, 512)]),
+				renderSlot(_ctx.$slots, "footer", {}, void 0, true)
+			]);
+		};
+	}
+});
+//#endregion
+export { monaco_editor_vue_vue_type_script_setup_true_name_code_editor_lang_default as default };

package/es/modules/code-editor/monaco-editor.vue_vue_type_style_index_0_scoped_ccf22884_lang.css

@@ -0,0 +1,49 @@
+.m-e[data-v-ccf22884] {
+  width: 100%;
+  height: 100%;
+}
+.m-e .m-e-main[data-v-ccf22884] {
+  display: flex;
+  flex-direction: column;
+  width: calc(100% - 2px);
+  height: calc(100% - 2px);
+}
+.m-e .m-e-main .m-e-main_toolbar[data-v-ccf22884] {
+  position: relative;
+  z-index: 10;
+  height: 40px;
+  box-shadow: 0 2px 5px #000;
+}
+.m-e .m-e-main .m-e-main_toolbar .m-e-main_toolbar_left span[data-v-ccf22884] {
+  padding-left: 10px;
+  font-size: 15px;
+  line-height: 40px;
+  user-select: none;
+}
+.m-e .m-e-main .m-e-main_toolbar .m-e-main_toolbar_right[data-v-ccf22884] {
+  display: flex;
+  align-items: center;
+}
+.m-e .m-e-main .m-e-main_toolbar .m-e-main_toolbar_right .icon[data-v-ccf22884] {
+  display: inline-block;
+  margin-left: 10px;
+  transition: ease all 0.3s;
+  border-radius: 2px;
+  text-align: center;
+  cursor: pointer;
+}
+.m-e .m-e-main .m-e-main_toolbar .m-e-main_toolbar_right .icon[data-v-ccf22884]:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+.m-e .m-e-main .m-e-main_toolbar .m-e-main_toolbar_right .icon.icon-active[data-v-ccf22884] {
+  color: #1890ff;
+  background-color: rgba(24, 144, 255, 0.1);
+  box-shadow: 0 0 4px rgba(24, 144, 255, 0.5);
+  transform: scale(1.1);
+}
+.m-e .m-e-main .m-e-main_container[data-v-ccf22884] {
+  flex: 1;
+  width: 100%;
+  height: 100%;
+  min-height: 400px;
+}

package/es/modules/code-editor/useEditorConsole.d.ts

@@ -0,0 +1,54 @@
+interface EditorConsoleState {
+    /** 显隐 */
+    visible?: boolean;
+    /** 输入默认值 */
+    defaultInput?: string;
+    /** tab选项卡key */
+    tabActiveKey?: string;
+    /** 索引签名，允许字符串键访问 */
+    [key: string]: string | boolean | undefined;
+}
+interface ConsoleValueState {
+    output: string;
+    error: string;
+    logs: unknown[];
+}
+export declare function useEditorConsole(props?: EditorConsoleState): {
+    editorConsoleState: import('vue').Ref<{
+        [x: string]: string | boolean | undefined;
+        visible?: boolean | undefined;
+        defaultInput?: string | undefined;
+        tabActiveKey?: string | undefined;
+    }, EditorConsoleState | {
+        [x: string]: string | boolean | undefined;
+        visible?: boolean | undefined;
+        defaultInput?: string | undefined;
+        tabActiveKey?: string | undefined;
+    }>;
+    consoleValueState: import('vue').Ref<{
+        output: string;
+        error: string;
+        logs: unknown[];
+    }, ConsoleValueState | {
+        output: string;
+        error: string;
+        logs: unknown[];
+    }>;
+    toggleVisible: () => void;
+    changeTabActiveKey: (key: string) => void;
+};
+export declare function useEditorConsoleInner(): {
+    getInstance: () => any;
+    showConsolePanel: () => void;
+    hideConsolePanel: () => void;
+    getInputValue: ({ showError, ignoreError }?: {
+        showError?: boolean | undefined;
+        ignoreError?: boolean | undefined;
+    }) => Promise<any>;
+    setConsoleResult: (result: IObject) => void;
+    formatJson2Notes: (value: unknown, options?: {
+        newline?: boolean;
+        spaceAfterColon?: boolean;
+    }) => string;
+};
+export {};

package/es/modules/code-editor/useEditorConsole.mjs

@@ -0,0 +1,153 @@
+import { monacoLoader } from "../../utils/monaco-loader/monaco-loader.mjs";
+import "../../utils/index.mjs";
+import { nextTick, ref, shallowRef, unref, watch } from "vue";
+import { cloneDeep, isEmpty } from "lodash-es";
+//#region src/modules/code-editor/useEditorConsole.ts
+var instanceRef = shallowRef(null);
+var editorConsoleState = ref({
+	visible: false,
+	defaultInput: "",
+	tabActiveKey: ""
+});
+var consoleValueState = ref({
+	output: "",
+	error: "",
+	logs: []
+});
+function useEditorConsole(props) {
+	watch(() => props, () => {
+		if (props) Object.keys(props).forEach((key) => {
+			editorConsoleState.value[key] = unref(props[key]);
+		});
+	}, { immediate: true });
+	watch(() => unref(editorConsoleState).visible, async (visible) => {
+		await nextTick();
+		if (visible && !unref(instanceRef)) instanceRef.value = (await monacoLoader.loadMonaco()).editor.create(document.querySelector(".editor-console__input"), {
+			value: props?.defaultInput,
+			language: "json",
+			automaticLayout: true,
+			minimap: { enabled: false }
+		});
+	});
+	function toggleVisible() {
+		editorConsoleState.value.visible = !unref(editorConsoleState).visible;
+	}
+	function changeTabActiveKey(key) {
+		editorConsoleState.value.tabActiveKey = key;
+	}
+	return {
+		editorConsoleState,
+		consoleValueState,
+		toggleVisible,
+		changeTabActiveKey
+	};
+}
+function useEditorConsoleInner() {
+	/** 获取monaco实例 */
+	const getInstance = () => {
+		const instance = unref(instanceRef);
+		if (!instance) console.warn("useEditorConsoleInner instance is undefined!");
+		return instance;
+	};
+	/** 显示控制面板 */
+	function showConsolePanel() {
+		editorConsoleState.value.visible = true;
+	}
+	/** 关闭控制面板 */
+	function hideConsolePanel() {
+		editorConsoleState.value.visible = false;
+	}
+	/** 获取输入内容 */
+	async function getInputValue({ showError = true, ignoreError = false } = {}) {
+		if ((await monacoLoader.loadMonaco()).editor.getModelMarkers({ owner: "json" }).length > 0) {
+			if (showError) _gct.message.error("参数语法错误");
+			if (!ignoreError) return Promise.reject();
+		}
+		return getInstance()?.getValue() ?? unref(editorConsoleState).defaultInput;
+	}
+	/** 格式化json数据 */
+	function formatJson2Notes(value, options) {
+		if (isEmpty(value)) return value;
+		let cloneJson = cloneDeep(value);
+		if (typeof value !== "string") try {
+			cloneJson = decodeURIComponent(JSON.stringify(cloneJson));
+		} catch (error) {
+			console.error(error);
+			cloneJson = JSON.stringify(cloneJson);
+		}
+		else {
+			try {
+				cloneJson = decodeURIComponent(cloneJson);
+			} catch (error) {
+				console.warn(error);
+			}
+			try {
+				cloneJson = JSON.parse(cloneJson);
+			} catch (err) {
+				console.warn(err);
+			}
+			cloneJson = JSON.stringify(cloneJson);
+		}
+		const { newline = false, spaceAfterColon = true } = options || {};
+		let codeStr = cloneJson;
+		let regex = /([{}])/g;
+		codeStr = codeStr.replace(regex, "\r\n$1\r\n");
+		regex = /([[\]])/g;
+		codeStr = codeStr.replace(regex, "\r\n$1\r\n");
+		regex = /(,)/g;
+		codeStr = codeStr.replace(regex, "$1\r\n");
+		regex = /(\r\n\r\n)/g;
+		codeStr = codeStr.replace(regex, "\r\n");
+		regex = /\r\n,/g;
+		codeStr = codeStr.replace(regex, ",");
+		if (!newline) {
+			regex = /:\r\n\{/g;
+			codeStr = codeStr.replace(regex, ":{");
+			regex = /:\r\n\[/g;
+			codeStr = codeStr.replace(regex, ":[");
+		}
+		if (spaceAfterColon) {
+			regex = /:/g;
+			codeStr = codeStr.replace(regex, ": ");
+		}
+		let formatted = "", pad = 0;
+		const PADDING = "  ";
+		codeStr.split("\r\n").forEach(function(node) {
+			let i = 0, indent = 0, padding = "";
+			if (node.match(/\{$/) || node.match(/\[$/)) indent = 1;
+			else if (node.match(/\}/) || node.match(/\]/)) {
+				if (pad !== 0) pad -= 1;
+			} else indent = 0;
+			for (i = 0; i < pad; i++) padding += PADDING;
+			formatted += padding + node + "\r\n";
+			pad += indent;
+		});
+		return formatted;
+	}
+	/** 设置输出、错误、日志内容 */
+	function setConsoleResult(result) {
+		const { code, message, data } = result;
+		if (code === 200) {
+			const { logs: jsLogs, data: jsOutput } = data;
+			consoleValueState.value.output = formatJson2Notes(jsOutput);
+			consoleValueState.value.logs = jsLogs;
+			consoleValueState.value.error = "";
+			editorConsoleState.value.tabActiveKey = "2";
+		} else {
+			consoleValueState.value.output = "";
+			consoleValueState.value.logs = [];
+			consoleValueState.value.error = message;
+			editorConsoleState.value.tabActiveKey = "3";
+		}
+	}
+	return {
+		getInstance,
+		showConsolePanel,
+		hideConsolePanel,
+		getInputValue,
+		setConsoleResult,
+		formatJson2Notes
+	};
+}
+//#endregion
+export { useEditorConsole, useEditorConsoleInner };

package/es/modules/code-editor/useMonacoEditor.d.ts

@@ -0,0 +1,26 @@
+export declare const Theme: {
+    readonly VS: "vs";
+    readonly BLACK: "hc-black";
+    readonly DARK: "vs-dark";
+};
+export type Theme = (typeof Theme)[keyof typeof Theme];
+export declare const Lang: {
+    readonly JS: "javascript";
+    readonly SQL: "sql";
+    readonly PWSH: "powershell";
+    readonly JAVA: "java";
+    readonly C_SHARP: "csharp";
+    readonly JSON: "json";
+};
+export type Lang = (typeof Lang)[keyof typeof Lang];
+export declare class Prop {
+    value?: string | null;
+    /** 标题 */
+    title?: string;
+    /** 语言 */
+    language?: string;
+    /** 官方自带三种主题：vs、hc-black、vs-dark */
+    theme?: Theme;
+    /** 是否只读 */
+    readonly?: boolean;
+}

package/es/modules/code-editor/useMonacoEditor.mjs

@@ -0,0 +1,27 @@
+//#region src/modules/code-editor/useMonacoEditor.ts
+var Theme = {
+	VS: "vs",
+	BLACK: "hc-black",
+	DARK: "vs-dark"
+};
+var Lang = {
+	JS: "javascript",
+	SQL: "sql",
+	PWSH: "powershell",
+	JAVA: "java",
+	C_SHARP: "csharp",
+	JSON: "json"
+};
+var Prop = class {
+	value;
+	/** 标题 */
+	title;
+	/** 语言 */
+	language;
+	/** 官方自带三种主题：vs、hc-black、vs-dark */
+	theme;
+	/** 是否只读 */
+	readonly;
+};
+//#endregion
+export { Lang, Prop, Theme };