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

package/es/modules/data-rules-container/src/components/select-modal-cmp.vue_vue_type_script_setup_true_name_select-modal-cmp_lang.mjs

@@ -0,0 +1,268 @@
+import select_user_modal_default from "../../../../components/select-user-modal/select-user-modal.vue.mjs";
+import "../../../../components/select-user-modal/index.mjs";
+import print_tmpl_modal_default from "../../../print-tmpl/print-tmpl-modal.vue.mjs";
+import "../../../print-tmpl/index.mjs";
+import { Fragment, computed, createElementBlock, createVNode, defineComponent, mergeProps, onMounted, openBlock, ref, resolveComponent, toRaw, unref, watch } from "vue";
+import { PrintTypeEnum, t, uuid2 } from "@gct-paas/core";
+//#region src/modules/data-rules-container/src/components/select-modal-cmp.vue?vue&type=script&setup=true&name=select-modal-cmp&lang.ts
+var select_modal_cmp_vue_vue_type_script_setup_true_name_select_modal_cmp_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "select-modal-cmp",
+	props: {
+		supportModalType: {},
+		pickerCompParams: {},
+		value: {}
+	},
+	emits: ["change"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const selectUserModalRef = ref();
+		const getClassName = "range-user-modal_" + uuid2(16, 16);
+		const allRoles = ref([]);
+		const allUserGroups = ref([]);
+		const allDepts = ref([]);
+		const allUsers = ref([]);
+		const labelOptions = ref([]);
+		const fieldObj = ref({});
+		const multiple = computed(() => props.pickerCompParams?.multiple);
+		const selectAtrr = computed(() => {
+			return {
+				mode: multiple.value ? "multiple" : void 0,
+				dropdownClassName: "hidden"
+			};
+		});
+		const showValue = computed(() => {
+			if (props.value) {
+				let value = props.value;
+				const a = multiple.value ? Array.isArray(value) ? value : value?.split(",").filter((i) => i) || [] : value;
+				return props.supportModalType === "range_user" ? a : value;
+			}
+		});
+		const handleDeselect = (key) => {
+			if (props.supportModalType === "range_user") {
+				const raw = props.value;
+				const next = (multiple.value ? Array.isArray(raw) ? [...raw] : String(raw ?? "").split(",").filter(Boolean) : raw != null && raw !== "" ? [String(raw)] : []).filter((k) => String(k) !== String(key));
+				emits("change", next.length ? next : "", 0);
+				return;
+			}
+			if (props.supportModalType === "label_template_ref") if (multiple.value) {
+				const raw = props.value;
+				emits("change", (Array.isArray(raw) ? [...raw] : raw != null && raw !== "" ? String(raw).split(",").filter(Boolean) : []).filter((id) => String(id) !== String(key)), 0);
+			} else emits("change", "", 0);
+		};
+		const optionsData = computed(() => {
+			if (props.supportModalType === "range_user") {
+				const roleOpt = allRoles.value.filter((e) => showValue.value?.includes(e.value));
+				const userGroupOpt = allUserGroups.value.filter((e) => showValue.value?.includes(e.value));
+				const deptOpt = allDepts.value.filter((e) => showValue.value?.includes(e.value));
+				const userOpt = allUsers.value.filter((e) => showValue.value?.includes(e.value));
+				return [
+					...roleOpt,
+					...userGroupOpt,
+					...deptOpt,
+					...userOpt
+				];
+			}
+			if (props.supportModalType === "label_template_ref") return labelOptions.value.map((e) => {
+				return {
+					...e,
+					value: e.id,
+					label: `${e.name}${e.version && e.printType !== "btw" ? " : " + e.version : ""}`
+				};
+			});
+			return [];
+		});
+		/**
+		* 范围人员逻辑开始--------------------------------------
+		*/
+		const updateUserOptions = async (userIds) => {
+			if (!userIds?.length) return;
+			const notExistUserIds = userIds?.filter((e) => e.includes(`USER:`) && !allUsers.value.some((f) => f.value === e))?.map((e) => e.replace(/USER:/, ""));
+			notExistUserIds?.length && await getAllUsers(notExistUserIds);
+		};
+		const getAllRoles = async () => {
+			allRoles.value = (await _api.apaas.role.getList({}) ?? []).map((e) => {
+				return {
+					...e,
+					value: `ROLE:${e.id}`,
+					label: e.name,
+					iconExtraProps: {}
+				};
+			});
+		};
+		const getAllUsers = async (ids) => {
+			const res = (await _api.platform.orgUserPicker.getTenantManagementUserListByIds({ ids: ids.join(",") }) ?? []).map((e) => {
+				return {
+					...e,
+					value: `USER:${e.id}`,
+					label: e.fullname
+				};
+			});
+			allUsers.value.push(...res);
+		};
+		const getAllUserGroups = async () => {
+			allUserGroups.value = (await _api.apaas.userGroup.getList({}) ?? []).map((e) => {
+				return {
+					...e,
+					value: `USER_GROUP:${e.id}`,
+					label: e.name
+				};
+			});
+		};
+		const getAllDepts = async () => {
+			allDepts.value = (await _api.apaas.designerCommon.getGetCanBeUsedOrg({}) ?? []).map((e) => {
+				return {
+					...e,
+					value: `ORG:${e.id}`,
+					label: e.name
+				};
+			});
+		};
+		/**
+		* 标签模版逻辑开始--------------------------------------
+		*/
+		const getIsBtwLabel = (label) => {
+			if (!label?.printType) return false;
+			return label.printType === "btw";
+		};
+		/**
+		* 供标签选择弹窗回填：单选返回一条记录，多选返回已选记录数组（先补全 labelOptions）
+		*/
+		async function getLabelOptionValue(v = showValue.value) {
+			await hydrateLabelOptionsFromValue(v);
+			const ids = normalizeLabelTemplateIds(v);
+			if (!ids.length) return multiple.value ? [] : void 0;
+			const mapped = ids.map((id) => labelOptions.value.find((e) => String(e.id) === String(id))).filter(Boolean).map((data) => {
+				const categoryId = labelOptions.value.find((e) => e.id === data?.key)?.categoryId || data.categoryId;
+				const merged = {
+					...data,
+					categoryId
+				};
+				return {
+					...merged,
+					version: getIsBtwLabel(merged) ? "" : merged?.version
+				};
+			});
+			if (multiple.value) return mapped.map((m) => toRaw(m));
+			return mapped[0] ? toRaw(mapped[0]) : void 0;
+		}
+		async function getTmplInfo(id) {
+			const res = await _api.apaas.printDesigner.getInfo({
+				id,
+				moduleType: PrintTypeEnum.LABEL
+			});
+			res && labelOptions.value.push({
+				...res,
+				id: res.baseId ? res.baseId + ":" + res.id : res.id
+			});
+			return res;
+		}
+		/** 回填值统一为 id 列表（与 handleOk / handleDeselect 一致） */
+		function normalizeLabelTemplateIds(val) {
+			if (val == null || val === "") return [];
+			if (multiple.value) return Array.isArray(val) ? val.map(String).filter(Boolean) : String(val).split(",").filter(Boolean);
+			return [String(val)];
+		}
+		/** 已有选中项但本地无缓存时，拉取详情写入 labelOptions，供 options 展示 */
+		async function hydrateLabelOptionsFromValue(sourceVal) {
+			const ids = normalizeLabelTemplateIds(sourceVal ?? showValue.value);
+			if (!ids.length) return;
+			await Promise.all(ids.map(async (fullId) => {
+				if (labelOptions.value.some((e) => String(e.id) === String(fullId))) return;
+				await getTmplInfo((String(fullId).includes(":") ? String(fullId).split(":").pop() : String(fullId)) || fullId);
+			}));
+		}
+		const handleOk = async (data) => {
+			const notExistUserIds = data?.filter((e) => e.includes(`USER:`) && !allUsers.value.some((f) => f.value === e))?.map((e) => e.replace(/USER:/, ""));
+			notExistUserIds?.length && await getAllUsers(notExistUserIds);
+			emits("change", data.length ? data : "", 0);
+		};
+		const handleOpenModal = async () => {
+			if (props.supportModalType === "range_user") selectUserModalRef.value.open({
+				selectedValue: showValue.value,
+				title: ""
+			});
+			else if (props.supportModalType === "label_template_ref") {
+				const res = await _gct.openUtil.modal(print_tmpl_modal_default, {
+					selected: await getLabelOptionValue(),
+					moduleType: PrintTypeEnum.LABEL,
+					isRdo: true,
+					btwForceVisible: true,
+					multiple: multiple.value
+				}, {
+					title: t("sys.pageDesigner.chooseTmplSth", { sth: "" }),
+					width: 1100,
+					height: 734,
+					okText: t("sys.okText"),
+					wrapClassName: "vxe-table--ignore-clear"
+				});
+				if (res.ok && res.params?.selected?.length) {
+					const { selected } = res.params;
+					selected.forEach((o) => {
+						if (getIsBtwLabel(o)) {
+							o.id = `${o.baseId}:${o.id}`;
+							o.version = "";
+						}
+					});
+					selected.forEach((o) => {
+						if (!labelOptions.value.some((e) => e.id === o.id)) labelOptions.value.push({ ...o });
+					});
+					emits("change", multiple.value ? selected.map((e) => e.id) : selected[0].id, 0);
+				}
+			}
+		};
+		watch(() => showValue, async (val) => {
+			if (props.supportModalType === "range_user") {
+				updateUserOptions(multiple.value ? val : [val]);
+				return;
+			}
+			if (props.supportModalType === "label_template_ref") {
+				const ids = normalizeLabelTemplateIds(val);
+				await hydrateLabelOptionsFromValue(val);
+				const rows = ids?.map((id) => labelOptions.value.find((e) => e.id == id))?.filter(Boolean);
+				if (!rows?.length) {
+					fieldObj.value = {};
+					return;
+				}
+				const primary = rows[0];
+				fieldObj.value = {
+					...primary,
+					version: getIsBtwLabel(primary) ? "" : primary?.version
+				};
+			}
+		}, {
+			immediate: true,
+			deep: true
+		});
+		onMounted(() => {
+			if (props.supportModalType === "range_user") {
+				getAllRoles();
+				getAllUserGroups();
+				getAllDepts();
+				if (!multiple.value && showValue.value || multiple.value && showValue.value?.length) updateUserOptions(multiple.value ? showValue.value : [showValue.value]);
+			}
+			if (props.supportModalType === "label_template_ref") hydrateLabelOptionsFromValue();
+		});
+		return (_ctx, _cache) => {
+			const _component_a_select = resolveComponent("a-select");
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(_component_a_select, mergeProps({
+				open: false,
+				value: showValue.value,
+				"max-tag-count": "responsive",
+				"max-tag-text-length": 2,
+				options: optionsData.value
+			}, selectAtrr.value, {
+				onClick: handleOpenModal,
+				onDeselect: handleDeselect
+			}), null, 16, ["value", "options"]), createVNode(unref(select_user_modal_default), {
+				ref_key: "selectUserModalRef",
+				ref: selectUserModalRef,
+				"class-name": getClassName,
+				"destroy-on-close": true,
+				onOk: handleOk
+			}, null, 512)], 64);
+		};
+	}
+});
+//#endregion
+export { select_modal_cmp_vue_vue_type_script_setup_true_name_select_modal_cmp_lang_default as default };

