@gct-paas/core-web 0.1.4-dev.10 → 0.1.4-dev.12

package/es/components/base-button/base-button.vue.mjs

@@ -1,7 +1,7 @@
-import _sfc_main from './base-button.vue3.mjs';
-import './base-button.css';/* empty css                  */
-import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
-
-const baseButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5375ec2b"]]);
-
-export { baseButton as default };
+import base_button_vue_vue_type_script_setup_true_name_BaseButton_lang_default from "./base-button.vue_vue_type_script_setup_true_name_BaseButton_lang.mjs";
+import './base-button.vue_vue_type_style_index_0_scoped_5375ec2b_lang.css';/* empty css                                                                  */
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+//#region src/components/base-button/base-button.vue
+var base_button_default = /* @__PURE__ */ _plugin_vue_export_helper_default(base_button_vue_vue_type_script_setup_true_name_BaseButton_lang_default, [["__scopeId", "data-v-5375ec2b"]]);
+//#endregion
+export { base_button_default as default };

package/es/components/base-button/base-button.vue_vue_type_script_setup_true_name_BaseButton_lang.mjs

@@ -0,0 +1,181 @@
+import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, resolveComponent, toDisplayString, unref, useCssVars, withCtx } from "vue";
+import { debounce } from "lodash-es";
+import { ButtonSize, ButtonStyle, t } from "@gct-paas/core";
+import { Modal as Modal$1 } from "ant-design-vue";
+//#region src/components/base-button/base-button.vue?vue&type=script&setup=true&name=BaseButton&lang.ts
+var _hoisted_1 = { class: "inline-block align-middle" };
+var _hoisted_2 = {
+	key: 0,
+	class: "btn-title gct-text-overflow whitespace-nowrap"
+};
+var base_button_vue_vue_type_script_setup_true_name_BaseButton_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "base-button",
+	props: {
+		block: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		title: {
+			type: String,
+			default: ""
+		},
+		size: {
+			type: String,
+			default: "default"
+		},
+		icon: {
+			type: String,
+			default: ""
+		},
+		type: {
+			type: String,
+			default: ""
+		},
+		hasIcon: {
+			type: Boolean,
+			default: false
+		},
+		hasText: {
+			type: Boolean,
+			default: true
+		},
+		danger: {
+			type: Boolean,
+			default: false
+		},
+		buttonStyle: {
+			type: String,
+			default: ""
+		},
+		i18nConfig: {
+			type: String,
+			default: ""
+		},
+		hidden: {
+			type: Boolean,
+			default: false
+		},
+		confirm: {
+			type: Boolean,
+			default: false
+		},
+		confirmText: {
+			type: String,
+			default: ""
+		},
+		enableCustomColor: {
+			type: Boolean,
+			default: false
+		},
+		backgroundColor: {
+			type: String,
+			default: ""
+		},
+		fontColor: {
+			type: String,
+			default: ""
+		}
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		useCssVars((_ctx) => ({
+			"v8d035854": props.fontColor,
+			"e376d652": props.backgroundColor,
+			"v4ee5fd6d": props.type === "primary" ? props.backgroundColor : "transparent"
+		}));
+		const props = __props;
+		const emit = __emit;
+		const getVertivalAlign = computed(() => {
+			if (!props.hasText) return "text-top";
+			else return "text-top";
+		});
+		const debonceClick = debounce(function() {
+			emit("click");
+		}, 300);
+		const clickEvent = async (evt) => {
+			const isAppRun = /\/web-render|\/web\/|web-single\/|dev-single\/|test-single\//.test(location.pathname);
+			let target = evt.target;
+			if (target.nodeName == "SPAN") target = target.parentNode;
+			target.blur();
+			if (props.confirm && isAppRun) {
+				await new Promise((res, rej) => {
+					Modal$1.confirm({
+						content: props.confirmText || t("sys.pageDesigner.confirmTodo"),
+						onOk() {
+							res("onOk");
+						},
+						onCancel() {
+							rej("onCancel");
+						}
+					});
+				});
+				emit("click");
+				return;
+			}
+			debonceClick();
+		};
+		return (_ctx, _cache) => {
+			const _component_IconNext = resolveComponent("IconNext");
+			const _component_a_button = resolveComponent("a-button");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_a_button, {
+				size: __props.size,
+				type: __props.type,
+				danger: __props.danger,
+				loading: __props.loading,
+				block: __props.block,
+				disabled: __props.disabled,
+				class: normalizeClass([
+					__props.enableCustomColor && __props.fontColor ? "btn-font-color" : "",
+					__props.enableCustomColor && __props.backgroundColor ? "btn-bg-style" : "",
+					{ square: __props.buttonStyle === unref(ButtonStyle).SQUARE }
+				]),
+				title: __props.title,
+				onClick: clickEvent
+			}, {
+				icon: withCtx(() => [__props.hasIcon ? (openBlock(), createBlock(_component_IconNext, {
+					key: 0,
+					size: __props.buttonStyle === unref(ButtonStyle).SQUARE ? 20 : 16,
+					value: __props.icon,
+					style: normalizeStyle({
+						"--color": "inherit",
+						lineHeight: "1",
+						verticalAlign: getVertivalAlign.value
+					})
+				}, null, 8, [
+					"size",
+					"value",
+					"style"
+				])) : createCommentVNode("", true), __props.icon && __props.hasText ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: normalizeClass({
+						"h-6px": __props.hasIcon && __props.hasText && __props.buttonStyle === unref(ButtonStyle).SQUARE && __props.size !== unref(ButtonSize).SMALL,
+						"h-4px": __props.hasIcon && __props.hasText && __props.buttonStyle === unref(ButtonStyle).SQUARE && __props.size === unref(ButtonSize).SMALL,
+						"w-6px": __props.hasIcon && __props.hasText && __props.buttonStyle === unref(ButtonStyle).ORDINARY && __props.size !== unref(ButtonSize).SMALL,
+						"w-4px": __props.hasIcon && __props.hasText && __props.buttonStyle === unref(ButtonStyle).ORDINARY && __props.size === unref(ButtonSize).SMALL
+					})
+				}, null, 2)) : createCommentVNode("", true)]),
+				default: withCtx(() => [__props.hasText ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.hasText ? __props.title : ""), 1)) : createCommentVNode("", true)]),
+				_: 1
+			}, 8, [
+				"size",
+				"type",
+				"danger",
+				"loading",
+				"block",
+				"disabled",
+				"class",
+				"title"
+			])]);
+		};
+	}
+});
+//#endregion
+export { base_button_vue_vue_type_script_setup_true_name_BaseButton_lang_default as default };

