@gct-paas/core-web 0.1.4-dev.11 → 0.1.4-dev.13

package/es/modules/Cropper/src/CropperFree.vue_vue_type_style_index_0_scoped_3cc5e19b_lang.css

@@ -0,0 +1,83 @@
+.cropper-photo[data-v-3cc5e19b] {
+  display: inline-block;
+  position: relative;
+  width: var(--width, 200px);
+  height: var(--height, 120px);
+  overflow: hidden;
+  text-align: center;
+  cursor: pointer;
+}
+.cropper-photo__trigger[data-v-3cc5e19b] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  border: 1px dashed var(--gct-color-border);
+  border-radius: 4px;
+  background: #fbfbfc;
+  color: #9b9b9b;
+}
+.cropper-photo__trigger .iconfont[data-v-3cc5e19b] {
+  color: #c3c3c3;
+  font-size: 32px;
+}
+.cropper-photo__trigger .ant-icon[data-v-3cc5e19b] {
+  margin-bottom: 3px;
+  color: #666;
+}
+.cropper-photo__trigger .prompt[data-v-3cc5e19b],
+.cropper-photo__trigger .auxiliary[data-v-3cc5e19b] {
+  margin: 0;
+}
+.cropper-photo__trigger .prompt[data-v-3cc5e19b] {
+  color: #797a7d;
+}
+.cropper-photo__trigger .auxiliary[data-v-3cc5e19b] {
+  color: #c3c3c3;
+}
+.cropper-photo__mask[data-v-3cc5e19b] {
+  display: flex;
+  position: absolute;
+  top: 0;
+  left: 0;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  transition: all 0.3s;
+  border-radius: 4px;
+  opacity: 0;
+  background: rgba(0, 0, 0, 0.4);
+}
+.cropper-photo__mask .anticon[data-v-3cc5e19b] {
+  margin-right: 20px;
+}
+.cropper-photo__mask .anticon[data-v-3cc5e19b]:last-child {
+  margin-right: 0;
+}
+.cropper-photo__mask[data-v-3cc5e19b]:hover {
+  opacity: 40;
+}
+.cropper-photo__wrapper[data-v-3cc5e19b] {
+  width: 100%;
+  height: 100%;
+  border: 1px solid var(--gct-color-border);
+  border-radius: 4px;
+}
+.cropper-photo__wrapper img[data-v-3cc5e19b] {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+.not-allow[data-v-3cc5e19b] {
+  cursor: default;
+  pointer-events: none;
+}
+.defult-img[data-v-3cc5e19b] {
+  position: absolute;
+  z-index: 2;
+  border: 1px solid #d9d9d9;
+  background: #fafafa;
+}

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

@@ -19,7 +19,7 @@ export declare const MonacoEditor: {
         handleFullScreenClick: () => void;
         handleDownloadLogClick: () => void;
         getEditorMarkers: () => any;
-        handleFormatCodeClick: () => void;
+        handleFormatCodeClick: () => Promise<void>;
         getValue: () => any;
         setValue: (code: string) => void;
         getSelectCode: () => {
@@ -77,7 +77,7 @@ export declare const MonacoEditor: {
         handleFullScreenClick: () => void;
         handleDownloadLogClick: () => void;
         getEditorMarkers: () => any;
-        handleFormatCodeClick: () => void;
+        handleFormatCodeClick: () => Promise<void>;
         getValue: () => any;
         setValue: (code: string) => void;
         getSelectCode: () => {
@@ -123,7 +123,7 @@ export declare const MonacoEditor: {
     handleFullScreenClick: () => void;
     handleDownloadLogClick: () => void;
     getEditorMarkers: () => any;
-    handleFormatCodeClick: () => void;
+    handleFormatCodeClick: () => Promise<void>;
     getValue: () => any;
     setValue: (code: string) => void;
     getSelectCode: () => {

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

@@ -1,8 +1,7 @@
-import { defineAsyncComponent } from 'vue';
-export { useEditorConsole, useEditorConsoleInner } from './useEditorConsole.mjs';
-
-const MonacoEditor = defineAsyncComponent(
-  () => import('./monaco-editor.vue.mjs')
-);
-
+import "./useEditorConsole.mjs";
+import "./useMonacoEditor.mjs";
+import { defineAsyncComponent } from "vue";
+//#region src/modules/code-editor/index.ts
+var MonacoEditor = defineAsyncComponent(() => import("./monaco-editor.vue.mjs"));
+//#endregion
 export { MonacoEditor };

package/es/modules/code-editor/monaco-editor.vue.d.ts

@@ -52,7 +52,7 @@ declare function handleDownloadLogClick(): void;
 /**
  * 格式化代码
  */
-declare function handleFormatCodeClick(): void;
+declare function handleFormatCodeClick(): Promise<void>;
 /**
  * 处理聊天机器人点击事件
  */

package/es/modules/code-editor/monaco-editor.vue.mjs

@@ -1,7 +1,7 @@
-import _sfc_main from './monaco-editor.vue2.mjs';
-import './monaco-editor.css';/* empty css                    */
-import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
-
-const monacoEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-254c9227"]]);
-
-export { monacoEditor as default };
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import monaco_editor_vue_vue_type_script_setup_true_name_code_editor_lang_default from "./monaco-editor.vue_vue_type_script_setup_true_name_code-editor_lang.mjs";
+import './monaco-editor.vue_vue_type_style_index_0_scoped_ccf22884_lang.css';/* empty css                                                                    */
+//#region src/modules/code-editor/monaco-editor.vue
+var monaco_editor_default = /* @__PURE__ */ _plugin_vue_export_helper_default(monaco_editor_vue_vue_type_script_setup_true_name_code_editor_lang_default, [["__scopeId", "data-v-ccf22884"]]);
+//#endregion
+export { monaco_editor_default as default };

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.css → monaco-editor.vue_vue_type_style_index_0_scoped_ccf22884_lang.css}

@@ -1,30 +1,30 @@
-.m-e[data-v-254c9227] {
+.m-e[data-v-ccf22884] {
   width: 100%;
   height: 100%;
 }
-.m-e .m-e-main[data-v-254c9227] {
+.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-254c9227] {
+.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-254c9227] {
+.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-254c9227] {
+.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-254c9227] {
+.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;
@@ -32,16 +32,16 @@
   text-align: center;
   cursor: pointer;
 }
-.m-e .m-e-main .m-e-main_toolbar .m-e-main_toolbar_right .icon[data-v-254c9227]:hover {
+.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-254c9227] {
+.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-254c9227] {
+.m-e .m-e-main .m-e-main_container[data-v-ccf22884] {
   flex: 1;
   width: 100%;
   height: 100%;