package/es/modules/data-rules-container/src/components/select-more.vue.d.ts

@@ -0,0 +1,8 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    next: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onNext?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    target: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/es/modules/data-rules-container/src/components/select-more.vue.mjs

@@ -0,0 +1,5 @@
+import select_more_vue_vue_type_script_setup_true_lang_default from "./select-more.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/modules/data-rules-container/src/components/select-more.vue
+var select_more_default = select_more_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { select_more_default as default };

package/es/modules/data-rules-container/src/components/select-more.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,26 @@
+import { createElementBlock, createVNode, defineComponent, onUnmounted, openBlock, ref, resolveComponent } from "vue";
+import { useIntersectionObserver } from "@vueuse/core";
+//#region src/modules/data-rules-container/src/components/select-more.vue?vue&type=script&setup=true&lang.ts
+var select_more_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "select-more",
+	emits: ["next"],
+	setup(__props, { emit: __emit }) {
+		const target = ref(null);
+		const emit = __emit;
+		const targetIsVisible = useIntersectionObserver(target, ([{ isIntersecting }], _observerElement) => {
+			if (isIntersecting) emit("next");
+		});
+		onUnmounted(() => {
+			targetIsVisible.stop();
+		});
+		return (_ctx, _cache) => {
+			const _component_a_spin = resolveComponent("a-spin");
+			return openBlock(), createElementBlock("div", {
+				ref_key: "target",
+				ref: target
+			}, [createVNode(_component_a_spin, { size: "small" })], 512);
+		};
+	}
+});
+//#endregion
+export { select_more_vue_vue_type_script_setup_true_lang_default as default };

