@gct-paas/core-web 0.1.6-dev.2 → 0.1.6-dev.20

package/es/components/modal-name-editor/modal-name-editor.mjs

@@ -0,0 +1,124 @@
+import './modal-name-editor.css';/* empty css                        */
+import { computed, createVNode, defineComponent, nextTick, ref, resolveComponent, watch } from "vue";
+import { useNamespace } from "@gct-paas/core";
+import { onClickOutside } from "@vueuse/core";
+//#region src/components/modal-name-editor/modal-name-editor.tsx
+var ModalNameEditor = /* @__PURE__ */ defineComponent({
+	name: "ModalNameEditor",
+	props: {
+		value: {
+			type: String,
+			default: "未命名"
+		},
+		defaultName: {
+			type: String,
+			default: "未命名名称"
+		},
+		max: {
+			type: Number,
+			default: 100
+		}
+	},
+	emits: ["update:value", "change"],
+	setup(props, { emit }) {
+		const ns = useNamespace("modal-name-editor");
+		const isEdit = ref(false);
+		const nameInputRef = ref();
+		const name = ref(props.value);
+		const displayName = computed(() => {
+			return name.value || props.defaultName;
+		});
+		const isError = computed(() => {
+			if (displayName.value.length > props.max) return true;
+			return false;
+		});
+		watch(() => props.value, () => {
+			if (name.value !== props.value) name.value = props.value;
+		});
+		const isSaving = ref(false);
+		const hasUserModified = ref(false);
+		const val = computed({
+			get() {
+				if (isEdit.value && hasUserModified.value) return name.value;
+				return displayName.value;
+			},
+			set(val) {
+				hasUserModified.value = true;
+				const trimmedVal = val.trim();
+				if (name.value !== trimmedVal) {
+					name.value = trimmedVal;
+					emit("update:value", trimmedVal);
+				}
+			}
+		});
+		const onEditName = () => {
+			isEdit.value = true;
+			hasUserModified.value = false;
+			nextTick(() => {
+				nameInputRef.value.focus();
+				nameInputRef.value.select();
+			});
+		};
+		const onSaveName = async () => {
+			if (name.value && name.value.trim()) {
+				isSaving.value = true;
+				try {
+					emit("update:value", name.value);
+				} finally {
+					isSaving.value = false;
+				}
+			}
+			isEdit.value = false;
+			hasUserModified.value = false;
+		};
+		const onBlurOrEnter = () => {
+			if (isEdit.value) {
+				if (isError.value === true) {
+					nextTick(() => {
+						nameInputRef.value.focus();
+						nameInputRef.value.select();
+					});
+					return;
+				}
+				onSaveName();
+				isEdit.value = false;
+			}
+		};
+		onClickOutside(nameInputRef, async () => {
+			onBlurOrEnter();
+		});
+		const onChange = () => {
+			emit("change");
+		};
+		return () => {
+			return createVNode("div", { "class": ns.b() }, [
+				createVNode("div", {
+					"class": [ns.e("name"), ns.is("hidden", isEdit.value)],
+					"title": val.value,
+					"onDblclick": onEditName
+				}, [val.value]),
+				createVNode("div", { "class": [ns.e("input"), ns.is("hidden", !isEdit.value)] }, [
+					isSaving.value ? createVNode(resolveComponent("loading-outlined"), null, null) : null,
+					createVNode(resolveComponent("a-input"), {
+						"value": val.value,
+						"onUpdate:value": ($event) => val.value = $event,
+						"ref": nameInputRef,
+						"size": "small",
+						"bordered": false,
+						"onBlur": onBlurOrEnter,
+						"onPressEnter": onBlurOrEnter,
+						"disabled": isSaving.value,
+						"onChange": onChange
+					}, null),
+					createVNode("div", { "class": [ns.e("error-info"), ns.is("hidden", !isError.value)] }, [`最大${props.max}字`])
+				]),
+				createVNode("div", {
+					"class": [ns.e("edit"), ns.is("hidden", isEdit.value)],
+					"onClick": onEditName
+				}, [createVNode("i", { "class": "iconfont icon-bianji" }, null)])
+			]);
+		};
+	}
+});
+//#endregion
+export { ModalNameEditor };

