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

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

@@ -1,194 +1,153 @@
-import { shallowRef, ref, watch, unref, nextTick } from 'vue';
-import { isEmpty, cloneDeep } from 'lodash-es';
-import 'ant-design-vue';
-import { monacoLoader } from '../../utils/monaco-loader/monaco-loader.mjs';
-import '@gct-paas/core';
-import 'vue3-dnd';
-import 'react-dnd-html5-backend';
-import '../../components/app-modal/app-modal-component.css';/* empty css                                                   */
-
-const instanceRef = shallowRef(null);
-const editorConsoleState = ref({
-  visible: false,
-  defaultInput: "",
-  tabActiveKey: ""
+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: ""
 });
-const consoleValueState = ref({
-  output: "",
-  error: "",
-  logs: []
+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)) {
-        const monaco = await monacoLoader.loadMonaco();
-        instanceRef.value = monaco.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
-  };
+	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() {
-  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 } = {}) {
-    const monaco = await monacoLoader.loadMonaco();
-    const errs = monaco.editor.getModelMarkers({
-      owner: "json"
-    });
-    if (errs.length > 0) {
-      if (showError) {
-        _gct.message.error("参数语法错误");
-      }
-      if (!ignoreError) {
-        return Promise.reject();
-      }
-    }
-    return getInstance()?.getValue() ?? unref(editorConsoleState).defaultInput;
-  }
-  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 {
-      /**  在 '{' or '[' follows ':'位置移除新行 */
-      newline = false,
-      /**  在冒号后面加空格 */
-      spaceAfterColon = true
-    } = options || {};
-    let codeStr = cloneJson;
-    let regex;
-    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
-  };
+	/** 获取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.mjs

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

package/es/modules/color-picker/index.mjs

@@ -0,0 +1 @@
+import "./src/ColorPicker.vue.mjs";

package/es/modules/color-picker/src/ColorPicker.vue.d.ts

@@ -30,9 +30,9 @@ declare const __VLS_component: import('vue').DefineComponent<PropsType, {}, {},
 }, string, import('vue').PublicProps, Readonly<PropsType> & Readonly<{
     "onUpdate:color"?: ((...args: any[]) => any) | undefined;
 }>, {
+    color: string | RgbaType;
     width: number;
     placement: string;
-    color: string | RgbaType;
     preset: string[];
     useTrigger: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/es/modules/color-picker/src/ColorPicker.vue.mjs

@@ -1,8 +1,8 @@
-import _sfc_main from './ColorPicker.vue2.mjs';
-import './ColorPicker2.css';import './ColorPicker.css';/* empty css                  */
-/* empty css                  */
-import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
-
-const ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7bfd9ca3"]]);
-
-export { ColorPicker as default };
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import ColorPicker_vue_vue_type_script_setup_true_name_ColorPicker_lang_default from "./ColorPicker.vue_vue_type_script_setup_true_name_ColorPicker_lang.mjs";
+import './ColorPicker.vue_vue_type_style_index_1_lang.css';import './ColorPicker.vue_vue_type_style_index_0_scoped_7bfd9ca3_lang.css';/* empty css                                                                  */
+/* empty css                                                  */
+//#region src/modules/color-picker/src/ColorPicker.vue
+var ColorPicker_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ColorPicker_vue_vue_type_script_setup_true_name_ColorPicker_lang_default, [["__scopeId", "data-v-7bfd9ca3"]]);
+//#endregion
+export { ColorPicker_default as default };