package/es/components/basic-button/basic-button.vue.d.ts

@@ -82,9 +82,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
 }>> & Readonly<{
     onDropdown?: ((...args: any[]) => any) | undefined;
 }>, {
-    loading: boolean;
-    disabled: boolean;
     icon: string;
+    disabled: boolean;
+    loading: boolean;
     buttonStyle: buttonEnum;
     dropdown: boolean;
     buttonType: ButtonColorType;

package/es/components/basic-button/basic-button.vue.mjs

@@ -1,7 +1,7 @@
-import _sfc_main from './basic-button.vue3.mjs';
-import './basic-button.css';/* empty css                   */
-import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
-
-const basicButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1dbcb2fa"]]);
-
-export { basicButton as default };
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import basic_button_vue_vue_type_script_setup_true_name_BasicButton_lang_default from "./basic-button.vue_vue_type_script_setup_true_name_BasicButton_lang.mjs";
+import './basic-button.vue_vue_type_style_index_0_scoped_1dbcb2fa_lang.css';/* empty css                                                                   */
+//#region src/components/basic-button/basic-button.vue
+var basic_button_default = /* @__PURE__ */ _plugin_vue_export_helper_default(basic_button_vue_vue_type_script_setup_true_name_BasicButton_lang_default, [["__scopeId", "data-v-1dbcb2fa"]]);
+//#endregion
+export { basic_button_default as default };

package/es/components/basic-button/basic-button.vue_vue_type_script_setup_true_name_BasicButton_lang.mjs

@@ -0,0 +1,148 @@
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, resolveComponent, unref, withCtx, withModifiers } from "vue";
+import { ButtonStyle } from "@gct-paas/core";
+//#region src/components/basic-button/basic-button.vue?vue&type=script&setup=true&name=BasicButton&lang.ts
+var _hoisted_1 = { class: "inline-block align-middle" };
+var _hoisted_2 = { class: "align-middle leading-none" };
+var _hoisted_3 = { class: "align-middle leading-none" };
+var basic_button_vue_vue_type_script_setup_true_name_BasicButton_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "basic-button",
+	props: {
+		buttonType: {
+			type: String,
+			default: ""
+		},
+		buttonTheme: {
+			type: String,
+			default: ""
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		icon: {
+			type: String,
+			default: ""
+		},
+		iconColor: {
+			type: String,
+			default: ""
+		},
+		buttonStyle: {
+			type: String,
+			default: ""
+		},
+		dropdown: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["dropdown"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const props = __props;
+		const getButtonClass = computed(() => {
+			const { buttonTheme, buttonStyle } = props;
+			const className = [`ant-btn-${buttonTheme}`];
+			if (buttonStyle === ButtonStyle.SQUARE) className.push("square");
+			else className.push("line");
+			return className;
+		});
+		const getDropdownClass = computed(() => {
+			const { buttonTheme } = props;
+			return `ant-btn-${buttonTheme}`;
+		});
+		function handel() {
+			emit("dropdown");
+		}
+		return (_ctx, _cache) => {
+			const _component_IconNext = resolveComponent("IconNext");
+			const _component_a_button = resolveComponent("a-button");
+			return openBlock(), createElementBlock("div", _hoisted_1, [__props.dropdown ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(["inline-block ant-btn-group", __props.buttonStyle === unref(ButtonStyle).SQUARE ? "squaref group" : ""])
+			}, [createVNode(_component_a_button, {
+				class: normalizeClass(getButtonClass.value),
+				disabled: __props.disabled,
+				type: __props.buttonType,
+				"ant-click-animating-without-extra-node": "false"
+			}, {
+				default: withCtx(() => [
+					__props.icon ? (openBlock(), createBlock(_component_IconNext, {
+						key: 0,
+						class: "align-middle",
+						value: __props.icon,
+						size: __props.buttonStyle === unref(ButtonStyle).SQUARE ? 20 : 14,
+						color: __props.iconColor
+					}, null, 8, [
+						"value",
+						"size",
+						"color"
+					])) : createCommentVNode("", true),
+					__props.icon ? (openBlock(), createElementBlock("div", {
+						key: 1,
+						class: normalizeClass({
+							"inline-block w2px": __props.buttonStyle === unref(ButtonStyle).ORDINARY,
+							"h-4px": __props.buttonStyle === unref(ButtonStyle).SQUARE
+						})
+					}, null, 2)) : createCommentVNode("", true),
+					createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])
+				]),
+				_: 3
+			}, 8, [
+				"class",
+				"disabled",
+				"type"
+			]), createVNode(_component_a_button, {
+				disabled: __props.disabled,
+				type: __props.buttonType,
+				class: normalizeClass(getDropdownClass.value),
+				onClick: withModifiers(handel, ["stop"])
+			}, {
+				icon: withCtx(() => [renderSlot(_ctx.$slots, "icon", {}, void 0, true)]),
+				_: 3
+			}, 8, [
+				"disabled",
+				"type",
+				"class"
+			])], 2)) : (openBlock(), createBlock(_component_a_button, {
+				key: 1,
+				disabled: __props.disabled,
+				type: __props.buttonType,
+				class: normalizeClass(getButtonClass.value)
+			}, {
+				default: withCtx(() => [
+					__props.icon ? (openBlock(), createBlock(_component_IconNext, {
+						key: 0,
+						class: "align-middle",
+						value: __props.icon,
+						size: __props.buttonStyle === unref(ButtonStyle).SQUARE ? 20 : 14,
+						color: __props.iconColor
+					}, null, 8, [
+						"value",
+						"size",
+						"color"
+					])) : createCommentVNode("", true),
+					__props.icon ? (openBlock(), createElementBlock("div", {
+						key: 1,
+						class: normalizeClass({
+							"inline-block w3px": __props.buttonStyle === unref(ButtonStyle).ORDINARY,
+							"h-4px": __props.buttonStyle === unref(ButtonStyle).SQUARE
+						})
+					}, null, 2)) : createCommentVNode("", true),
+					createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])
+				]),
+				_: 3
+			}, 8, [
+				"disabled",
+				"type",
+				"class"
+			]))]);
+		};
+	}
+});
+//#endregion
+export { basic_button_vue_vue_type_script_setup_true_name_BasicButton_lang_default as default };

