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

package/es/components/basic-button/basic-button.vue_vue_type_style_index_0_scoped_22131025_lang.css

@@ -0,0 +1,25 @@
+.square[data-v-22131025] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-width: 72px;
+  height: 72px;
+  padding: 0;
+}
+.squaref[data-v-22131025] {
+  min-width: 72px;
+  height: 72px;
+  padding: 0;
+}
+.line[data-v-22131025] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+[data-v-22131025] .group .ant-btn {
+  height: 100%;
+}
+[data-v-22131025] .ant-btn-loading-icon {
+  height: 0;
+}

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.d.ts

@@ -0,0 +1,74 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** 内容 */
+    moduleKey: {
+        type: StringConstructor;
+        require: boolean;
+    };
+    /** 是否显示tips */
+    isTooltip: BooleanConstructor;
+    /** 是否支持拷贝 */
+    supportCopy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    iconPos: {
+        type: StringConstructor;
+        default: string;
+    };
+    showText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fontSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** 内容 */
+    moduleKey: {
+        type: StringConstructor;
+        require: boolean;
+    };
+    /** 是否显示tips */
+    isTooltip: BooleanConstructor;
+    /** 是否支持拷贝 */
+    supportCopy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    iconPos: {
+        type: StringConstructor;
+        default: string;
+    };
+    showText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fontSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    isTooltip: boolean;
+    supportCopy: boolean;
+    iconPos: string;
+    showText: boolean;
+    fontSize: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,7 @@
+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 };

package/es/components/copy-module-key/copy-module-key.vue_vue_type_style_index_0_scoped_531b3cd2_lang.css

@@ -0,0 +1,24 @@
+
+.copy-wrap[data-v-531b3cd2] {
+  display: inline-block;
+}
+.iconfont.icon-fuzhi[data-v-531b3cd2] {
+  margin-left: 4px;
+  line-height: 0.8;
+  cursor: pointer;
+  position: relative;
+  top: 2px;
+}
+.copy-wrap-tooltip {
+&[data-v-531b3cd2] {
+  display: flex;
+  }
+.copy-key[data-v-531b3cd2] {
+    display: inline-block;
+    width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    word-break: break-all;
+}
+}

package/es/components/double-input/double-input.vue.d.ts