package/es/components/model-cascader/index.d.ts

@@ -0,0 +1,34 @@
+export * from './util';
+export declare const ModelCascader: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    expandToLeft: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "change"[], "change", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    expandToLeft: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    value: string;
+    label: string;
+    expandToLeft: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/components/model-cascader/index.mjs

@@ -0,0 +1,98 @@
+import { getRecursiveModelTreeData, renderColTitle, renderOptionLabel } from "./util.mjs";
+import './style.css';/* empty css            */
+import { createVNode, defineComponent, h, ref, watch } from "vue";
+import { t } from "@gct-paas/core";
+import { Cascader, Spin } from "ant-design-vue";
+import { LoadingOutlined } from "@ant-design/icons-vue";
+//#region src/components/model-cascader/index.tsx
+var indicator = h(LoadingOutlined, {
+	style: { fontSize: "10px" },
+	spin: true
+});
+var ModelCascader = /* @__PURE__ */ defineComponent({
+	name: "ModelCascader",
+	props: {
+		value: {
+			type: String,
+			default: ""
+		},
+		label: {
+			type: String,
+			default: ""
+		},
+		expandToLeft: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["change"],
+	setup(props, { emit }) {
+		const visible = ref(false);
+		const isLoading = ref(false);
+		const treeOptions = ref([]);
+		const treeNameMap = ref({});
+		const selectedValue = ref([]);
+		const updateTreeData = async () => {
+			isLoading.value = true;
+			getRecursiveModelTreeData(props.value, 2).then((data) => {
+				const { value: rootValue, label: rootLabel } = props;
+				treeOptions.value = [{
+					label: rootLabel,
+					value: rootValue,
+					children: data.treeOptions
+				}];
+				treeNameMap.value = {
+					[rootValue]: rootLabel,
+					...data.treeNameMap
+				};
+			}).finally(() => {
+				isLoading.value = false;
+			});
+		};
+		watch(() => props.value, () => {
+			if (props.value.split("..")[0] !== selectedValue.value[0]) updateTreeData();
+		}, { immediate: true });
+		const renderOptions = (nodes, col) => {
+			return [col === 1 ? renderColTitle(t("sys.component.fieldTransfer.currentModel"), "current") : renderColTitle(t("sys.component.fieldTransfer.linkModel"), "link"), ...nodes.map((node) => {
+				const { value, children } = node;
+				return {
+					label: renderOptionLabel(node),
+					value,
+					isLeaf: false,
+					disabled: false,
+					children: children?.length ? renderOptions(children, col + 1) : null
+				};
+			})];
+		};
+		return () => {
+			const displayLabel = props.value.split("..").map((val) => treeNameMap.value[val]).join(" / ");
+			const isReadOnly = !treeOptions.value[0]?.children?.length;
+			return createVNode("div", null, [createVNode(Cascader, {
+				"value": selectedValue.value,
+				"onUpdate:value": ($event) => selectedValue.value = $event,
+				"changeOnSelect": true,
+				"expandTrigger": "hover",
+				"placement": "bottomRight",
+				"dropdownClassName": `model-cascader-popup ${props.expandToLeft ? "expand-to-left" : ""}`,
+				"options": renderOptions(treeOptions.value, 1),
+				"open": isReadOnly ? false : visible.value,
+				"onChange": (val) => emit("change", val.join("..")),
+				"onDropdownVisibleChange": (v) => {
+					visible.value = v;
+				}
+			}, { default: () => [createVNode("div", { "class": `flex items-center ${isReadOnly ? "" : "cursor-pointer"}` }, [
+				isLoading.value && createVNode(Spin, {
+					"indicator": indicator,
+					"class": "h-4 flex items-center"
+				}, null),
+				createVNode("div", {
+					"class": "text-xs truncate min-w-0",
+					"title": displayLabel
+				}, [displayLabel]),
+				!isReadOnly && !isLoading.value && createVNode("i", { "class": "shrink-0 ml-1 gct-iconfont icon-zujianziduan-xiajiantou3" }, null)
+			])] })]);
+		};
+	}
+});
+//#endregion
+export { ModelCascader };

package/es/components/model-cascader/style.css

@@ -0,0 +1,54 @@
+.expand-to-left .ant-cascader-menus {
+  direction: rtl;
+}
+.expand-to-left .ant-cascader-menu {
+  direction: ltr;
+  /* 防止文字也反向 */
+}
+.model-cascader-popup {
+  z-index: 3000;
+}
+.model-cascader-popup > div {
+  max-width: 60vw;
+}
+.model-cascader-popup .ant-cascader-menu-item {
+  min-width: 160px;
+  padding: 0 4px;
+  /* stylelint-disable-next-line no-descending-specificity */
+  /* stylelint-disable-next-line no-descending-specificity */
+}
+.model-cascader-popup .ant-cascader-menu-item:hover:not(.ant-cascader-menu-item-disabled),
+.model-cascader-popup .ant-cascader-menu-item.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled) {
+  background-color: #F2F5F8;
+}
+.model-cascader-popup .ant-cascader-menu-item.ant-cascader-menu-item-active,
+.model-cascader-popup .ant-cascader-menu-item.ant-cascader-menu-item-active .iconfont {
+  color: var(--ant-primary-color);
+}
+.model-cascader-popup .ant-cascader-menu-item .ant-cascader-menu-item-content {
+  display: flex;
+  align-items: center;
+}
+.model-cascader-popup .ant-cascader-menu-item .model-ops {
+  flex: 1;
+  padding-right: 0;
+  padding-left: 16px;
+  line-height: 32px;
+}
+.model-cascader-popup .ant-cascader-menu-item .model-ops .model-ops-name .model-ops-desc {
+  color: rgba(0, 0, 0, 0.45);
+}
+.model-cascader-popup .ant-cascader-menu-item .iconfont {
+  flex-shrink: 0;
+  padding-right: 8px;
+  padding-left: 4px;
+  font-size: 12px;
+  color: rgba(0, 0, 0, 0.45);
+}
+.model-cascader-popup .ant-cascader-menu-item .ant-cascader-menu-item-expand-icon {
+  display: none;
+}
+.model-cascader-popup .ant-cascader-menu-item.ant-cascader-menu-item-disabled {
+  color: #c3c3c3;
+  cursor: default;
+}