package/es/modules/data-rules-container/src/components/select-userdep-cmp.vue.d.ts

@@ -0,0 +1,12 @@
+import { IPickerCompParams } from '../typing';
+export interface Props {
+    supportModalType: string;
+    pickerCompParams: IPickerCompParams;
+    value: IObject;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/modules/data-rules-container/src/components/select-userdep-cmp.vue.mjs

@@ -0,0 +1,5 @@
+import select_userdep_cmp_vue_vue_type_script_setup_true_name_select_userdep_cmp_lang_default from "./select-userdep-cmp.vue_vue_type_script_setup_true_name_select-userdep-cmp_lang.mjs";
+//#region src/modules/data-rules-container/src/components/select-userdep-cmp.vue
+var select_userdep_cmp_default = select_userdep_cmp_vue_vue_type_script_setup_true_name_select_userdep_cmp_lang_default;
+//#endregion
+export { select_userdep_cmp_default as default };

package/es/modules/data-rules-container/src/components/select-userdep-cmp.vue_vue_type_script_setup_true_name_select-userdep-cmp_lang.mjs

@@ -0,0 +1,103 @@
+import { PickType } from "../../../../components/UserPick/src/constants/index.mjs";
+import { useModalPicker } from "../../../../components/UserPick/index.mjs";
+import { computed, createBlock, defineComponent, openBlock, ref, resolveComponent, toRaw, watch } from "vue";
+import { t } from "@gct-paas/core";
+//#region src/modules/data-rules-container/src/components/select-userdep-cmp.vue?vue&type=script&setup=true&name=select-userdep-cmp&lang.ts
+var select_userdep_cmp_vue_vue_type_script_setup_true_name_select_userdep_cmp_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "select-userdep-cmp",
+	props: {
+		supportModalType: {},
+		pickerCompParams: {},
+		value: {}
+	},
+	emits: ["change"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const { openPickerByUser, openPicker, openPickerByDept, getUserByIds, getDeptOptions } = useModalPicker({
+			type: PickType.APP,
+			fieldKey: props.pickerCompParams.fieldKey,
+			modelKey: props.pickerCompParams.modelKey
+		});
+		const selectOptions = ref([]);
+		const showValue = computed(() => {
+			if (props.value) return [].concat(props.value?.orgs ?? [], props.value?.users ?? []);
+		});
+		watch([() => props.value?.orgs, () => props.value?.users], async ([orgsIds, usersIds]) => {
+			let userOptions = [], orgsOptions = [];
+			if (Array.isArray(usersIds) && usersIds.length !== 0) userOptions = (await getUserByIds({ ids: toRaw(usersIds).join(",") }))?.map((item) => {
+				return {
+					label: t(item.__LABEL__),
+					value: item.id
+				};
+			});
+			if (Array.isArray(orgsIds) && orgsIds.length !== 0) orgsOptions = (await getDeptOptions())?.map((item) => {
+				return {
+					label: t(item.name),
+					value: item.id
+				};
+			});
+			selectOptions.value = [...userOptions, ...orgsOptions];
+		}, {
+			deep: true,
+			immediate: true
+		});
+		const handleDeselect = (key, _option) => {
+			const orgs = (props.value?.orgs ?? []).filter((org) => org !== key);
+			const users = (props.value?.users ?? []).filter((user) => user !== key);
+			const info = {};
+			if (orgs.length !== 0 || users.length !== 0) {
+				info.orgs = orgs;
+				info.users = users;
+			}
+			emits("change", info, 0);
+		};
+		const handleOpenModal = () => {
+			if (props.supportModalType === "user&org") openPicker({
+				userIds: props.value?.users ?? [],
+				deptIds: props.value?.orgs ?? [],
+				callback: async (value) => {
+					const { deptIds, userIds } = value;
+					const info = {};
+					if (deptIds.length !== 0 || userIds.length !== 0) {
+						info.orgs = deptIds;
+						info.users = userIds;
+					}
+					emits("change", info, 0);
+				}
+			});
+			else if (props.supportModalType === "user") openPickerByUser({
+				userIds: props.value?.users ?? [],
+				multiple: props.pickerCompParams.multiple,
+				callback(userIds, _options) {
+					const info = {};
+					if (userIds.length !== 0) info.users = userIds;
+					emits("change", info, 0);
+				}
+			});
+			else if (props.supportModalType === "org") openPickerByDept({
+				deptIds: props.value?.orgs ?? [],
+				multiple: props.pickerCompParams.multiple,
+				callback: async (dept) => {
+					const info = {};
+					if (dept.length !== 0) info.orgs = dept;
+					emits("change", info, 0);
+				}
+			});
+		};
+		return (_ctx, _cache) => {
+			const _component_a_select = resolveComponent("a-select");
+			return openBlock(), createBlock(_component_a_select, {
+				open: false,
+				value: showValue.value,
+				"max-tag-count": "responsive",
+				"max-tag-text-length": 2,
+				options: selectOptions.value,
+				onClick: handleOpenModal,
+				onDeselect: handleDeselect
+			}, null, 8, ["value", "options"]);
+		};
+	}
+});
+//#endregion
+export { select_userdep_cmp_vue_vue_type_script_setup_true_name_select_userdep_cmp_lang_default as default };