@@ -0,0 +1,49 @@
+interface Props {
+    doubleValue: number | string | unknown;
+    isSeparator?: boolean;
+    onEnter?: Fn;
+    /** 角标组件 */
+    renderScript?: Comment;
+    /** 小数位数 */
+    digits?: number;
+    /** 是否启用计步器 */
+    enableStepCounter?: boolean;
+}
+/**
+ * @interface IInputEvent
+ * 描述 Input 事件对象结构
+ */
+interface IInputEvent {
+    target: {
+        value: string | number;
+    };
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'step-down'?(_: {}): any;
+        'step-up'?(_: {}): any;
+    };
+    refs: {
+        inputNumberRef: unknown;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {
+    input: import('vue').Ref<any, any>;
+    onChangeValue: (event: IInputEvent) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:doubleValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:doubleValue"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputNumberRef: unknown;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/double-input/double-input.vue.mjs

@@ -0,0 +1,5 @@
+import double_input_vue_vue_type_script_setup_true_lang_default from "./double-input.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/components/double-input/double-input.vue
+var double_input_default = double_input_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { double_input_default as default };

package/es/components/double-input/double-input.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,121 @@
+import { computed, createBlock, createCommentVNode, createSlots, defineComponent, mergeProps, openBlock, ref, renderSlot, resolveComponent, resolveDynamicComponent, withCtx } from "vue";
+import { isNil } from "lodash-es";
+import { BigNumber } from "bignumber.js";
+//#region src/components/double-input/double-input.vue?vue&type=script&setup=true&lang.ts
+var double_input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "double-input",
+	props: {
+		doubleValue: {},
+		isSeparator: { type: Boolean },
+		onEnter: {},
+		renderScript: {},
+		digits: {},
+		enableStepCounter: { type: Boolean }
+	},
+	emits: ["update:doubleValue"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const inputAttr = ref({});
+		const inputNumberRef = ref();
+		const inputValue = computed({
+			get() {
+				const { val, precision } = getFormatterValue(props.doubleValue);
+				setInputAttr(precision);
+				return val;
+			},
+			set(value) {
+				emit("update:doubleValue", value);
+			}
+		});
+		const countDecimals = (num) => {
+			const match = String(num).match(/\.(\d+)/);
+			return match ? match[1].length : 0;
+		};
+		const formatterValue = (inputValue) => {
+			let value = inputValue?.toString();
+			if (props.isSeparator && value) value = value.replace(/\$\s?|(,*)/g, "");
+			const currentValue = parseFloat(value);
+			if (isNaN(currentValue)) return { val: null };
+			if (value.toString().indexOf(".") === 0) value = `0${value}`;
+			if (Number.isInteger(currentValue)) {
+				const reg = new RegExp(`^${currentValue}(\\.)`, "g");
+				if (reg.test(value)) {
+					if (value.replace(new RegExp(`^(${currentValue}(\\.))(.*)`), "$1") === `${currentValue}.`) {
+						const otherVal = value.replace(reg, "");
+						if (otherVal.toString().indexOf(".") === 0) return { val: currentValue };
+						if (parseFloat(otherVal) === 0) {
+							const decimalValue = otherVal.toString().replace(new RegExp(`^(\\d*)(.*)`), "$1");
+							return {
+								val: `${currentValue}.${decimalValue}`,
+								precision: decimalValue.length
+							};
+						}
+					}
+				}
+				return { val: currentValue };
+			} else {
+				const _val = value.replace(new RegExp(`^(\\d*\\.\\d*)(.*)`), "$1");
+				if (_val === currentValue.toString()) return { val: _val };
+				return {
+					val: _val,
+					precision: countDecimals(_val)
+				};
+			}
+		};
+		const getFormatterValue = (inputValue) => {
+			const res = formatterValue(inputValue);
+			if (isNil(props.digits)) return res;
+			const { val, precision } = res;
+			return {
+				val: val ? Number(new BigNumber(val).toFixed(props.digits, 1)) : val,
+				precision
+			};
+		};
+		const setInputAttr = (precision) => {
+			inputAttr.value = {};
+			if (precision !== void 0 && isNil(props.digits)) inputAttr.value = { precision };
+		};
+		const onChangeValue = (event) => {
+			const { target: { value: inputValue } } = event || {};
+			const { val, precision } = getFormatterValue(inputValue);
+			setInputAttr(precision);
+			emit("update:doubleValue", val);
+		};
+		/**
+		* @function onPressEnter
+		* @description 按下回车时触发，调用 onChangeValue 并执行 onEnter 回调
+		* @param {IInputEvent} event - 输入事件对象
+		*/
+		const onPressEnter = (event) => {
+			onChangeValue(event);
+			if (props.onEnter && typeof props.onEnter === "function") props.onEnter?.(event);
+		};
+		__expose({
+			input: inputNumberRef,
+			onChangeValue
+		});
+		return (_ctx, _cache) => {
+			const _component_a_input_number = resolveComponent("a-input-number");
+			return openBlock(), createBlock(_component_a_input_number, mergeProps({
+				ref_key: "inputNumberRef",
+				ref: inputNumberRef
+			}, inputAttr.value, {
+				value: inputValue.value,
+				"onUpdate:value": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
+				onBlur: onChangeValue,
+				onPressEnter
+			}), createSlots({ _: 2 }, [__props.enableStepCounter ? {
+				name: "addonBefore",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "step-down")]),
+				key: "0"
+			} : void 0, __props.enableStepCounter || __props.renderScript ? {
+				name: "addonAfter",
+				fn: withCtx(() => [__props.renderScript ? (openBlock(), createBlock(resolveDynamicComponent(__props.renderScript), { key: 0 })) : createCommentVNode("", true), __props.enableStepCounter ? renderSlot(_ctx.$slots, "step-up", { key: 1 }) : createCommentVNode("", true)]),
+				key: "1"
+			} : void 0]), 1040, ["value"]);
+		};
+	}
+});
+//#endregion
+export { double_input_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/field-upload/index.d.ts

@@ -0,0 +1,2 @@
+import { WithInstall } from '../../utils';
+export declare const FieldUpload: WithInstall<unknown>;

package/es/components/field-upload/index.mjs

@@ -0,0 +1,7 @@
+import { withInstall } from "../../utils/with-install.mjs";
+import "../../utils/index.mjs";
+import FieldUpload_default from "./src/FieldUpload.vue.mjs";
+//#region src/components/field-upload/index.ts
+var FieldUpload = withInstall(FieldUpload_default);
+//#endregion
+export { FieldUpload };

package/es/components/field-upload/src/FieldUpload.vue.d.ts

@@ -0,0 +1,37 @@
+import { MaterialEnum } from '@gct-paas/core';
+import { fileType } from './types';
+type __VLS_Props = {
+    modelKey?: string;
+    modelValue?: string;
+    readonly: boolean;
+    disabled: boolean;
+    /** 设计模式 */
+    isDesign: boolean;
+    /** 单个文件大小 */
+    maxSize?: number;
+    /** 最大上传数量 */
+    maxCount?: number;
+    /** 支持的格式数组 */
+    accept?: string[];
+    materialType: MaterialEnum;
+    /** 表格模式 */
+    isTable?: boolean;
+    /** 表单校验 */
+    beforeUpload?: (file: File) => Promise<unknown>;
+    /** 名字点击事件*/
+    nameClick?: (item: fileType) => void;
+    /** 是否隐藏切换按钮 */
+    hideSwitch?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    getShowType(): "List" | "Card";
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    onBeforeUpload: (...args: any[]) => void;
+    saveTableRow: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onOnBeforeUpload?: ((...args: any[]) => any) | undefined;
+    onSaveTableRow?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/components/field-upload/src/FieldUpload.vue.mjs

@@ -0,0 +1,5 @@
+import FieldUpload_vue_vue_type_script_setup_true_name_FieldUpload_lang_default from "./FieldUpload.vue_vue_type_script_setup_true_name_FieldUpload_lang.mjs";
+//#region src/components/field-upload/src/FieldUpload.vue
+var FieldUpload_default = FieldUpload_vue_vue_type_script_setup_true_name_FieldUpload_lang_default;
+//#endregion
+export { FieldUpload_default as default };