package/es/components/model-cascader/util.d.ts

@@ -0,0 +1,27 @@
+export declare const MODEL_SEPARATOR = "..";
+export declare const FIELD_SEPARATOR = ".";
+/**
+ * 示例：`(主)模型KEY .. (主)模型字段.(二级)模型字段ID.(二级)关联模型KEY .. (二级)模型字段.(三级)模型字段ID.(三级)关联模型KEY`
+ * 模型KEY：用于查询字段列表
+ * 模型字段：用于报表数据查询的前缀拼接
+ * 模型字段ID：用于保证 option 唯一性，构成 -> `字段KEY $ 所属模型KEY`
+ */
+export declare const getRootModelKeyFromJointKey: (key: string) => string;
+export declare const getLeafModelKeyFromJointKey: (key: string) => string;
+export declare const getForeignKeyChainFromJointKey: (key: string) => string;
+export interface IModelTreeNode {
+    label: string;
+    value: string;
+    children: IModelTreeNode[];
+}
+export declare const getRecursiveModelTreeData: (modelKey: string, depth: number, cache?: IObject) => Promise<{
+    treeOptions: IModelTreeNode[];
+    treeNameMap: Record<string, string>;
+}>;
+export declare const renderColTitle: (label: string, value: string) => {
+    label: import("vue/jsx-runtime").JSX.Element;
+    value: string;
+    isLeaf: boolean;
+    disabled: boolean;
+};
+export declare const renderOptionLabel: (node: IModelTreeNode) => import("vue/jsx-runtime").JSX.Element;