package/es/components/code-editor/code-editor.d.ts

@@ -30,6 +30,6 @@ export declare const CodeEditor: import('vue').DefineComponent<import('vue').Ext
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }>, {
     value: string;
-    language: string;
     config: editor.IStandaloneEditorConstructionOptions;
+    language: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/components/code-editor/code-editor.mjs

@@ -1,66 +1,62 @@
-import { defineComponent, computed, ref, onMounted, onUnmounted, createVNode } from 'vue';
-import { useNamespace, deepMerge } from '@gct-paas/core';
-import loader from '@monaco-editor/loader';
 import './code-editor.css';/* empty css                  */
-
-const CodeEditor = /* @__PURE__ */ defineComponent({
-  name: 'CodeEditor',
-  props: {
-    value: {
-      type: String,
-      default: ''
-    },
-    config: {
-      type: Object,
-      default: () => ({})
-    },
-    language: {
-      type: String,
-      default: 'typescript'
-    }
-  },
-  emits: ['update:value'],
-  setup(props, {
-    emit
-  }) {
-    const ns = useNamespace('code-editor');
-    const val = computed({
-      get() {
-        return props.value || '';
-      },
-      set(v) {
-        emit('update:value', v);
-      }
-    });
-    const el = ref(null);
-    let monacoEditor = null;
-    onMounted(() => {
-      loader.init().then(m => {
-        if (el.value) {
-          monacoEditor = m.editor.create(el.value, deepMerge({
-            value: val.value,
-            language: props.language,
-            automaticLayout: true,
-            minimap: {
-              enabled: false
-            }
-          }, props.config));
-          monacoEditor.onDidBlurEditorText(() => {
-            val.value = monacoEditor.getValue();
-          });
-        }
-      });
-    });
-    onUnmounted(() => {
-      monacoEditor?.dispose();
-    });
-    return () => {
-      return createVNode("div", {
-        "ref": el,
-        "class": ns.b()
-      }, null);
-    };
-  }
+import { computed, createVNode, defineComponent, onMounted, onUnmounted, ref } from "vue";
+import { deepMerge, useNamespace } from "@gct-paas/core";
+import loader from "@monaco-editor/loader";
+//#region src/components/code-editor/code-editor.tsx
+var CodeEditor = /* @__PURE__ */ defineComponent({
+	name: "CodeEditor",
+	props: {
+		value: {
+			type: String,
+			default: ""
+		},
+		config: {
+			type: Object,
+			default: () => ({})
+		},
+		language: {
+			type: String,
+			default: "typescript"
+		}
+	},
+	emits: ["update:value"],
+	setup(props, { emit }) {
+		const ns = useNamespace("code-editor");
+		const val = computed({
+			get() {
+				return props.value || "";
+			},
+			set(v) {
+				emit("update:value", v);
+			}
+		});
+		const el = ref(null);
+		let monacoEditor = null;
+		onMounted(() => {
+			loader.init().then((m) => {
+				if (el.value) {
+					monacoEditor = m.editor.create(el.value, deepMerge({
+						value: val.value,
+						language: props.language,
+						automaticLayout: true,
+						minimap: { enabled: false }
+					}, props.config));
+					monacoEditor.onDidBlurEditorText(() => {
+						val.value = monacoEditor.getValue();
+					});
+				}
+			});
+		});
+		onUnmounted(() => {
+			monacoEditor?.dispose();
+		});
+		return () => {
+			return createVNode("div", {
+				"ref": el,
+				"class": ns.b()
+			}, null);
+		};
+	}
 });
-
+//#endregion
 export { CodeEditor };

package/es/components/copy-module-key/copy-module-key.vue.mjs

@@ -1,7 +1,7 @@
-import _sfc_main from './copy-module-key.vue3.mjs';
-import './copy-module-key.css';/* empty css                      */
-import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
-
-const copyModuleKey = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-531b3cd2"]]);
-
-export { copyModuleKey as default };
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import copy_module_key_vue_vue_type_script_setup_true_name_copy_module_key_lang_default from "./copy-module-key.vue_vue_type_script_setup_true_name_copy-module-key_lang.mjs";
+import './copy-module-key.vue_vue_type_style_index_0_scoped_531b3cd2_lang.css';/* empty css                                                                     */
+//#region src/components/copy-module-key/copy-module-key.vue
+var copy_module_key_default = /* @__PURE__ */ _plugin_vue_export_helper_default(copy_module_key_vue_vue_type_script_setup_true_name_copy_module_key_lang_default, [["__scopeId", "data-v-531b3cd2"]]);
+//#endregion
+export { copy_module_key_default as default };

package/es/components/copy-module-key/copy-module-key.vue_vue_type_script_setup_true_name_copy-module-key_lang.mjs

@@ -0,0 +1,92 @@
+import { computed, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeStyle, openBlock, renderSlot, resolveComponent, toDisplayString, unref, withCtx, withModifiers } from "vue";
+import { t, useCopyToClipboard } from "@gct-paas/core";
+//#region src/components/copy-module-key/copy-module-key.vue?vue&type=script&setup=true&name=copy-module-key&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "copy-wrap copy-wrap-tooltip"
+};
+var _hoisted_2 = {
+	key: 0,
+	class: "copy-key"
+};
+var _hoisted_3 = {
+	key: 1,
+	class: "copy-wrap"
+};
+var copy_module_key_vue_vue_type_script_setup_true_name_copy_module_key_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "copy-module-key",
+	props: {
+		moduleKey: {
+			type: String,
+			require: true
+		},
+		isTooltip: Boolean,
+		supportCopy: {
+			type: Boolean,
+			default: true
+		},
+		iconPos: {
+			type: String,
+			default: "right"
+		},
+		showText: {
+			type: Boolean,
+			default: true
+		},
+		fontSize: {
+			type: Number,
+			default: 14
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const isShowCopyIcon = computed(() => {
+			return props.moduleKey && props.supportCopy;
+		});
+		function handleClipboardKey() {
+			const { isSuccessRef } = useCopyToClipboard(props.moduleKey);
+			unref(isSuccessRef) && _gct.message.success(t("sys.copySuccess"));
+		}
+		return (_ctx, _cache) => {
+			const _component_a_tooltip = resolveComponent("a-tooltip");
+			return __props.isTooltip ? (openBlock(), createElementBlock("div", _hoisted_1, [
+				isShowCopyIcon.value && __props.iconPos === "left" ? (openBlock(), createElementBlock("i", {
+					key: 0,
+					class: "iconfont icon-fuzhi primary-gct",
+					style: { "margin-right": "4px" },
+					onClick: withModifiers(handleClipboardKey, ["stop"])
+				})) : createCommentVNode("", true),
+				createVNode(_component_a_tooltip, null, {
+					title: withCtx(() => [createTextVNode(toDisplayString(__props.moduleKey), 1)]),
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [__props.showText ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.moduleKey), 1)) : createCommentVNode("", true)], true)]),
+					_: 3
+				}),
+				isShowCopyIcon.value && __props.iconPos === "right" ? (openBlock(), createElementBlock("i", {
+					key: 1,
+					class: "iconfont icon-fuzhi primary-gct",
+					style: { "margin-left": "4px" },
+					onClick: withModifiers(handleClipboardKey, ["stop"])
+				})) : createCommentVNode("", true)
+			])) : (openBlock(), createElementBlock("div", _hoisted_3, [
+				isShowCopyIcon.value && __props.iconPos === "left" ? (openBlock(), createElementBlock("i", {
+					key: 0,
+					class: "iconfont icon-fuzhi primary-gct",
+					style: { "margin-right": "4px" },
+					onClick: withModifiers(handleClipboardKey, ["stop"])
+				})) : createCommentVNode("", true),
+				renderSlot(_ctx.$slots, "default", {}, () => [__props.showText ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					style: normalizeStyle(`font-size: ${__props.fontSize}px; overflow-wrap: anywhere`)
+				}, toDisplayString(__props.moduleKey), 5)) : createCommentVNode("", true)], true),
+				isShowCopyIcon.value && __props.iconPos === "right" ? (openBlock(), createElementBlock("i", {
+					key: 1,
+					class: "iconfont icon-fuzhi primary-gct",
+					style: { "margin-left": "4px" },
+					onClick: withModifiers(handleClipboardKey, ["stop"])
+				})) : createCommentVNode("", true)
+			]));
+		};
+	}
+});
+//#endregion
+export { copy_module_key_vue_vue_type_script_setup_true_name_copy_module_key_lang_default as default };