package/es/modules/data-rules-container/src/components/tree-action-node.vue.d.ts

@@ -0,0 +1,25 @@
+import { LocalFieldMetaDTO } from '../typing';
+export interface Props {
+    data: IObject;
+    /** 字段列表 | 模型列表 */
+    fieldList?: LocalFieldMetaDTO[];
+    /** 已经选择的字段key */
+    selectFiledKeys?: string[];
+    filterType?: string;
+    readonly?: boolean;
+    mainModelKey?: string;
+    isPageDesigner?: boolean;
+    isOnlineFormDesigner?: boolean;
+    isAllowClear?: boolean;
+    excludeValueType?: string[];
+    excludeOperatorType?: string[];
+    apiConfig?: object;
+    onlineFormFieldList?: IObject[];
+    modelName?: string;
+    /**是否级联字段模式 */
+    cascadeField?: boolean;
+    /** 搜索类型-算子 */
+    searchType: Record<string | 'more', IObject>;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/modules/data-rules-container/src/components/tree-action-node.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+import tree_action_node_vue_vue_type_script_setup_true_name_tree_action_node_lang_default from "./tree-action-node.vue_vue_type_script_setup_true_name_tree-action-node_lang.mjs";
+import './tree-action-node.vue_vue_type_style_index_0_scoped_f37ec578_lang.css';/* empty css                                                                       */
+//#region src/modules/data-rules-container/src/components/tree-action-node.vue
+var tree_action_node_default = /* @__PURE__ */ _plugin_vue_export_helper_default(tree_action_node_vue_vue_type_script_setup_true_name_tree_action_node_lang_default, [["__scopeId", "data-v-f37ec578"]]);
+//#endregion
+export { tree_action_node_default as default };