package/es/components/model-cascader/util.mjs

@@ -0,0 +1,73 @@
+import { Fragment, createVNode } from "vue";
+import { CreateType, FIELD_TYPE } from "@gct-paas/core";
+//#region src/components/model-cascader/util.tsx
+var MODEL_SEPARATOR = "..";
+var FIELD_SEPARATOR = ".";
+/**
+* 示例：`(主)模型KEY .. (主)模型字段.(二级)模型字段ID.(二级)关联模型KEY .. (二级)模型字段.(三级)模型字段ID.(三级)关联模型KEY`
+* 模型KEY：用于查询字段列表
+* 模型字段：用于报表数据查询的前缀拼接
+* 模型字段ID：用于保证 option 唯一性，构成 -> `字段KEY $ 所属模型KEY`
+*/
+var getRootModelKeyFromJointKey = (key) => {
+	return key.split("..")[0];
+};
+var getLeafModelKeyFromJointKey = (key) => {
+	return key.split("..").at(-1).split(".").at(-1);
+};
+var getForeignKeyChainFromJointKey = (key) => {
+	return key.split("..").filter((s) => s.includes(".")).map((s) => s.split(".")[0]).join(".");
+};
+var getRecursiveModelTreeData = async (modelKey, depth, cache) => {
+	const treeOptions = [];
+	const treeNameMap = {};
+	const listCache = { ...cache || {} };
+	let refModelList = [];
+	if (depth === 0) return {
+		treeOptions,
+		treeNameMap
+	};
+	if (listCache[modelKey]) refModelList = listCache[modelKey];
+	else {
+		refModelList = ((await _api.apaas.modelMeta.getDetail({ modelKey }))?.fieldMetaList || []).filter((f) => [FIELD_TYPE.REF, FIELD_TYPE.RDO_REF].includes(f.type) && [CreateType.USER_DEFINED, CreateType.BUILTIN].includes(f.createType));
+		listCache[modelKey] = refModelList;
+	}
+	for (const refModel of refModelList) {
+		const { id, key: relatedFieldKey, name, bindInfo, relationModelName } = refModel;
+		const label = `${name}（${relationModelName}）`;
+		const value = [
+			relatedFieldKey,
+			id,
+			bindInfo
+		].filter(Boolean).join(".");
+		const { treeOptions: children, treeNameMap: subMap } = await getRecursiveModelTreeData(bindInfo, depth - 1, listCache);
+		treeOptions.push({
+			label,
+			value,
+			children
+		});
+		Object.assign(treeNameMap, subMap);
+		treeNameMap[value] = label;
+	}
+	return {
+		treeOptions,
+		treeNameMap
+	};
+};
+var renderColTitle = (label, value) => {
+	return {
+		label: createVNode("div", { "class": "model-ops" }, [createVNode("span", { "class": "model-ops-name" }, [label])]),
+		value,
+		isLeaf: true,
+		disabled: true
+	};
+};
+var renderOptionLabel = (node) => {
+	const arrowVisible = !!node.children?.length;
+	return createVNode(Fragment, null, [createVNode("div", {
+		"class": "model-ops w-52 truncate",
+		"title": node.label
+	}, [createVNode("span", { "class": "model-ops-name" }, [node.label])]), arrowVisible && createVNode("i", { "class": "iconfont icon-a-Rightarrow" }, null)]);
+};
+//#endregion
+export { FIELD_SEPARATOR, MODEL_SEPARATOR, getForeignKeyChainFromJointKey, getLeafModelKeyFromJointKey, getRecursiveModelTreeData, getRootModelKeyFromJointKey, renderColTitle, renderOptionLabel };

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

@@ -0,0 +1,22 @@
+import { PropType } from 'vue';
+import { editor } from 'monaco-editor';
+export declare const MonacoEditor: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+    };
+    options: {
+        type: PropType<editor.IStandaloneEditorConstructionOptions>;
+    };
+}>, {
+    ns: import('@gct-paas/core').Namespace;
+    containerRef: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+    };
+    options: {
+        type: PropType<editor.IStandaloneEditorConstructionOptions>;
+    };
+}>> & Readonly<{
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/components/number-range/number-range.vue.mjs

@@ -1,7 +1,7 @@
 import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
 import number_range_vue_vue_type_script_setup_true_lang_default from "./number-range.vue_vue_type_script_setup_true_lang.mjs";
-import './number-range.vue_vue_type_style_index_0_scoped_283a5280_lang.css';/* empty css                                                                   */
+import './number-range.vue_vue_type_style_index_0_scoped_9970d677_lang.css';/* empty css                                                                   */
 //#region src/components/number-range/number-range.vue
-var number_range_default = /* @__PURE__ */ _plugin_vue_export_helper_default(number_range_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-283a5280"]]);
+var number_range_default = /* @__PURE__ */ _plugin_vue_export_helper_default(number_range_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-9970d677"]]);
 //#endregion
 export { number_range_default as default };

package/es/components/number-range/number-range.vue_vue_type_script_setup_true_lang.mjs

@@ -69,7 +69,7 @@ var number_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 					"precision",
 					"placeholder"
 				]),
-				createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "middle-text", {}, () => [createTextVNode(toDisplayString(_ctx.$t("sys.webRender.to")), 1)], true)]),
+				createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "middle-text", {}, () => [createTextVNode(toDisplayString(unref(t)("sys.webRender.to")), 1)], true)]),
 				createVNode(_component_a_input_number, {
 					value: __props.rangeMax,
 					min: 0,

package/es/components/number-range/{number-range.vue_vue_type_style_index_0_scoped_283a5280_lang.css → number-range.vue_vue_type_style_index_0_scoped_9970d677_lang.css}

@@ -1,8 +1,8 @@
-.range-box[data-v-283a5280] {
+.range-box[data-v-9970d677] {
   display: flex;
   align-items: center;
 }
-.range-box .text[data-v-283a5280] {
+.range-box .text[data-v-9970d677] {
   width: 90px;
   text-align: center;
 }

package/es/components/open-select-user-modal/SelectUserContainer.vue.d.ts

@@ -0,0 +1,20 @@
+import { ModalProps } from 'ant-design-vue';
+import { SceneType } from './controller/index.ts';
+type __VLS_Props = {
+    baseProps: {
+        /** 模型key */
+        modelKey: string;
+        /** 勾选的内容 */
+        selectValues: string[];
+        showTabs: string[];
+        multiple: boolean;
+        sceneType?: SceneType;
+        /** 需要额外隐藏的id集合 */
+        hiddenKeys?: string[];
+        readonly?: boolean;
+    };
+    options?: ModalProps;
+    callback?: Fn;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/components/open-select-user-modal/SelectUserContainer.vue.mjs

@@ -0,0 +1,8 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import SelectUserContainer_vue_vue_type_script_setup_true_name_SelectUserContainer_lang_default from "./SelectUserContainer.vue_vue_type_script_setup_true_name_SelectUserContainer_lang.mjs";
+import './SelectUserContainer.vue_vue_type_style_index_1_lang.css';import './SelectUserContainer.vue_vue_type_style_index_0_scoped_64a9b545_lang.css';/* empty css                                                                          */
+/* empty css                                                          */
+//#region src/components/open-select-user-modal/SelectUserContainer.vue
+var SelectUserContainer_default = /* @__PURE__ */ _plugin_vue_export_helper_default(SelectUserContainer_vue_vue_type_script_setup_true_name_SelectUserContainer_lang_default, [["__scopeId", "data-v-64a9b545"]]);
+//#endregion
+export { SelectUserContainer_default as default };